@charset "UTF-8";

@font-face{
font-family: 'NotoSansCJKjp-Light';
font-style: normal;
font-weight: 300;
src: url('/common/fonts/NotoSansCJKjp-DemiLight.eot');
src: url('/common/fonts/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
url('/common/fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
url('/common/fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face{
font-family: 'NotoSansCJKjp-DemiLight';
font-style: normal;
font-weight: 300;
src: url('/common/fonts/NotoSansCJKjp-DemiLight.eot');
src: url('/common/fonts/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
url('/common/fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
url('/common/fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face{
font-family: 'NotoSansCJKjp-Medium';
font-style: normal;
font-weight: 500;
src: url('/common/fonts/NotoSansCJKjp-Medium.eot');
src: url('/common/fonts/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
url('/common/fonts/NotoSansCJKjp-Medium.woff') format('woff'),
url('/common/fonts/NotoSansCJKjp-Medium.ttf')  format('truetype');
}

@media print {
body {
-webkit-print-color-adjust: exact;
}
}


html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

body{
position:relative;
color:#333;
font-family: 'NotoSansCJKjp-DemiLight', sans-serif;
border-top: 3px solid #cc0000;
}
p,dl,ul,ol{
font-size:14px;
line-height:1.714;
}
p.txtS{
font-size:12px;
}
a{
color:#333;
text-decoration:none;
image-rendering: -webkit-optimize-contrast;// Safari 6, UC Browser 9.9
image-rendering: -webkit-crisp-edges;// Safari 7+
image-rendering: -moz-crisp-edges;// Firefox 3.6+
image-rendering: pixelated;// Chrome 41+ and Opera 26+
-ms-interpolation-mode: nearest-neighbor; // IE 7+ (non-standard property)
}
a:hover span,
a:hover{
color:#cc0000!important;
}
.mainContent a:hover,
.mainContent .categoryBox a:hover,
.mainContent .subNavi ul li ul li a:hover .txt,
.mainContent .subNavi ul li .alike .txt:hover{
	text-decoration: underline;
}
.mainContent .inlineBtn a:hover,
.mainContent .headline .headlineIn .inlineBtn a:hover,
.mainContent ul.btn2 li a:hover{
	text-decoration: none;
}
.alike{
cursor:pointer;
}
/* テキスト寄せ※多用は避ける */
.textL{
	text-align: left;
}
.textR{
	text-align: right;
}
.textC{
	text-align: center;
}

/* header */
#header{
width:100%;
background:#fff;
}
#siteTop #header{
position:relative;
}
#siteTop #header:after{
content:'';
position:absolute;
bottom:0;
left:0;
z-index:1;
display:block;
width:100%;
background:#e6e6e6;
}
#header .logoArea{
float:left;
max-width:19%;
}
#header .logoArea a{
display: block;
}
#header .logoArea a img{
line-height:1;
padding:26px 30px;
}
#header > div{
position:relative;
}
#header .menuArea{
float:right;
}

/* footer */
.footer{
width:100%;
background: #fff;
}
.footer .footerIn{
max-width:1152px;
margin:0 auto;
padding: 0;
font-size: 10px;
}
.footer li{
float: left;
}
.footer li a{
display: inline-block;
padding: 21px 0 20px;
font-size:12px;
}
.footer li a .alink{
padding: 0 20px;
color: #333;
border-left: 1px solid #333;
}
.footer li a:hover .alink{
color: #333!important;
text-decoration:underline;
}
.footer li:first-child a .alink{
padding: 0 20px 0 0;
border-left: none;
}
.footer li a:hover .alink{
color:#cc0000;
}

/** pagetop **/
.page-top{
position: fixed;
bottom: 0;
left: 50%;
line-height:0;
margin-left: -30px;
}
.page-top:hover img{
opacity: 0.8;
}

/* wrapper */
.wrapper{
width:100%;
overflow:hidden;
}

/* mainContent */
/** section **/
.mainContent section{
background:#fff;
border-top:1px solid #e6e6e6;
}
.mainContent section:first-child{
border-top:none;
}
.mainContent section.noBorder{
border-top:none;
}
/** article **/
.mainContent section article{
margin:0 auto;
max-width:1152px;
padding:24px 64px;
overflow:hidden;
}
/** inner **/
.mainContent section .inner{
max-width:1152px;
margin:0 auto;
padding:48px 64px 64px;
overflow:hidden;
}
.mainContent section article .inner{
padding:0 0 24px;
overflow:hidden;
border-top:1px solid #e7e7e7;
}
.mainContent section article .inner .inner{
margin-left:16px;
border-top:none;
padding:0;
}
.mainContent section article .inner p{
margin-top:0;
margin-left:32px;
}

/* breadcrumb */
.breadcrumb,
.setBreadcrumb{
width:100%;
background:#e6e6e6;
}
.breadcrumb .breadcrumbIn,
.setBreadcrumb .breadcrumbIn{
max-width:1152px;
margin:0 auto;
padding:0 64px;
}
.breadcrumb .breadcrumbIn ul li,
.setBreadcrumb .breadcrumbIn ul li{
float:left;
background:url(/common/images/breadcrumb_arrow.png) no-repeat 100% center;
background-size:6px 10px;
margin-right:15px;
padding-right:20px;
}
.breadcrumb .breadcrumbIn ul li:last-child,
.setBreadcrumb .breadcrumbIn ul li:last-child{
background:none;
margin-right:0;
}
.breadcrumb .breadcrumbIn ul li a,
.setBreadcrumb .breadcrumbIn ul li a{
display:inline-block;
padding:8px 0;
font-size:12px;
}
.breadcrumb .breadcrumbIn ul li a:hover,
.setBreadcrumb .breadcrumbIn ul li a:hover{
	text-decoration: underline;
}

/* footerLinks */
.footerLinks{
width:100%;
background:#f3f3f3;
}
.footerLinks a:hover{
text-decoration: underline;
}
.footerLinks .footerLinksIn{
max-width:1152px;
margin:0 auto;
padding:20px 64px 40px;
}
.footerLinks .footerLinksIn .menuArea .links{
float:left;
width:20%;
margin-left:1%;
}
.footerLinks .footerLinksIn .menuArea .links.wide{
width:36%;
}
.footerLinks .footerLinksIn .menuArea .links:first-child{
margin-left:0;
}
.footerLinks .footerLinksIn .menuArea .links p{
margin-top:16px;
}
.footerLinks .footerLinksIn .menuArea .links p a{
color:#cc0000;
}
.footerLinks .footerLinksIn .menuArea .links p a[href$=".pdf"]{
padding-right:17px;
background-image:url(/common/images/icon_pdf.png);
background-repeat:no-repeat;
background-size:15px 15px;
background-position:right top;
}

