@charset "UTF-8";


/*-------------------------------------------

Text

-------------------------------------------*/
/* text-border
-------------------------------------*/
*[class^="text-border-"] {}
*[class^="text-border-"] > .box-inner {
	line-height: 49px !important;
	padding: 0 10px;
	background: url(/cpn_cmn/images/bg_list_01.gif) repeat 0 0 transparent;
}
.text-border-2 .box-inner {
	background: url(/cpn_cmn/images/bg_list_02.gif) repeat 0 0 transparent;
}
.text-border-3 .box-inner {
	background: url(/cpn_cmn/images/bg_list_03.gif) repeat 0 0 transparent;
}
*[class^="text-border-"].border-type {
	padding: 25px 23px 39px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.text-border-3.border-type {
	padding-top: 39px;
}


/*-------------------------------------------

heading

-------------------------------------------*/
/* heading-1-top
-------------------------------------*/
.heading-1-top {
	display: table;
	width: 100%;
	min-height: 220px;
	padding: 20px 20px 20px 28px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	border: 1px solid #dcdcdc;
	background: #f4f4f4 url(/cpn_cmn/images/bg_h1.png) no-repeat right top;
}
.heading-1-top > .heading-1-top-inner {
	display: table-cell;
	vertical-align: middle;
}
.heading-1-top > .heading-1-top-inner h1 {
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;  
}
.heading-1-top > .heading-1-top-inner h1 + p {
	line-height: 1.63;
	margin-top: 5px;
}
.heading-1-top-inner .btn-link {
	margin-top: 0.5em;
}
.heading-1-top-inner .btn-link > li {
	float: left;
	margin-right: 15px;
}

.type-02 .heading-1{
	padding:22px 30px 18px 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003a84+0,0044b3+36,0044b3+61,003a84+100 */
	background: #003a84; /* Old browsers */
	background: -moz-linear-gradient(top,  #003a84 0%, #0044b3 36%, #0044b3 61%, #003a84 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #003a84 0%,#0044b3 36%,#0044b3 61%,#003a84 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #003a84 0%,#0044b3 36%,#0044b3 61%,#003a84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a84', endColorstr='#003a84',GradientType=0 ); /* IE6-9 */

}

.type-02 .heading-1 h1{
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: normal;
	color: #ffffff;
	display: table-cell;
	width: 1080px;
	vertical-align: top;
	line-height: 1;
}


@media screen and (max-width:600px) {
	.heading-1-top {
		position: relative;
		min-height: 0;
		padding: 10px 10px 20px;
		background-size: 180px auto;
	}
	.heading-1-top > .heading-1-top-inner h1 {
		font-size: 20px;
		font-size: 2rem;
	}
	.heading-1-top-inner .btn-link > li {
		float: none;
		margin-right: 0;
	}
	.heading-1-top-inner .btn-link > li + li {
		margin-top: 0.7em;
	}
}

/* heading-1-lower
-------------------------------------*/
.heading-1-lower {
	position: relative;
	margin-bottom: 15px;
	padding: 46px 0 46px 0;
	color:#ffffff;
	border-bottom:5px solid #4da8d7;
	background: #007abd;
	background: -moz-linear-gradient(left,  #007abd 0%, #207cca 12%, #0077bc 43%, #00529a 100%);
	background: -webkit-linear-gradient(left,  #007abd 0%,#207cca 12%,#0077bc 43%,#00529a 100%);
	background: linear-gradient(to right,  #007abd 0%,#207cca 12%,#0077bc 43%,#00529a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007abd', endColorstr='#00529a',GradientType=1 );
	
	background: url(/cpn_cmn/images/noncmpt/bg/h1_bg_01.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.heading-1-lower.type-02 {
	
}

.heading-1-lower.in-shoulder{
	padding: 28px 0 28px 0;
}

.heading-1-lower.use-allTop {
	width:100%;
	margin:50px 0 0 0;
	padding: 0 23px 0 23px;
	font-size:28px;
	font-size:2.8rem;
	color:#032a57;
	text-align:center;
	border:none;
	background: transparent;
}

	.video-box .heading-1-lower.use-allTop {
		margin-top:0;
		margin-bottom:30px;
		color:#ffffff;
		background: transparent;
	}

.heading-1-lower:not(.use-allTop) h1 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	color:#ffffff;
	display: table-cell;
	width: 1080px;
	vertical-align: top;
	line-height: 1;
}

.heading-1-lower h1 .shoulder {
	display:block;
	margin:0 0 18px 0;
	font-size:18px;
	font-size:1.8rem;
	
}

*[class^="heading-"] a {
	text-decoration: none;
}
*[class^="heading-"] .heading-inner {
	display: table;
	width: 100%;
}
*[class^="heading-"] .link {
	display: table-cell;
	min-width: 8.5em;
	padding-left: 1em;
	vertical-align: middle;
}
*[class^="heading-"] .link > li {
  display: table-cell;
  float: right;
  vertical-align: middle;
}
*[class^="heading-"] .head-text-link {
  position: relative;
  display: inline-block;
  padding-left: 17px;
}
.column-3 *[class^="heading-"] .head-text-link {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 600px) {
	.heading-1-lower{
		padding: 13px 15px 12px 15px ;
	}
	.heading-1-lower.in-shoulder{
		padding: 13px 15px 12px 15px ;
	}
	.heading-1-lower h1{
		display:block;
		width: 100%;
	}
	*[class^="heading-"] .link {display:block; min-width: 0;}
	.heading-1-lower .link{margin-top:10px;}
	.heading-1-lower.use-allTop,
	.heading-1-lower:not(.use-allTop) h1 {
		font-size:20px;
		font-size:2.0rem;
	}
	
	.heading-1-lower h1 .shoulder {
		font-size:16px;
		font-size:1.6rem;
	}
	
}

/* heading-2
-------------------------------------*/
.heading-2 {
	line-height: 1.5;
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: 2px solid #2073a8;
}

	.heading-2.non-border {
		border-bottom:none;
		margin-bottom: 22px;
	}

.heading-2 h2 {
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	color:#333333;
	font-weight: normal;
	display: table-cell;
	width: 100%;
	vertical-align: top;
}
.heading-2.type-center h2 {
	text-align:center;
}

.sp-acc .heading-2 h2:after{display:none!important;}
.heading-2 .link {
	min-height: 30px;
}

@media screen and (max-width: 600px) {
	.heading-2 h2{display:block; width:auto;}
	.sp-acc .heading-2 h2:after{}
	.heading-2 .link {min-height:0; margin-top:10px;}
}

/* heading-3
-------------------------------------*/
.heading-3 {
	line-height: 1.5;
	margin-bottom: 15px;
}
.heading-3 h3,
.design-type-h3{
	margin-bottom: 0;
	font-size: 20px;
	font-size: 2.0rem;
	color: #003a85;
	font-weight: bold;
}
.heading-3 .link {
	font-size: 14px;
	font-size: 1.4rem;
	min-height: 1px;
}
@media screen and (max-width: 600px) {
	.heading-3 h3{display:block; width:auto;}
	.heading-3 .link {min-height:0; margin-top:5px;}
}

/* heading-4
-------------------------------------*/
.heading-4 {
	margin-bottom: 10px;
}
.heading-4 h4 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.24;
}

/* heading-5
-------------------------------------*/
.heading-5 {
	line-height: 1.5;
	margin-bottom: 15px;
}
.heading-5 .text-box-color-02 {
	background-color: #f79646;
	color: #fff;
	margin-bottom: 0;
	border-radius: 10px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	.heading-5 .text-box-color-02{display:block; width:auto; padding: 5px;}
}
.indent-wrap {
	padding: 0 24px;
}
.indent-wrap .indent-wrap {
	padding: 0 0 0 18px;
}

.in-bullet.zeroP75F{
	text-indent: -0.75em;
	padding-left: 0.75em;
}
.in-bullet.oneF{
	text-indent: -1.0em;
	padding-left: 1.0em;
}
.in-bullet.oenP5F{
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.in-bullet.oenP75F{
	text-indent: -1.75em;
	padding-left: 1.75em;
}
.in-bullet.towF{
	text-indent: -2.0em;
	padding-left: 2.0em;
}

.in-bullet bullet{

}


span.link-arrow-01{
	display:inline-block;
	margin:0 7px;
	padding-left:10px;
	background:url(/cpn_cmn/images/icon_arrow_01.png) 0 0.5em no-repeat;
}
span.link-blank-01 a{padding-right:20px;}
span.link-pdf-01 a{padding-right:30px;}
span.link-pdf-02 a{padding-right:30px;}
span.link-xls-01 a{padding-right:30px;}
span.link-modal-01 a{padding-right:20px;}
span.link-site-01 a{padding-right:20px;}


.link-xls-01 a{
	display:inline-block;
	padding-right:42px;
	background:url(/cpn_cmn/images/icon_xls_01.png) 100% 0.4em no-repeat;
}
.link-modal-01 a{
	display:inline-block;
	padding-right:30px;
	background:url(/cpn_cmn/images/icon_modal_01.png) 100% 0.4em no-repeat;
}
.link-site-01 a{
	display:inline-block;
	padding-right:26px;
	background:url(/cpn_cmn/images/icon_site_01.png) 100% 0.4em no-repeat;
}
.link-anchor-01 li{
	padding-left:15px;
	background:url(/cpn_cmn/images/icon_anchor_01.png) 0 0.6em no-repeat;
}

/* horizontal
-------------------------------------*/
.horizontal-list li{
	display:inline-block;
	margin-right:20px;
	white-space:nowrap;
	vertical-align:top;
}
*[class*="horizontal-grid-"] li{
	display:inline-block;
	vertical-align:top;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.horizontal-grid-2 li{margin-right:4%; width:47%;}
.horizontal-grid-2 li:nth-child(2n){margin-right:0;}
.horizontal-grid-3 li{margin-right:3%; width:30%;}
.horizontal-grid-3 li:nth-child(3n){margin-right:0;}
.horizontal-grid-4 li{margin-right:3%; width:22%;}
.horizontal-grid-4 li:nth-child(4n){margin-right:0;}

.ie8 .horizontal-grid-2 li{margin-right:4%; width:45%;}
.ie8 .horizontal-grid-3 li{margin-right:3%; width:29%;}
.ie8 .horizontal-grid-4 li{margin-right:3%; width:21%;}

@media screen and (max-width: 767px) {
	*[class*="horizontal-grid-"] li{display:block; width:auto; margin-right:0;}
}

/* background color
-------------------------------------*/
.link-bg-1 li{
	margin-bottom:15px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.link-bg-1 li a{
	display:block;
	padding:5px 15px;
	border-radius:3px;
	background-color:#f3f3f3;
}
.link-bg-1 li a:hover{
	text-decoration:none;
	background-color:#e9e9e9!important;
}
.link-bg-1.link-arrow-01 li{
	padding:0;
	background:none;
}
.link-bg-1.link-arrow-01 li a{
	padding:5px 15px 5px 30px;
	background:#f3f3f3 url(/cpn_cmn/images/icon_arrow_01.png) 15px 45% no-repeat;
}
.link-bg-1.link-blank-01 li a,
.link-bg-1.link-pdf-01 li a,
.link-bg-1.link-pdf-02 li a,
.link-bg-1.link-xls-01 li a,
.link-bg-1.link-modal-01 li a,
.link-bg-1.link-site-01 li a{
	background-image:none;
}
.link-bg-1.link-blank-01 li a span{
	padding-right:30px;
	background:url(/cpn_cmn/images/icon_blank_01.png) 100% 45% no-repeat;
}
.link-bg-1.link-pdf-01 li a span{
	padding-right:42px;
	background:url(/cpn_cmn/images/icon_pdf_01.png) 100% 45% no-repeat;
}
.link-bg-1.link-pdf-02 li a span{
	padding-right:42px;
	background:url(/cpn_cmn/images/icon_pdf_01.png) 100% 45% no-repeat;
}
.link-bg-1.link-xls-01 li a span{
	padding-right:42px;
	background:url(/cpn_cmn/images/icon_xls_01.png) 100% 45% no-repeat;
}
.link-bg-1.link-modal-01 li a span{
	padding-right:30px;
	background:url(/cpn_cmn/images/icon_modal_01.png) 100% 45% no-repeat;
}
.link-bg-1.link-site-01 li a span{
	padding-right:26px;
	background:url(/cpn_cmn/images/icon_site_01.png) 100% 45% no-repeat;
}
.link-bg-wrap-1{
	padding:20px;
	background-color:#f3f3f3;
	border-radius:5px;
}

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

	.link-xls-01 a,
	.link-bg-1.link-xls-01 li a span{
		padding-right:31px;
		background-image:url(/cpn_cmn/images/sp_icon_xls_01.png);
		-webkit-background-size:26px 15px;
			 -moz-background-size:26px 15px;
						background-size:26px 15px;
	}
	.link-modal-01 a,
	.link-bg-1.link-modal-01 li a span{
		padding-right:21px;
		background-image:url(/cpn_cmn/images/sp_icon_modal_01.png);
		-webkit-background-size:16px 16px;
			 -moz-background-size:16px 16px;
						background-size:16px 16px;
	}
	.link-site-01 a,
	.link-bg-1.link-site-01 li a span{
		padding-right:20px;
		background-image:url(/cpn_cmn/images/sp_icon_site_01.png);
		-webkit-background-size:15px 14px;
			 -moz-background-size:15px 14px;
						background-size:15px 14px;
	}
}



/*-------------------------------------------

List

-------------------------------------------*/
/* list-disc
-------------------------------------*/
.list-disc li {
	position: relative;
	margin-top: 10px;
	padding-left: 35px;
}
.list-disc li:first-child {
	margin-top: 0;
}
.list-disc li:before {
	position: absolute;
	top: 0.5em;
	left: 17px;
	display: block;
	width: 7px;
	height: 7px;
	content: "";
	background: url(/cpn_cmn/images/icon_list.png) no-repeat 0 0 transparent;
}

/* list-square
-------------------------------------*/
.list-square li {
	position: relative;
	margin-top: 10px;
	padding-left: 35px;
}
.list-square li:first-child {
	margin-top: 0;
}
.list-square li:before {
	position: absolute;
	top: 0.5em;
	left: 17px;
	display: block;
	width: 8px;
	height: 8px;
	content: "";
	background: url(/cpn_cmn/images/icon_list.png) no-repeat -10px 0 transparent;
}

/* list-decimal
-------------------------------------*/
.list-decimal li {
	margin-top: 10px;
	margin-left: 2.5em;
}
.list-decimal li:first-child {
	margin-top: 0;
}
.list-decimal-2 li {
	position: relative;
	margin-top: 10px;
	margin-left: 2.5em;
	list-style-type: none;
}
.list-decimal-2 li:first-child {
	margin-top: 0;
}
.list-decimal-2 li > span:first-child {
	position: absolute;
	top: 0;
	right: 100%;
	white-space: nowrap;
}
.list-decimal li {
	margin-top: 10px;
	margin-left: 2.5em;
}
.list-decimal li:first-child {
	margin-top: 0;
}

/* list-alpha
-------------------------------------*/
.list-alpha-u li {
	margin-top: 10px;
	margin-left: 2.5em;
	list-style-type:upper-alpha;
}
.list-alpha-u li:first-child {
	margin-top: 0;
}
.list-alpha-l li {
	margin-top: 10px;
	margin-left: 2.5em;
	list-style-type:lower-alpha;
}
.list-alpha-l li:first-child {
	margin-top: 0;
}


/* list-note
-------------------------------------*/
.list-note li {
	position: relative;
	margin-top: 4px;
	padding-left: 3.5em;
	color: #666;
	list-style-type:none;
}
.list-note li:first-child {
	margin-top: 0;
}
.list-note li > span{
	text-align:right;
	display:inline-block;
	width:2.5em;
}
.list-note li > span:first-child {
	position: absolute;
	left: 0;
	white-space: nowrap;
}
ol.list-note li {
	padding-left: 4em;
	list-style-type: none;
}
ol.list-note li > span{
	width:3.5em;
	text-align:left;
}

/* list-note02
-------------------------------------*/
.list-note02 li {
	position: relative;
	margin-top: 4px;
	padding-left: 2.5em;
	color: #666;
	list-style-type:none;
}
.list-note02 li:first-child {
	margin-top: 0;
}
.list-note02 li > span{
	text-align:right;
	display:inline-block;
	width:1.5em;
}
.list-note02 li > span:first-child {
	position: absolute;
	left: 0;
	white-space: nowrap;
}
ol.list-note02 li {
	padding-left: 2em;
	list-style-type: none;
}
ol.list-note02 li > span{
	width:1.5em;
	text-align:left;
}

/* list-note03
-------------------------------------*/
.list-note03 li {
	position: relative;
	margin-top: 4px;
	padding-left: 1.5em;
	color: #666;
	list-style-type:none;
}
.list-note03 li:first-child {
	margin-top: 0;
}
.list-note03 li > span{
	text-align:right;
	display:inline-block;
	width:1em;
}
.list-note03 li > span:first-child {
	position: absolute;
	left: 0;
	white-space: nowrap;
}
ol.list-note03 li {
	padding-left: 1.5em;
	list-style-type: none;
}
ol.list-note03 li > span{
	width:1em;
	text-align:left;
}



/* list-nest
-------------------------------------*/
*[class*="list-"] li > *[class*="list-decimal"] > li,
*[class*="list-"] li > *[class*="list-alpha"] > li{padding-left:0;}
*[class*="list-"] li > *[class*="list-decimal"] > li:before,
*[class*="list-"] li > *[class*="list-alpha"] > li:before{display:none;}
*[class*="list-alpha"] li > .list-disc li,
*[class*="list-alpha"] li > .list-square li,
*[class*="list-alpha"] li > .list-nest li{list-style-type:none; margin-left:0;}
*[class*="list-alpha"] li > .list-decimal li{list-style-type:decimal;}
*[class*="list-alpha"] li > .list-decimal-2 li{list-style-type:none;}
*[class*="list-"] li li:first-child{margin-top:10px;}
.list-square > li > .list-disc > li:before{
	width: 7px;
	height: 7px;
	background: url(/cpn_cmn/images/icon_list.png) no-repeat 0 0 transparent;
}
*[class*="list-decimal"] li > .list-disc > li,
*[class*="list-decimal"] li > .list-square > li{margin-left:0;}
.list-decimal-2 li >.list-decimal > li{list-style-type:decimal;}

.list-nest li{
	position:relative;
	margin-top:5px;
	padding-left:1em;
	list-style-type:none!important;
}
.list-nest li:first-child{
	margin-top:5px!important;
}
.list-nest li:before,
*[class*="list-decimal"] li > .list-nest > li:before{
	position: absolute;
	top: 0.5em;
	left:8px;
	display: block;
	width: 7px;
	height: 7px;
	content: "";
	background: url(/cpn_cmn/images/icon_list.png) no-repeat -22px 0 transparent;
}
*[class*="list-"] li .list-nest li{margin-left:0;}

/* comentlist　2020/06/08　追加
-------------------------------------*/
.comentWrap {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: 1fr;
	display: -ms-grid;
	-ms-grid-columns: auto 1fr;
	-ms-grid-rows: 1fr;
}

.comentTitle {
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	grid-row: 1;
	display: block;
}
.comentBody {
	-ms-grid-column: 2;
	-ms-grid-row: 1;
	grid-column: 2;
	grid-row: 1;
	display: block;
}

/* list-news
-------------------------------------*/
.topic-title-type *[class^="heading-"] .link > li > a {
	position: relative; 
	display: inline-block;
	padding-left: 17px;
}
.list-news ul li,
.list-news > dl{
	padding:15px 0;
	border-bottom:1px dotted #bbb;
}
.list-news > dl > dt {
	display: table-cell;
	float: left;
	clear: left;
	min-width: 13.2em;
	padding-right: 20px;
	white-space: nowrap;
}
.list-news dl > dt > .date {
	display: inline-block;
	min-width: 8.9em;
}
.list-news > dl > dt.date-type-1{min-width:4em;}
.list-news > dl > dt.date-type-1 .date{min-width:0;}
.list-news > dl > dt.date-type-2{min-width:9.5em;}
.list-news > dl > dt.date-type-2 .date{min-width:5em;}
.list-news > dl > dt.date-type-3{min-width:8em;}
.list-news > dl > dt.date-type-3 .date{min-width:0;}

.list-news dl > dt > *[class^="icon-"] {
	font-size: 10px;
	font-size: 1.2rem; 
	line-height: 1.5;
	display: inline-block;
	min-width: 8em;
	margin-top: -2px;
	padding: 0 0.3em;
	text-align: center;
	vertical-align: middle;
	border-radius: 2px;
}
.list-news dl > dt > .icon-news {
	color: #ffffff;
	border: 1px solid #d5b891;
	background-color: #f1e7da;
}
.list-news dl > dt > .icon-ir {
	color: #ffffff;
	border: 1px solid #b77337;
	background-color: #b77337;
}
.list-news dl > dt > .icon-report {
	color: #ab7e44;
	border: 1px solid #d5b891;
	background-color: #f1e7da;
}
.list-news dl > dt > .icon-info {
	color: #ffffff;
	border: 1px solid #5ca842;
	background-color: #5ca842;
}
.list-news dl > dt > .icon-release {
	color: #ffffff;
	border: 1px solid #ff6c00;
	background-color: #ff6c00;
}
.list-news dl > dt > .icon-label {
	color: #8d6da1;
	border: 1px solid #d0c0da;
	background-color: #eee9f1;
}

.list-news dl > dt > .icon-recruit {
	color: #ffffff;
	border: 1px solid #a94f4f;
	background-color: #a94f4f;
}

.list-news dl > dt > .icon-products {
	color: #ffffff;
	border: 1px solid #78a7d0;
	background-color: #78a7d0;
}

.list-news dl > dt > .icon-message {
	color: #ffffff;
	border: 1px solid #2d65a5;
	background-color: #2d65a5;
}

.list-news dl > dt > .icon-aboutus {
	color: #ffffff;
	border: 1px solid #7573ab;
	background-color: #7573ab;
}

.list-news dl > dt > .icon-procure {
	color: #ffffff;
	border: 1px solid #2698b9;
	background-color: #2698b9;
}

.list-news dl > dt > .icon-group {
	color: #ffffff;
	border: 1px solid #223f9c;
	background-color: #223f9c;
}

.list-news dl > dt > .icon-exhibition {
	color: #ffffff;
	border: 1px solid #ef1483;
	background-color: #ef1483;
}

.list-news dl > dt > .new {
	font-weight: bold;
	display: inline-block;
	color: #333;
}
.list-news dl > dd {
	overflow: hidden;
}
.list-news dl > dd a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.list-news dl > dd a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 600px) {
	.list-news > dl > dt {
		float:none;
		display: block;
		width: 100%;
		min-width:0;
		padding-right:0;
	}
	.list-news > dl > dd {
		overflow: inherit;
	}
}


/* list-border
-------------------------------------*/
.list-border-1 {
	padding-right: 0;
	padding-left: 0;
}
.list-border-1 .box-inner {
	line-height: inherit !important;
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: none;
}
.list-border-1 ul {
	margin-bottom: -1px;
	border-bottom: solid 1px #ccc;
}
.list-border-1 ul li {
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	padding: 10px 5px 10px 35px;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}
.list-border-1 ul li:before {
	position: absolute;
	top: 1.2em;
	left: 17px;
	display: block;
	width: 7px;
	height: 7px;
	content: "";
	background: url(/cpn_cmn/images/icon_list.png) no-repeat 0 0 transparent;
}
.list-border-1 .column-4 li {
	width: 25%;
}
@media screen and (max-width: 600px) {
	.list-border-1 ul[class^="column-"] > li {
		width: 100%;
	}
	.list-border-1 ul[class^="column-"] > li:nth-child(4n) {
		width: 100%;
	}
}


/*-------------------------------------------

Table

-------------------------------------------*/
/* table-A01
-------------------------------------*/
.table-A01{word-break:break-all;}
.table-A01 table{
	width:100%;
	border-top:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
}
.table-A01 table thead th{
	padding:8px 10px;
		font-size: 14px;
font-size: 1.4rem;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #b6b6b6;
	background:#ccc;
}
.table-A01 table tbody th{
	padding:8px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #b6b6b6;
	background:#f0f0f0;
}
.table-A01 table thead td,
.table-A01 table tbody td{
	padding:8px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #b6b6b6;
}
.table-A01 .celBg01{background:#ccc;}
.table-A01 .celBg02{background:#eee;]}

/* table-A02
-------------------------------------*/
.table-A02{
	word-break:break-all;
}
.table-A02 table{
	width:50%;
	margin:0 auto;
	border-top:1px solid #000;
	border-right:1px solid #000;
}
.table-A02 table thead th{
	padding:8px 10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	background:#ccc;
}
.table-A02 table tbody th{
	padding:8px 10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	background:#eee;
}
.table-A02 table tbody td{
	padding:8px 10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
}
.table-A02 .celBg01{background:#ccc;}
.table-A02 .celBg02{background:#eee;}


/* table-B01
-------------------------------------*/
.table-B01{word-break:break-all;}
.table-B01 table{
	width:100%;
	border-top:1px solid #1c6ea3;
	border-right:1px solid #1c6ea3;
}
.table-B01 table thead th{
	padding:8px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom:1px solid #1c6ea3;
	border-left:1px solid #1c6ea3;
	border-right:1px solid #1c6ea3;
	color:#fff;
	background:#3a78ac;
}
.table-B01 table tbody th{
	padding:8px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom:1px solid #1c6ea3;
	border-left:1px solid #1c6ea3;
	border-right:1px solid #1c6ea3;
	background:#fff;
	color:#004a9e;
}
.table-B01 table thead td,
.table-B01 table tbody td{
	padding:8px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom:1px solid #1c6ea3;
	border-left:1px solid #1c6ea3;
	border-right:1px solid #1c6ea3;
}
.table-B01 .celBg01{background:#ccc;}
.table-B01 .celBg02{background:#eee;}



/* caption
-------------------------------------*/
.table-A01 p.caption-left,
.table-A02 p.caption-left{
	margin-bottom:4px;
	text-align:left;
}

.table-A01 p.caption-right,
.table-A02 p.caption-right{
	margin-bottom:4px;
	text-align:right;
}

.table-A01 p.caption-center,
.table-A02 p.caption-center{
	margin-bottom:4px;
	text-align:center;
}

.table-A01 table + p.caption-left,
.table-A02 table + p.caption-left,
.table-A01 table + p.caption-right,
.table-A02 table + p.caption-right,
.table-A01 table + p.caption-center,
.table-A02 table + p.caption-center{
	margin-top:14px;
}

/* edit border
-------------------------------------*/
.nonTop{border-top:none!important;}
.nonBottom{border-bottom:none!important;}
.nonRight{border-right:none!important;}
.nonLeft{border-left:none!important;}
.solidTop{border-top:1px solid #000!important;}
.solidRight{border-right:1px solid #000!important;}
.solidBottom{border-bottom:1px solid #000!important;}
.solidLeft{border-left:1px solid #000!important;}

/* nest style
-------------------------------------*/
.table-A01 table table{border:none;}
.table-A01 table table th,
.table-A01 table table td{
	padding:0;
	border:none;
	background-color:transparent;
	font-weight:normal;
}

/* cell color
-------------------------------------*/
col.abs{background:#ccc!important;}
.table-A01 table th.sellColor01{background:#eee!important;}


/* table-stack-row
-------------------------------------*/
.fixed-width, .fixed-width table {
	table-layout: fixed;
}
.table-stack-row .table-inner {
	display: table;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}
.table-stack-row dl {
	display: table-row;
}
.table-stack-row dl dt {
	background-color: #f0f0f0;
}

	.table-stack-row dl dt.type-th {
		background-color: #ffffff;
	}

.table-stack-row dl dt, .table-stack-row dl dd {
	display: table-cell;
	padding: 10px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: top;
	border-right: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}

@media screen and (max-width: 600px) {
	.table-stack-row dl dt,
	.table-stack-row dl dd {
		display: block;
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* table-stack-col
-------------------------------------*/
.table-stack-col .table-inner {
	display: table;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}
.table-stack-col dl {
	display: table-cell;
	border-right: 1px solid #b6b6b6;
}
.table-stack-col dl dt {
	background-color: #f0f0f0;
}
.table-stack-col dl dt, .table-stack-col dl dd {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	padding: 10px 20px;
	vertical-align: top;
	border-bottom: 1px solid #b6b6b6;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}

@media screen and (max-width: 600px) {
	.table-stack-col dl {
		display: block;
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.table-stack-col dl dt, .table-stack-col dl dd{
		height:auto!important;
	}
}

/* table-stack-liquid
-------------------------------------*/
/*
.table-stack-liquid table {
  width: 100%;
  border-top: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
}
.table-stack-liquid table th {
  text-align: left;
  background-color: #f0f0f0;
}
.table-stack-liquid table .th-1 {
  background-color: #e9e9e9;
}
.table-stack-liquid table .th-2 {
  background-color: #f4f4f4;
}
.table-stack-liquid th, .table-stack-liquid td {
  font-weight: normal;
  padding: 10px 20px;
  border-right: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}
*/

/* table-stack-js
-------------------------------------*/
.table-stack-js table {
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
}
.table-stack-js table th {
	text-align: left;
	background-color: #f0f0f0;
}
.table-stack-js table .th-1 {
	background-color: #e9e9e9;
}
.table-stack-js table .th-2 {
	background-color: #f4f4f4;
}
.table-stack-js th, .table-stack-js td {
	font-weight: normal;
	padding: 10px 20px;
	border-right: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}

/* table-stack-scroll
-------------------------------------*/
.table-stack-scroll table {
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
}
.table-stack-scroll table th {
	text-align: left;
	background-color: #f0f0f0;
}
.table-stack-scroll table .th-1 {
	background-color: #e9e9e9;
}
.table-stack-scroll table .th-2 {
	background-color: #f4f4f4;
}
.table-stack-scroll th, .table-stack-scroll td {
	font-weight: normal;
	padding: 10px 20px;
	border-right: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}
*[class^="table-stack-"] [class^="column-liquid-"] {
	margin-bottom: 0;
}
*[class^="table-stack-"] [class^="column-liquid-"] > .column-inner {
	margin: 0;
}
*[class^="table-stack-"] [class^="column-liquid-"] > .column-inner > .col {
	padding: 0;
}
@media screen and (max-width: 600px) {
	.table-stack-scroll {
		width: 100%;
		overflow-x: scroll;
	}
	.table-stack-scroll table {
		width: 980px;
	}
	
}

/* type-tddropped
-------------------------------------*/
@media screen and (max-width: 600px) {
	.type-vcell-01 col,
	.type-vcell-02 col {
		width: auto !important;
	}
	.type-vcell-01 table thead th,
	.type-vcell-01 tbody td,
	.type-vcell-02 th,
	.type-vcell-02 td {
		display:block;
		width: 100%;
	}
	
}

/*-------------------------------------------

Column

-------------------------------------------*/
.column-1{
	margin-bottom:30px;
}

.column-1 > .column-inner > .col {margin-bottom: 30px;}

.column-2 > .column-inner > .col {
	float: left;
	width: 530px;
	margin: 0 20px 20px 0;
}

.column-2.widthHalf > .column-inner > .col,
.main-narrow .column-2.widthHalf > .column-inner > .col {
	width: 50%;
	margin: 0 0 20px 0;
}

	.main-narrow .column-2.widthHalf > .column-inner > .col:first-child {
		padding-right:10px;
	}
	
	.column-2:not(.type-nonBorder) > .column-inner:last-child > .col,
	.column-2.widthHalf:not(.type-nonBorder) > .column-inner:last-child > .col {
		margin-bottom:0;
	}
	
	
	.main-narrow .column-2.widthHalf > .column-inner > .col:last-child {
		padding-left:10px;
	}

.column-2 > .column-inner > .col:last-child {
	margin-right:0;
}

.main-narrow .column-2 > .column-inner > .col {width: 400px;}

.column-3 > .column-inner{}
.column-3 > .column-inner > .col {
	float: left;
	width: 354px;
	margin: 0 8px 50px 0;
}

.column-3.type-nonBorder > .column-inner > .col {
	width: 354px;
	margin: 0 8px 45px 0;
}
	.column-3 > .column-inner:last-child > .col
	.column-3.type-nonBorder > .column-inner:last-child > .col {
		margin-bottom:0;
	}
	.column-3 > .column-inner > .col:last-child {
		margin-right:0;
	}

.column-3 > .column-inner > .col .image img,
.column-4 > .column-inner > .col .image img{
	width:100%;
	max-width:100%;
}

.main-narrow .column-3 > .column-inner{margin-left:0px;}
.main-narrow .column-3 > .column-inner > .col {
	width: 260px;
	margin: 0 20px 30px 0;
}
	.main-narrow .column-3 > .column-inner:last-child > .col {
		margin-bottom:0;
	}

	.main-narrow .column-3 > .column-inner > .col:last-child {
		margin-right:0;
	}

.column-4 > .column-inner{}
.column-4 > .column-inner > .col {
	float: left;
	width: 260px;
	margin: 0 13.333333px 50px 0;
}

	.column-4 > .column-inner:last-child > .col {
		margin-bottom:0;
	}

	.column-4 > .column-inner > .col:last-child {
		margin-right:0;
	}

.main-narrow .column-4 > .column-inner{margin-left:0px;}
.main-narrow .column-4 > .column-inner > .col {
	width:194px;
	margin: 0 14px 30px 0;
}


	.main-narrow .column-4 > .column-inner > .col:last-child {
		margin-right:0;
	}

.column-5 > .column-inner{margin-left:-20px;}
.column-5 > .column-inner > .col {
	float: left;
	width: 180px;
	margin: 0 0 20px 20px;
}
.main-narrow .column-5 > .column-inner{margin-left:-15px;}
.main-narrow .column-5 > .column-inner > .col {
	width: 134px;
	margin: 0 0 15px 15px;
}

.column-6 > .column-inner{margin-left:-16px;}
.column-6 > .column-inner > .col {
	float: left;
	width: 150px;
	margin: 0 0 16px 16px;
}
.main-narrow .column-6 > .column-inner{margin-left:-14px;}
.main-narrow .column-6 > .column-inner > .col {
	width: 110px;
	margin: 0 0 14px 14px;
}

.main-narrow .column-5 .text-box-3{
	padding: 10px 15px;
}
.main-narrow .column-6 .text-box-3{
	padding: 8px 12px;
}



@media screen and (max-width:600px) {
	.column-2 > .column-inner > .col,
	.column-3 > .column-inner > .col,
	.column-3.type-nonBorder > .column-inner > .col,
	.column-3 > .column-inner > .col:nth-child(3n+2),
	.column-4 > .column-inner > .col,
	.column-4 > .column-inner:last-child > .col,
	.column-5 > .column-inner > .col,
	.column-6 > .column-inner > .col,
	.column-2.widthHalf > .column-inner > .col,
	.main-narrow .column-2 > .column-inner > .col,
	.main-narrow .column-3 > .column-inner > .col,
	.main-narrow .column-3 > .column-inner:last-child > .col,
	.main-narrow .column-4 > .column-inner > .col,
	.main-narrow .column-5 > .column-inner > .col,
	.main-narrow .column-6 > .column-inner > .col,
	.main-narrow .column-2.widthHalf > .column-inner > .col{
		float: none;
		width: 100%;
		margin-bottom:20px;

	}
	
	
	.column-2.widthHalf.non-clear > .column-inner > .col,
	.main-narrow .column-2.widthHalf.non-clear > .column-inner > .col{
		float: left;
		width: 50%;
	}
	
	.main-narrow .column-2.widthHalf > .column-inner > .col:first-child,
	.main-narrow .column-2.widthHalf > .column-inner > .col:last-child{
		padding-left:0px;
		padding-right:0px;
	}	
	
	.column-inner > .col:last-child{
		
	}
	
	.section-inner .column-inner > .sp-no-col {
		padding: 0;
	}
	.sp-column-1 > .column-inner > .col {
		width: 100%;
	}
	.sp-column-2 > .column-inner > .col {
		float:left!important;
		width: 50%!important;
	}
	.sp-column-3 > .column-inner > .col {
		float:left!important;
		width: 33.33333333%!important;
	}
	.section-inner .column-inner > .sp-nallow-col {
		padding: 8px 10px;
	}
	.main-narrow .text-box-3{
		padding: 10px 15px;
	}
	
}

/* column-liquid
-------------------------------------*/
*[class^="column-liquid-"] {
	overflow: hidden;
	margin-bottom: 30px;
}
*[class^="column-liquid-"] > .column-inner {
	margin: -15px -10px;
}
*[class^="column-liquid-"] > .column-inner > .col {
	float: left;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	padding: 15px 10px;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}
.column-liquid-1 > .column-inner > .col {width: 100%;}
.column-liquid-2 > .column-inner > .col {width: 50%;}
.column-liquid-3 > .column-inner > .col {width: 33.33333333%;}
.column-liquid-4 > .column-inner > .col {width: 25%;}
.column-liquid-5 > .column-inner > .col {width: 20%;}
.column-liquid-6 > .column-inner > .col {width: 16.66666667%;}
.column-liquid-2 > .column-inner > .col:nth-child(2n+1),
.column-liquid-3 > .column-inner > .col:nth-child(3n+1),
.column-liquid-4 > .column-inner > .col:nth-child(4n+1),
.column-liquid-5 > .column-inner > .col:nth-child(5n+1),
.column-liquid-6 > .column-inner > .col:nth-child(6n+1) {
	clear: left;
}

/* column-baran
-------------------------------------*/
*[class^="column-baran-"] {
	overflow: hidden;
}
.column-baran-m10 > .column-inner {
	margin-left: -5px;
	margin-right: -5px;
}
.column-baran-m10 *[class^="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}
.column-baran-m20 > .column-inner {
	margin-left: -10px;
	margin-right: -10px;
}
.column-baran-m20 *[class^="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}
.column-baran-m30 > .column-inner {
	margin-left: -15px;
	margin-right: -15px;
}
.column-baran-m30 *[class^="col-"] {
	padding-left: 15px;
	padding-right: 15px;
}
.column-baran-m40 > .column-inner {
	margin-left: -20px;
	margin-right: -20px;
}
.column-baran-m40 *[class^="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}
*[class^="column-baran-"] > .column-inner > *[class^="col-"] {
	float: left;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}
/*
*[class^="column-baran-"] > .column-inner > .col-1 {width: 8.33333333%;}
*[class^="column-baran-"] > .column-inner > .col-2 {width: 16.66666667%;}
*[class^="column-baran-"] > .column-inner > .col-3 {width: 25%;}
*[class^="column-baran-"] > .column-inner > .col-4 {width: 33.33333333%;}
*[class^="column-baran-"] > .column-inner > .col-5 {width: 41.66666667%;}
*[class^="column-baran-"] > .column-inner > .col-6 {width: 50%;}
*[class^="column-baran-"] > .column-inner > .col-7 {width: 58.33333333%;}
*[class^="column-baran-"] > .column-inner > .col-8 {width: 66.66666667%;}
*[class^="column-baran-"] > .column-inner > .col-9 {width: 75%;}
*[class^="column-baran-"] > .column-inner > .col-10 {width: 83.33333333%;}
*[class^="column-baran-"] > .column-inner > .col-11 {width: 91.66666667%;}
*[class^="column-baran-"] > .column-inner > .col-12 {width: 100%;}
*/
*[class^="column-baran-"] > .column-inner > .col-1 {width: 10%;}
*[class^="column-baran-"] > .column-inner > .col-2 {width: 20%;}
*[class^="column-baran-"] > .column-inner > .col-3 {width: 30%;}
*[class^="column-baran-"] > .column-inner > .col-4 {width: 40%;}
*[class^="column-baran-"] > .column-inner > .col-5 {width: 50%;}
*[class^="column-baran-"] > .column-inner > .col-6 {width: 60%;}
*[class^="column-baran-"] > .column-inner > .col-7 {width: 70%;}
*[class^="column-baran-"] > .column-inner > .col-8 {width: 80%;}
*[class^="column-baran-"] > .column-inner > .col-9 {width: 90%;}
*[class^="column-baran-"] > .column-inner > .col-10 {width: 100%;}


@media screen and (max-width: 600px) {
	.column-release > .column-inner > *[class^="col-"]{
		float:none;
		width:100%;
		margin-top: 10px;
	}
	.column-release > .column-inner > *[class^="col-"]:first-child {margin-top:0;}
	.column-release > .column-inner{margin-top:10px;}
	.column-release > .column-inner:first-child{margin-top:0;}
}



/*-------------------------------------------

Thumbnail

-------------------------------------------*/
/* card-box
-------------------------------------*/
.card-box {
	border: 1px solid #ccc;
	background-color: #fff;
}
	.type-nonBorder .card-box {
		border: none;
		background-color: transparent;
	}

.card-box a {
	display: block;
	padding: 0 0 0 0;
	text-decoration: none;
}

.card-box .box-inner{
	padding:15px;
}

.card-box .heading,
.card-box .heading02 {
	position: relative; 
	font-weight: bold;
	padding-left: 0;
	font-size:16px;
	font-size:1.6rem;
}

.card-box a .heading,
.card-box a .heading02 {
	padding-right:2em;
}


.card-box a:hover .heading,
.card-box a:hover .heading02 {
	text-decoration: underline;
}
.card-box .image {
	margin-top: 0;
	overflow:hidden;
}
.card-box .image img{
	width: 100%;
	max-width: 100%;
}

.card-box .text {
	margin-top: 5px;
	color: #333;
	font-size:14px;
	font-size:1.4rem;
}

	.card-box a .heading .text ,
	.card-box a .heading02 .text {
		margin-top: 0px;
		font-size: 1em;
		color:#015ed0;
	}

.column-2 .card-box .image {
	margin-top: 0;
}
.column-2 .card-box .text {
	margin-top: 10px;
}
.column-3 > .col:nth-child(2) .card-box a {
	padding-right: 22px;
	padding-left: 21px;
}
.column-3 .card-box .heading,
.column-4 .card-box .heading,
.column-3 .card-box .heading02,
.column-4 .card-box .heading02 {
	background-position: 0 0.3em;
}

.column-3 .card-box .heading,
.column-3 .card-box .heading02{
	font-size:16px;
	font-size:1.6rem;
}


.column-6 .card-box .heading {
	background-position: 0 0.25em;
}
.column-6 .card-box a {
	padding: 14px;
}
.column-6 .card-box .image {
	margin-top: 8px;
}
.column-6 .card-box .text {
	margin-top: 8px;
}

.main-narrow .column-5 .card-box .heading,
.main-narrow .column-6 .card-box .heading{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
}

.main-narrow .column-5 .card-box .text,
.main-narrow .column-6 .card-box .text{
	font-size:14px;
	font-size:1.4rem;
}

@media screen and (max-width: 600px) {
	.card-box a{}
	.card-box .image{
		text-align:center;
	}
	.card-box .image img{
		width: auto;
	}
}

/* card-box-2
-------------------------------------*/
.card-box-2 {
	border: 1px solid #ccc;
	background-color: #fff;
}

	.type-nonBorder .card-box-2 {
		border: none;
	}

.card-box-2 > a{
	display: inline-block;
}

.card-box-2 > .heading{
	padding:2px 20px;
	font-size:2rem;
	border-bottom: 1px solid #ccc;
}

.card-box-2 a:hover .heading {
	text-decoration: underline;
}

.card-box-2 .box-block {
	display: block;
	padding: 19px;
	text-decoration: none;
}
.card-box-2 .image {
	float: left;
	margin-right: 14px;
}
.card-box-2 .box-inner{
	overflow: hidden;
}

.card-box-2 .box-inner > .heading {
	position: relative;
	font-weight: bold;
}
.card-box-2 .box-inner > .text {
	margin-top: 5px;
	font-size:14px;
	font-size:1.4rem;
}
.column-2 .card-box-2 .box-inner > .heading {
	margin-top: 5px;
	font-size:14px;
	font-size:1.4rem;
}
.column-2 .card-box-2 .box-inner > .text {
	margin-top: 15px;
}
.column-3 .card-box-2 .heading {
	background-position: 0 0.3em;
}
.column-3 .card-box-2 a {
	padding: 12px;
}
.column-4 .card-box-2 .box-inner{
	overflow:inherit;
}
.column-4 .card-box-2 .heading {
	overflow:hidden;
	background-position: 0 0.25em;
}
.column-4 .card-box-2 a {
	padding: 9px;
}
.column-4 .card-box-2 .image {
	margin-right: 6px;
}

@media screen and (max-width: 600px) {
	div[class^="column-"] .card-box-2 > a {
		position: relative;
		display: inline-block;
		padding: 0;
	}
		.all-top div[class^="column-"] .card-box-2 > a {
			position: relative;
			display: inline-block;
			padding: 10px 40px 10px 10px;
		}
	div[class^="column-"] .card-box-2 .image {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 14px;
	}
		.all-top div[class^="column-"] .card-box-2 .image {
			width: 30%;
			margin-right: 4%;
		}
	div[class^="column-"] .card-box-2 .box-inner {
		width: 100%;
		overflow:hidden;
	}
	
		.all-top div[class^="column-"] .card-box-2 .box-inner {
			width:66%;
		}	
	div[class^="column-"] .card-box-2 .box-inner > .heading {
		background: none;
	}
	div[class^="column-"] .card-box-2 .box-inner > .text {
		margin-top: 5px;
	}
	
}

/* card-box-3
-------------------------------------*/
.card-box-3 > a:hover{text-decoration:none; opacity:0.8;}
.card-box-3 .heading {
	display: table;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	width: 100%;

	padding: 20px 20px 0 0;
	background-color: #ffffff;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}

.card-box-3 a .heading {

}

.card-box-3 .heading > * {
	position: relative;
	font-weight: bold;
	line-height: 1.13 !important;
	display: table-cell;
	font-size:16px;
	font-size:1.6rem;
	padding: 0 22px 0 0;
	vertical-align: middle;
	/*background: url(/cpn_cmn/images/icon_head_02.png) no-repeat 100% 50%;*/
}

.card-box a .heading:before,
.card-box-3 .heading > *:before,
.card-box a .heading02:before,
.card-box-3 .heading02 > *:before{
	color: #015ed0 !important;
	font-size:1em !important;
	font-size:1em !important;
}

.card-box a .heading > *:before,
.card-box-3 a .heading > *:before,
.card-box a .heading02 > *:before,
.card-box-3 a .heading02 > *:before{
	color: #015ed0 !important;
}

.card-box-3 a:hover .heading {
	text-decoration: underline;
}

.card-box-3 > .text {
	margin-top: 0;
	padding:15px 20px;
}

	.type-nonBorder .card-box-3 > .text {
		padding:15px 0;
	}

.card-box-3 > .text-link, .card-box-3 > .text-link-2 {
	padding: 14px 19px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}
.card-box-3 > .text-link li, .card-box-3 > .text-link-2 li {
	padding: 3px 0;
}
.card-box-3 > .text-link li a, .card-box-3 > .text-link-2 li a {
	font-weight: normal;
}
.card-box-3 > .text-link-2 ul {
	margin-left: -10px;
}
.card-box-3 > .text-link-2 li {
	float: left;
	width: 50%;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
}
.card-box-3 > .text-link-2 li:nth-child(2n+1) {
	clear: left;
}
.column-6 .card-box-3 .heading {
	padding: 0 10px;
}
.column-6 .card-box-3 .heading > * {
	padding-right: 17px;
}

.main-narrow .column-4 .card-box-3 .heading > * {
	font-size:14px;
	font-size:1.4rem;
}

@media screen and (max-width:600px) {
  .sp-acc .card-box-3 {
/*    margin-top: 20px;*/
    background: red;
  }
  .sp-acc .col:first-child .card-box-3 {
    margin-top: 0;
  }
  
  .card-box-3 .heading{
  	padding: 15px 15px 0 0;
  }
 
 .sp-acc  .card-box-3 .heading {
    padding: 0 13px;
  }
  .sp-acc .card-box-3 .heading > * {
    position: relative;
    background: none;
  }
  .sp-acc .card-box-3 .heading > *:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
  }
  .sp-acc .card-box-3 .text-link,
  .sp-acc .card-box-3 .text-link-2 {
    padding: 0;
  }
  .sp-acc .card-box-3 .text-link ul > li,
  .sp-acc .card-box-3 .text-link-2 ul > li {
    border-top: 1px solid #ccc;
  }
  .sp-acc .card-box-3 .text-link ul > li:first-child,
  .sp-acc .card-box-3 .text-link-2 ul > li:first-child {
    border-top: none;
  }
  .sp-acc .card-box-3 .text-link ul > li > a,
  .sp-acc .card-box-3 .text-link-2 ul > li > a {
    display: block;
    padding: 10px 20px 10px 13px;
    background-position: right 9px top 50%;
  }
  .sp-acc .card-box-3 .text-link-2 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
  }
  .sp-acc .card-box-3 .text-link-2 ul {
    margin-left: 0;
  }
  .sp-acc .card-box-3 .text-link-2 ul > li {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
/*
03_03_01
*/
.card-box-4 {
  position: relative;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff;
}
.card-box-4 a:hover {
  text-decoration: none;
}
.card-box-4 .image {
  display: table-cell;
}
.card-box-4 .text {
  line-height: 1.44;
  display: table-cell;
  /*width: 100%;*/
  padding: 20px;
  vertical-align: middle;
  color: #333;
}
.column-3 .card-box-4 .text {
  padding: 5px 12px;
}
.card-box-4 .text > * {
  font-weight: bold;
}
.card-box-4 .text > *:hover {
  text-decoration: underline;
}
@media screen and (max-width:600px) {
  .card-box-4 .image {
    width: 90px;
  } 
  .card-box-4 .text {
    padding-right: 40px;
    padding-left: 12px;
  }
  .sp-no-col + .sp-no-col {
    margin-top: 0 !important;
  }
  .sp-no-col + .sp-no-col .card-box-4  {
    border-top: none;
  }
}
.card-box-5 {
  border: 1px solid #ccc;
  background-color: #fff;
}
.card-box-5 .text {
  padding: 39px 33px;
}



/* card-box-2
-------------------------------------*/
.card-box-ctgTop {
	border: 1px solid #ccc;
	background-color: #fff;
}

.card-box-ctgTop > a{
	display: inline-block;
	width: 100%;
}

.card-box-ctgTop > a:hover{
	text-decoration: none;
}

.card-box-ctgTop > .heading{
	padding:2px 20px;
	font-size:2rem;
	border-bottom: 1px solid #ccc;
}

.card-box-ctgTop a:hover .heading {
	text-decoration: underline;
}

.card-box-ctgTop a:hover .text {
	text-decoration: none;
}

.card-box-ctgTop .box-block {
	display: block;
	padding: 19px;
	text-decoration: none;
}
.card-box-ctgTop .image {
	float: left;
	width:50%;
}
.card-box-ctgTop .box-inner{
	overflow: hidden;
	width:50%;
	padding:30px 20px 30px 15px;
}

.card-box-ctgTop .box-inner > .heading {
	position: relative;
	padding-right:20px;
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
}

.card-box-ctgTop a .box-inner > .heading:before {
	color: #015ed0 !important;
}

.card-box-ctgTop .box-inner > .text {
	margin-top: 5px;
	padding-right:20px;
	font-size:14px;
	font-size:1.4rem;
	color:#4e4e4e;
}

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

.card-box-ctgTop .image {
	float: none;
	width:100%;
}
.card-box-ctgTop .box-inner {
	float: none;
	width:100%;
	padding: 15px 15px 15px 15px;
}
.card-box-ctgTop .box-inner > .text {
	padding-right:0px;
}

}/*end media*/


/*
05_07
*/

.column-image-left-1,
.column-image-left-2,
.column-image-right-1,
.column-image-right-1{
	 margin-bottom: 30px;
}

.column-image-left-1 > .image {
  float: left;
  margin-right: 20px;
}
.column-image-left-1 > .text {
	overflow: hidden;
	font-size: 14px;
	font-size: 1.4rem;
}
.column-image-left-2 > .image {
  float: left;
  margin: 0 20px 10px 0;
}
.column-image-right-1 > .image {
  float: right;
  margin-left: 20px;
}
.column-image-right-1 > .image img{
	max-width:100%;
}
	.type-tableCNT.column-image-right-1 > .image {
		float: right;
		margin-left: 0px;
		padding-left:10px;
	}
	.type-tableCNT.column-image-right-1 > .image img{
		max-width:100%;
	}

.column-image-right-1 > .text {
	overflow: hidden;
	font-size: 14px;
	font-size: 1.4rem;
}

	.type-tableCNT .column-image-right-1 > .text {
		padding-right:10px;
	}

	
.column-image-right-2 > .image {
  float: right;
  margin: 0 0 10px 20px;
}
.column-3 .column-image-left-1 > .image {
  margin-right: 15px;
}
.column-3 .column-image-left-2 > .image {
  margin-right: 15px;
}
.column-3 .column-image-rignt-1 > .image {
  margin-left: 15px;
}
.column-3 .column-image-rignt-2 > .image {
  margin-left: 15px;
}

@media screen and (max-width: 600px) {
  .column-image-left-1 > *,
  .column-image-right-1 > *,
  .column-image-left-2 > *,
  .column-image-right-2 > * {
    width: 100%;
  }
  .column-image-left-1 > .image,
  .column-image-left-2 > .image {
    margin-bottom: 20px;
    margin-right: 0;    
  }
  .column-image-right-1 > .image,
  .column-image-right-2 > .image {
    margin-bottom: 20px;
    margin-left: 0;
  }
  
}
/*
text-box
*/
.text-box-1 {
  padding: 24px;
  border: 1px solid #999;
  background-color: #fff;
}
.text-box-2 {
  padding: 24px;
  border: 1px dotted #676767;
  background-color: #fff;
}
.text-box-3 {
  padding: 25px;
  background-color: #e9e9e9;
}
.text-box-color-01 {
	padding: 15px;
	background-color: #d6ecf5;
}
hr.dot-line {
  border-top: 1px dotted #666;
}









/*
05_04_01-05_04_16
*/
.icon-link-arrow-01 {
  position: relative;
  font-weight: bold;
  display: inline-block;
  padding-left: 24px;
}
.link-list-01 > * > .icon-link-arrow-01, .box-list > * > .icon-link-arrow-01 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.link-list-02 > * > .icon-link-arrow-01 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #ccc;
}
.link-list-02 > * > .icon-link-arrow-01.end {
  border-bottom: solid 1px #ccc;
}
.icon-link-arrow-02 span {
  position: relative;
  font-weight: bold;
  display: inline-block;
  padding-left: 1.4em;
  /*background: url(/cpn_cmn/images/icon_link_arrow_02.png) no-repeat 0 50%;*/
}
.link-list-01 > * > .icon-link-arrow-02, .box-list > * > .icon-link-arrow-02 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.link-list-02 > * > .icon-link-arrow-02 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #ccc;
}
.link-list-02 > * > .icon-link-arrow-02.end {
  border-bottom: solid 1px #ccc;
}
.icon-link-arrow-03 {
  font-weight: bold;
}
.icon-link-arrow-03 span {
  display: inline-block;
  position: relative;
  padding-left: 1.4em;
}
.link-list-01 > * > .icon-link-arrow-03, .box-list > * > .icon-link-arrow-03 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.link-list-02 > * > .icon-link-arrow-03 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #ccc;
}
.link-list-02 > * > .icon-link-arrow-03.end {
  border-bottom: solid 1px #ccc;
}
.icon-link-arrow-04 {
  font-weight: bold;
  display: inline-block;
  padding-left: 24px;
  background: url(/cpn_cmn/images/icon_link_arrow_04.png) no-repeat 0 50%;
}
.link-list-01 > * > .icon-link-arrow-04, .box-list > * > .icon-link-arrow-04 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.inquery-selector {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
}
.inquery-selector > h3 {
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f9f6f5;
}
.inquery-selector .inquery-selector-inner {
  margin: 15px 0 15px 0;
  padding: 0 50px;  
}
.inquery-selector .col-2 + .col-2 .inquery-selector-inner {
  border-left: 1px dotted #ccc; 
}
.inquery-selector .inquery-selector-inner .inquery-selector-title {
  margin-bottom: 0.8em;
}
@media screen and (max-width: 600px) {
  .inquery-selector .col-2 {
    width: 100%;
    float: none;
  }
  .inquery-selector .inquery-selector-inner {
    margin: 0;
    padding: 18px 30px 30px;
  }
  .inquery-selector .col-2 + .col-2 .inquery-selector-inner {
    padding-top: 30px;
    border-left: none;
    border-top: 1px dotted #ccc; 
  }
}

.link-selector {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #f9f6f5;
}
.link-selector > h3 {
  padding: 10px 10px 10px 15px;
  border-radius: 5px;
  background: #f9f6f5;
}
.link-selector .link-selector-inner {
  padding:0 15px 15px;
}
.link-selector *[class^="col-"] {
  display: table-cell;
  float: left;
  margin-right: 2%;
}
.link-selector .col-2 {
  width: 49%;
}
.link-selector .col-4 {
  width: 23.5%;
}
.link-selector .col-3 {
  width: 32%;
}
.link-selector *[class^="col-"] > a {
  width: 100%; 
}
.link-selector *[class^="col-"].end {
  margin-right: 0;
}
.link-selector .icon-linkarea-arrow-06 {
  display: block;
  text-align: left;
}

@media screen and (max-width: 600px) {
  .link-selector .link-selector-inner {
    padding-top: 0;
  }
  .link-selector *[class^="col-"] {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
  } 
  .link-selector *[class^="col-"].end {
    margin-bottom: 0;
  }
  .link-selector *[class^="col-"] > a {
    width: 100%;
  }
}

.relative-link-selector {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #f9f6f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.relative-link-selector > .relative-link-heading-wrap {
  border-bottom: solid 1px #ccc;  
}
.relative-link-selector > .relative-link-heading-wrap > h3 {
  padding: 10px 10px 10px 15px;
  border-radius: 5px;
  background: #f9f6f5;
}
.relative-link-selector .relative-link-content-wrap{
  padding: 1em 15px 15px 15px;
  background: #fff;
}
.relative-link-selector .col-4 {
  display: table-cell;
  float: left;
  width: 23.5%;
  margin: 0 2% 10px 0;
}
.relative-link-selector div > a {
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
.relative-link-selector .col-4.end {
  margin-right: 0;
}
.relative-link-selector .icon-linkarea-arrow-03 {
  display: block;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .relative-link-selector,
  .relative-link-selector > .relative-link-heading-wrap > h3 {
    border-radius: 0;
  }
  .relative-link-selector > .relative-link-heading-wrap > h3 {
    padding: 15px;
    font-size: 2rem;
  }
  .relative-link-selector .relative-link-content-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .relative-link-selector .col-4 {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }
  .relative-link-selector .col-4 > a {
    display: block;
    padding-top: 19px;
    padding-bottom: 19px;
    font-weight: normal;
  }
  .relative-link-selector .relative-link-content-wrap > .clear:last-child .col-4:last-child {
    border-bottom: none;
    margin-bottom: 0px;
  }
}


.anchors-collection .icon-linkarea-arrow-20 {
  line-height: 1.3;
  display: block;
  text-align: left;
}
a.icon-pager-right {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  margin: 0 auto;
  padding: 6px 36px 7px 18px;
  text-align: right;
  text-decoration: none;
  color: #333;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  background: #f9f6f5 url(/cpn_cmn/images/icon_arrow_right.png) no-repeat 95% center;
  box-shadow: 1px 2px #e6e6e6;
}
a.icon-pager-right:hover, a.icon-pager-right:active {
  background: #ffe6e6 url(/cpn_cmn/images/icon_arrow_right.png) no-repeat 95% center;
}
.pager-cntrlr .prev {
  float: left;
}
.pager-cntrlr .next {
  float: right;
}
.icon-link-tel {
  position: relative;
  font-weight: bold;
  display: inline-block;
  padding-left: 24px;
}
.box-access-data {
  font-size: 14px;
  font-size: 1.4rem;
  width: 420px;
  float: left;
}
.box-access-data .box-address-clip-area {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #CCC;
  padding: 2px 10px;
  margin: 10px 0;
  background-color: #fff
}
.box-access-data .button-address-clip {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  background-color: #333;
  text-decoration: none;
  color: #fff;
}
.box-access-button{
  float: right;
}

@media screen and (max-width: 600px) {
  .box-access-wrap {
    width: 264px;
    max-width: 100%;
  }
  .box-access-data {
    width: 100%;
  }
  .box-access-data,
  .box-access-button {
    float: none;
  }
  .text-tel,
  .box-access-button {
    text-align: center;
  }
  .box-access-data > p {
    margin-bottom: 12px;
  }
  .box-access-button {
    width: 160px;
    margin: 0 auto;
  }
  .box-access-button > a {
    display: block;
    width: auto;
  }
}
.box-access-button .card-box-2 a .icon-link-arrow-01{
  margin-left:10px;
}
.icon-link-big-triangle-01 {
  font-weight: bold;
  display: inline-block;
  padding-left: 15px;
  background: url(/cpn_cmn/images/icon_big_triangle.png) no-repeat 0 50%;
  font-size: 15px;
}
.icon-link-arrow-02-block {
  position: relative;
  font-weight: bold;
  display: block;
  padding: 5px 10px 5px 14px;
  box-sizing: border-box;
  width: 244px;
  font-size: 14px;
  font-size: 1.4rem;
}
.icon-link-arrow-02-block:hover,.icon-link-arrow-02-block.maintainHover{
  background-color: #cecece;
  color: #fff;
  text-decoration: none;
}

/*
06_01_01
*/
.faq-wrap,.faq-wrap .first,.faq-wrap .second,.faq-wrap,.faq-wrap .first li,.faq-wrap .second li{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.faq-wrap .icon-link-arrow-03{
  font-weight:normal !important;
}
.faq-wrap a{
  text-decoration: none;
}
.faq-wrap > h2 {
  font-size: 18px;
  padding: 10px;
  color: #fff;
  background: #333;
}
.faq-wrap .first {
  font-size: 14px;
  font-size: 1.4rem;
}
.faq-wrap .first > li {
  position: relative;
  display: block;
  min-height: 45px;
  background: #f8f2f4;
  border: solid 1px #ccc;
}
.faq-wrap .first > li > a:after {
  position: absolute;
  top: 17px;
  right: 24px;
  display: block;
  width: 15px;
  height: 15px;
  content: "";
}
.faq-wrap .first > li > a {
  display: block;
  padding: 12px 45px 12px 0;
}
.faq-wrap .first > li.current > a {
  border-bottom: solid 1px #ccc;
}
.faq-wrap .first > li > a > .question {
  font-weight: bold;
  display: block;
  color: #333;
}
.faq-wrap .first > li:hover {
  background-color: #ffe7ec;
}
.faq-wrap .first .question span:first-child{
  position: absolute;
  top: 0;
  right: 100%;
  padding-right: 4px;
  white-space: nowrap;
  color: #004ea2
}
.faq-wrap .first .question{
  position: relative;
  margin-left: 2.5em;
}
.faq-wrap .second {
  font-size: 14px;
  font-size: 1.4rem;
  background: #fff;
}
.faq-wrap .second > li {
  position: relative;
  display: block;
  padding: 12px 45px 12px 0;
  background: #fff;
  min-height: 45px;
}
.faq-wrap .second > li > .answer{
  display: block;  
  color: #333;
}
.faq-wrap .second .answer span:first-child{
  position: absolute;
  font-weight: bold;
  top: 0;
  right: 100%;
  padding-right: 4px;
  white-space: nowrap;
  color: #cf1d60
}
.faq-wrap .second .answer{
  position: relative;
  margin-left: 2.5em;
}
.faq-wrap .open-close-button{
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  width: 120px;
  display: inline-block;
  padding: 6px 11px 6px 24px;
  text-align: center;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #f9f6f5
}
.faq-wrap .open-close-button:hover{
  background: #ffe7ec;
}
.faq-wrap .open-close-button.open .open{
  display:inline;
}
.faq-wrap .open-close-button.open .close{
  display:none;
}
.faq-wrap .open-close-button.close .open{
  display:none;
}
.faq-wrap .open-close-button.close .close{
  display:inline;
}


/*
pdf
*/

p.pdfReader {
	display: table;
	min-height: 39px;
	_height: 39px;
	padding-bottom: 0.2em;
	overflow: visible;
	line-height: 1.2;
	background: url(/cpn_cmn/images/noncmpt/bnr/get_adobe_reader.png) left center no-repeat;
}
p.pdfReader a {
	display: table-cell;
	vertical-align: middle;
	min-height: 39px;
	padding-top: 4px;
	padding-left: 168px;
	color:#333333;
}

p.pdfReader a .link-arrow-square,
p.pdfReader a .link-arrow-nonbg{
	display: block;
	color:#015ed0;
}

@media screen and (max-width: 600px) {
	p.pdfReader {
		background-position:left 0;
	}
	p.pdfReader a {
		padding-top: 54px;
		padding-left: 0;
	}
}

/*
content parts
*/

.ie8 .tb-content,
.ie8 .sp-content,
.ie8 .tb-sp-content {
	display: none !important;
}

@media screen and (min-width: 980px) {
  .pc-content,
  .pc-tb-content {
    display: block !important;
  }
  .tb-content,
  .sp-content,
  .tb-sp-content {
    display: none !important;
  }
}


@media screen and (max-width: 600px) {
  .sp-content,
  .tb-sp-content {
    display: block !important;
  }

  .pc-content,
  .tb-content,
  .pc-tb-content {
    display: none !important;
  }
}




.button a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  width: 198px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #333;
  border: 1px solid #b6b6b6;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: 1px 2px #b3b2b2;
}
.button a span {
  display: block;
  margin-left: 15px;
  padding: 10px;
}

/*
04_01
*/
.topic-title-type *[class^="heading-"] .link > li > a {
  position: relative; 
  display: inline-block;
  padding-left: 17px;
}
.topic-list > dl > dt {
  display: table-cell;
  float: left;
  clear: left;
  min-width: 13.2em;
  padding-right: 20px;
  white-space: nowrap;
}
.topic-list dl > dt > .date {
  display: inline-block;
  min-width: 8.9em;
}
.topic-list dl > dt > *[class^="icon-"] {
  font-size: 10px;
  font-size: 1rem; 
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
  min-width: 5.4em;
  margin-top: -2px;
  padding: 0 0.3em;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
}
.topic-list dl > dt > .icon-news {
  color: #ab7e44;
  border: 1px solid #d5b891;
  background-color: #f1e7da;
}
.topic-list dl > dt > .icon-ir {
  color: #36917f;
  border: 1px solid #6bbdad;
  background-color: #d8ece8;
}
.topic-list dl > dt > .icon-report {
  color: #ab7e44;
  border: 1px solid #d5b891;
  background-color: #f1e7da;
}
.topic-list dl > dt > .icon-info {
  color: #5c8547;
  border: 1px solid #a8cda2;
  background-color: #eaf4e5;
}
.topic-list dl > dt > .icon-release {
  color: #5396a5;
  border: 1px solid #9bc9d3;
  background-color: #dff0ee;
}
.topic-list dl > dt > .icon-label {
  color: #8d6da1;
  border: 1px solid #d0c0da;
  background-color: #eee9f1;
}
.topic-list dl > dt > .new {
  font-weight: bold;
  display: inline-block;
  color: #333;
}
.topic-list dl > dd {
  overflow: hidden;
}
.topic-list dl > dd a {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;
  text-decoration: none;
}

.topic-list dl > dd a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 600px) {
  .topic-list  >dl > dd {
    margin-bottom: 24px;
  }
}
.topic-title-type-wrap .tab-link > ul > li {
  position: relative;
  width: 480px;
  float:left;
  margin-left: 20px;
}
.topic-title-type-wrap .tab-link > ul > li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.topic-title-type-wrap .tab-link > ul > li .title-inner {
  display: table;
  width: 100%;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #dcdcdc;
}
.topic-title-type-wrap .tab-link > ul > li .title-inner .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  display: table-cell;
  width: 100%;
  padding-left: 16px;
  vertical-align: top;
  border-left: 8px solid #333;
  cursor: default;
  color: #333;
}
.topic-title-type-wrap .tab-link > ul > li .title-inner .title:hover {
  text-decoration: none;
}
.topic-title-type-wrap .tab-link > ul > li .link {
  display: table-cell;
  min-width: 8.5em;
  padding-left: 1em;
  vertical-align: middle;
}
.topic-title-type-wrap .tab-link > ul > li .link > li {
  display: table-cell;
  float: right;
  vertical-align: middle;
}
.topic-title-type-wrap .tab-link > ul > li .link a {
  position: relative;
  display: inline-block;
  padding-left: 17px;
  /*background: url(/cpn_cmn/images/icon_news.png) no-repeat 0 50%;*/
}
.topic-title-type-wrap .tab-link > ul > li .link a:before {
  position: absolute;
  top: 0.5em;
  left: 0;
}
.topic-title-type-wrap .topic-title-type {
  width: 480px;
  float:left;
  margin-left: 20px;
}
.topic-title-type-wrap .topic-title-type:nth-child(2n) {
  clear: left;
  margin-left: 0;
}
.main-narrow .topic-title-type-wrap .tab-link > ul > li,
.main-narrow .topic-title-type-wrap .topic-title-type{
  width: 355px;  
}
.topic-tab-type {
  border: 1px solid #ccc;
  background-color: #fff;
}
.topic-tab-type .tab-link > ul {
  font-size: 12px;
  font-size: 1.2rem;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-left: none;
}
.topic-tab-type .tab-link > ul > li {
  display: table-cell;
  padding: 12px 23px 12px 35px;
  cursor: pointer;
  color: #1e6eb4;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f4f4f4;
}
.topic-tab-type .tab-link > ul > li a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
}
.topic-tab-type .tab-link > ul > li a:before {
  left: 0;
}

.topic-tab-type .tab-link > ul > li:first-child {
  border-left: none;
}
.topic-tab-type .tab-link > ul > .active {
  padding-bottom: 13px;
  border-bottom: none;
  background-color: #fff;
}

.topic-tab-type .tab-content {
  padding: 10px 23px;
}
.topic-tab-type .topic-list dl > dt, .topic-tab-type .topic-list dl > dd {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px dotted #979797;
}
.topic-tab-type .topic-list dl > dt:first-child, .topic-tab-type .topic-list dl > *:first-child + * {
  border-top: none;
}

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

  .topic-title-type-wrap {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
  }
  .topic-title-type-wrap .tab-link > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .topic-title-type-wrap .tab-link > ul > li {
    display: table-cell;
    vertical-align: middle;
    position: static;
    width: 50%;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 7px 12px 7px;
    cursor: pointer;
    color: #1e6eb4;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #f3f3f3;
    text-align: center;
    cursor: pointer;
  }
  .topic-title-type-wrap .tab-link > ul > li:first-child {
    border-left: none;
  }
  .topic-title-type-wrap .tab-link > ul > li.active {
    background-color: #fff;
    border-bottom: none;
  }
  .topic-title-type-wrap .tab-link > ul > li .title-inner {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
  }
  .topic-title-type-wrap .tab-link > ul > li .title-inner .title {
    border: none;
    display: block;
    padding-left: 0;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
  }
  .topic-title-type-wrap .tab-link > ul > li .link {
    display: none;
  }
  .topic-title-type-wrap .tab-link > ul > li.active .link {
   position: absolute;
   bottom: 15px;
   right: 10px;
   display: inline-block;
  }
  .topic-title-type-wrap .topic-title-type {
    float: none;
    width: auto;
    margin: 0;
  }
  .topic-title-type-wrap .topic-title-type .indent-wrap {
    padding: 10px 10px 60px;
  }
  .topic-tab-type {
    border: none;
    padding: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .topic-tab-type .tab-link > ul,
  .topic-tab-type .tab-link > ul > li {
    display: block;
  }
  .topic-tab-type .tab-link > ul > li {
    position: relative;
    background: #fff;
    border: none;
    border-bottom: 2px solid #ccc !important;
    padding-left: 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .topic-tab-type .tab-link > ul > li > a {
    display: block;
    padding-left: 11px;
    border-left: 8px solid #333;
    color: #323232;
  }
  .topic-tab-type .tab-content {
      padding: 15px 12px;
  }
  .topic-title-type-wrap .topic-title-type .topic-list dl > dt {
    padding-top: 20px;
  }
  .topic-title-type-wrap .topic-title-type .topic-list dl > dd {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
  .topic-list > dl > dt {
    padding-right: 0;
  }

}

@media screen and (max-width:600px) {
    .topic-list > dl > dt {
      display: block;
      width: 100%;  
    }
    .topic-list > dl > dd {
      overflow: inherit;
    }
}/*end media*/


/*
image-sp
*/


.image-sp-zoom {
	text-align: center;
}

.image-sp-zoom img{
	cursor: pointer;
}

.image-sp-zoom .btn-zoom {
	display: none;
}

.lean_overlay{
  position: fixed;
  z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

.lean_modal{
	
	display: none;
	padding:31px 31px 31px 31px;
	background: #ffffff;
}

.modal_close{ 
  position: absolute;
  top: 8px;
  right: 8px;
  display: block; 
  width: 16px;
  height: 16px;
  color:#ffffff;
  z-index: 2;
}

@media screen and (max-width: 600px) {
	.image-sp-zoom .btn-zoom {
		display: block;
		margin-top:12px;
		text-align: center;
	}
	.image-sp-zoom .btn-zoom a {
		display: inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		padding: 5px 12px;
		background: #d7d7d7;
		border-radius: 3px;
		color: #333;
	}
	.image-sp-zoom .btn-zoom a:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		margin-right: .5em;
		width: 16px;
		height: 16px;
		background: url(/cpn_cmn/images/icon-btn-zoom.png) no-repeat;
		background-size: 16px auto;

	}
	
	.lean_overlay,
	.lean_modal{
		display:none !important;
	}
	
}/*end media*/



/*
acc-wrap
*/

.acc-wrap .js-acc{
	padding:0;
	border-bottom: 1px solid #999;
}

.acc-wrap .js-acc .acc-switch{
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #999;
	border-bottom:none;
}

.acc-wrap .js-acc .acc-switch.current{
	border-bottom: 1px solid #999;
}

.acc-wrap .js-acc .acc-switch a{
	position: relative;
	display:block;
	padding: 7px 30px 7px 15px;
	color:#015ed0;
	text-decoration: none;
}

.acc-wrap .js-acc .acc-switch a:before,
.acc-wrap .js-acc .acc-switch a span.taxt:before,
.acc-wrap .js-acc .acc-switch a span.taxt:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -0.5em;
	background: #003a85;
}

.acc-wrap .js-acc .acc-switch a:before {
	z-index: 10;
	right: 22px;
	width: 2px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
}
.acc-wrap .js-acc .acc-switch a.current:before {
	display:none;
}

.acc-wrap .js-acc .acc-switch a span.taxt:before {
	width:16px;
	height:16px;
	/* css3 */
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
}

.acc-wrap .js-acc .acc-switch a span.taxt:after {
	right:18px;
	width:10px;
	height:2px;
	margin-top:-1px;
	background:#fff;
}

.js-acc .acc-area{
	padding: 15px 15px;
	border: 1px solid #999;
	border-top:none;
	border-bottom:none;
}



/*-------------------------------------------

General Class

-------------------------------------------*/
/* margin
-------------------------------------*/
.ma00{margin:0!important;}
.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}.mt30{margin-top:30px!important;}.mt35{margin-top:35px!important;}.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}.mt50{margin-top:50px!important;}.mt55{margin-top:55px!important;}.mt60{margin-top:60px!important;}
.mt65{margin-top:65px!important;}.mt70{margin-top:70px!important;}.mt75{margin-top:75px!important;}.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}.mt90{margin-top:90px!important;}.mt95{margin-top:95px!important;}.mt100{margin-top:100px!important;}
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}.mb25{margin-bottom:25px!important;}.mb30{margin-bottom:30px!important;}.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}.mb45{margin-bottom:45px!important;}.mb50{margin-bottom:50px!important;}.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}.mb65{margin-bottom:65px!important;}.mb70{margin-bottom:70px!important;}.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}.mb85{margin-bottom:85px!important;}.mb90{margin-bottom:90px!important;}.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}
.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}.ml10{margin-left:10px!important;}.ml15{margin-left:15px!important;}.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}.ml30{margin-left:30px!important;}.ml35{margin-left:35px!important;}.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}.ml50{margin-left:50px!important;}.ml55{margin-left:55px!important;}.ml60{margin-left:60px!important;}
.ml65{margin-left:65px!important;}.ml70{margin-left:70px!important;}.ml75{margin-left:75px!important;}.ml80{margin-left:80px!important;}
.ml85{margin-left:85px!important;}.ml90{margin-left:90px!important;}.ml95{margin-left:95px!important;}.ml100{margin-left:100px!important;}
.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}.mr10{margin-right:10px!important;}.mr15{margin-right:15px!important;}.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}.mr30{margin-right:30px!important;}.mr35{margin-right:35px!important;}.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}.mr50{margin-right:50px!important;}.mr55{margin-right:55px!important;}.mr60{margin-right:60px!important;}
.mr65{margin-right:65px!important;}.mr70{margin-right:70px!important;}.mr75{margin-right:75px!important;}.mr80{margin-right:80px!important;}
.mr85{margin-right:85px!important;}.mr90{margin-right:90px!important;}.mr95{margin-right:95px!important;}.mr100{margin-right:100px!important;}

/* padding
-------------------------------------*/
.pa00{padding:0!important;}
.pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt15{padding-top:15px!important;}.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}.pt30{padding-top:30px!important;}.pt35{padding-top:35px!important;}.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}.pt50{padding-top:50px!important;}.pt55{padding-top:55px!important;}.pt60{padding-top:60px!important;}
.pt65{padding-top:65px!important;}.pt70{padding-top:70px!important;}.pt75{padding-top:75px!important;}.pt80{padding-top:80px!important;}
.pt85{padding-top:85px!important;}.pt90{padding-top:90px!important;}.pt95{padding-top:95px!important;}.pt100{padding-top:100px!important;}
.pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}.pb10{padding-bottom:10px!important;}.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}.pb25{padding-bottom:25px!important;}.pb30{padding-bottom:30px!important;}.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}.pb45{padding-bottom:45px!important;}.pb50{padding-bottom:50px!important;}.pb55{padding-bottom:55px!important;}
.pb60{padding-bottom:60px!important;}.pb65{padding-bottom:65px!important;}.pb70{padding-bottom:70px!important;}.pb75{padding-bottom:75px!important;}
.pb80{padding-bottom:80px!important;}.pb85{padding-bottom:85px!important;}.pb90{padding-bottom:90px!important;}.pb95{padding-bottom:95px!important;}
.pb100{padding-bottom:100px!important;}
.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}.pl10{padding-left:10px!important;}.pl15{padding-left:15px!important;}.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}.pl30{padding-left:30px!important;}.pl35{padding-left:35px!important;}.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}.pl50{padding-left:50px!important;}.pl55{padding-left:55px!important;}.pl60{padding-left:60px!important;}
.pl65{padding-left:65px!important;}.pl70{padding-left:70px!important;}.pl75{padding-left:75px!important;}.pl80{padding-left:80px!important;}
.pl85{padding-left:85px!important;}.pl90{padding-left:90px!important;}.pl95{padding-left:95px!important;}.pl100{padding-left:100px!important;}
.pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}.pr10{padding-right:10px!important;}.pr15{padding-right:15px!important;}.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}.pr30{padding-right:30px!important;}.pr35{padding-right:35px!important;}.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}.pr50{padding-right:50px!important;}.pr55{padding-right:55px!important;}.pr60{padding-right:60px!important;}
.pr65{padding-right:65px!important;}.pr70{padding-right:70px!important;}.pr75{padding-right:75px!important;}.pr80{padding-right:80px!important;}
.pr85{padding-right:85px!important;}.pr90{padding-right:90px!important;}.pr95{padding-right:95px!important;}.pr100{padding-right:100px!important;}

