﻿	@charset "utf-8";

/* ****************************************************
component.css
Define container layout.
***************************************************** */

@media print, screen and (min-width: 769px) {

body {
	min-width: 950px;
	background-color: #ffffff;
	line-height: 1;
	font-size: 100%;
	color: #333333;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
#page-wrapper {
	font-size: 93.75%;
}
a:link {
	color: #2b7bb2;
	text-decoration: none;
}
a:visited {
	color: #215180;
	text-decoration: none;
}
a:hover,
a:active {
	color: #d7063b;
	text-decoration: underline;
}
.heading03 a:link,
.heading03 a:visited {
	color: #333333;
	text-decoration: none;
}
.heading03 a:hover,
.heading03 a:active {
	color: #d7063b;
}
.heading04 a:link,
.heading04 a:visited {
	text-decoration: none;
}
.heading04 a:hover,
.heading04 a:active {
	text-decoration: none;
}

.section {
	margin: 30px 0 0;
}
.section p {
	margin-top: 10px;
}
.subsection {
	margin: 15px 0 0;
}
.sp-only {
	display: none !important;
}

/* general elements
=================================*/

/* highlight
---------------------------------*/
/* h1 */
.heading01 {
	box-sizing: border-box;
	background-color: #666666;
	color: #ffffff;
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 153px;
	padding: 0 10px;
}
.heading01 h1 {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
}
.heading01 h1 .title-text {
	display: inline-block;
	text-align: left;
	padding: 10px 0;
	font-size: 200%;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.3;
	width: 1200px;
	margin: 0 auto;
}
.heading01 .title-text02 {
	display: table-cell;
  width: 98%;
}
.heading01 .title-text.case .title-text02 {
}
.heading01 .heading-ic01 {
display: table-cell;
text-align: right;
  vertical-align: middle;
	padding: 4px 10px 0;
}
.heading01 .heading-ic02 {
display: table-cell;
text-align: right;
  vertical-align: middle;
	padding: 4px 10px 0;
	cursor: pointer;
}
.heading01 .heading-ic03 {
display: table-cell;
text-align: right;
  vertical-align: middle;
	padding: 4px 10px 0;
}
.heading01 span.title-text03 {
font-weight: normal;
display: block;
text-align: left;
width: 1200px;
margin: 0 auto;
  padding-top: 10px;
}
.heading01 span.title-text04 {
	display: table-cell;
margin-top: 5px;
width: calc(100% - 100px);
}
.heading01 .heading-ic04 {
display: table-cell;
text-align: right;
	padding: 4px 10px 0;
	margin-top: 10px;
  vertical-align: middle;
}


/* h2 */
.heading02 {
	margin: 27px 0 0;
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 146.67%;
	line-height: 1.1;
}
.heading02 .title-wrapper {
	display: block;
	position: relative;
}
.heading02 .title-wrapper:before {
	content: "";
	display: block;
	width: 4px;
	height: 18px;
	background-color: #d7083b;
	position:  absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.heading02 .title-text {
	display: block;
	padding: 15px 10px 15px 22px;
}
.heading02 .title-shadow {
}

/* h2-v2 */
.heading02-v2 {
	margin: 30px 0 0;
	font-weight: bold;
	font-size: 173.33%;
	line-height: 1.38;
}
.heading02-v2 .title-wrapper {
	display: block;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}
.heading02-v2 .title-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 60px;
	height: 3px;
	background-color: #d7083b;
}


/* h3 */
.heading03 {
	display: block;
	margin-top: 10px;
	position: relative;
	color: #333333;
}
.heading03:before {
	content: "";
	display: block;
	width: 4px;
	height: 18px;
	background-color: #d7083b;
	position:  absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.heading03 .title-text {
	display: block;
	padding: 15px 10px 15px 22px;
	font-weight: bold;
	font-size: 133.33%;
	border-bottom: 1px solid #ccc;
}
.heading03 a .title-text:after {
content: url(/common/images/com_icn01.png);
margin-left: 14px;
vertical-align: baseline;
}
.heading03 .title-shadow {
}
.heading03 img {
	margin-right: 10px;
	vertical-align: baseline;
}
.heading03 .blank-link + img {
	margin-left: 5px;
}


/* h4 */
.heading04 {
	display: block;
	position: relative;
	padding: 15px 10px 7.5px 22px;
	margin-top: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
}
.heading04:before {
	content: "";
	display: block;
	width: 12px;
	height: 4px;
	background-color: #d7083b;
	position:  absolute;
	left: 0;
	top: 7.5px;
	bottom: 0;
	margin: auto 0;
}
.heading04 img {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
}
.heading04 .blank-link + img {
	margin-left: 5px;
}
.heading04 + .tableWrap > .table01 {
	margin-top:  0 !important;
}


/* h5 */
.heading05 {
	display: block;
	position: relative;
	padding: 15px 10px 7.5px 18px;
	margin-top: 10px;
	font-size: 113.33%;
	font-weight: bold;
	color: #333333;
}
.heading05:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #000000;
	position:  absolute;
	left: 0;
	top: 7.5px;
	bottom: 0;
	margin: auto 0;
}
/* h6 */
.heading06 {
	display: block;
	position: relative;
	padding: 15px 10px 7.5px 17px;
	margin-top: 10px;
	font-size: 106.67%;
	font-weight: bold;
	color: #333333;
}
.heading06:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #999999;
	position:  absolute;
	left: 0;
	top: 7.5px;
	bottom: 0;
	margin: auto 0;
}
/* h6のスタイル違い */
.heading07 {
	display: block;
	position: relative;
	padding: 15px 10px 7.5px 17px;
	margin-top: 10px;
	font-size: 106.67%;
	font-weight: bold;
	color: #333333;
}
.heading07:before {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background-color: #999999;
	position:  absolute;
	left: 0;
	top: 7.5px;
	bottom: 0;
	margin: auto 0;
}

.heading08 {
	display: block;
	padding: 10px 20px 10px;
	margin: 15px 0 10px;
	font-weight: bold;
	color: #333333;
	background-color: #eeeeee;
}

/* ttl02 */
h2.ttl02 {
	position: relative;
	padding: 12px 16px;
	margin-top: 2em;
	margin-bottom: 26px;
	background-color: #eee;
	line-height: 1.6;
	font-size: 146.666666%;
	font-weight: bold;
}
h2.ttl02::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 175px;
	height: 4px;
	background-color: #cf0040;
}
h2.ttl02::after {
	content: '';
	display: block;
	position: absolute;
	left: 176px;
	bottom: -4px;
	width: calc(100% - 176px);
	height: 4px;
	background-color: #6a6a6a;
}

/* ttl03 */
h3.ttl03 {
	position: relative;
	padding: 10px 16px;
	margin-bottom: 24px;
	line-height: 1.6;
	font-size: 133.333333%;
	font-weight: bold;
}
h3.ttl03::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 175px;
	height: 2px;
	background-color: #6a6a6a;
}
h3.ttl03::after {
	content: '';
	display: block;
	position: absolute;
	left: 176px;
	bottom: -2px;
	width: calc(100% - 176px);
	height: 2px;
	background-color: #cdcecd;
	background-repeat: repeat-x;
	background-size: 4px 2px;
}

/* strong-lead */
.strong-lead {
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.7;
}

/* color-ttl */
.color-ttl{
	background:#EEEEEE;
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	}

/* Parts
=================================*/
/* lead-area */
.lead-box {
	margin: 12px 0 0;
	font-size: 115%;
	line-height: 1.1;
}
.lead-box02 {
	margin: 12px 0 0;
	font-weight: bold;
}

/* map-area */
.map-area {
	margin-top: 10px;
}
#map {
	width: 100%;
	height: 500px;
	padding: 1px;
	border: 1px solid #999999;
	line-height: 1.3;
}
/* inq-area */
.inq-area {
	margin-top: 20px;
	border: 1px solid #ccc;
	padding: 15px 20px 10px;
}
.inq-area dt {
	float: left;
	margin-right: 10px;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 80%;
	background-color: #000000;
	text-align: center;
	white-space: nowrap;
	line-height: 1.2;
	width: 30px;
}
.inq-area dd {
	margin-bottom: 15px;
	overflow: hidden;
}

/* icon-block */
.section .icon-block {
	margin: 0 0 5px;
}
.icon-block img {
	margin-right: 3px;
}

/* bannerArea */
#bannerArea {
	margin-bottom: 20px;
}
#bannerArea #bannerWrapper {
	padding: 6px 0 11px 5px;
	background: #ccc url(/svcsol/images/index_bg02.gif) no-repeat 0 100%;
}
#bannerArea #bannerWrapper .column0,
#bannerArea #bannerWrapper .column1,
#bannerArea #bannerWrapper .column2,
#bannerArea #bannerWrapper .column3 {
	width: 233px;
	float: left;
	margin-right: 2px;
}
#bannerArea #bannerWrapper p a {
	display: block;
}
#bannerArea #closeBtn {
	border-top: 1px solid #c9c9c9;
	padding: 4px 0 3px 5px;
	background: #d7d7d7;
}
#bannerArea #closeBtn p {
	width: 942px;
	height: 41px;
	background: url(/svcsol/images/index_btn04.gif) no-repeat 0 0;
	cursor: pointer;
}
#bannerArea #closeBtn p.closed {
	background: url(/svcsol/images/index_btn04.gif) no-repeat 0 -41px;
}

/* page-link */
.page-link {
	margin-top: 30px;
	padding: 15px 20px;
	background-color: #000000;
}
.page-link p {
margin-top: 0;
}
.page-link .pre {
	float: left;
}
.page-link .pre a {
	display: inline-block;
	padding: 0 0 0 17px;
	background: url(/common/images/com_icn39.png) no-repeat 0 50%;
	color: #ffffff;
}
.page-link .next {
	float: right;
}
.page-link .next a {
	display: inline-block;
	padding: 0 17px 0 0;
	background: url(/common/images/com_icn40.png) no-repeat right 50%;
	color: #ffffff;
}

/* page-navi */
.page-navi {
	position: relative;
	margin-top: 50px;
	overflow: hidden;
}
.page-navi ul {
	position: relative;
	left: 50%;
	float: left;
}
.page-navi li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 5px;
}
.page-navi li a {
	display: block;
	padding: 4px 8px 6px;
	border: 1px solid #d1d1d1;
	color: #3d4e56;
	line-height: 1;
}
.page-navi li a:link {
	text-decoration: none;
}
.page-navi li strong,
.page-navi li .fwb {
	display: block;
	padding: 4px 8px 6px;
	border: 1px solid #d7083b;
	background-color: #d7083b;
	color: #ffffff;
	line-height: 1;
}
.page-navi-number {
	clear: both;
	padding-top: 15px;
	text-align: center;
}


/* lists
=================================*/
/*normal*/
.normal-list {
	margin: 5px 0 0;
}
.normal-list > li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(/common/images/com_icn07.png) no-repeat 0 0.55em;
	font-weight: normal;
}
.normal-list.col02 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.normal-list.col02 li {
width: 45%;
margin-bottom: 5px;
}

.normal-list li .link-list li {
    padding: 0;
    background: none;
}

.normal-list .child-list {
	margin: 5px 0 0 0;
}
.note-text01 .child-list
.note-text04 .child-list {
	margin: 5px 0 0 17px;
	font-size: 93.33%;
}

/*number*/
.num-list {
	margin: 0 0 0 1.0em;
}
.num-list > li {
	margin: 8px 0 0 10px;
	list-style-type: decimal;
	font-weight: bold;
}
.num-list > li span,
.num-list > li li {
	font-weight: normal;
}

.open-list li {
    margin:5px 0 0;
    padding: 0 0 0 17px;
    background: url(/common/images/com_icn01.png) no-repeat 0 0.5em;
}
.open-list li.open-link {
    margin:5px 0 0;
    padding: 0 0 0 12px;
    background: url(/dev/report/iir/images/com_ic01.gif)
no-repeat 0 0.5em;
}
.open-list li.on {
    margin:5px 0 0;
    padding: 0 0 0 12px;
    background: url(/dev/report/iir/images/com_ic02.gif)
no-repeat 0 0.5em;
}
.open-list .link-list {
    margin-left: 10px;
}


/*alphabet*/
.alpha-list {
	margin: 0 0 0 2em;
}
.alpha-list li {
	margin: 5px 0 0;
	list-style-type: lower-alpha;
	font-weight: bold;
}
.alpha-list li span {
	font-weight: normal;
}