.footerLinks .footerLinksIn .menuArea .links ul{
margin-top:8px;
}
.footerLinks .footerLinksIn .menuArea .links ul li:before{
content:'';
display:block;
width:8px;
height:1px;
margin:21px 5px 0 0;
background:#cc0000;
vertical-align: top;
float: left;
}
.footerLinks .footerLinksIn .menuArea .links ul li a{
font-size:12px;
line-height:1.1em;
display:inline-block;
vertical-align: top;
padding-left: 15px;
margin-top: 1.2em;
}
.footerLinks .footerLinksIn .menuArea .links ul li:after{
content:'.';
display:inline-block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
/* module */
/** clearfix **/
.clearfix:after{
content:'.';
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
.footerLinks .footerLinksIn .menuArea .links ul li a{
background:none no-repeat 100% -1px;
padding:0 16px 2px 0;
}
.footerLinks .footerLinksIn .menuArea .links ul li a[href$=".pdf"]{
background-image:url(/common/images/icon_pdf.png);
background-size:15px 15px;
}
.footerLinks .footerLinksIn .menuArea .links ul li a[href^="http://"],
.footerLinks .footerLinksIn .menuArea .links ul li a[href^="https://"]{
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}
.footerLinks .footerLinksIn .menuArea .links ul li a[href^="http://"]:hover,
.footerLinks .footerLinksIn .menuArea .links ul li a[href^="https://"]:hover{
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}

/** menu **/
#header .menuArea #menu{
display:block;
width: 56px;
height: 56px;
background:url(/common/images/menu_off.png) left top no-repeat;
background-size: 55px 56px;
border-left: 1px solid #e7e7e7;
cursor:pointer;
}

/** keyvisual **/
.keyvisual{
width:100%;
}
.keyvisual .pcImg{
display:block;
}
.keyvisual .spImg{
display:none;
}
.keyvisual img{
width:100%;
height:auto;
}

/** headline **/
.headline{
background:#fff;
}
.headline .headlineIn{
position:relative;
margin:0 auto 16px;
}
.headline .headlineIn .inlineBtn{
position:absolute;
top:0;
right:15px;
}
.headline .tit{
display:inline-block;
margin-right:24px;
margin-bottom:20px;
}
.headline .subTxt{
display:inline-block;
font-size:14px;
line-height:1.7142;
margin-bottom:20px;
}
.headline.withBtn .subTxt{
margin-right:135px;
}
/*** h1 ***/
h1{
font-family: 'NotoSansCJKjp-Light', sans-serif;
font-size:32px;
line-height:1.25;
margin-bottom:48px;
}
.headline h1{
margin-top:0;
}
/*** h2 ***/
h2{
font-family: 'NotoSansCJKjp-Light', sans-serif;
font-size:26px;
line-height:1.3076;
margin-bottom:4px;
}
.headline h2{
margin-top:0;
}
article h2{
padding:12px 0;
}
/*** h3 ***/
h3{
font-size:18px;
line-height:1.4444;
margin-bottom:16px;
}
article h3{
position:relative;
padding-left:12px;
margin-top:24px;
}
article h3:before{
position:absolute;
top:0.222em;
left:0;
content:'';
border-left:3px solid #cc0000;
width:3px;
height:1em;
}
/*** h4 ***/
h4{
font-size:14px;
line-height:1.5;
}
article h4{
position:relative;
margin-top:24px;
margin-left:20px;
padding-left:1em;
color:#cc0000;
}
article h4:before{
position:absolute;
top:50%;
left:0;
margin-top:-2px;
content:'';
width:5px;
height:5px;
background:#cc0000;
}
article h4 a{
color: #cc0000!important;
text-decoration: underline;
}
article h4 a:hover{
text-decoration: none;
}
/** columnArea **/
.mainContent section .inner.columnArea{
padding-top:0;
padding-bottom:0;
}
/*** col2 ***/
.columnArea.col2{
position:relative;
margin-left: -4%;
}
.columnArea.col2.withBorder:before{
position:absolute;
right:50%;
top:0;
content:'';
display:block;
width:1px;
height:100%;
background:#e6e6e6;
}
.columnArea.col2 .col{
float:left;
width:46%;
margin-bottom:40px;
margin-left: 4%;
}
.columnArea.col2 .col.border{
padding-bottom:60px;
}
.columnArea.col2.withBorder .col{
padding-top: 48px;
}
.columnArea.col2 .col .colIn{
margin-left:48px;
}
.columnArea.col2 .col:first-child .colIn{
margin-left:0;
margin-right:48px;
}
/*** centerCol2 ***/
.columnArea.centerCol2{
max-width:768px;
margin:0 auto -40px;
overflow:hidden;
}
.columnArea.centerCol2 .col{
float:left;
width:47.583%;
max-width:384px;
margin-bottom:40px;
margin-left: 3.186%;
}
.columnArea.centerCol2 .col:first-child{
margin-left: 0;
}
/*** col3 ***/
.columnArea.col3{
margin-bottom:-40px;
margin-left: -2.329%;
overflow:hidden;
}
.columnArea.col3 .col{
float:left;
width:31%;
margin-bottom:40px;
margin-left: 2.329%;
}
/*** calendar ***/
.columnArea.col3 .calendar{
float:left;
width:31%;
margin-left:2.329%;
margin-bottom:42px;
}
.columnArea.col3 .calendar:first-child{
width:31%;
}
.columnArea.col3 .calendar .calendarIn{
border:1px solid #e6e6e6;
padding:20px;
}
.calendar .calendarIn .month{
text-align:center;
font-size:16px;
}
.calendar .calendarIn table{
width:100%;
font-size:13px;
}
.calendar .calendarIn table tr th:first-child,
.calendar .calendarIn table tr td:first-child{
color:#cc0000;
}
.calendar .calendarIn table th,
.calendar .calendarIn table td{
text-align:center;
vertical-align:middle;
}
.calendar .calendarIn table th{
border-bottom:1px solid #e6e6e6;
padding:20px 0;
}
.calendar .calendarIn table td{
height:28px;
padding:3px 0;
}
.calendar .calendarIn table tr td.holiday{
background:url(/common/images/bg_calendar_event.png) no-repeat center center;
background-size:28px 28px;
}

/*** columnArea common ***/
.columnArea .col a:hover .ttl{
text-decoration: underline;
}
.columnArea .col .img{
display:block;
width: 100%;
overflow:hidden;
position: relative;
}
.columnArea .col .img img{
width:100%;
height:auto;



position: relative;
outline: none;
overflow: hidden;
}
.columnArea .col a .img::after{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background-color: rgba(255,255,255,.3);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
/*position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height:100%;
border: 0px solid #cc0000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-width .14s;
-webkit-transition: border-width .14s;
-ms-transition: border-width .14s;
transition: border-width .14s;
*/}
.columnArea .col a:hover .img::after{
		-webkit-animation: circle .75s;
	animation: circle .75s;
/*border: 6px solid #cc0000;
-moz-transition: border-width .14s;
-webkit-transition: border-width .14s;
-ms-transition: border-width .14s;
transition: border-width .14s;
*/}
@-webkit-keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 300px;
	}
}
@keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 300px;
	}
}
.columnArea .col .txtArea{
display:block;
padding-top:14px;
margin-right:35px;
}
.columnArea .col .ttl{
display:block;
font-size:18px;
padding-left: 14px;
background: url(/common/images/icon_arrow_off.png) no-repeat -4px 0.4em;
background-size: 16px 16px;
color: #cc0000;
}
.columnArea .col h2.ttl{
line-height: normal;
margin-bottom: 0;
}
.columnArea .col .txt{
display:block;
margin-top:4px;
}
.columnArea .col a[href$=".pdf"] h2.ttl span{
padding-right:17px;
background-image:url(/common/images/icon_pdf.png);
background-repeat:no-repeat;
background-size:15px 15px;
background-position:right 2px;
}