/* width
-------------------------------------*/
.wid00{width:0%!important;}.wid01{width:1%!important;}.wid02{width:2%!important;}.wid03{width:3%!important;}.wid04{width:4%!important;}
.wid05{width:5%!important;}.wid06{width:6%!important;}.wid07{width:7%!important;}.wid08{width:8%!important;}.wid09{width:9%!important;}
.wid10{width:10%!important;}.wid11{width:11%!important;}.wid12{width:12%!important;}.wid13{width:13%!important;}.wid14{width:14%!important;}
.wid15{width:15%!important;}.wid16{width:16%!important;}.wid17{width:17%!important;}.wid18{width:18%!important;}.wid19{width:19%!important;}
.wid20{width:20%!important;}.wid21{width:21%!important;}.wid22{width:22%!important;}.wid23{width:23%!important;}.wid24{width:24%!important;}
.wid25{width:25%!important;}.wid26{width:26%!important;}.wid27{width:27%!important;}.wid28{width:28%!important;}.wid29{width:29%!important;}
.wid30{width:30%!important;}.wid31{width:31%!important;}.wid32{width:32%!important;}.wid33{width:33%!important;}.wid34{width:34%!important;}
.wid35{width:35%!important;}.wid36{width:36%!important;}.wid37{width:37%!important;}.wid38{width:38%!important;}.wid39{width:39%!important;}
.wid40{width:40%!important;}.wid41{width:41%!important;}.wid42{width:42%!important;}.wid43{width:43%!important;}.wid44{width:44%!important;}
.wid45{width:45%!important;}.wid46{width:46%!important;}.wid47{width:47%!important;}.wid48{width:48%!important;}.wid49{width:49%!important;}
.wid50{width:50%!important;}.wid51{width:51%!important;}.wid52{width:52%!important;}.wid53{width:53%!important;}.wid54{width:54%!important;}
.wid55{width:55%!important;}.wid56{width:56%!important;}.wid57{width:57%!important;}.wid58{width:58%!important;}.wid59{width:59%!important;}
.wid60{width:60%!important;}.wid61{width:61%!important;}.wid62{width:62%!important;}.wid63{width:63%!important;}.wid64{width:64%!important;}
.wid65{width:65%!important;}.wid66{width:66%!important;}.wid67{width:67%!important;}.wid68{width:68%!important;}.wid69{width:69%!important;}
.wid70{width:70%!important;}.wid71{width:71%!important;}.wid72{width:72%!important;}.wid73{width:73%!important;}.wid74{width:74%!important;}
.wid75{width:75%!important;}.wid76{width:76%!important;}.wid77{width:77%!important;}.wid78{width:78%!important;}.wid79{width:79%!important;}
.wid80{width:80%!important;}.wid81{width:81%!important;}.wid82{width:82%!important;}.wid83{width:83%!important;}.wid84{width:84%!important;}
.wid85{width:85%!important;}.wid86{width:86%!important;}.wid87{width:87%!important;}.wid88{width:88%!important;}.wid89{width:89%!important;}
.wid90{width:90%!important;}.wid91{width:91%!important;}.wid92{width:92%!important;}.wid93{width:93%!important;}.wid94{width:94%!important;}
.wid95{width:95%!important;}.wid96{width:96%!important;}.wid97{width:97%!important;}.wid98{width:98%!important;}.wid99{width:99%!important;}
.wid100{width:100%!important;}