/*alphabet*/
.rss-list {
}
.rss-list li {
	margin: 5px 0 0;
	padding-left: 65px;
	background: url(/common/images/com_icn88.png) no-repeat 0 0.2em;
}
.rss-list li a:after {
	content: url(/common/images/com_icn01.png);
	margin-left: 5px;
	vertical-align: baseline;
}


.non-list.col02 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
}
.non-list.col02 li {
width: 45%;
margin-bottom: 5px;
word-break: break-all;
}

/* icon Link - single + list */
.link-list > li,
.link-list02 > li,
.link-list03 > li,
.link-list04 > li,
.link-list05 > li,
.link-list06 > li,
.link-list07 li {
	margin:8px 0 0 0;
	padding: 0 0 0 17px;
	background: url(/common/images/com_icn01.png) no-repeat 0 0.5em;
}
.icon-link a ,
.icon-link span {
	display: inline-block;
	padding: 0 0 0 17px;
	background: url(/common/images/com_icn01.png) no-repeat 0 0.5em;
	text-decoration: none;
}
.icon-link02 a ,
.icon-link02 span {
	display: inline-block;
	padding: 0 0 0 28px;
	background: url(/common/images/com_icn89.png) no-repeat 0 0.4em;
	text-decoration: none;
	font-size: 120%;
	color: #333333;
	font-weight: bold;
}
.icon-link02 a:hover {
	color: #d7063b;
}

.icon-link02 {
margin-top: 20px;
}
.icon-link02 + .link-list {
margin-top: 20px;
}
.icon-link a span,
.link-list03 li a span {
	padding: 0;
	background: none;
}
.icon-link a:hover {
	text-decoration: underline;
}

.link-list02,
.link-list03,
.link-list04,
.link-list07 {
	margin-top: 10px;
}
.link-list02 li {
	float: left;
	width: 44%;
	margin-right: 5.2%;
}
.link-list02 li:nth-of-type(2n) {
margin-right: 0;
}
.link-list07 li {
	float: left;
	width: 308px;
	margin-right: 16px;
}
.link-list03 li {
	float: left;
	width: 250px;
	margin-right: 36px;
}
.link-list04 {
	width: 386px;
}
.link-list04 li {
	float: left;
	width: 170px;
	margin: 0 23px 0 0;
}
.link-list05 {
	width: 310px;
}
.link-list05 li {
	float: left;
	width: 130px;
	margin-right: 50px;
}


.link-list08 li {
	margin:5px 0 0 0;
	padding: 0 0 0 17px;
	background: url(/common/images/com_icn81.png) no-repeat 0 0.5em;
}

.none-list li {
	padding: 0;
	background: none;
}

.child-list {
	margin: 5px 0 0 0;
}
.note-text01 .child-list {
margin-left: 0;
}
.child-list > li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.note-text01 .child-list li {
	margin: 0;
	padding: 0 0 0 27px;
	background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}
.note-text04 .child-list li {
	margin: 0;
	padding: 0 0 0 27px;
	background: url(/common/images/com_icn08.png) no-repeat 0 0.75em;
}

.logo-area {
	text-align: center !important;
}
.logo-list {
	display: inline-block !important;
}
.logo-list li {
	float: left;
	margin:10px 60px 0 0;
}
.wid-157 li {
	width: 157px !important;
	margin-right: 15px !important;
}
.wid-145 li {
	width: 145px !important;
	margin-right: 15px !important;
}


.mail-link {
	display: inline-block;
	min-height: 11px;
	padding: 0 0 0 35px;
	background: url(/common/images/com_icn19.png) no-repeat 0 50%;
}
.note-text01 .mail-link {
	padding: 0 0 0 33px;
}


/*generalList*/
.normal-dl {
	margin: 10px 0 0;
}
.normal-dl dt {
	font-weight: bold;
}
.normal-dl dt .strong-lead {
	font-size: 100%;
}
.normal-dl dd {
}
.normal-dl2 {
	margin: 10px 0 0;
}
.normal-dl2 dt {
	float: left;
	font-weight: bold;
	white-space: nowrap;
}
.normal-dl2 dt .strong-lead {
	font-size: 100%;
}
.normal-dl2 dd {
	overflow: hidden;
}
	

/*div-list*/
.div-list {
	margin: 10px 0 0;
}
.div-list .div-list-head {
	font-weight: bold;
}
.div-list .div-list-head .strong-lead {
	font-size: 100%;
}
.div-list .div-list-body {
}
.div-list2 {
	margin: 10px 0 0;
}
.div-list2 .div-list-head {
	float: left;
	font-weight: bold;
	white-space: nowrap;
}
.div-list2 .div-list-head .strong-lead {
	font-size: 100%;
}
.div-list2 .div-list-body {
	overflow: hidden;
}



/* icon link */
a.blank-link,
a.pdf-link,
a.excel-link,
a.youtube-link,
a.mp-link,
a.dload-link {
	text-decoration: none;
}
a.blank-link span,
a.pdf-link span,
a.excel-link span,
a.youtube-link span,
a.mp-link span,
a.dload-link span {
	/*text-decoration: underline;*/
}
a.blank-link:hover span,
a.pdf-link:hover span,
a.excel-link:hover span,
a.youtube-link:hover span,
a.mp-link:hover span,
a.dload-link:hover span {
 text-decoration: underline;
}

.blank-link img,
.pdf-link img,
.excel-link img,
.youtube-link img,
.dload-link img {
	margin: 0 5px 0;
	vertical-align: middle;
}
.mp-link img {
	margin: 3px 5px 0;
	vertical-align: top;
}
.news-link {
	display: table;
}
.news-link .date {
	display: table-cell;
	padding: 0 15px 0 0;
}
.news-link .link-text {
	display:table-cell;
}
.zoom-link {
	display: inline-block;
	padding: 0 0 2px 25px;
	min-height: 13px;
	background: url(/common/images/com_icn41.png) no-repeat 3px 50%;
}
.zoom-btn {
	display: inline-block;
	width: 80px;
	padding: 8px 0 10px 23px;
	margin-top: 10px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 1.2;
	background: url(/common/images/com_icn41.png) no-repeat 3px 50%;
}
.zoom-btn:hover {
}
a.zoom-btn:link {
	text-decoration: none;
}
.new-icn img {
	padding: 0 7px 0 3px;
	vertical-align: text-bottom;
}
.icon-att {
	display: inline-block;
	margin-top: 5px;
	padding: 0 0 2px 19px;
	background: url(/common/images/com_icn46.gif) no-repeat 0 0.1em;
}

/* topic-list */
.topic-list01,
.topic-list02 {
	margin-top: 20px;
}
.topic-list03 {
	margin-top: 10px;
}
.topic-list01 dt {
	clear: left;
	float: left;
	margin-right: 30px;
}
.topic-list01 dd,
.topic-list02 dd,
.topic-list03 dd {
	overflow: hidden;
	margin-bottom: 10px;
}
.topic-list01 dd.no-link,
.topic-list02 dd.no-link,
.topic-list03 dd.no-link {
	padding-left: 10px;
	background: none;
}
.topic-list02 dt,
.topic-list03 dt {
	clear: left;
	float: left;
	white-space: nowrap;
}
.topic-list02 dt .date,
.topic-list02 dt .icon,
.topic-list03 dt .date,
.topic-list03 dt .icon {
	margin-right: 10px;
}
.topic-list02 dt .icon-start,
.topic-list03 dt .icon-start {
	margin-right: 3px;
}
.topic-list02 dt .icon img,
.topic-list03 dt .icon img {
	vertical-align: middle;
}


/* category-list */
.category-list {
	width: 386px;
}
.category-list li {
	float: left;
	width: 165px;
	margin: 0 28px 10px 0;
}
.col02-3 .category-list {
	width: 346px;
}
.col02-3 .category-list li {
	width: 162px;
	margin: 0 10px 10px 0;
}

.column.col02-1 .category-list {
	width: 688px;
}

.category-list a {
	display: block;
	min-height: 29px;
	padding: 10px 0 0 49px;
	line-height: 1.5;
}
.category-list a.network {
	background: url(/svcsol/images/index_icn01.gif) no-repeat 0 50%;
}
.category-list a.mobile {
	background: url(/svcsol/images/index_icn02.gif) no-repeat 0 50%;
}
.category-list a.cloud {
	background: url(/svcsol/images/index_icn03.gif) no-repeat 0 50%;
}
.category-list a.security {
	background: url(/svcsol/images/index_icn04.gif) no-repeat 0 50%;
}

.category-list a.datacenter {
	background: url(/svcsol/images/index_icn24.gif) no-repeat 0 50%;
}
.category-list a.delivery {
	background: url(/svcsol/images/index_icn21.gif) no-repeat 0 50%;
}

.category-list a.mailweb {
	background: url(/svcsol/images/index_icn22.gif) no-repeat 0 50%;
}

.category-list a.v-desktop {
	background: url(/svcsol/images/index_icn23.gif) no-repeat 0 50%;
}


.category-list a.consulting {
	min-height: 39px;
	padding: 0 0 0 49px;
	background: url(/svcsol/images/index_icn05.gif) no-repeat 0 50%;
}
.category-list a.stop {
	background: url(/svcsol/images/index_icn12.gif) no-repeat 0 50%;
}
.category-list a.manufacture {
	background: url(/svcsol/images/index_icn06.gif) no-repeat 0 50%;
}
.category-list a.service {
	background: url(/svcsol/images/index_icn07.gif) no-repeat 0 50%;
}
.category-list a.distribution {
	background: url(/svcsol/images/index_icn08.gif) no-repeat 0 50%;
}
.category-list a.government {
	background: url(/svcsol/images/index_icn09.gif) no-repeat 0 50%;
}
.category-list a.finance {
	background: url(/svcsol/images/index_icn10.gif) no-repeat 0 50%;
}
.category-list a.real-estate {
	background: url(/svcsol/images/index_icn11.gif) no-repeat 0 50%;
}
.category-list a.fish-agri-forest {
	background: url(/svcsol/images/index_icn13.gif) no-repeat 0 50%;
}
.category-list a.mining {
	background: url(/svcsol/images/index_icn14.gif) no-repeat 0 50%;
}
.category-list a.electricity-gas {
	background: url(/svcsol/images/index_icn15.gif) no-repeat 0 50%;
}
.category-list a.business {
	background: url(/svcsol/images/index_icn16.gif) no-repeat 0 50%;
}
.category-list a.medical-welfare {
	background: url(/svcsol/images/index_icn17.gif) no-repeat 0 50%;
}
.category-list a.education {
	background: url(/svcsol/images/index_icn18.gif) no-repeat 0 50%;
}
.category-list a.other {
	background: url(/svcsol/images/index_icn19.gif) no-repeat 0 50%;
}
.category-list a.internet {
	background: url(/svcsol/images/index_icn20.gif) no-repeat 0 50%;
}


/* heading-column */

.heading-column {
	float: right;
	padding: 4px 10px 0;
/*	position: absolute;
	top: 29px;
	right: 10px;*/
}




/* solution-list */
.solution-list li {
	float: left;
	margin-right: 28px;
	font-weight: bold;
}

/* definition-List */

.definition-List dt {
    clear: both;
    float: left;
    padding: 2px 0 2px 0;
    width: 40px;
	font-weight:bold;
}
.definition-List dt.middle {
    clear: both;
    float: left;
    padding: 2px 0 2px 0;
    width: 50px;
	font-weight:bold;
}
.definition-List dt.long {
    clear: both;
    float: left;
    padding: 2px 0 2px 0;
    width: 140px;
	font-weight:bold;
}
.definition-List dd {
    float: left;
    padding: 2px 0;
    width: 600px;
}
.definition-List dd.long {
    float: left;
    padding: 2px 0;
    width: 460px;
}
/* content box
=================================*/
/*local-navi-box*/
.local-navi {
	margin: 12px 0 0;
	padding: 30px 30px 25px;
	background-color: #eeeeee;
	line-height: 1.5;
}
.local-navi ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.local-navi li {
	width: 31.92%;
	border: 1px solid #ffffff;
	background: #ffffff url(/common/images/com_icn01.png) no-repeat 18px 50%;
	margin-bottom: 10px;
	margin-right: 15px;
	display: table;
}
.local-navi li:nth-of-type(3n) {
	margin-right: 0;
}
.local-navi li a {
	display: table-cell;
	padding: 13px 10px 13px 47px;
	vertical-align: middle;
}
.local-navi li a:link,
.local-navi li a:visited {
	color: #333333;
}
.local-navi li:hover {
	border: 1px solid #d7083b;
	background: #ffffff url(/common/images/com_icn79.png) no-repeat 18px 50%;
}
.local-navi li a:hover {
	padding: 13px 10px 13px 47px;
	color: #d7083b;
	text-decoration: none;
}
.local-navi li.active {
	border: 1px solid #d7083b;
	background: #d7083b url(/common/images/com_icn40.png) no-repeat 18px 50%;
}
.local-navi li.active span {
	display: table-cell;
	padding: 13px 10px 13px 47px;
	color: #ffffff;
  vertical-align: middle;
}