/** ol **/
ol.attention{
position:relative;
padding-left:2em;
counter-reset: my-badass-counter;
font-family: 'NotoSansCJKjp-DemiLight';
font-size:12px;
line-height:2;
}
ol.attention:before{
position:absolute;
top:0;
left:0;
content:'注）';
}
ol.attention li{
text-indent:-1.7em;
margin-left:2em;
counter-increment: my-badass-counter;
}
ol.attention li:before{
content:'*'counter(my-badass-counter)'　';
}

/** inlineBtn **/
.inlineBtn{
font-size:13px!important;
line-height:1.714;
}
ul.inlineBtn{
margin-top:8px;
}
ul.inlineBtn:after{
content:'.';
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
.inlineBtn li{
float:left;
margin-left:16px;
margin-top:16px;
}
.inlineBtn li:first-child{
margin-left:0;
}
.inlineBtn a{
display:inline-block;
border:1px solid #cc0000;
color: #cc0000;
padding:6px 16px 5px;
background:#fff none no-repeat 16px center;
overflow:hidden;
vertical-align:bottom;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
.inlineBtn a:hover{
border:1px solid #cc0000;
color: #ffffff!important;
background-color: #cc0000;
-moz-transition: background .15s,border-color .15s,color .15s;
-webkit-transition: background .15s,border-color .15s,color .15s;
-ms-transition: background .15s,border-color .15s,color .15s;
transition: background .15s,border-color .15s,color .15s;
}
.inlineBtn.print a,
.inlineBtn a.print{
padding-left:41px;
background-image:url(/common/images/icon_print_off.png);
background-size: 18px 18px;
position:relative;
left:16px;
z-index:0;
}
.inlineBtn.print a:hover,
.inlineBtn a.print:hover{
background-image:url(/common/images/icon_print_on.png);
background-size: 18px 18px;
}
.inlineBtn.map a,
.inlineBtn a.map{
padding-left:41px;
background-image:url(/common/images/icon_map_off.png);
background-size: 18px 18px;
}
.inlineBtn.map a:hover,
.inlineBtn a.map:hover{
background-image:url(/common/images/icon_map_on.png);
background-size: 18px 18px;
}
/** btn **/
ul.btn{
margin-top:24px;
margin-left:-2%;
}
ul.btn li{
float:left;
width:23%;
margin-left:2%;
}
/*
ul.btn li:nth-child(4n){
float:right;
margin-left:0;
}
ul.btn li:first-child{
margin-left:0;
}
*/
ul.btn li a,
ul.btn li>span{
width:100%;
display:inline-block;
text-align:center;
border:1px solid #868686;
overflow:hidden;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
word-break:break-all;
text-decoration:none;
word-wrap:break-word;
}
ul.btn li a span{
display:block;
padding:11px 16px 11px 32px;
background:#fff url(/common/images/icon_arrow_off.png) no-repeat 16px center;
background-size: 16px 16px;
}
ul.btn li>span span{
display:block;
padding:11px 16px 11px 16px;
}
ul.btn li a:hover{
border:1px solid #cc0000;
}
ul.btn li a:hover span{
background:#cc0000 url(/common/images/icon_arrow_on.png) no-repeat 16px center;
color: #fff!important;
-moz-transition: background .15s,border-color .15s,color .15s;
-webkit-transition: background .15s,border-color .15s,color .15s;
-ms-transition: background .15s,border-color .15s,color .15s;
transition: background .15s,border-color .15s,color .15s;
}
ul.btn li a[href$=".pdf"] span{
background-image:url(/common/images/icon_pdf.png);
background-size:15px 15px;
}
ul.btn li a[href^="http://"] span,
ul.btn li a[href^="https://"] span{
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}
ul.btn li a[href^="http://"]:hover span,
ul.btn li a[href^="https://"]:hover span{
background-image:url(/common/images/icon_external_on.png);
background-size: 16px 16px;
}
a[href^="http://"].external span,
a[href^="https://"].external span{
display: inline-block;
background:url(/common/images/icon_external_off.png) no-repeat right center;
background-size: 16px 16px;
padding-right:20px;
}
ul.btn02 li{
	width: auto;
}
/** textLink **/
ul.textLink{
margin-top:24px;
}

.textLink li{
padding-left:16px;
background:url(/common/images/icon_arrow_off.png) no-repeat 0 0.7em;
background-size: 16px 16px;
line-height:2.4285;
}
.textLink li a{
background:none no-repeat 100% 0;
}
.textLink li a.innerLink{
color: #cc0000!important;
text-decoration: underline;
}
.textLink li a.innerLink:hover{
text-decoration: none;
}
.textLink li a[href$=".pdf"]{
padding-right:16px;
background-image:url(/common/images/icon_pdf.png);
background-size:15px 15px;
}
.textLink li a[href^="http://"],
.textLink li a[href^="https://"]{
padding-right:16px;
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}
.textLink li a[href^="http://"]:hover,
.textLink li a[href^="https://"]:hover{
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}

/** localNavi **/
.localNavi{
border:1px solid #e6e6e6;
}
.localNavi .localNaviIn{
padding:30px 18px 14px;
}
.localNavi .localNaviHead{
display:none;
}
.localNavi .localNaviIn ul{
font-size:13px;
}
.localNavi .localNaviIn ul li{
float:left;
margin-bottom:16px;
}
.localNavi .localNaviIn ul li a{
display:inline-block;
padding:0 14px;
border-right:1px solid #afafaf;
}
.localNavi .localNaviIn ul li.current a{
color:#cc0000;
}
.localNavi .localNaviIn ul li:last-child a{
border-right:none;
}

/** subNavi **/
.subNavi{
border:1px solid #e6e6e6;
}
.subNavi .subNaviHead{
display:none;
}
.subNavi ul{
position:relative;
font-size:13px;
padding:0 18px;
}
.subNavi ul li{
float:left;
}
.subNavi ul li .alike{
position:relative;
display:inline-block;
padding:30px 0;
}
.subNavi ul li .alike:hover{
color:#cc0000;
}
.subNavi ul li.currentParent .alike:after{
position:absolute;
bottom:-6px;
left:50%;
margin-left:-6px;
content:'';
width:12px;
height:6px;
background:url(/common/images/gnavi_arrow1.png) no-repeat 0 0;
z-index:3;
}
.subNavi ul li.currentParent .alike{
color:#cc0000;
}
.subNavi ul li .alike .txt{
display:inline-block;
padding:0 14px;
border-right:1px solid #afafaf;
}
.subNavi ul li:last-child .alike .txt{
border-right:none;
}
.subNavi ul li ul{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:#e6e6e6;
padding:0 ;
}
.subNavi ul li ul li a{
display:inline-block;
padding:18px 0;
}
.subNavi ul li ul li.current a{
color:#cc0000;
}
.subNavi ul li ul li a .txt{
display:inline-block;
padding:0 14px;
border-right:1px solid #afafaf;
}
.subNavi ul li ul li:first-child a{
margin-left:18px;
}
.subNavi ul li ul li:last-child a .txt{
border-right:none;
}

/** tabArea **/
.tabArea{
width:100%;
margin-bottom: 40px;
}
.tabArea ul{
border:1px solid #e6e6e6;
}
.tabArea ul li{
display:flex;
float:left;
width:33.33%;
text-align:center;
background:#fff;
}
.col2 ul li {
	width: 50%;
}
.tabArea ul li.current{
position:relative;
background:#cc0000;
}
.tabArea ul li.current:after{
position:absolute;
bottom:-8px;
left:50%;
margin-left:-5px;
content:'';
width:12px;
height:8px;
background:url(/common/images/tabarea_arrow.png) no-repeat 0 0;
z-index:3;
}
.tabArea ul li a{
display:block;
padding:1em 0;
width:100%;
border-left:1px solid #e6e6e6;
}
.tabArea ul li a:hover{
border-left:1px solid #ffffff;
background-color: #cc0000;
}
.tabArea ul li a:hover span{
color:#ffffff!important;
}

.tabArea ul li.current a{
color:#ffffff;
}
.tabArea ul li:first-child a{
border-left:none;
}

/** newsList **/
.newsList dl{
font-size:14px;
margin-bottom:12px;
}
.col .newsList dl{
margin-right:0;
}
.newsList dl dt{
float:left;
color:#868686;
width:8em;
}
.newsList dl dt{
background:none no-repeat 8em 3px;
padding-right:76px;
}
.newsList dl.news01 dt{
background-image:url(/common/images/icon_news01.png);
}
.newsList dl.news02 dt{
background-image:url(/common/images/icon_news02.png);
}
.newsList dl.news03 dt{
background-image:url(/common/images/icon_news03.png);
}
.newsList dl.news04 dt{
background-image:url(/common/images/icon_news04.png);
}
.newsList dl.news05 dt{
background-image:url(/common/images/icon_news05.png);
}
.newsList dl.news06 dt{
background-image:url(/common/images/icon_news06.png);
}
.newsList dl.news07 dt{
background-image:url(/common/images/icon_news07.png);
}
.newsList dl dd{
margin-left:13.5em;
}
.newsList dl a{
background:none no-repeat 100% 0;
padding:0 16px 2px 0;
}
.newsList dl a:hover{
text-decoration: underline;
}
.newsList dl a[href$=".pdf"]{
background-image:url(/common/images/icon_pdf.png);
background-size:15px 15px;
}
.newsList dl a[href^="http://"],
.newsList dl a[href^="https://"]{
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}
.newsList dl a[href^="http://"]:hover,
.newsList dl a[href^="https://"]:hover{
background-image:url(/common/images/icon_external_off.png);
background-size: 16px 16px;
}
/*** eng ***/
.newsList.eng dl dt{
width:10em;
}
.newsList.eng dl dt{
background:none no-repeat 10em 3px;
padding-right:76px;
}
.newsList.eng dl.news01 dt{
background-image:url(/common/images/icon_news01_eng.png);
}
.newsList.eng dl.news02 dt{
background-image:url(/common/images/icon_news02_eng.png);
}
.newsList.eng dl.news03 dt{
background-image:url(/common/images/icon_news03_eng.png);
}
.newsList.eng dl.news04 dt{
background-image:url(/common/images/icon_news04_eng.png);
}
.newsList.eng dl.news05 dt{
background-image:url(/common/images/icon_news05_eng.png);
}
.newsList.eng dl.news06 dt{
background-image:url(/common/images/icon_news06_eng.png);
}
.newsList.eng dl.news07 dt{
background-image:url(/common/images/icon_news07_eng.png);
}
.newsList.eng dl dd{
margin-left:15.5em;
}




/** dlList **/
.dlList .dlListIn{
border-bottom:1px solid #e6e6e6;
}
.columnArea.dlList .col .dlListIn{
margin-left:0;
}
.dlList .dlListIn dl{
width:100%;
font-size:14px;
border-top:1px solid #e6e6e6;
}
.dlList .dlListIn dl dt,
.dlList .dlListIn dl dd{
padding:18px 0;
}
.dlList .dlListIn dl dt{
float:left;
color:#868686;
width:15em;
}
.dlList .dlListIn dl dd{
position:relative;
margin-left:16em;
}
.dlList .dlListIn dl dd.widthBtn .txt{
display:inline-block;
margin-right:90px;
}
.dlList .dlListIn dl dd.widthBtn .txt .br:before{
content:'　/　';
}
.dlList .dlListIn dl dd.widthBtn .inlineBtn{
position:absolute;
top:14px;
right:0;
}
.columnArea.dlList .col + .col .dlListIn dl dt{
border-left:1px solid #e6e6e6;
padding-left:3.5em;
}
.columnArea.dlList .col + .col .dlListIn dl dd{
margin-left:18.5em;
}

/** accordionArea **/
.accordionArea dl{
border-bottom:1px solid #e6e6e6;
}
.accordionArea dl:first-child{
border-top:1px solid #e6e6e6;
}
.accordionArea dl dt{
padding:0.85em 0;
background:none no-repeat 98% 1.2em;
background-size:14px 14px;
font-size:18px;
cursor:pointer;
}
.accordionArea dl.close dt{
background-image:url(/common/images/gnavi_close.png);
background-size:28px 28px;
}
.accordionArea dl.open dt{
color:#cc0000;
background-image:url(/common/images/gnavi_open.png);
background-size:28px 28px;
}
.accordionArea dl dd{
padding:0 0 32px;
margin:0 56px 0 28px;
}
.accordionArea dl dd .tit{
display:block;
font-size:18px;
}
.accordionArea dl dd .body{
display:block;
margin-top:24px;
font-size:14px;
}

/** mapArea **/
.mapArea .mapAreaIn{
width:100%;
height:600px;
}

/** SkipNavi **/
#skipnavi {
	position:absolute;
	left:0;
	margin:0 auto;
	top:-10em;
	width:100%;
	z-index:88;
	font-size:1.15em;
}



/** GNavi Add icon **/
#header .menuArea li a[href^="http://jrc.hartech.co.jp/"] span{
	background: url(/common/images/icon_external_off.png) 125px 10px no-repeat;
	background-size: 16px 16px;
}