@media screen and (max-width:600px){
	.sp-ma00{margin:0!important;}
	.sp-mt00{margin-top:0!important;}.sp-mt05{margin-top:5px!important;}.sp-mt10{margin-top:10px!important;}.sp-mt15{margin-top:15px!important;}
	.sp-mt20{margin-top:20px!important;}.sp-mt25{margin-top:25px!important;}.sp-mt30{margin-top:30px!important;}.sp-mt35{margin-top:35px!important;}
	.sp-mt40{margin-top:40px!important;}.sp-mt45{margin-top:45px!important;}.sp-mt50{margin-top:50px!important;}
	.sp-mb00{margin-bottom:0!important;}.sp-mb05{margin-bottom:5px!important;}.sp-mb10{margin-bottom:10px!important;}.sp-mb15{margin-bottom:15px!important;}
	.sp-mb20{margin-bottom:20px!important;}.sp-mb25{margin-bottom:25px!important;}.sp-mb30{margin-bottom:30px!important;}.sp-mb35{margin-bottom:35px!important;}
	.sp-mb40{margin-bottom:40px!important;}.sp-mb45{margin-bottom:45px!important;}.sp-mb50{margin-bottom:50px!important;}
	.sp-ml00{margin-left:0!important;}.sp-ml05{margin-left:5px!important;}.sp-ml10{margin-left:10px!important;}.sp-ml15{margin-left:15px!important;}
	.sp-ml20{margin-left:20px!important;}.sp-ml25{margin-left:25px!important;}.sp-ml30{margin-left:30px!important;}.sp-ml35{margin-left:35px!important;}
	.sp-ml40{margin-left:40px!important;}.sp-ml45{margin-left:45px!important;}.sp-ml50{margin-left:50px!important;}
	.sp-mr00{margin-right:0!important;}.sp-mr05{margin-right:5px!important;}.sp-mr10{margin-right:10px!important;}.sp-mr15{margin-right:15px!important;}
	.sp-mr20{margin-right:20px!important;}.sp-mr25{margin-right:25px!important;}.sp-mr30{margin-right:30px!important;}.sp-mr35{margin-right:35px!important;}
	.sp-mr40{margin-right:40px!important;}.sp-mr45{margin-right:45px!important;}.sp-mr50{margin-right:50px!important;}
	
	.sp-pa00{padding:0!important;}
	.sp-pt00{padding-top:0!important;}.sp-pt05{padding-top:5px!important;}.sp-pt10{padding-top:10px!important;}.sp-pt15{padding-top:15px!important;}
	.sp-pt20{padding-top:20px!important;}.sp-pt25{padding-top:25px!important;}.sp-pt30{padding-top:30px!important;}.sp-pt35{padding-top:35px!important;}
	.sp-pt40{padding-top:40px!important;}.sp-pt45{padding-top:45px!important;}.sp-pt50{padding-top:50px!important;}
	.sp-pb00{padding-bottom:0!important;}.sp-pb05{padding-bottom:5px!important;}.sp-pb10{padding-bottom:10px!important;}.sp-pb15{padding-bottom:15px!important;}
	.sp-pb20{padding-bottom:20px!important;}.sp-pb25{padding-bottom:25px!important;}.sp-pb30{padding-bottom:30px!important;}.sp-pb35{padding-bottom:35px!important;}
	.sp-pb40{padding-bottom:40px!important;}.sp-pb45{padding-bottom:45px!important;}.sp-pb50{padding-bottom:50px!important;}
	.sp-pl00{padding-left:0!important;}.sp-pl05{padding-left:5px!important;}.sp-pl10{padding-left:10px!important;}.sp-pl15{padding-left:15px!important;}
	.sp-pl20{padding-left:20px!important;}.sp-pl25{padding-left:25px!important;}.sp-pl30{padding-left:30px!important;}.sp-pl35{padding-left:35px!important;}
	.sp-pl40{padding-left:40px!important;}.sp-pl45{padding-left:45px!important;}.sp-pl50{padding-left:50px!important;}
	.sp-pr00{padding-right:0!important;}.sp-pr05{padding-right:5px!important;}.sp-pr10{padding-right:10px!important;}.sp-pr15{padding-right:15px!important;}
	.sp-pr20{padding-right:20px!important;}.sp-pr25{padding-right:25px!important;}.sp-pr30{padding-right:30px!important;}.sp-pr35{padding-right:35px!important;}
	.sp-pr40{padding-right:40px!important;}.sp-pr45{padding-right:45px!important;}.sp-pr50{padding-right:50px!important;}
	
	.sp-wid00{width:0%!important;}.sp-wid01{width:1%!important;}.sp-wid02{width:2%!important;}.sp-wid03{width:3%!important;}.sp-wid04{width:4%!important;}
	.sp-wid05{width:5%!important;}.sp-wid06{width:6%!important;}.sp-wid07{width:7%!important;}.sp-wid08{width:8%!important;}.sp-wid09{width:9%!important;}
	.sp-wid10{width:10%!important;}.sp-wid11{width:11%!important;}.sp-wid12{width:12%!important;}.sp-wid13{width:13%!important;}.sp-wid14{width:14%!important;}
	.sp-wid15{width:15%!important;}.sp-wid16{width:16%!important;}.sp-wid17{width:17%!important;}.sp-wid18{width:18%!important;}.sp-wid19{width:19%!important;}
	.sp-wid20{width:20%!important;}.sp-wid21{width:21%!important;}.sp-wid22{width:22%!important;}.sp-wid23{width:23%!important;}.sp-wid24{width:24%!important;}
	.sp-wid25{width:25%!important;}.sp-wid26{width:26%!important;}.sp-wid27{width:27%!important;}.sp-wid28{width:28%!important;}.sp-wid29{width:29%!important;}
	.sp-wid30{width:30%!important;}.sp-wid31{width:31%!important;}.sp-wid32{width:32%!important;}.sp-wid33{width:33%!important;}.sp-wid34{width:34%!important;}
	.sp-wid35{width:35%!important;}.sp-wid36{width:36%!important;}.sp-wid37{width:37%!important;}.sp-wid38{width:38%!important;}.sp-wid39{width:39%!important;}
	.sp-wid40{width:40%!important;}.sp-wid41{width:41%!important;}.sp-wid42{width:42%!important;}.sp-wid43{width:43%!important;}.sp-wid44{width:44%!important;}
	.sp-wid45{width:45%!important;}.sp-wid46{width:46%!important;}.sp-wid47{width:47%!important;}.sp-wid48{width:48%!important;}.sp-wid49{width:49%!important;}
	.sp-wid50{width:50%!important;}.sp-wid51{width:51%!important;}.sp-wid52{width:52%!important;}.sp-wid53{width:53%!important;}.sp-wid54{width:54%!important;}
	.sp-wid55{width:55%!important;}.sp-wid56{width:56%!important;}.sp-wid57{width:57%!important;}.sp-wid58{width:58%!important;}.sp-wid59{width:59%!important;}
	.sp-wid60{width:60%!important;}.sp-wid61{width:61%!important;}.sp-wid62{width:62%!important;}.sp-wid63{width:63%!important;}.sp-wid64{width:64%!important;}
	.sp-wid65{width:65%!important;}.sp-wid66{width:66%!important;}.sp-wid67{width:67%!important;}.sp-wid68{width:68%!important;}.sp-wid69{width:69%!important;}
	.sp-wid70{width:70%!important;}.sp-wid71{width:71%!important;}.sp-wid72{width:72%!important;}.sp-wid73{width:73%!important;}.sp-wid74{width:74%!important;}
	.sp-wid75{width:75%!important;}.sp-wid76{width:76%!important;}.sp-wid77{width:77%!important;}.sp-wid78{width:78%!important;}.sp-wid79{width:79%!important;}
	.sp-wid80{width:80%!important;}.sp-wid81{width:81%!important;}.sp-wid82{width:82%!important;}.sp-wid83{width:83%!important;}.sp-wid84{width:84%!important;}
	.sp-wid85{width:85%!important;}.sp-wid86{width:86%!important;}.sp-wid87{width:87%!important;}.sp-wid88{width:88%!important;}.sp-wid89{width:89%!important;}
	.sp-wid90{width:90%!important;}.sp-wid91{width:91%!important;}.sp-wid92{width:92%!important;}.sp-wid93{width:93%!important;}.sp-wid94{width:94%!important;}
	.sp-wid95{width:95%!important;}.sp-wid96{width:96%!important;}.sp-wid97{width:97%!important;}.sp-wid98{width:98%!important;}.sp-wid99{width:99%!important;}
	.sp-wid100{width:100%!important;}
}