.local-navi02 {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	margin: 15px 0;
	padding: 15px;
}
.local-navi02 li {
	float: left;
	margin-right: 26px;
}
.local-navi02 li a {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(/common/images/com_icn49.png) no-repeat 0 0.4em;
}
.local-navi02 li a:hover,
.local-navi02 li a:active {
}

.local-navi03 {
	margin: 12px 0 0;
	padding: 6px 15px 7px;
	background-color: #e4e7e8;
	border-radius:3px;
	line-height: 1.5;
}
.local-navi03 li {
	padding: 5px 25px 5px 17px;
	background: url(/common/images/com_icn01.png) no-repeat 5px 0.9em;
}
.local-navi03 li.active {
	border-radius: 3px;
	padding: 5px 25px 5px 25px;
	background: #ffffff url(/common/images/com_icn15.png) no-repeat 10px 1em;
}


.local-navi04 ul {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.local-navi04 li {
	width: 24.85%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
}

.local-navi04 li a {
	display: table;
	height: 100%;
	width: 100%;
}
.local-navi04 li a span {
display: table-cell;
height: 100%;
	padding: 12px 20px 14px 47px;
	background: #ffffff url(/common/images/com_icn49.png) no-repeat 20px 50%;
	color: #333333;
	vertical-align: middle;
}
.local-navi04 li a:hover {
	text-decoration: none;
}
.local-navi04 li a:hover span {
	background: #ffffff url(/common/images/com_icn86.png) no-repeat 20px 50%;
	color: #d7083b;
	text-decoration: none;
}

.local-navi05 ul {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	display:flex;
}
.local-navi05 li {
	flex-grow: 1;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.local-navi05 li a {
	display: table;
	height: 100%;
	width: 100%;
}
.local-navi05 li a span {
display: table-cell;
height: 100%;
	padding: 12px 10px 14px 36px;
	background: #ffffff url(/common/images/com_icn49.png) no-repeat 15px 50%;
	color: #333333;
	vertical-align: middle;
}
.local-navi05 li a:hover {
	text-decoration: none;
}
.local-navi05 li a:hover span {
	background: #ffffff url(/common/images/com_icn86.png) no-repeat 15px 50%;
	color: #d7083b;
	text-decoration: none;
}



/*link-navi-box*/
.link-navi {
}
.link-navi li {
	float: left;
	margin-right: 26px;
}
.link-navi li a {
	display: inline-block;
	padding: 0 0 0 17px;
	background: url(/common/images/com_icn01.png) no-repeat 0 0.5em;
}





/* column-box */
.col-box01 {
	margin:20px 0 0;
	background-color: #f4f4f4;
}
.col-box01 > dt {
	padding: 5px 0;
	background-color: #000000;
	color: #ffffff;
	font-size: 120%;
	text-align: center;
}
.col-box01 > dd {
	padding: 25px 40px;
	background: #f4f4f4 url(/common/images/com_icn75.png) no-repeat 50% 0;
}
.col-box01 > dd + dd {
	padding: 25px 40px;
	background-image: none;
}
.col-box01 > dd p {
	margin-top: 0;
}
.col-box01 .col-sub01 .col {
	float: left;
	width: 416px;
	border-right: 1px solid #cacaca;
}
.col-box01 .col-sub01 .col + .col {
	float: right;
	width: 360px;
	border: none;
}
.col-box01 .contact-info strong,
.urgentBox .contact-list li,
.col-box01 .contact-list li {
	font-weight: bold;
	font-size: 116%;
}
.col-box01 .contact-info strong img,
.urgentBox .contact-list li img,
.col-box01 .contact-list li img {
vertical-align: baseline;
}
.col-box01 .contact-info {
	line-height: 1.4;
}

.urgentBox .contact-list li,
.col-box01 .contact-list li {
	float: left;
	padding-right: 20px;
}
.urgentBox .contact-list li img,
.col-box01 .contact-list img {
	margin-right: 4px;
	vertical-align: baseline;
}

.col-box02 {
	padding:10px;
	border: 1px solid #cacaca;
	text-align:center;
	width:100%;
	font-weight:bold;
	margin:10px 0 0;
}
.col-box02 p{
	margin-top:0;
}

/* col-info */
.col-info {
	margin: 10px 0 0;
	border: 1px solid #ccc;
}
.col-info .info-title-box {
position: relative;
	padding: 15px 30px 15px 30px;
	overflow: hidden;
}
.col-info .info-title-box p {
	margin-top: 0;
}
.col-info .info-title {
	display: inline-block;
	padding: 17px 10px 8px 0;
	font-weight: bold;
	font-size: 115%;
}
.col-info .info-title a {
	min-height: 25px;
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(/common/images/com_icn01.png) no-repeat 0 0.6em;
}
.column .info-title {
	float: left;
}
.col-info .info-title-box:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background-color: #ccc;
width: 95%;
height: 1px;
}
.column .info-logo {
	float: right;
}
.info-line {
}
.info-text-box {
	padding: 12px 20px 15px;
}
.info-text-box p:first-child {
	margin-top: 0;
}
.info-text-box .info-lead {
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 116%;
}
.info-text-box .col {
	float: left;
	width: 660px;
}
.info-text-box .col + .col {
	float: right;
	width: 172px;
	padding: 5px 0 0;
}
.info-latest {
	padding: 10px 20px 10px;
	background-color: #e4e7e8;
}

.info-latest dt {
	display: block;
	position: relative;
	padding: 5px 10px 5px 18px;
	font-size: 113.33%;
	font-weight: bold;
	color: #333333;
}
.info-latest dt:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #000000;
	position:  absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.info-latest dd {
	margin: 5px 0 0;
}

/* prof-box */
.col-prof {
	margin:30px 0 0;
	padding: 30px 30px;
	border-top: 3px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.prof-box/*,
.prof-box02,
.prof-box03*/ {
	padding: 0 10px 8px 0;
}
.prof-title {
	display: inline-block;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 120%;
}
.prof-title:before {
content: url(/common/images/com_icn91.png);
margin-right: 10px;
vertical-align: middle;
}
.prof-line01 {
}
.profLine02 {
}
.prof-text {
	padding: 0 0 0;
	position: relative;
}
.prof-text p {
	margin-top: 0;
}
.column .prof-box {
	overflow: hidden;
}
.column .prof-photo {
	float: right;
	padding: 0 0 30px 30px;
	background-color: #ffffff;
	text-align: center;
}
.column .prof-photo p {
	margin-top: 0;
}
.column .prof-photo.person02 {
	float: right;
	padding: 10px 10px 3px;
	background-color: #ffffff;
	text-align: center;
}
.column .prof-photo.person03 {
	float: right;
	background-color: #ffffff;
	text-align: center;
}

/* col-news */
.col-news {
	margin: 10px 0 0;
}
.col-news .news-wrapper {
	padding: 30px;
	background-color: #f4f4f4;
}
.col-news .news-title {
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 120%;
	color: #333333;
}
.col-news .news-info {
margin-top: 12px;
}
.col-news .news-info > dt {
	font-weight: bold;
}
.col-news .news-info > dd {
	margin: 10px 0 0;
	padding: 0;
}
.col-news .news-info > dd + dt {
	margin: 10px 0 0;
}
.col-news .news-info > dd.column .news-photo {
	float: left;
	width: 100px;
	padding: 5px 0 0 0;
	margin-right: 15px;
}
.col-news .news-info > dd.column .news-text {
	overflow: hidden;
}

.col-news .news-info .lead-text {
	font-weight: bold;
}
.col-news .news-info .body-text {
	margin: 10px 0 0;
	padding: 0;
}
.col-news div.news-info .icon-link {
	margin: 0 0 0 5px;
}


/* col-round01 */
.col-round01 {
	margin: 20px 0 0;
	padding: 20px 20px;
	background-color: #eeeeee;
}
.col-round01 h3 {
    margin-top: 0;
}
.col-round01 .heading05 {
	margin-top: -20px;
}
/* col-round02 */
.col-round02 {
	margin: 20px 0 0;
	padding: 15px 20px;
	border: 1px solid #ccc;
	background-color: #ffffff;
}
.col-round02 .col-title {
	margin-top: 0;
	margin-bottom: 15px;
	padding: 0 0 15px ;
	font-weight: bold;
}
.col-round02 .col-title {
position: relative;
}
.col-round02 .col-title:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background-color: #ccc;
width: 100%;
height: 1px;
}
.col-round02 .col-title02 {
	margin-top: 0;
	font-weight: bold;
}
.col-round02.column {
	padding: 15px;
}
.col-round02.column .img-l {
	float: left;
	width: 110px;
}
.col-round02.column .text-r {
	float: right;
	width: 742px;
}


/* col-round03 */
.col-round03 {
	margin: 20px 0 0;
	padding: 8px 20px 15px;
	background-color: #f1f3f3;
}
.col-round03 p {
	margin-top: 0;
}
.col-round03 .heading05 {
margin-top: 0;
padding-top: 10px;
}

/* news-box */
.news-box {
	margin-top: 10px;
	text-align: right;
}

/* social-box */
.social-box li {
	display:inline-block;
}
.social-box li:last-child {
	width: 90px;
}

/* social-news */

.social-news {
	margin-bottom: 10px;
}

.social-box {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: right;
	padding: 10px 30px 4px;
	background-color: #eeeeee;
}


.social-news .social-box {
	float: left;
	margin-bottom: 0;
}

.social-news .news-box {
	float: right;
	margin-top: 0;
}

.social-news .news-box p {
	margin-top: 0;
	line-height: 1.4;
}


/* plugin-box */
.plugin-box01 {
	margin-top: 10px;
	padding: 30px 0 15px 0;
	border-top: 1px solid #ccc;
}
.plugin-box01 dl,
.plugin-box01 .box_inner {
	overflow: hidden;
}
.plugin-box01 dt,
.plugin-box01 .box_head {
	vertical-align: text-top;
}
.plugin-box01 dt.adobe,
.plugin-box01 .box_head.adobe {
	float: left;
	margin-right: 25px;
	font-size: 0;
}
.plugin-box01 dt.wmp,
.plugin-box01 .box_head.wmp {
	float: left;
	margin-right: 25px;
	font-size: 0;
}
.plugin-box01 dd,
.plugin-box01 .box_body {
	overflow: hidden;
}
.plugin-box01 dd span,
.plugin-box01 .box_body span {
	font-weight: bold;
}

.plugin-box01 dd .social-box,
.plugin-box01 .box_body .social-box {
	display: block;
	margin: 0;
	padding-right: 0;
	background: transparent;
}
.plugin-box01 dd .social-box li:first-child,
.plugin-box01 .box_body .social-box li:first-child {
	width: 90px;
}
.plugin-box01 dd .social-box li:last-child,
.plugin-box01 .box_body .social-box li:last-child {
	width: 82px;
}

.imageArea img,
p.movieImg img {
    border: 1px solid #cccccc;
}


/* table
=================================*/
/* default table */
.table01 {
	width: 100%;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #cacaca;
}
.table01 th,
.table01 td {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 15px;
}
.table01 th {
	font-weight: bold;
	text-align: left;
}
.table01 .lv01 {
	background-color:#eeeeee;
}
.table01 .lv02 {
	background-color:#f8f8f8;
}
.table01 .lv03 {
	background-color:#c68888;
	color: #ffffff;
}
.table01 .lv04 {
	background-color:#698eb1;
	color: #ffffff;
}
.table01 .lv05 {
	background-color:#6fa266;
	color: #ffffff;
}
.table01 .lv06 {
	background-color:#FFFFBF;
}
.table01 .lv07 {
	background-color:#F3F3F4;
}
.table01 .lv08 {
	background-color:#FBE8EC;
}
.table01 .lv09 {
	background-color:#FEF0E0;
}
.table01 .lv10 {
	background-color:#aba8cd;
}


.table01 .lv11 {
	background-color:#8db4e3;
}
.table01 .lv12 {
	background-color:#cddaea;
}
.table01 .lv13 {
	background-color:#7fb075;
}
.table01 .lv14 {
	background-color:#b8d2b3;
}
.table01 .lv15 {
	background-color:#c78484;
}
.table01 .lv16 {
	background-color:#dbc6c6;
}


.table01 h3 {
	margin-top:0;
}
.table02 {
	width: 100%;
}


/* column
=================================*/
/* 1column */
.column.col01 {
	width: 912px;
}
.col01 .col {
}
/* 2column */
.column.col02,
.column.col02a,
.column.col02b,
.column.col02c {
	width: 912px;
}

.fullpage .column.col01,
.fullpage .column.col02,
.fullpage .column.col03,
.fullpage .column.col04 {
	width: 100%;
	margin-top: 25px;
}
.column.col02d {
	margin-top: 10px;
}

.col02-wallpaper {
	width: 254px !important;
}
.col02-iir {
	width: 912px;
}
.col02-iir .col-l {
	float: left;
	margin-right: 36px;
	width: 200px;
	text-align: center;
}
.col02-iir .col-r {
overflow: hidden;
}
.col02-iir .col-r > *:first-child {
margin-top: 0;
}


.col02-concert {
	width: 912px;
}
.col02-concert > .col-l {
	float: left;
	margin-right: 36px;
	width: 200px;
	text-align: center;
}
.col02-concert > .col-r {
overflow: hidden;
}
.col02-concert > .col-r > *:first-child {
margin-top: 0;
}
.col02-concert02 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
}
.col02-concert02 > .col-l {
	float: left;
	width: 53.2%;
}
.col02-concert02 > .col-r {
	float: right;
	width: 41.5%;
}
.col02-concert02 > .col-l > *:first-child,
.col02-concert02 > .col-r > *:first-child {
margin-top: 0;
}