/* min-width: 1025px */
@media screen and (min-width: 1025px){

	/** SkipNavi **/
	#skipnavi a:active,
	#skipnavi a:focus {
		text-align:center;
		background-color:#ffffff;
		border:none;
		color:#333;
		position:absolute;
		top:10.0em;
		width:100%;
		left:0;
	}


	/** menuArea **/
	#header .menuArea #menu{
	display:none;
	}
	#header .menuArea > ul > li{
	border-right:1px solid #dedede;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:14px;
	}
	#header .menuArea > ul > li:first-child + li{
	border-left:1px solid #dedede;
	}
	#header .menuArea > ul > li.spSearch,
	#header .menuArea > ul > li.closeBtn{
	display:none;
	}
	#header .menuArea > ul > li.type2.search{
	display:block;
	cursor:pointer;
	}
	#header .menuArea > ul > li.type2.search form{
	display:none;
	}
	#header .menuArea > ul > li.type2.search .formArea{
	position:absolute;
	top:0;
	right:-5000px;
	padding:28px;
	background:#fff;
	z-index:1;
	border-left:1px solid #dedede;
	}
	#header .menuArea > ul > li.type2.search .formArea form{
	display:block;
	}
	#header .menuArea > ul > li.type2.search .formArea form input{
	vertical-align:middle;
	}
	#header .menuArea > ul > li.type2.search .formArea form .formIcon{
	margin-right:5px;
	padding:1px 0;
	}
	#header .menuArea > ul > li.type2.search .formArea form .inputWrap .header_search_input{
	border:none;
	height:18px;
	width:144px;
	}
	#header .menuArea > ul > li span.alike,
	#header .menuArea > ul > li a{
	position:relative;
	display:block;
	padding:30px 10px;
	}
	#header .menuArea > ul > li.type2 span.alike,
	#header .menuArea > ul > li.type2 a{
	padding:28px;
	}
	#header .menuArea > ul > li.type2.popupMenu{
	position:relative;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea{
	position:absolute;
	top:100%;
	left:-65px;
	display:none;
	width:204px;
	padding-top:20px;
	background:url(/common/images/lang_bg_top.png) no-repeat 0 0;
	z-index:10;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaWrap{
	display:block;
	padding-bottom:20px;
	background:url(/common/images/lang_bg_btm.png) no-repeat 0 100%;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn{
	display:block;
	background:url(/common/images/lang_bg_mid.png) repeat-y 0 0;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul{
	line-height:2;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul li a{
	position:static;
	display:inline;
	padding:0;
	}
	#header .menuArea li.current > a,
	#header .menuArea li.redHilight > a,
	#header .menuArea li a:hover{
	color:#cc0000!important;
	}
	#header .menuArea > ul > li.type1.current > a:after{
	left: 10%;
	right: 10%;
	}
	#header .menuArea > ul > li.type1 a{
	min-width:140px;
	overflow: hidden;
	}
	#header .menuArea > ul > li.type1 a:after{
	position:absolute;
	left: 50%;
	right: 50%;
	bottom: 20px;
	content:'';
	height:1px;
	z-index:4;
	overflow: hidden;
	background-color: #cc0000;
	-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	#header .menuArea > ul > li.type1 a:hover:after {
	left: 10%;
	right: 10%;
	}
	#header .menuArea .wrap{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e6e6e6;
	}
	#header .menuArea .current .wrap{
	z-index:2;
	}
	#header .menuArea .wrap ul{
	display: table;
	width:98%;
	max-width:1152px;
	margin:0 auto;
	}
	#header .menuArea .wrap ul > li{
	display: table-cell;