/* Text
-------------------------------------*/
.bold{font-weight: bold !important;}
.italic{font-style:italic !important;}
.align-l{text-align: left !important;}
.align-c{text-align: center !important;}
.align-r{text-align: right !important;}
.align-t{vertical-align: top !important;}
.align-m{vertical-align: middle !important;}
.align-b{vertical-align: bottom !important;}
.underline{text-decoration:underline!important;}
.overline{text-decoration:overline!important;}

@media screen and (max-width: 600px){
	.sp-align-l{text-align: left !important;}
	.sp-align-c{text-align: center !important;}
	.sp-align-r{text-align: right !important;}
	.sp-align-t{vertical-align: top !important;}
	.sp-align-m{vertical-align: middle !important;}
	.sp-align-b{vertical-align: bottom !important;}
}

/* font-size
-------------------------------------*/
.fs10{font-size:10px !important; font-size:1.0rem !important;}
.fs11{font-size:11px !important; font-size:1.1rem !important;}
.fs12{font-size:12px !important; font-size:1.2rem !important;}
.fs13{font-size:13px !important; font-size:1.3rem !important;}
.fs14{font-size:14px !important; font-size:1.4rem !important;}
.fs15{font-size:15px !important; font-size:1.5rem !important;}
.fs16{font-size:16px !important; font-size:1.6rem !important;}
.fs17{font-size:17px !important; font-size:1.7rem !important;}
.fs18{font-size:18px !important; font-size:1.8rem !important;}
.fs19{font-size:19px !important; font-size:1.9rem !important;}
.fs20{font-size:20px !important; font-size:2.0rem !important;}
.fs21{font-size:21px !important; font-size:2.1rem !important;}
.fs22{font-size:22px !important; font-size:2.2rem !important;}
.fs23{font-size:23px !important; font-size:2.3rem !important;}
.fs24{font-size:24px !important; font-size:2.4rem !important;}
.fs25{font-size:25px !important; font-size:2.5rem !important;}
.fs26{font-size:26px !important; font-size:2.6rem !important;}
.fs27{font-size:27px !important; font-size:2.7rem !important;}
.fs28{font-size:28px !important; font-size:2.8rem !important;}
.fs29{font-size:29px !important; font-size:2.9rem !important;}
.fs30{font-size:30px !important; font-size:3.0rem !important;}
.fs32{font-size:32px !important; font-size:3.2rem !important;}
.fs50{font-size:50px !important; font-size:5.0rem !important;}
.xlarge{font-size:20px !important; font-size:2.0rem !important;}
.large{font-size:18px !important; font-size:1.8rem !important;}
.small{font-size:14px !important; font-size:1.4rem !important;}
.xsmall{font-size:12px !important; font-size:1.2rem !important;}