.col02 .col,
.col02a .col,
.col02b .col,
.col02c .col {
	float: left;
	width: 438px;
	margin: 36px 36px 0 0;
}
.col02d > .col {
	float: left;
	width: 44%;
	margin: 0 5.2% 0 0;
}
.col02d > .col > *:first-child {
margin-top: 0;
}

.fullpage .col02 > .col {
	float: left;
	width: 582px;
	margin: 0 36px 0 0;
}
.fullpage .col02 > .col > *:first-child {
margin-top: 0;
}

.col02 .col:nth-of-type(2n),
.col02a .col:nth-of-type(2n),
.col02b .col:nth-of-type(2n),
.col02c .col:nth-of-type(2n),
.col02d .col:nth-of-type(2n) {
margin-right: 0 !important;
}
.col02b .col {
	padding: 15px 30px;
}
.col02c .col .col-link {
	padding: 15px 30px;
}
.col02-wallpaper .col {
	float: left;
	width: 120px !important;
	margin: 0 12px 8px 0 !important;
}

/*****160930追加*****/
.col02-wallpaper .col-02 {
	float: left;
	width: 190px !important;
	margin: 0 12px 8px 0 !important;
}
.col02-wallpaper .col-02 p {
	margin-top: 0;
}
.col02-wallpaper .col-02 + .col-02 {
	margin-right: 0 !important;
}
.col02-wallpaper .col-02 .child-list li {
	margin-bottom: 0;
}
/*****160930追加*****/

.col02-wallpaper .col p {
	margin-top: 0;
}
.col02-wallpaper .col + .col {
	margin-right: 0 !important;
}
.col02-wallpaper .col .child-list li {
	margin-bottom: 0;
}
.col01 .col-link,
.col02 .col-link,
.col02a .col-link,
.col02b .col-link,
.col03 .col-link,
.col-longlink {
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	box-sizing: border-box;
}
.col02c .col {
	position: relative;
	box-sizing: border-box;
}
.col02c .col .col-link {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.col01 .col-link:before,
.col02 .col-link:before,
.col02a .col-link:before,
.col02b .col-link:before,
.col02c .col:before,
.col03 .col-link:before,
.col-longlink:before,
.boxcolumn_news.bncontent:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 93px;
height: 3px;
background-color: #d7083b;
}
.col-longlink {
	border-width: 3px;
}
.col01 .col-link dl,
.col02 .col-link dl,
.col02a .col-link dl,
.col03 .col-link dl,
.col-loonglink dl {
}
.col01 .col-link .link-text,
.col02 .col-link .link-text,
.col02a .col-link .link-text,
.col02 .col-link .title-text,
.col02a .col-link .title-text,
.col03 .col-link .link-text,
.col03 .col-link .title-text,
.col-longlink .link-text {
	min-height: 25px;
	padding: 25px 10px 8px 48px;
	background: url(/common/images/com_icn01.png) no-repeat 28px 2.2em;
}
.col01 .col-link .no-link,
.col02 .col-link .no-link {
	min-height: 25px;
	padding: 25px 10px 8px 30px;
}
.col02 .col-link .link-text2 {
	min-height: 25px;
	padding: 25px 10px 0 30px;
}
.col02 .col-link .link-text img {
margin-left: 8px;
vertical-align: baseline;
}
.col02b .col-link .link-text {
	min-height: 25px;
	padding: 10px 10px 8px 18px;
	background: url(/common/images/com_icn01.png) no-repeat 0 1.1em;
	font-size: 120.0%;
	font-weight: bold;
}
.col02b .col-link .link-text a:hover {
text-decoration: none;
}
.col02b .sub-title {
font-weight: bold;
font-size: 133.33%;
}
.col02b .text {
margin-top: 10px;
}

.col02c .col-link .link-text {
	min-height: 25px;
	padding: 10px 10px 8px 18px;
	background: url(/common/images/com_icn01.png) no-repeat 0 1.1em;
	font-size: 120.0%;
	font-weight: bold;
}
.col02c .col-link .link-text a:hover {
text-decoration: none;
}
.col02c .sub-title {
font-weight: bold;
font-size: 133.33%;
}
.col02c .text {
margin-top: 10px;
}
.col02c .link-area {
background-color: #000000;
}
.col02c .link-area ul {
	display: flex;
}
.col02c .link-area ul li {
	box-sizing: border-box;
	width: 50%;
	height: 46px;
}
.col02c .link-area ul li.full {
	width: 100%;
}
.col02c .link-area ul li:last-child {
border-left: 1px solid #ffffff;
}


.col02c .link-area ul li a {
	display: flex;
	background: #000000 url(/common/images/com_icn40.png) no-repeat 20px 50%;
	color: #ffffff;
	width: 100%;
	height: 46px;
	align-items: center;
	justify-content: center;
	
}
.col02c .link-area ul li a:hover {
	background: #d7083b url(/common/images/com_icn40.png) no-repeat 20px 50%;
	color: #ffffff;
	text-decoration: none;
}

.col02c .link-area ul li a .text-wrapper {
	line-height: 1.2;
}
.col02c .link-area ul li a .link-text {
	padding: 0 30px;
}
  .tabDetail .col02 .col-link {
    overflow: hidden;
  }


.col03 .col-link .link-text-wallpaper {
	min-height: 25px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 7px 0 8px 26px;
	background: #d2d5d7 url(/common/images/com_icn17.png) no-repeat 6px 0.6em;
	font-weight: bold;
	color: #333333;
	text-shadow: 1px 0 0 #ffffff;
}
.col01 .col-link .link-text a,
.col01 .col-link .title-text span,
.col01 .col-link .no-link,
.col02 .col-link .link-text a,
.col02 .col-link .link-text .no-link-title,
.col02 .col-link .no-link,
.col02 .col-link .title-text span,
.col02 .col-link .link-text2 a,
.col02 .col-link .title-text2 span,
.col02a .col-link .link-text a,
.col02a .col-link .title-text span,
.col03 .col-link .link-text a,
.col03 .col-link .title-text span,
.col-longlink .link-text a {
	font-weight: bold;
	color: #333333;
	font-size: 115%;
}
.col01 .col-link .link-text a,
.col02 .col-link .link-text a,
.col02 .col-link .link-text2 a,
.col02a .col-link .link-text a,
.col03 .col-link .link-text a,
.col-longlink .link-text a {
	text-decoration: none;
}
.col01 .col-link .link-text a:hover,
.col02 .col-link .link-text a:hover,
.col02 .col-link .link-text2 a:hover,
.col02a .col-link .link-text a:hover,
.col03 .col-link .link-text a:hover,
.col-longlink .link-text a:hover {
	text-decoration: none;
	color: #d7083b;
}
.col01 .col-link .link-text a span,
.col02 .col-link .link-text a span,
.col02 .col-link .link-text2 a span,
.col02a .col-link .link-text a span,
.col03 .col-link .link-text a span,
.col-longlink .link-text a span {
}


.col01 .col-link .link-text a,
.col02 .col-link .link-text a,
.col02 .col-link .title-text span,
.col02 .col-link .link-text2 a,
.col02 .col-link .title-text2 span,
.col02a .col-link .link-text a,
.col02a .col-link .title-text span,
.col03 .col-link .link-text a,
.col03 .col-link .title-text span,
.col-longlink .link-text a {
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)";
	display: block;
}

.col01 .col-link .title-text,
.col02 .col-link .title-text,
.col02a .col-link .title-text,
.col03 .col-link .title-text {
	padding: 0 10px 10px 30px;
	background: #d2d5d7;
}
.col02 .col-link .link-text2 img {
vertical-align: middle;
margin: 0 8px 0 0;
}

.col01 .col-link dd,
.col02 .col-link dd,
.col02a .col-link dd,
.col03 .col-link dd,
.col-longlink dd {
	padding: 6px 30px 15px;
	background-color: #ffffff;
}
.col01 .col-link dd dd {
	padding: 0;
	background-color: #ffffff;
}
.col03 .col-link-wallpaper dd {
	padding: 6px 12px 10px;
}

.col01 .col-link .column .img-r {
	float: right;
	width: 373px;
	margin-left: 36px;
	overflow: hidden;
}
.col01 .col-link .column .text-l {
}

.col02 .col-link .column .img-l,
.col02a .col-link .column .img-l
 {
	float: left;
	width: 110px;
	margin-right: 13px;
	text-align: center;
}
.col02 .col-link .column .text-r,
.col02a .col-link .column .text-r {
	float: right;
	width: 250px;
}
.col02 .col-link .column .img-r {
	float: right;
	width: 180px;
	margin-left: 20px;
	overflow: hidden;
}
.col02 .col-link .column .img-r02 {
	float: right;
	width: 120px;
	margin-left: 20px;
	overflow: hidden;
}

.col02.service-top,
.col02a.service-top {
	width: 700px;
}
.col02.service-top .col,
.col02a.service-top .col {
	float: left;
	width: 388px;
	margin: 10px 0 0 0;
}
.col02.service-top .col + .col,
.col02a.service-top .col + .col {
	float: right;
	width: 297px;
	margin: 10px 0 0 0;
}

.column.col02-1 {
	overflow: hidden;
}
.column.col02-3 .col02-1 + .col02-1 {
	border-top: 1px solid #d4d9dd;
/*	float: right;
	width: 323px;*/
}
.column.col02-2 {
	width: 358px;
	overflow: hidden;
}
.column.col02-3 {
	width: 670px;
	overflow: hidden;
}
.column.col02-3 .col02-2 {
	float: left;
	width: 335px;
}
.column.col02-3 .col02-2 + .col02-2 {
	width: 322px;
	padding-left: 12px;
	border-left: 1px solid #d4d9dd;
/*	float: right;
	width: 323px;*/
}
.column.col02-4 {
	width: 360px;
	overflow: hidden;
}
.wrap-l,
.wrap-r {
	padding-top: 10px;
}
.wrap-l .img {
	float: left;
	margin: 0 16px 0 0;
}
.wrap-r .img {
	float: right;
	margin: 0 0 0 16px;
}
.wrap-l .is-hidden,
.wrap-r .is-hidden {
overflow: hidden;
}
/*.heading-box*/
.col01 .heading-box,
.col02 .heading-box {
	position: relative;
  margin-top: 36px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	box-sizing: border-box;
}
.col01 .heading-box:before,
.col02 .heading-box:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 93px;
  height: 3px;
  background-color: #d7083b;
}
.col01 .heading-box > .head + .body,
.col02 .heading-box > .head + .body{
  border-top: 1px solid #ccc;
}
.col01 .heading-box > .head > .title-link > .no-link,
.col01 .heading-box > .head > .title-link > a,
.col02 .heading-box > .head > .title-link > .no-link,
.col02 .heading-box > .head > .title-link > a {
  display: block;
  font-size: 115%;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.col01 .heading-box > .head > .title-link > a,
.col02 .heading-box > .head > .title-link > a {
  padding-left: 20px;
  background: url(/common/images/com_icn01.png) no-repeat 0 .4em;
}
.col01 .heading-box > .head > .title-link > a:hover,
.col02 .heading-box > .head > .title-link > a:hover {
  color: #d7083b;
  text-decoration: none;
}
.col01 .heading-box > .head,
.col02 .heading-box > .head {
  padding: 25px 30px 10px;
}
.col01 .heading-box > .body,
.col02 .heading-box > .body {
  padding: 10px 30px 15px;
}
.col01 .heading-box > .body > *:first-child,
.col02 .heading-box > .body > *:first-child {
	margin-top: 0!important;
}

.col02-v2-r{
	margin: 36px 0 0 0;
}
.col02-v2-r .col {
	float: right;
	width: 438px;
	margin-left: 36px;
}
.col02-v2-r .col + .col {
	float: none;
	width: auto;
	margin: 0;
}
  
.col02-v2-l{
	margin: 36px 0 0 0;
}
.col02-v2-l .col {
	float: left;
	width: 438px;
	margin-right: 36px;
}
.col02-v2-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
}