//	float:left;
//	width:16.66%;
	text-align: justify;
	text-justify: inter-ideograph;

	text-align:center;
	vertical-align:middle;
	font-size:13px;
	line-height:16px;
	}
	#header .menuArea .wrap ul > li .wrap ul > li{
	display:block;
	float:left;
	width:auto;
	min-width: 16.6%;
	font-size:12px;
	line-height:16px;
	}
	#header .menuArea .wrap ul > li .wrap ul > li:first-child{
	width: auto;
	min-width: 16.9%;
	}
	#header .menuArea .wrap ul > li .wrap ul > li:nth-of-type(7),
	#header .menuArea .wrap ul > li .wrap ul > li:nth-of-type(13),
	#header .menuArea .wrap ul > li .wrap ul > li:nth-of-type(19){
	width: auto;
	min-width: 16.9%;
	border-left:
	}
/*
	#header .menuArea .wrap ul > li .wrap ul.compLine > li:nth-last-child(-n+2){
	display:block;
	float:left;
	width:16.6%;
	font-size:12px;
	line-height:16px;
	}
*/
	ul.lineupList li {
	text-align: justify;
	text-justify: inter-ideograph;
//	width: 12.5% !important;
	}
	#header .menuArea .wrap ul > li a{
	position:relative;
	display:table;
	width:100%;
	padding:6px 0;
	}
	#header .menuArea .wrap ul li ul li a{
	padding:0;
	}
	#header .menuArea .wrap ul > li.current > a span{
	color:#cc0000;
	}
	#header .menuArea > ul > li > .wrap > ul > li a:after{
	bottom: 10px;
	}
	#header .menuArea > ul > li > .wrap > ul > li.current > a:after{
	right:10%;
	left:10%;
	}
	#header .menuArea .wrap ul > li a span{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	height:3em;
	}
	#header .menuArea .wrap ul > li a span:after,
	#header .menuArea .wrap ul > li a span:before{
	position:absolute;
	top:1em;
	content:'';
	display:block;
	width:1px;
	height:1em;
	background:#cecece;
	}
	#header .menuArea .wrap ul > li .wrap ul > li:nth-of-type(7) a span:before,
	#header .menuArea .wrap ul > li .wrap ul > li:nth-of-type(13) a span:before,
	#header .menuArea .wrap ul > li .wrap ul > li:nth-of-type(19) a span:before{
	position:absolute;
	top:1em;
	content:'';
	display:block;
	width:1px;
	height:1em;
	background:#cecece;
	left: 0;
	}
	#header .menuArea .wrap ul > li a span:after{
	right:0;
	}
	#header .menuArea .wrap ul > li a span:before{
	left:-1px;
	}
	#header .menuArea .wrap ul > li:first-child a span:before{
	left:0;
	}
	#header .menuArea .wrap ul li a span{
	display:table-cell;
	width:100%;
	}
	#header .menuArea .wrap .wrap{
	background:#f3f3f3;
	}
	#header .menuArea .wrap .wrap ul > li{
	display:inline-block;
	}
	#header .menuArea .current .wrap .current .wrap{
	z-index:2;
	}
	#header .menuArea .wrap .wrap a span{
	color:#333;
	}
	#header .menuArea .wrap .wrap a[href$=".pdf"] span img{
	padding-left:5px;
	}
	#header .menuArea .wrap .wrap .active a span{
	color:#cc0000;
	}
	#header .menuArea .wrap .wrap a:hover span{
	zoom:1;
	}

	#header .menuArea .wrap ul.case{
	margin: 0 auto 40px;
	}
	#header .menuArea .wrap ul.case > li{
	width:25%;
	text-align:left;
	vertical-align:top;
	}
	#header .menuArea .wrap ul.case > li a{
	padding: 0;
	}
	#header .menuArea .wrap ul.case > li dl{
	margin:30px 16px 0;
	}
	#header .menuArea .wrap ul.case > li dt,
	#header .menuArea .wrap ul.case > li dd{
	margin:5px 0;
	position: relative;
	overflow: hidden;
	}
	#header .menuArea .wrap ul.case > li img{
	width: 100%;
	height: auto;
	}
	#header .menuArea > ul > li > .wrap > ul.case > li a:after {
	bottom: 0;
	}
	#header .menuArea > ul > li > .wrap > ul.case > li a:hover:after {
	left: 5%;
	right: 5%;
	}
	#header .menuArea .wrap ul.case > li dt::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background-color: rgba(255,255,255,.3);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	}
	#header .menuArea .wrap ul.case > li dt:hover::before {
	-webkit-animation: circle 1.5s;
	animation: circle 1.5s;
	}

	/*casestudy*/
	.h-2line{
		margin-bottom: 0 !important;
	}
	.pcBlock_jirei{
		display: table !important;
	}
	.spBlock_jirei{
		display: none !important;
	}

	/** footer **/
	.footerLlink,
	.footerCopy{
	width: 50%;
	float: left;
	font-size: 11px;
	color: #333;
	}
	.footerLlink ul{
	padding-left:0;
	}
	.footerCopy{
	padding: 21px 0 20px;
	text-align: right;
	}
	.footerCopy p{
	padding-right:0;
	font-size:12px;
	}
	/** subNavi **/
	.subNavi{
		border:none;
	}
	.subNavi ul{
	border:1px solid #e6e6e6;
	border-bottom:none;
	}
	.subNavi ul li ul{
	left:-1px;
	width:100%;
	border:1px solid #e6e6e6;
	border-top:none;
	}

	.moreView{
		display: none;
	}
}