@media screen and (max-width:600px){
	.sp-fs10{font-size:1.0rem !important;}
	.sp-fs11{font-size:1.1rem !important;}
	.sp-fs12{font-size:1.2rem !important;}
	.sp-fs13{font-size:1.3rem !important;}
	.sp-fs14{font-size:1.4rem !important;}
	.sp-fs15{font-size:1.5rem !important;}
	.sp-fs16{font-size:1.6rem !important;}
	.sp-fs17{font-size:1.7rem !important;}
	.sp-fs18{font-size:1.8rem !important;}
	.sp-fs19{font-size:1.9rem !important;}
	.sp-fs20{font-size:2.0rem !important;}
	.sp-fs21{font-size:2.1rem !important;}
	.sp-fs22{font-size:2.2rem !important;}
	.sp-fs23{font-size:2.3rem !important;}
	.sp-fs24{font-size:2.4rem !important;}
	.sp-fs25{font-size:2.5rem !important;}
	.sp-fs26{font-size:2.6rem !important;}
	.sp-fs27{font-size:2.7rem !important;}
	.sp-fs28{font-size:2.8rem !important;}
	.sp-fs29{font-size:2.9rem !important;}
	.sp-fs30{font-size:3.0rem !important;}
	.sp-fs33{font-size:3.3rem !important;}
	.sp-fs50{font-size:5.0rem !important;}
}