/* 3column */
.column.col03 {
	width: 912px;
}
.col03 .col {
	float: left;
	width: 280px;
	margin: 10px 36px 0 0;
}
.col03 .col.col-link {
	width: 280px;
}
.col03 .col + .col + .col {
	margin-right: 0;
}
.col03 .col.col-link + .col.col-link + .col.col-link {
	margin-right: 0;
}
.col03-l .col {
	float: left;
	width: 280px;
	margin-right: 20px;
}
.col03-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col03-v2-l .col {
	float: left;
	width: 280px;
	margin-right: 36px;
}
.col03-v2-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col03-r .col {
	float: right;
	width: 280px;
	margin-left: 20px;
}
.col03-r .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col03-v2-r .col {
	float: right;
	width: 280px;
	margin-left: 20px;
}
.col03-v2-r .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col03 .col-title {
	margin-top: 12px;
	font-weight: bold;
	font-size: 110.0%;
}
.col03 .col-text {
	margin: 8px 0;
}

/* 4column */
.col04 .col {
	float: left;
	width: 201px;
	margin: 10px 36px 0 0;
}
.col04 .col + .col + .col + .col {
	margin-right: 0;
}

.fullpage .col04 > .col {
	float: left;
	width: 273px;
	margin: 0 36px 0 0;
}
.fullpage .col04 > .col > *:first-child {
margin-top: 0;
}
.col04 .col:nth-of-type(4n) {
margin-right: 0 !important;
}

.col04-l .col {
	float: left;
	width: 201px;
	margin-right: 36px;
}
.col04-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col04-l2 .col {
	float: left;
	width: 130px;
	margin-right: 36px;
}
.col04-l2 .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col04-v2-l .col {
	float: left;
	width: 201px;
	margin-right: 36px;
}
.col04-v2-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col04-r .col {
	float: right;
	width: 201px;
	margin-left: 36px;
}
.col04-r .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}
.col04-v2-r .col {
	float: right;
	width: 201px;
	margin-left: 36px;
}
.col04-v2-r .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
}


/* 5column */
.col05-l .col {
	float: left;
	width: 140px;
	margin-right: 20px;
}
.col05-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
/*	float: right;
	width: 580px;*/
}

/* 6column */
.col06-l .col {
	float: left;
	width: 100px;
	margin-right: 20px;
}
.col06-l .col + .col {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
/*	float: right;
	width: 580px;*/
}

.col p:first-child {
	margin-top: 0;
}
/* movie
=================================*/
/* movie-column */
.movie-column.col01 {
}
.movie-column.col02 {
	display: flex;
	flex-wrap: wrap;
	margin: 26px auto 0;
}
.movie-column.col03 {
	display: flex;
	flex-wrap: wrap;
	margin: 26px auto 0;
}

.movie-column.col01 .movie-col {
	width: 788px;
	margin: 26px auto 0;
}
.movie-column.col01 .movie-col:nth-child(n+2) {
	margin-top: 20px;
}
.movie-column.col02 .movie-col {
	width: calc((100% - (36px)) / 2);
	margin-left: 36px;
}
.movie-column.col02 .movie-col:nth-child(2n+1) {
	margin-left: 0;
}
.movie-column.col02 .movie-col:nth-child(n+3) {
	margin-top: 20px;
}
.movie-column.col03 .movie-col {
	width: calc((100% - (36px * 2)) / 3);
	margin-left: 36px;
}
.movie-column.col03 .movie-col:nth-child(3n+1) {
	margin-left: 0;
}
.movie-column.col03 .movie-col:nth-child(n+4) {
	margin-top: 20px;
}

/* movie-wrap */
.movie-wrap {
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}
.movie-wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}

/* movie-note */
.movie-note {
	margin-top: 12px;
	padding: 0 8px;
	color: #808080;
	font-size: 86.666%;
}
.movie-note > .blank-link > img{
	padding-bottom: 1px;
}

/* other
=================================*/
/* line */
.line01 {
	padding-top: 15px;
	border-top: 1px solid #ccc;
}

/* align */
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}
.valign-top {
	vertical-align: top !important;
}

/* margin auto */
.m-auto {
	margin: 0 auto;
}

/* float */
.float-r {
	float: right !important;
}
.float-l {
	float: left !important;
}


/* sup */
sup {
	vertical-align:top;
}

/* bold */
.fwb {
 position: static !important;
 font-weight:bold;
}
.tx-lineheight01 {
	line-height:1.4;
}

/* text */
.normal{
	font-weight:normal !important;
}
.text-small {
	font-size: 90%;
}
.text-Xsmall {
	font-size: 75%;
}
.text-middle {
	font-size: 150%;
}
.text-large {
	font-size: 158%;
}
.note-list01,
.note-list02,
.note-list03,
.note-list04 {
	margin-top: 10px;
}

.note-text01,
.note-list01 > li {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 93.33%;
}

.note-list02 > li,
p.note-list02 {
	position: relative;
	padding-left: 2.8em;
	font-size: 93.33%;
}
.note-list02 > li > span,
p.note-list02 > span,
.note-list03 > li > span,
p.note-list03 > span {
	position: absolute;
	top: 0;
	left: 0;
}
.note-list02.type-v2 > li > .note-list_mark,
p.note-list02.type-v2 > .note-list_mark,
.note-list03.type-v2 > li > .note-list_mark{
	position: absolute;
	top: 0;
	left: 0;
}
.note-list02.type-v2 > li > span,
p.note-list02.type-v2 > span,
.note-list03.type-v2 > li > span{
	position: relative;
}
.note-list02 > li a span,
p.note-list02 > a span {
	position: relative;
}

.note-list03 > li,
p.note-list03 {
	position: relative;
	padding-left: 4em;
	font-size: 93.33%;
}


.note-text04,
.note-list04 > li {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 80.0%;
}

.note-list01 .link-list > li a,
.note-list02 .link-list > li a,
.note-list03 .link-list > li a {
	padding: 0 0 0 22px;
}

.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}

.text-red {
	color: #d7083b;
}
.text-blue {
	color: #3366cc;
}

.text-date {
	color: #813041;
	font-size: 90%;
}

.caption {
	margin-top: 5px !important;
	font-size: 93.33%;
}

.indent-text01 li > span{
	position: absolute;
	top: 0;
	left: 0;
}

.indent-text01 li{
	position: relative;
	padding-left: 3.5em;
	overflow: hidden;
}

.indent-text01 li a {
	position: relative;
}

.indent-text02 li > span {
	position: absolute;
	top: 0;
	left: 12px;
	font-weight: bold;
}

.indent-text02 li{
	position: relative;
	padding-left: 2.3em;
	overflow: hidden;
}

.indent-text02 li a {
	position: relative;
}