/* max-width: 1280px */
@media print, screen and (max-width: 1280px){

	/** menuArea **/
	#header .menuArea > ul > li.type1 a{
	min-width:125px;
	}
	/** module **/
	/*** btn ***/
	ul.btn{
	margin-left:-2.33%;
	}
	ul.btn li{
	width:31%;
	margin-left:2.33%;
	}
	ul.btn02 li{
	width:auto;
	}
/*
	ul.btn li:nth-child(4n){
	float:left;
	margin-left:0;
	}
	ul.btn li:first-child{
	margin-left:0;
	}
*/
	/*** columnArea ***/
	.columnArea.col2 .col + .col{
	}
	.columnArea.col2.dlList .col + .col{
	margin-top:0;
	}
	.columnArea.col2 .col + .col dl:first-child{
	border-top:none;
	}
	.columnArea.dlList .col + .col .dlListIn dl dt{
	border-left:none;
	padding-left:0;
	}
	.columnArea.dlList .col + .col .dlListIn dl dd{
	margin-left:16em;
	}
	/** footer **/
	.footerLlink ul{
	padding-left:64px;
	}
	.footerCopy p{
	padding-right:64px;
	}

	.moreView{
		display: none;
		text-align: center;
	}
	#mainContent p.moreView a{
		display: inline-block;
		margin: 5px auto;
		border: 1px solid #999;
		background-color:#ddd;
		color:#333 !Important;
		font-size: 80%;
		font-weight: bold;
		padding: 10px 15px;
		text-decoration: none !Important;
	}
	#mainContent p.moreView a:hover,
	#mainContent p.moreView a:active{
		color:#333 !Important;
		text-decoration: none !Important;
	}
}