/* color
-------------------------------------*/
.color-1{color:#ff3300;}
.color-2{color:#adadad;}
.color-3{color:#fff;}
.color-4{color:#004097;}
.color-5{color:#1495f8;}
.color-6{color:#45b035;}
.color-7{color:#004a9e;}

.fc-normal{color: #333333 !important;}

/* no-border
-------------------------------------*/
.no-border{border: none !important;}
.no-border-top{border-top: none !important;}
.no-border-right{border-right: none !important;}
.no-border-bottom{border-bottom: none !important;}
.no-border-left{border-left: none !important;}

/* display
-------------------------------------*/
.dis-b{display: block !important;}
.dis-i{display: inline !important;}
.dis-ib{display: inline-block;}
.dis-t{display: table !important; width: 100%; table-layout: fixed;}
.dis-t > *{display: table-cell;}
.dis-tc{display: table-cell !important;}
.dis-l{display: list-item !important;}
.dis-n{display: none !important;}

@media screen and (min-width: 601px){
	.pc-dis-b{display: block !important;}
	.pc-dis-i{display: inline !important;}
	.pc-dis-ib{display: inline-block !important;}
	.pc-dis-t{display: table !important; width: 100%; table-layout: fixed;}
	.pc-dis-t > *{display: table-cell;}
	.pc-dis-tc{display: table-cell !important;}
	.pc-dis-l{display: list-item !important;}
	.pc-dis-n{display: none !important;}
}

@media screen and (max-width: 600px){
	.sp-dis-b{display: block !important;}
	.sp-dis-i{display: inline !important;}
	.sp-dis-ib{display: inline-block !important;}
	.sp-dis-t{display: table !important; width: 100%; table-layout: fixed;}
	.sp-dis-t > *{display: table-cell;}
	.sp-dis-tc{display: table-cell !important;}
	.sp-dis-l{display: list-item !important;}
	.sp-dis-n{display: none !important;}  
}



	.dis-tc img,
	.sp-dis-tc img,
	.pc-dis-tc img{
		max-width:100%;
	}


/* 改行スタイル */
.br-pc { display: block !important; }
.br-sp { display: none !important; }
.br-none-pc { white-space: nowrap !important; }
.br-none-sp { white-space: normal !important; }
.break-all { word-break: break-all !important; }
 
@media screen and (max-width: 600px) {
    .br-pc { display: none !important; }
    .br-sp { display: block !important; }
    .br-none-pc { white-space: normal !important; }
    .br-none-sp { white-space: nowrap !important; }
    .break-all { word-break: break-all !important; }
}


/* positionning style
-------------------------------------*/
.relative{position:relative!important;}
.absolute{position:absolute!important;}
.static{position:static!important;}
.float-l{float:left!important;}
.float-r{float:right!important;}
.float-n{float:none!important;}



.frame-h3 {
    margin: 50px 0 20px;
    padding: 7px 15px;
    color: #fff;
    background-color: #666;
    overflow: hidden;
    font-size: 18px;
    font-size: 1.8rem;
}


@media print{
	.page-break {
		page-break-before:avoid;
		break-inside:avoid-page;
	}
}