.boxcolumn_newsWrapper {
	padding-top: 10px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent {
	position: relative;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent + .boxcolumn_news.bncontent {
	margin-top: 30px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dt {
	padding: 7px 0 8px 26px;
	background: #d2d5d7 url(/common/images/com_icn17.png) no-repeat 6px 0.6em;
	font-weight: bold;
	color: #333333;
	text-shadow: 1px 0 0 #ffffff;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd {
	padding: 0 30px 30px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .leftCol {
	margin-top: 20px;
	float: left;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .rightCol {
	float: left;
	margin-left: 40px;
	width: 600px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .rightCol .heading05 {
	padding: 10px 10px 10px 18px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .rightCol ul .link-text {
	display: inline-block;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .rightCol ul .link-text + .link-text{
	margin-left: 15px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .rightCol ul .link-text a {
	color: #333333;
	padding-left: 16px;
	background: url(/common/images/com_icn01.png) no-repeat 0 7px;
}
.boxcolumn_newsWrapper .boxcolumn_news.bncontent dl dd .rightCol ul .link-text a:hover {
	color: #d7063b;
	text-decoration: none;
}


/* Button */
.btn-link,
.btn-link .text-wrapper,
.btn-link .link-text {
	display: block;
	text-decoration: none !important;
	box-sizing: border-box;
}
.btn-link:link,
.btn-link:visited {
color: #333333;
}
.btn-link img {
	padding: 0 0 0 5px;
	vertical-align: baseline;
}
.btn-s {
	display: inline-block;
	border: 1px solid #ccc;
	background: #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
	color: #333333;
}
.btn-s:hover {
	border: 1px solid #d7083b;
	background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
	color: #d7083b;
}
.ui-tabs-selected .btn-s {
}

.btn-s .text-wrapper {
	padding: 0 0 0;
	line-height: 1.2;
}
.btn-s .link-text {
	padding: 12px 20px 14px 47px;
	text-align: center;
}

.button-wrap,
.button-wrap02 {
	margin-top: 26px;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}
.button01 {
	margin-top: 26px;
	margin-left: 36px;
	display: flex;
}
.button01:first-child {
	margin-top: 0!important;
	margin-left: 0!important;
}
.button01 img {
	padding-left: 10px;
	vertical-align: baseline;
}
.button-wrap > .button01[data-size-pc="1col"] > .button01__type {
	width: 100%;
}
.button-wrap[data-col-pc="1"] > .button01 {
	width: 100%;
}
.button-wrap[data-col-pc="1"] > .button01:nth-child(1n+1) {
	margin-left: 0!important;
}
.button-wrap[data-col-pc="1"] > .button01:nth-child(-n+1) {
	margin-top: 0!important;
}
.button-wrap[data-col-pc="2"] > .button01 {
	width: calc(((100% - (36px)) / 2) - .1px);
}
.button-wrap[data-col-pc="2"] > .button01:nth-child(odd) {
	margin-left: 0!important;
}
.button-wrap[data-col-pc="2"] > .button01:nth-child(-n+2) {
	margin-top: 0!important;
}
.button-wrap[data-col-pc="3"] > .button01 {
	width: calc(((100% - (72px)) / 3) - .1px);
}
.button-wrap[data-col-pc="3"] > .button01:nth-child(3n+1) {
	margin-left: 0!important;
}
.button-wrap[data-col-pc="3"] > .button01:nth-child(-n+3) {
	margin-top: 0!important;
}
.button-wrap[data-col-pc="4"] > .button01 {
	width: calc(((100% - (108px)) / 4) - .1px);
}
.button-wrap[data-col-pc="4"] > .button01:nth-child(4n+1) {
	margin-left: 0!important;
}
.button-wrap[data-col-pc="4"] > .button01:nth-child(-n+4) {
	margin-top: 0!important;
}
.button01 .button01__type,
.button01 .button01__type--blank,
.button01 .button01__type--pdf,
.button01 .button01__type--modal {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	text-align: center;
	font-size: 106.6%;
	font-weight: bold;
	border: 2px solid #333;
	border-radius: 45px;
	color: #333;
}
.button01 .button01__type {
	padding: 10px 19px;
}
.button01 .button01__type--blank{
	padding: 10px 32px 10px 19px;
}
.button01 .button01__type--pdf {
	padding: 10px 34px 10px 19px;
}
.button01 .button01__type--modal {
	padding: 10px 35px 10px 19px;
}
.button01__type--blank::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	background: url(/common/images/com_icn87.png) no-repeat 50%;
	background-size: contain;
	margin-top: -5px;
	width: 12px;
	height: 11px
}
.button01__type--pdf::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	background: url(/common/images/com_icn105.png) no-repeat 50%;
	background-size: contain;
	margin-top: -7px;
	width: 14px;
	height: 14px
}
.button01__type--modal::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	background: url(/common/images/com_icn93.png) no-repeat 50%;
	background-size: contain;
	margin-top: -7px;
	width: 15px;
	height: 15px
}
.button01 .button01__type:hover,
.button01 .button01__type--blank:hover,
.button01 .button01__type--pdf:hover,
.button01 .button01__type--modal:hover {
	border: 2px solid #d7063b;
	background-color: #ffe8ee;
	color: #d7063b;
	text-decoration: none!important;
}
.button01__label {
	display: inline-block;
}
.button02 {
	margin-top: 26px;
	margin-left: 36px;
	display: flex;
}
.button02:first-child {
	margin-top: 0!important;
	margin-left: 0!important;
}
.button02 img {
	padding-left: 10px;
	vertical-align: baseline;
}
.button-wrap02 > .button02[data-size-pc="1col"] > .button02__type {
	width: 100%;
}
.button-wrap02[data-col-pc="1"] > .button02 {
	width: 100%;
}
.button-wrap02[data-col-pc="1"] > .button02:nth-child(1n+1) {
	margin-left: 0!important;
}
.button-wrap02[data-col-pc="1"] > .button02:nth-child(-n+1) {
	margin-top: 0!important;
}
.button-wrap02[data-col-pc="2"] > .button02 {
	width: calc(((100% - (36px)) / 2) - .1px);
}
.button-wrap02[data-col-pc="2"] > .button02:nth-child(odd) {
	margin-left: 0!important;
}
.button-wrap02[data-col-pc="2"] > .button02:nth-child(-n+2) {
	margin-top: 0!important;
}
.button-wrap02[data-col-pc="3"] > .button02 {
	width: calc(((100% - (72px)) / 3) - .1px);
}
.button-wrap02[data-col-pc="3"] > .button02:nth-child(3n+1) {
	margin-left: 0!important;
}
.button-wrap02[data-col-pc="3"] > .button02:nth-child(-n+3) {
	margin-top: 0!important;
}
.button-wrap02[data-col-pc="4"] > .button02 {
	width: calc(((100% - (108px)) / 4) - .1px);
}
.button-wrap02[data-col-pc="4"] > .button02:nth-child(4n+1) {
	margin-left: 0!important;
}
.button-wrap02[data-col-pc="4"] > .button02:nth-child(-n+4) {
	margin-top: 0!important;
}
.button02 .button02__type,
.button02 .button02__type--blank,
.button02 .button02__type--pdf,
.button02 .button02__type--modal {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	background-color: #d7063b;
	text-align: center;
	font-size: 106.6%;
	font-weight: bold;
	border-radius: 45px;
	color: #fff;
	line-height: 1.4;
}
.button02 .button02__type {
	padding: 16px 28px 16px 29px;
}
.button02 .button02__type--blank {
	padding: 16px 35px 16px 29px;
}
.button02 .button02__type--pdf {
	padding: 16px 36px 16px 29px;
}
.button02 .button02__type--modal {
	padding: 16px 37px 16px 29px;
}
.button02__type:hover,
.button02__type--blank:hover,
.button02__type--pdf:hover,
.button02__type--modal:hover {
	opacity: .7;
	text-decoration: none!important;
}
.button02__type::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.button02__type--blank::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	background: url(/common/images/com_icn104.png) no-repeat 50%;
	background-size: contain;
	margin-top: -5px;
	width: 12px;
	height: 11px
}
.button02__type--pdf::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	background: url(/common/images/com_icn105.png) no-repeat 50%;
	background-size: contain;
	margin-top: -7px;
	width: 14px;
	height: 14px
}
.button02__type--modal::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	background: url(/common/images/com_icn118.png) no-repeat 50%;
	background-size: contain;
	margin-top: -7px;
	width: 15px;
	height: 16px;
}
.button02__label {
	display: flex;
}

/* 導入事例扉のボタン内テキストの中央寄せ */
.ui-tabs-nav .btn-s .link-text {
	display: table-cell;
	width: 129px;
	height: 30px;
	vertical-align: middle;
}
.ui-tabs-nav .btn-s .link-text,  x:-moz-any-link { /* for Firefox */
	height: 48px;
}

.techList .link-text {
	display: table-cell;
	vertical-align: middle;
	height: 30px;
	width: 129px;
}
.ui-tabs-selected .btn-s .link-text {
	font-weight: bold;
}
.btn-s:hover {
}
.btn-l {
	display: inline-block;
	border: 1px solid #ccc;
	background:  #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
	font-size: 116%;
	font-weight: bold;
	color: #333333;
}
.btn-l:hover {
	border: 1px solid #d7083b;
	background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
	color: #d7083b;
}
.btn-l .text-wrapper,
.col02 .col-link .btn-l .text-wrapper,
.col02a .col-link .btn-l .text-wrapper {
	padding: 0 0 0;
	line-height: 1.2;
}
.btn-l .link-text,
.col02 .col-link .btn-l .link-text,
.col02a .col-link .btn-l .link-text {
	padding: 15px 15px 19px 47px;
	text-align: center;
}
.col02 .col-link .btn-l .link-text,
.col02a .col-link .btn-l .link-text {
	min-height: 10px;
}
.btn-l:hover {
}
.btn-ll {
	display: inline-block;
	border: 1px solid #ccc;
	background:  #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
	font-size: 116%;
	font-weight: bold;
	color: #333333;
}
.btn-ll:hover {
	border: 1px solid #d7083b;
	background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
	color: #d7083b;
}
.btn-ll .text-wrapper {
	padding: 4px 0 0;;
	line-height: 1.2;
}
.btn-ll .link-text {
	padding: 10px 15px 14px 47px;
	text-align: center;
}
.btn-ll:hover {
}


.btn2-s {
	display: inline-block;
	border: 1px solid #000000;
	background: #000000 url(/common/images/com_icn40.png) no-repeat 20px 50%;
	color: #ffffff;
}
.btn2-s:hover {
	border: 1px solid #d7083b;
	background: #d7083b url(/common/images/com_icn40.png) no-repeat 20px 50%;
	color: #ffffff;
}
.ui-tabs-selected .btn2-s {
}

.btn2-s .text-wrapper {
	padding: 0 0 0;
	line-height: 1.2;
}
.btn2-s .link-text {
	padding: 12px 20px 14px 47px;
	text-align: center;
}

a.btn2-s:link,
a.btn2-l:link,
a.btn2-ll:link,
a.btn2-s:visited,
a.btn2-l:visited,
a.btn2-ll:visited{
color: #ffffff;
font-weight: normal;

}

.ui-tabs-nav .btn2-s .link-text {
	display: table-cell;
	width: 129px;
	height: 30px;
	vertical-align: middle;
}
.ui-tabs-nav .btn2-s .link-text,  x:-moz-any-link { /* for Firefox */
	height: 48px;
}
.ui-tabs-selected .btn2-s .link-text {
	font-weight: bold;
}
.btn2-s:hover {
}
.btn2-l {
	display: inline-block;
	border: 1px solid #000000;
	background:  #000000 url(/common/images/com_icn40.png) no-repeat 20px 50%;
	font-size: 116%;
	font-weight: bold;
	color: #ffffff;
}
.btn2-l:hover {
	border: 1px solid #d7083b;
	background: #d7083b url(/common/images/com_icn40.png) no-repeat 20px 50%;
	color: #ffffff;
}
.btn2-l .text-wrapper,
.col02 .col-link .btn2-l .text-wrapper,
.col02a .col-link .btn2-l .text-wrapper {
	padding: 0 0 0;;
	line-height: 1.2;
}
.btn2-l .link-text,
.col02 .col-link .btn2-l .link-text,
.col02a .col-link .btn2-l .link-text {
	padding: 10px 15px 14px 47px;
	text-align: center;
}
.col02 .col-link .btn2-l .link-text,
.col02a .col-link .btn2-l .link-text {
	min-height: 10px;
}
.btn2-l:hover {
}
.btn2-ll {
	display: inline-block;
	border: 1px solid #000000;
	background:  #000000 url(/common/images/com_icn40.png) no-repeat 20px 50%;
	font-size: 116%;
	font-weight: bold;
	color: #ffffff;
}
.btn2-ll:hover {
	border: 1px solid #d7083b;
	background: #d7083b url(/common/images/com_icn40.png) no-repeat 20px 50%;
	color: #d7083b;
}
.btn2-ll .text-wrapper {
	padding: 4px 0 0;;
	line-height: 1.2;
}
.btn2-ll .link-text {
	padding: 10px 15px 14px 47px;
	text-align: center;
}
.btn2-ll:hover {
}



.btn-box .col-btn {
	float: left;
	margin-right: 10px !important;
	margin-left: 0 !important;
	width: 48%;
}
.btn-box .col-btn + .col-btn {
	margin-right: 0 !important;
}
.btn-box .col-btn .btn-l {
width: 100%;
}

.btn-print {
	width: 164px;
	background: url(/common/images/com_bg31.gif) no-repeat 0 50%;
}
.btn-print:hover {
	background: url(/common/images/com_bg31on.gif) no-repeat 0 50%;
}
.btn-print .text-wrapper {
	padding: 4px 0 0;;
	background: url(/common/images/com_bg29.gif) no-repeat 0 0;
}
.btn-print .link-text {
	padding: 8px 15px 10px 69px;
	background: url(/common/images/com_bg30.gif) no-repeat 0 100%;
}

/* btn-stretch */ /* sample実装 */
.btn-stretch a {
	display: block;
	-moz-border-image: url(/common/images/com_bg32.gif) 11 5 5 11 round stretch;
	-webkit-border-image: url(/common/images/com_bg32.gif) 11 5 5 11 round stretch;
	-ms-border-image: url(/common/images/com_bg32.gif) 11 5 5 11 round stretch;
	border-style: solid;
	border-width: 8px 5px 5px 11px;
	background: url(/common/images/com_bg32.gif) no-repeat 0 0;
}
.btn-stretch.btn-1 a {
	width: 164px;
}
.btn-stretch.btn-2 a {
	width: 289px;
}
.btn-stretch.btn-3 a {
	width: 583px;
}
/* btn-grad */ /* sample実装 */
.btn-grad {
	width: 200px;
	padding: 0 8px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background: -moz-linear-gradient(center top, #ffffff, #e4f5ff 50%, #c8eaff 51%, #ecf8ff) repeat 0 0;
	background: -webkit-linear-gradient(center top, #ffffff, #e4f5ff 50%, #c8eaff 51%, #ecf8ff) repeat 0 0;
	background: -ms-linear-gradient(center top, #ffffff, #e4f5ff 50%, #c8eaff 51%, #ecf8ff) repeat 0 0;
}

.mail-registration {
background-color: #f4f4f4;
padding: 20px;
display: flex;
justify-content: center;
}
.mail-registration .register,
.mail-registration .unregister{
text-align: center;
margin: 0 10px;
}
.mail-registration .register dt:before{
content: url(/common/images/com_icn83.png);
vertical-align: middle;
margin-right: 8px;
}
.mail-registration .unregister dt:before{
content: url(/common/images/com_icn84.png);
vertical-align: middle;
margin-right: 8px;
}
.mail-registration .register dd,
.mail-registration .unregister dd{
margin-top: 10px;
}

/* service category */
.serviceCate .serviceCateInner .link-list {
	margin-top: 10px;
	padding: 5px 0 3px 13px;
	border-left: 2px solid #818f94;
}
.serviceCate .serviceCateInner .link-list li {
	margin: 5px 0 15px;
}
.serviceCate .serviceCateInner .link-list li a {
	font-weight: bold;
}
.serviceCate .serviceCateInner .link-list li .child-text {
	display: inline-block;
	padding-left: 12px;
}

/* form button disable */
.col-btn input.disable-btn {
	display: none;
}
/* IIR開閉体裁 */
dl.iirArchive {
	clear: both;
	display: block;
	width: 912px;
	margin: 0;
	border: 1px solid #ccc;
}
dl.iirArchive dt {
	position: relative;
	padding: 15px 40px 15px 25px;
	font-weight: bold;
	font-size: 120%;
	cursor: pointer;
	line-height: 1.2;
}
dl.iirArchive dt:hover {
}
dl.iirArchive dt.open {
position: relative;
}
dl.iirArchive dt.open:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background-color: #ccc;
width: 95%;
height: 1px;
}
dl.iirArchive dt span.btnOpen,
dl.iirArchive dt span.btnClose {
	position: absolute;
	top: 18px;
	right: 20px;
	width: 16px;
	height:16px;
}
dl.iirArchive dt span.btnOpen {
	background: url(/common/images/com_icn97.png) no-repeat 0 0;
}
dl.iirArchive dt span.btnOpen:hover {
	background: url(/common/images/com_icn97on.png) no-repeat 0 0;
}
dl.iirArchive dt span.btnClose {
	background: url(/common/images/com_icn96.png) no-repeat 0 0;
}
dl.iirArchive dt span.btnClose:hover {
	background: url(/common/images/com_icn96on.png) no-repeat 0 0;
}

dl.iirArchive dd {
	padding: 20px 23px;
}


/* form button disable */
.col-btn input.disable-btn {
	display: none;
}


/* under-line */
.under-line {
	padding-bottom: 6px;
	border-bottom: 1px solid #d4d9dd;
}

/* clear */
.clear-l {
	clear: left;
}


/* nwsearch */
#nwsearch {
}
#nwsearch input[type=hidden] {
position: absolute;
}

#nwsearch span {
 float: left;
 display: block;
 width: 45px;
 height: 50px;
 background-color: #ffffff;
 padding: 14px 0 0 20px;
 box-sizing: border-box;
}

#nwsearch .searchinput {
float: left;
 width: 685px;
height: 44px;
 margin-right: 0;
 padding: 3px 10px;
 border: none;
 outline: none;
 background-color: #ffffff;
}
#nwsearch .searchinput:placeholder-shown {
	color: #cccccc; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
#nwsearch .searchinput::-webkit-input-placeholder {
	color: #cccccc; }

/* Firefox 18- */
#nwsearch .searchinput:-moz-placeholder {
	color: #cccccc; opacity: 1; }

/* Firefox 19+ */
#nwsearch .searchinput::-moz-placeholder {
	color: #cccccc; opacity: 1; }

/* IE 10+ */
#nwsearch .searchinput:-ms-input-placeholder {
	color: #cccccc; }


#nwsearch .search-btn {
float: left;
 background-color: #000000;
 color: #ffffff;
 width: 116px;
 
}