/* max-width: 1024px */
@media screen and (max-width: 1024px){
	/** SkipNavi **/
	#skipnavi {
		display: none;
	}

	/** header **/
	#header .logoArea a img{
	padding:19px 15px;
	}
	#siteTop #header:after {
	height: 1px;
	}
	/** footer **/
	.footerLlink{
	width:100%;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	font-size:11px;
	text-align:center;
	}
	.footerLlink ul{
	display:inline-block;
	}
	.footerCopy{
	width:100%;
	padding:15px 0 40px;
	font-size:11px;
	text-align:center;
	}
	/** menuArea **/
	#header .menuArea >ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	z-index:10;
	background:rgba(0, 0, 0, 0.5);
	overflow-y:scroll;
	overflow-x:hidden;
	}

	#header .menuArea ul li ul{
	font-size:13px;
	}
	#header .menuArea ul li ul li ul{
	font-size:12px;
	}

	#header .menuArea ul > li{
	position:relative;
	}
	#header .menuArea ul li{
	width:100%;
	background:#fff;
	border-bottom:1px solid #e6e6e6;
	}
	#header .menuArea .wrap ul li:last-of-type{
	border-bottom:none;
	}
	#header .menuArea ul li.type2{
	float:left;
	width:50%;
	text-align:center;
	z-index:1;
	}
	#header .menuArea ul li.type2:nth-last-of-type(2) a{
	border-left:1px solid #e6e6e6;
	}
	#header .menuArea ul li.type2:nth-last-of-type(2):after{
	content:'.';
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	#header .menuArea ul li.type2.search{
	display:none;
	}
	#header .menuArea ul li.popupMenu{
	position:relative;
	}

	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea{
	position:absolute;
	top:100%;
	left:50%;
	display:none;
	width:204px;
	padding-top:20px;
	margin-left:-102px;
	background:url(/common/images/lang_bg_top.png) no-repeat 0 0;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaWrap{
	display:block;
	padding-bottom:20px;
	background:url(/common/images/lang_bg_btm.png) no-repeat 0 100%;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn{
	display:block;
	background:url(/common/images/lang_bg_mid.png) repeat-y 0 0;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul{
	position:static;
	display:block;
	line-height:2;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul li{
	background:none;
	border:none;
	}
	#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul li a{
	position:static;
	display:inline;
	padding:0;
	}
	#header .menuArea li.current > a,
	#header .menuArea li.redHilight > a{
	color:#cc0000!important;
	}
	#header .menuArea ul li.close > a{
	background:#fff url(/common/images/gnavi_close.png) no-repeat 93.75% center;
	background-size:14px 14px;
	}
	#header .menuArea ul li.open > a{
	background:#fff url(/common/images/gnavi_open.png) no-repeat 93.75% center;
	background-size:14px 14px;
	}
	#header .menuArea ul > li .wrap{
	display:block;
	padding:0 2%;
	}
	#header .menuArea ul > li .wrap ul{
	display:none;
	position:static;
	}
	#header .menuArea ul > li.redHilight > .wrap > ul{
	display:block;
	}
	#header .menuArea ul > li .wrap ul li:first-child{
	border-top:none;
	}
	#header .menuArea ul > li .wrap ul li .wrap ul li{
	position:static;
	}
	#header .menuArea ul > li .wrap ul> li .wrap ul li{
	border-bottom:none;
	}
	#header .menuArea ul > li.close .wrap ul > li a{
		background-position:95.55% center;
	}
	#header .menuArea ul > li.open .wrap ul > li a{
		background-position:95.55% center;
	}
	#header .menuArea .wrap .wrap a[href$=".pdf"] span img{
	padding-left:5px;
	}
	#header .menuArea ul li a,
	#header .menuArea ul li.spSearch > span,
	#header .menuArea ul li.popupMenu > span.alike,
	#header .menuArea ul li.closeBtn > span{
	display:inline-block;
	width:92%;
	padding:22px 4%;
	}
	#header .menuArea ul li.spSearch,
	#header .menuArea ul li.closeBtn{
	background:#f1f1f1;
	}
	#header .menuArea ul li.spSearch form input{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
	#header .menuArea ul li.spSearch form .formIcon{
	float:left;
	padding:3px 0;
	}
	#header .menuArea ul li.spSearch form .inputWrap{
	display:block;
	margin-left:24px;
	}
	#header .menuArea ul li.spSearch form .inputWrap .header_search_input{
	border:none;
	background:#f1f1f1;
	width:100%;
	}
	#header .menuArea ul li.closeBtn{
	text-align:center;
	}
	#header .menuArea .wrap ul.case > li dt{
	display: none;
	}
	#header .menuArea .wrap ul.case > li dd{
	display: inline-block;
	}
	#header .menuArea .wrap ul.case > li dd{
	margin-right: 10px;
	}
	.spBlock_jirei{
		display: block !important;
	}
	.pcBlock_jirei{
		display: none !important;
	}
	/** common **/
	/*** columnArea ***/
	.columnArea .col{
	width:50%;
	}
	/*** col2 ***/
	.mainContent section .inner.columnArea.col2.withBorder{
	padding:48px 64px 64px;
	}
	.columnArea.col2.withBorder:before{
	display:none;
	}
	.columnArea.col2 .col{
	float:none;
	width:100%;
	padding:0;
	}
	.columnArea.col2 .col + .col{
	margin-top:48px;
	}
	.columnArea.col2 .col .colIn{
	margin:0!important;
	}
	/*** col3 ***/
	.columnArea.col3 .col{
	width:47%;
	}
	/** module **/
	/*** headline ***/
	.headline .headlineIn .inlineBtn{
	display:none;
	}
	.headline.withBtn .subTxt{
	margin-right:0;
	}
	/*** btn ***/
	ul.btn{
	margin-left:-1%;
	}
	ul.btn li{
	width:49%;
	margin-left:1%;
	}
	ul.btn02 li{
	width:auto;
	}