.btn-list03 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.btn-list03 li {
	width: 30.7%;
	margin-bottom: 30px;
	display: table;
}

.btn-list03 li a {
	display: table-cell;
	border: 1px solid #ccc;
	padding: 12px 20px 14px 47px;
	background: #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
	text-align: center;
	color: #333333;
}

.btn-list03 li a:hover {
	border: 1px solid #d7083b;
	background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
	color: #d7083b;
	text-decoration: none;
}

.btn-list04 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.btn-list04 li {
	width: 22.03%;
	margin-bottom: 30px;
	display: table;
}

.btn-list04 li a {
	display: table-cell;
	border: 1px solid #ccc;
	padding: 12px 25px 14px 47px;
	background: #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
	text-align: center;
	color: #333333;
}
.btn-list04 li a:hover {
	border: 1px solid #d7083b;
	background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
	color: #d7083b;
	text-decoration: none;
}

.util-accordion,
.util-accordion--center,
.util-accordion--right {
	background: #fff;
	overflow: hidden;
}
.util-accordion--center {
	text-align: center;
}
.util-accordion--center .util-accordion__body {
	text-align: left;
}
.util-accordion--right {
	text-align: right;
}
.util-accordion--right .util-accordion__body {
	text-align: left;
}
.util-accordion__head {
	display: inline-block;
	padding: 12px 20px 14px;
	background-color: #000;
	border: 1px solid #000;
	cursor: pointer;
	text-align: center;
}
.util-accordion__head:hover {
	background-color: #d7083b;
	border-color: #d7083b;
}
.util-accordion__title {
	display: block;
	position: relative;
	padding-right: 31px;
	color: #fff;
	font-size: 15px;
	line-height: 1.2;
}
.util-accordion__title::before,
.util-accordion__title::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 2px;
	margin: 0;
	background: #fff;
	-webkit-backface-visibility: hidden;
	transition: transform .25s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s;
	content: "";
}
.util-accordion__title::before {
	transform: rotate(90deg);
}
.util-accordion__head.is-active .util-accordion__title::before {
	transform: rotate(0deg);
}
.util-accordion__body {
	display: none;
	position: relative;
	padding-top: 20px;
	background: #fff;
}
.iir-links {
margin-top: 20px;
padding: 20px;
background-color: #ccc;
}
.iir-links > *:first-child {
margin-top: 0;
}
.iir-links dl {
margin-top: 20px;
}
.iir-links dl dt {
float: left;
width: 10em;
margin-right: 20px;
padding-top: 10px;
font-weight: bold;
}
.iir-links dl dd {
overflow: hidden;
}
.iir-links dl dd .btn-link {
width: 220px;
}



.iir-links02 {
margin-top: 20px;
padding: 20px 30px;
background-color: #ccc;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.iir-links02 dl {
width: 48%;
}
.iir-links02 dl dt {
font-weight: bold;
}
.iir-links02 dl dd {
margin-top: 10px;
}
.iir-links02 dl dd .btn-link {
width: 100%;
}
.map-site {
font-size: 86.67%;
}
.access-info {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ccc;
font-size: 86.67%;
}
.btn-access {
display: inline-block;
border: 1px solid #ccc;
padding: 5px 35px;
margin-top:  10px;
background: url(/common/images/com_icn92.png) no-repeat 15px 50%;
}


/* tabs */
.tabs,
.tabs2 {
	margin-top: 40px;
}
.tabCtrl li {
	float: left;
}
.tabCtrl [data-row="2"] li {
	width: 50%;
}
.tabCtrl [data-row="3"] li {
	width: 33.33%;
}
.tabCtrl [data-row="4"] li {
	width: 25%;
}
.tabCtrl [data-row="8"] li {
	width: 12.5%;
}
.tabCtrl ul > li[data-tab-size="1per"]{width:1%!important}.tabCtrl ul > li[data-tab-size="2per"]{width:2%!important}.tabCtrl ul > li[data-tab-size="3per"]{width:3%!important}.tabCtrl ul > li[data-tab-size="4per"]{width:4%!important}.tabCtrl ul > li[data-tab-size="5per"]{width:5%!important}.tabCtrl ul > li[data-tab-size="6per"]{width:6%!important}.tabCtrl ul > li[data-tab-size="7per"]{width:7%!important}.tabCtrl ul > li[data-tab-size="8per"]{width:8%!important}.tabCtrl ul > li[data-tab-size="9per"]{width:9%!important}.tabCtrl ul > li[data-tab-size="10per"]{width:10%!important}.tabCtrl ul > li[data-tab-size="11per"]{width:11%!important}.tabCtrl ul > li[data-tab-size="12per"]{width:12%!important}.tabCtrl ul > li[data-tab-size="13per"]{width:13%!important}.tabCtrl ul > li[data-tab-size="14per"]{width:14%!important}.tabCtrl ul > li[data-tab-size="15per"]{width:15%!important}.tabCtrl ul > li[data-tab-size="16per"]{width:16%!important}.tabCtrl ul > li[data-tab-size="17per"]{width:17%!important}.tabCtrl ul > li[data-tab-size="18per"]{width:18%!important}.tabCtrl ul > li[data-tab-size="19per"]{width:19%!important}.tabCtrl ul > li[data-tab-size="20per"]{width:20%!important}.tabCtrl ul > li[data-tab-size="21per"]{width:21%!important}.tabCtrl ul > li[data-tab-size="22per"]{width:22%!important}.tabCtrl ul > li[data-tab-size="23per"]{width:23%!important}.tabCtrl ul > li[data-tab-size="24per"]{width:24%!important}.tabCtrl ul > li[data-tab-size="25per"]{width:25%!important}.tabCtrl ul > li[data-tab-size="26per"]{width:26%!important}.tabCtrl ul > li[data-tab-size="27per"]{width:27%!important}.tabCtrl ul > li[data-tab-size="28per"]{width:28%!important}.tabCtrl ul > li[data-tab-size="29per"]{width:29%!important}.tabCtrl ul > li[data-tab-size="30per"]{width:30%!important}.tabCtrl ul > li[data-tab-size="31per"]{width:31%!important}.tabCtrl ul > li[data-tab-size="32per"]{width:32%!important}.tabCtrl ul > li[data-tab-size="33per"]{width:33%!important}.tabCtrl ul > li[data-tab-size="34per"]{width:34%!important}.tabCtrl ul > li[data-tab-size="35per"]{width:35%!important}.tabCtrl ul > li[data-tab-size="36per"]{width:36%!important}.tabCtrl ul > li[data-tab-size="37per"]{width:37%!important}.tabCtrl ul > li[data-tab-size="38per"]{width:38%!important}.tabCtrl ul > li[data-tab-size="39per"]{width:39%!important}.tabCtrl ul > li[data-tab-size="40per"]{width:40%!important}.tabCtrl ul > li[data-tab-size="41per"]{width:41%!important}.tabCtrl ul > li[data-tab-size="42per"]{width:42%!important}.tabCtrl ul > li[data-tab-size="43per"]{width:43%!important}.tabCtrl ul > li[data-tab-size="44per"]{width:44%!important}.tabCtrl ul > li[data-tab-size="45per"]{width:45%!important}.tabCtrl ul > li[data-tab-size="46per"]{width:46%!important}.tabCtrl ul > li[data-tab-size="47per"]{width:47%!important}.tabCtrl ul > li[data-tab-size="48per"]{width:48%!important}.tabCtrl ul > li[data-tab-size="49per"]{width:49%!important}.tabCtrl ul > li[data-tab-size="50per"]{width:50%!important}.tabCtrl ul > li[data-tab-size="51per"]{width:51%!important}.tabCtrl ul > li[data-tab-size="52per"]{width:52%!important}.tabCtrl ul > li[data-tab-size="53per"]{width:53%!important}.tabCtrl ul > li[data-tab-size="54per"]{width:54%!important}.tabCtrl ul > li[data-tab-size="55per"]{width:55%!important}.tabCtrl ul > li[data-tab-size="56per"]{width:56%!important}.tabCtrl ul > li[data-tab-size="57per"]{width:57%!important}.tabCtrl ul > li[data-tab-size="58per"]{width:58%!important}.tabCtrl ul > li[data-tab-size="59per"]{width:59%!important}.tabCtrl ul > li[data-tab-size="60per"]{width:60%!important}.tabCtrl ul > li[data-tab-size="61per"]{width:61%!important}.tabCtrl ul > li[data-tab-size="62per"]{width:62%!important}.tabCtrl ul > li[data-tab-size="63per"]{width:63%!important}.tabCtrl ul > li[data-tab-size="64per"]{width:64%!important}.tabCtrl ul > li[data-tab-size="65per"]{width:65%!important}.tabCtrl ul > li[data-tab-size="66per"]{width:66%!important}.tabCtrl ul > li[data-tab-size="67per"]{width:67%!important}.tabCtrl ul > li[data-tab-size="68per"]{width:68%!important}.tabCtrl ul > li[data-tab-size="69per"]{width:69%!important}.tabCtrl ul > li[data-tab-size="70per"]{width:70%!important}.tabCtrl ul > li[data-tab-size="71per"]{width:71%!important}.tabCtrl ul > li[data-tab-size="72per"]{width:72%!important}.tabCtrl ul > li[data-tab-size="73per"]{width:73%!important}.tabCtrl ul > li[data-tab-size="74per"]{width:74%!important}.tabCtrl ul > li[data-tab-size="75per"]{width:75%!important}.tabCtrl ul > li[data-tab-size="76per"]{width:76%!important}.tabCtrl ul > li[data-tab-size="77per"]{width:77%!important}.tabCtrl ul > li[data-tab-size="78per"]{width:78%!important}.tabCtrl ul > li[data-tab-size="79per"]{width:79%!important}.tabCtrl ul > li[data-tab-size="80per"]{width:80%!important}.tabCtrl ul > li[data-tab-size="81per"]{width:81%!important}.tabCtrl ul > li[data-tab-size="82per"]{width:82%!important}.tabCtrl ul > li[data-tab-size="83per"]{width:83%!important}.tabCtrl ul > li[data-tab-size="84per"]{width:84%!important}.tabCtrl ul > li[data-tab-size="85per"]{width:85%!important}.tabCtrl ul > li[data-tab-size="86per"]{width:86%!important}.tabCtrl ul > li[data-tab-size="87per"]{width:87%!important}.tabCtrl ul > li[data-tab-size="88per"]{width:88%!important}.tabCtrl ul > li[data-tab-size="89per"]{width:89%!important}.tabCtrl ul > li[data-tab-size="90per"]{width:90%!important}.tabCtrl ul > li[data-tab-size="91per"]{width:91%!important}.tabCtrl ul > li[data-tab-size="92per"]{width:92%!important}.tabCtrl ul > li[data-tab-size="93per"]{width:93%!important}.tabCtrl ul > li[data-tab-size="94per"]{width:94%!important}.tabCtrl ul > li[data-tab-size="95per"]{width:95%!important}.tabCtrl ul > li[data-tab-size="96per"]{width:96%!important}.tabCtrl ul > li[data-tab-size="97per"]{width:97%!important}.tabCtrl ul > li[data-tab-size="98per"]{width:98%!important}.tabCtrl ul > li[data-tab-size="99per"]{width:99%!important}.tabCtrl ul > li[data-tab-size="100per"]{width:100%!important}