/*
	ul.btn li:nth-child(4n){
	margin-left:2%;
	}
	ul.btn li:nth-child(3n){
	margin-left:0;
	}
	ul.btn li:first-child{
	margin-left:0;
	}
*/
	/*** localNavi ***/
	.localNavi .localNaviIn{
	padding:16px;
	}
	.localNavi .localNaviHead{
	position:relative;
	display:block;
	padding:12px 16px;
	}
	.localNavi .localNaviHead.open{
	border-bottom:1px solid #e6e6e6;
	}
	.localNavi .localNaviHead .tit{
	padding-right:7em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
	.localNavi .localNaviBtn{
	display:block;
	position:absolute;
	top:12px;
	right:16px;
	background:#fff;
	}
	.localNavi .localNaviHead .localNaviBtn.localNaviBtnClose{
	display:none;
	}
	.localNavi .localNaviHead.open .localNaviBtn.localNaviBtnOpen{
	display:none;
	}
	.localNavi .localNaviHead.open .localNaviBtn.localNaviBtnClose{
	display:block;
	}
	.localNavi .localNaviBtn img{
	vertical-align:middle;
	}
	.localNavi .localNaviIn{
	display:none;
	padding:28px 16px;
	}
	.localNavi .localNaviIn ul li{
	float:none;
	margin-bottom:20px;
	}
	.localNavi .localNaviIn ul li:last-child{
	margin-bottom:0;
	}
	.localNavi .localNaviIn ul li a{
	display:inline-block;
	width:100%;
	padding:0;
	border:none;
	}
	.localNavi .localNaviIn ul li.current a{
	width:100%;
	}
	/*** subNavi ***/
	.subNavi .subNaviIn{
	padding:16px;
	}
	.subNavi .subNaviHead{
	position:relative;
	display:block;
	padding:12px 16px;
	}
	.subNavi .subNaviHead.open{
	border-bottom:1px solid #e6e6e6;
	}
	.subNavi .subNaviHead .tit{
	padding-right:7em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
	.subNavi .subNaviHead .tit span{
	color:#e6e6e6;
	margin:0 8px;
	}
	.subNavi .subNaviBtn{
	display:block;
	position:absolute;
	top:12px;
	right:16px;
	background:#fff;
	}
	.subNavi .subNaviHead .subNaviBtn.subNaviBtnClose{
	display:none;
	}
	.subNavi .subNaviHead.open .subNaviBtn.subNaviBtnOpen{
	display:none;
	}
	.subNavi .subNaviHead.open .subNaviBtn.subNaviBtnClose{
	display:block;
	}
	.subNavi .subNaviBtn img{
	vertical-align:middle;
	}
	.subNavi .subNaviIn{
	display:none;
	padding:28px 16px;
	}
	.subNavi .subNaviIn ul{
	padding:0;
	}
	.subNavi .subNaviIn ul li{
	float:none;
	margin-bottom:20px;
	}
	.subNavi .subNaviIn ul li:last-child{
	margin-bottom:0;
	}
	.subNavi .subNaviIn ul li .alike{
	background:url(/common/images/lnavi_icon_close.png) no-repeat 100% center;
	background-size:12px 12px;
	}
	.subNavi .subNaviIn ul li.currentParent .alike{
	color:#333;
	}
	.subNavi .subNaviIn ul li.currentParent .alike::after{
	background:none;
	}
	.subNavi .subNaviIn ul li.spOpen .alike{
	background-image:url(/common/images/lnavi_icon_open.png);
	background-size:12px 12px;
	color:#cc0000;
	}
	.subNavi .subNaviIn ul li .alike .txt{
	border:none;
	padding:0;
	}
	.subNavi .subNaviIn ul li .alike,
	.subNavi .subNaviIn ul li a{
	padding:0;
	width:100%;
	}
	.subNavi .subNaviIn ul li ul{
	position:static;
	background:none;
	margin-top:24px;
	margin-left:28px;
	}
	.subNavi .subNaviIn ul li ul li{
	}
	.subNavi .subNaviIn ul li ul li a{
	margin-left:0;
	padding:0;
	width:100%;
	}
	.subNavi .subNaviIn ul li ul li.current a{
	color:#cc0000;
	}
	.subNavi .subNaviIn ul li ul li a span{
	border:none;
	padding:0;
	}
	/*** calendar ***/
	.columnArea.col3 .calendar,
	.columnArea.col3 .calendar:first-child,
	.columnArea.col3 .calendar:last-child{
	width:49%;
	margin-left:2%;
	}
	.columnArea.col3 .calendar:nth-child(odd){
	margin-left:0;
	}
	/* footer */
	.footerLlink ul{
	padding-left:0;
	}
	.footerCopy p{
	padding-right:0;
	}

	.moreView{
		display: inline-block;
	}

}

/* max-width: 768px */
@media screen and (max-width: 768px){
	.footerLinks .footerLinks{
	display:none;
	}
	/** mainContent **/
	/*** inner ***/
	.mainContent section .inner{
	padding:32px 16px 48px;
	}
	.mainContent section .inner.columnArea.col2.withBorder{
	padding:32px 16px 48px;
	}
	.mainContent section article .inner p{
	margin-left:0;
	}
	.mainContent section article .inner .inner{
	margin-left:0;
	}
	/*** article ***/
	.mainContent section article{
	padding:32px 16px 48px;
	}
	/** module **/
	/*** headline ***/
	.headline .headlineIn{
	position:relative;
	margin:0 auto 16px;
	}
	/*** keyvisual ***/
	.keyvisual{
	width:100%;
	}
	.keyvisual .pcImg{
	display:none;
	}
	.keyvisual .spImg{
	display:block;
	}
	.headline.withBtn .subTxt{
	margin-right:0;
	}
	/*** inlineBtn ***/
	.inlineBtn li{
	float:none;
	margin-left:0;
	margin-top:8px;
	}
	.inlineBtn li:first-child{
	margin-top:0;
	}
	/*** btn ***/
	ul.btn li{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:8px;
	}
	ul.btn li:nth-child(4n){
	float:none;
	margin-left:0;
	}
	ul.btn li:first-child{
	margin-left:0;
	}
	ul.btn li:last-child{
	margin-bottom:0;
	}
	/*** tabArea ***/
	.tabArea{
	padding-bottom:6px;
	}
	.tabArea ul{
	display: table;
	width: 100%;
	height: 100%;
	table-layout:fixed;
	}
	.tabArea ul li{
	display: table-cell;
	float: none;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	border-left: 1px solid #e6e6e6;
	}
	.tabArea ul li a{
	display: table;
	white-space:normal;
	height: 100%;
	border-left: none;
	vertical-align: middle;
	}
	.tabArea ul li a span{
	display: table-cell;
	vertical-align: middle;
	}
	.tabArea ul li a:hover{
	border-left: none;
	}
	/*** col3 ***/
	.columnArea.col3 .col{
	float:none;
	width:97%;
	}
	.columnArea.centerCol2 .col{
	float:none;
	width:100%;
	max-width:none;
	margin-left: 0;
	}
	/*** newsList ***/
	.newsList dl dt{
	float:none;
	font-size:12px;
	}
	.newsList dl dd{
	margin-left:0;
	}
	/*** dlList ***/
	.dlList .dlListIn dl{
	border-top:1px solid #e6e6e6;
	}
	.dlList .dlListIn dl dt{
	float:none;
	width:auto;
	padding:12px 0 0;
	}
	.dlList .dlListIn dl dd{
	position:relative;
	margin-left:0;
	padding:0 0 12px;
	}
	.dlList .dlListIn dl dd.widthBtn .txt{
	margin-right:0;
	}
	.dlList .dlListIn dl dd.widthBtn .txt .br{
	display:block;
	}
	.dlList .dlListIn dl dd.widthBtn .txt .br:before{
	content:'';
	}
	.dlList .dlListIn dl dd.widthBtn .inlineBtn{
	position:static;
	display:block;
	margin-top:12px;
	}
	.columnArea.dlList .col + .col .dlListIn dl dt{
	border-left:none;
	padding-left:0;
	}
	.columnArea.dlList .col + .col .dlListIn dl dd{
	margin-left:0;
	}
	/*** accordionArea ***/
	.accordionArea dl dt,
	.accordionArea dl dd .tit{
	font-size:14px;
	}
	.accordionArea dl dd .body{
	font-size:12px;
	}
	.accordionArea dl dd{
	padding:0.85em 0 1.71em;
	margin:0 0 0 8px;
	}
	/*** calendar ***/
	.columnArea.col3 .calendar,
	.columnArea.col3 .calendar:first-child,
	.columnArea.col3 .calendar:last-child{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:16px;
	}
	/*** mapArea ***/
	.mainContent section .inner.mapArea{
	padding:32px 0 48px;
	}
	.mapArea .mapAreaIn{
	width:100%;
	height:167px;
	}
	.breadcrumb .breadcrumbIn,
	.setBreadcrumb .breadcrumbIn{
	padding:0 16px;
	}
	.footerLlink ul{
	display:block;
	padding:0 16px;
	}
	.footerLlink ul li{
	float:none;
	border-top: 1px solid #efefef;
	}
	.footerLlink ul li:first-child{
	border-top: 0;
	}
	.footerLlink ul li a{
	font-size:11px;
	padding: 10px 0;
	}
	.footerLlink ul li a span.alink{
	border-left: 0;
	}
	.footerCopy{
	text-align:left;
	}
	.footerCopy p{
	font-size:10px;
	padding:0 16px;
	}

	.moreView{
		display: block;
	}
	/*header*/
	.spBlock_jirei{
		display: block !important;
	}
	.pcBlock_jirei{
		display: none !important;
	}
}


@media print{
	.introduction li dl dt{
		font-size: 75% !Important;
	}
	.wrapper{
		width: 344mm;
		zoom: 0.5;
	}
	#header .menuArea,
	.footerLinks{
		display: none;
	}
	p.print{
		display: none;
	}

}
@media print and (-ms-high-contrast:none){
	.introduction li dl dt{
		font-size: 70% !Important;
	}
	.wrapper{
		width: 300mm;
		zoom: 1.0;
	}
	#header .menuArea,
	.footerLinks{
		display: none;
	}
	p.print{
		display: none;
	}
	p.pic img {
		width: 100%;
	}
	ul li p.pic img {
		width: 50%;
	}
	p.pic2 img {
		width: 100%;
	}
}