.tabs .tabCtrl li.is-active > a,
.tabs2 .tabCtrl li.is-active > a,
.tabs .tabCtrl li.is-active > span,
.tabs2 .tabCtrl li.is-active > span,
.tabs .tabCtrl li> a:hover,
.tabs2 .tabCtrl li> a:hover > a {
	background-color: #d7083b;
}
.tabCtrl ul > li > a > span,
.tabCtrl ul > li > span > span {
	display: table-cell;
	vertical-align: middle;
}
.tabCtrl.tab-lower {
	margin-top: 25px;
}
.tabBody {
	margin-top: 25px;
}

.tabs .tabCtrl ul > li + li > a,
.tabs .tabCtrl ul > li + li > span {
	border-left: 1px solid #ffffff;
}
.tabs .tabCtrl ul > li > a,
.tabs .tabCtrl ul > li > span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 15px;
	color: #ffffff;
	font-size: 108%;
	text-align: center;
	background-color: #000000;
}
.tabs .tabCtrl ul > li.is-active > a:after,
.tabs .tabCtrl ul > li.is-active > span:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	bottom: -5px;
	left: 50%;
	margin-left: -6px;
	border-top: 6px solid #d7083b;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.tabs .tabCtrl.tab-lower li.is-active > a:after,
.tabs .tabCtrl.tab-lower li.is-active > span:after {
	top: -5px;
	border-top: none;
	border-bottom: 6px solid #d7083b;
}

.tabs2 .tabCtrl ul {
  display: flex;
  flex-flow: row wrap;
	margin-bottom: -1px;
}
.tabs2 .tabCtrl ul li {
  float: none;
	margin-bottom: 1px;
	border-right: 1px solid transparent;
	box-sizing: border-box
}
.tabs2 .tabCtrl [data-row="1"] li {width: 100%;}
.tabs2 .tabCtrl [data-row="2"] li {width: calc(100% / 2);}
.tabs2 .tabCtrl [data-row="3"] li {width: calc(100% / 3);}
.tabs2 .tabCtrl [data-row="4"] li {width: calc(100% / 4);}
.tabs2 .tabCtrl [data-row="5"] li {width: calc(100% / 5);}
.tabs2 .tabCtrl [data-row="6"] li {width: calc(100% / 6);}
.tabs2 .tabCtrl [data-row="7"] li {width: calc(100% / 7);}
.tabs2 .tabCtrl [data-row="8"] li {width: calc(100% / 8);}
.tabs2 .tabCtrl ul > li > a,
.tabs2 .tabCtrl ul > li > span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	color: #ffffff;
	text-align: center;
	background-color: #000000;
}
.tabs2 .tabCtrl ul > li > a > span,
.tabs2 .tabCtrl ul > li > span > span {
	position: relative;
	padding-left: 15px;
}
.tabs2 .tabCtrl ul > li > a > span:before,
.tabs2 .tabCtrl ul > li > span > span:before {
	position: absolute;
	content: url(/common/images/com_icn40.png);
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tabs2 .tabCtrl ul > li.is-active > a > span:before,
.tabs2 .tabCtrl ul > li.is-active > span > span:before {
	content: url(/common/images/com_icn76.png);
}

/* flexColumn */ 
	  		.flexColumn {
	  		   display: flex;
	  		   flex-flow: row wrap;
	  		   margin: 36px 0 0;
	  		}
	  		.flexColumn .flexColumnItem {
	  		   margin-top: 36px;
	  		   margin-left: 36px;
	  		   width: calc((100% - 36px) / 2);
	  		}
	  		.flexColumn .flexColumnItem > *:first-child {
	  		   margin-top: 0!important;
	  		}
	  		.flexColumn .flexColumnItem:nth-child(odd) {
	  		   margin-left: 0 !important;
	  		}
	  		.flexColumn .flexColumnItem:nth-child(-n+2) {
	  		   margin-top: 0 !important;
	  		}
	  		.flexColumn .flexColumnItem img {
	  		   max-width: 100%;
	  		   height: auto;
	  		}

/* form
=================================*/
.form #contents {
width: 1000px;
margin: 0 auto;
}

/* requiredIcon */
.requiredIcon {
	display: inline-block;
	width: 34px;
	background-color: #d7063b;
	color: #ffffff;
	text-align: center;
	padding: 4px;
	margin-left: 10px;
	font-size: 80%;
	line-height: 1;
}

/* textBox textArea */
.form input[type=text],
textarea {
	resize: vertical;
	background: #fff;
	-webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
					transition: all 0.3s ease;
}
.form input[type=text]:focus,
.form textarea:focus {
	background: #fff0f0 !important;
	-webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
					transition: all 0.3s ease;
}
.form textarea.required:focus {
	background: #fff0f0 !important;
	-webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
					transition: all 0.3s ease;
}
.form input.complete[type=text],
.form textarea.complete,
.form select.complete {
	background: #ddd;
	-webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
					transition: all 0.3s ease;
}

/* label */
.form input[type=radio] + label,
.form input[type=checkbox] + label {
	cursor: pointer;
}

/* contactFlow */
.contactFlow {
list-style: none;
display: block;
width: 1000px;
margin: 0 auto;
text-align: center;
}
.contactFlow li {
float: left;
width: 33.33%;
box-sizing: border-box;
}
.contactFlow span.icon img {
	vertical-align: middle;
	margin-right: 8px;
}

.contactFlow li span.flow {
color: #333333;
display: block;
background: #eeeeee;
text-decoration: none;
position: relative;
height: 58px;
line-height: 58px;
padding: 0 10px 0 5px;
text-align: center;
margin-right: 23px;
}
.contactFlow li:first-child span.flow {
padding-left: 15px;
}
.contactFlow li:first-child span.flow:before {
border: none;
}
.contactFlow li span.flow:before, .contactFlow li span.flow:after {
content: "";
position: absolute;
top: 0;
border: 0 solid #eeeeee;
border-width: 29px 20px;
width: 0;
height: 0;
}
.contactFlow li span.flow:before {
left: -20px;
border-left-color: transparent;
}
.contactFlow li span.flow:after {
left: 100%;
border-color: transparent;
border-left-color: #eeeeee;
}
.contactFlow li.current span.flow {
background-color: #000000;
color: #ffffff;
}
.contactFlow li.current span.flow:before {
border-color: #000000;
border-left-color: transparent;
}
.contactFlow li.current span.flow:after {
border-left-color: #000000;
}

.inquiryDetail {
margin: 30px 0;
	border: 1px solid #ccc;
}
.inquiryDetail dt {
	padding: 20px;
	background-color: #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.inquiryDetail dd {
	padding: 20px;
}


/* text-color-box
=================================*/

.redbox{
	padding:2px 8px; /* 枠と文字の空間 */
	margin:0 5px; /* 枠の外の空間 */
	background-color:#ffffff; /* 枠の背景色 */
	border:2px solid #D7093B; /* 枠の線の太さ・種類・色 */
	box-shadow: 1px 2px 2px #ddd; /*影をいれる*/
	font-family:inherit; /* フォントの種類を継承する */
	font-size:0.85em;	/* フォントの大きさ */
}

.pinkbox{
	padding:2px 8px; /* 枠と文字の空間 */
	margin:0 5px; /* 枠の外の空間 */
	background-color:#ffffff; /* 枠の背景色 */
	border:2px solid #FF73FF; /* 枠の線の太さ・種類・色 */
	box-shadow: 1px 2px 2px #ddd; /*影をいれる*/
	font-family:inherit; /* フォントの種類を継承する */
	font-size:0.85em;	/* フォントの大きさ */
}

.bluebox{
	padding:2px 8px; /* 枠と文字の空間 */
	margin:0 5px; /* 枠の外の空間 */
	background-color:#ffffff; /* 枠の背景色 */
	border:2px solid #2578BE; /* 枠の線の太さ・種類・色 */
	box-shadow: 1px 2px 2px #ddd; /*影をいれる*/
	font-family:inherit; /* フォントの種類を継承する */
	font-size:0.85em;	/* フォントの大きさ */
}
.allbluebox{
	padding:2px 8px; /* 枠と文字の空間 */
	margin:0 5px; /* 枠の外の空間 */
	background-color:#2578BE; /* 枠の背景色 */
	border:2px solid #2578BE; /* 枠の線の太さ・種類・色 */
	box-shadow: 1px 2px 2px #ddd; /*影をいれる*/
	font-family:inherit; /* フォントの種類を継承する */
	color: #ffffff; /* フォントの色 */
	font-size:0.85em;	/* フォントの大きさ */
}

/* general
=================================*/
/* top */
.element-t00 {
	margin-top: 0px !important;
}
.element-t03 {
	margin-top: 3px !important;
}
.element-t05 {
	margin-top: 5px !important;
}
.element-t07 {
	margin-top: 7px !important;
}
.element-t10 {
	margin-top: 10px !important;
}
.element-pt10 {
	padding-top: 10px !important;
}
.element-t12 {
	margin-top: 12px !important;
}
.element-t15 {
	margin-top: 15px !important;
}
.element-t20 {
	margin-top: 20px !important;
}
.element-pt20 {
	padding-top: 20px !important;
}
.element-t25 {
	margin-top: 25px !important;
}
.element-t30 {
	margin-top: 30px !important;
}
.element-t32 {
	margin-top: 32px !important;
}
.element-t50 {
	margin-top: 50px !important;
}

.element-t100 {
	margin-top: 100px !important;
}

/* bottom */
.element-b00 {
	margin-bottom: 0 !important;
}
.element-b05 {
	margin-bottom: 5px !important;
}
.element-b10 {
	margin-bottom: 10px !important;
}
.element-b20 {
	margin-bottom: 20px !important;
}
.element-b30 {
	margin-bottom: 30px !important;
}

.element-b50 {
	margin-bottom: 50px !important;
}

/* left */
.element-l00 {
	margin-left: 0 !important;
}
.element-l10 {
	margin-left: 10px !important;
}
.element-l15 {
	margin-left: 15px !important;
}
.element-l20 {
	margin-left: 20px !important;
}
.element-l25 {
	margin-left: 25px !important;
}
.element-l30 {
	margin-left: 30px !important;
}

/* right */
.element-r00 {
	margin-right: 0 !important;
}
.element-r10 {
	margin-right: 10px !important;
}
.element-r15 {
	margin-right: 15px !important;
}
.element-r20 {
	margin-right: 20px !important;
}
.element-r25 {
	margin-right: 25px !important;
}
.element-r30 {
	margin-right: 30px !important;
}

.element-pl0 {
	padding-left: 0 !important;
}
.element-pl12 {
	padding-left: 12px !important;
}


/* vertical-align */
.element-middle {
	vertical-align: middle;
}

/* display block */
.d-block {
	display: block !important;
}

.in-block {
	display: inline-block !important;
}
/* width */
.element-w320{width:320px !important;}


.pl10 li{
	padding:0 0 0 42px;
}

/* for Reader
=================================*/
.reader {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* clearFix
=================================*/
.heading01 .title-text:after,
.local-navi ul:after,
.link-navi ul:after,
.local-navi02 ul:after,
.local-navi04 ul:after,
.local-navi05 ul:after,
.column:after,
.link-list02:after,
.link-list03:after,
.link-list07:after,
.logo-list:after,
.category-list:after,
.solution-list:after,
.page-link:after,
.page-navi:after,
#search-box:after,
.definition-List:after,
#bannerWrapper:after,
.wrap-l:after,
.wrap-r:after,
#nwsearch:after,
.social-news:after,
.contactFlow:after,
.tabCtrl > ul:after{
	content: "";
	display: block;
	clear: both;
}

/* heading01 pressinfo p
=================================*/
#pressinfo.heading01 p {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
}
#pressinfo.heading01 p .title-text {
	display: inline-block;
	text-align: left;
	padding: 10px 0;
	font-size: 200%;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.3;
	width: 1200px;
	margin: 0 auto;
}


/* indent
=================================*/
.indent17 {
	margin: 0 0 0 17px;
}

}