@charset "utf-8";

/* ****************************************************

component.css
-----------------------------------
1: contents parts for PC
-----------------------------------
2: contents parts for Smartphone
-----------------------------------
3: print for PC
-----------------------------------
4: colorbox
-----------------------------------
ex: clearfix

***************************************************** */


/*=================================

	1: contents parts for PC

================================ */

/* headline
================================ */

.headline01 {
	position: relative;
	padding: 0.3em 0 0.6em 45px;
	border-bottom: 1px solid #dad9da;
	font-size: 3.0rem;
}
.headline01:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 4px;
	margin-top: -8px;
	content: '';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,f2911e+50 */
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(left,  #000000 50%, #f2911e 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #000000 50%,#f2911e 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #000000 50%,#f2911e 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2911e',GradientType=1 ); /* IE6-9 */
}
.headline01 .shoulder {
	display: block;
	margin-bottom: 0.2em;
	font-size: 1.4rem;
	font-weight: bold;
}
.headline01  + * {
	margin-top: 40px !important;
}
.headImageWrap {
	min-height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 55%;
	-webkit-background-size: cover;
	background-size: cover;
}
.headImageWrap > .headImage {
	width: 1000px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.headImageWrap.rightType > .headImage {
	justify-content: flex-end;
}
.headImageWrap .headline01 {
	color: #ffffff;
	border-bottom: none;
}
.headImageWrap.proType00 {
	background-image: url(/product/img/product_im01.jpg);
}
.headImageWrap.proType01 {
	background-image: url(/en/product/img/apparel_im01.jpg);
	background-position: 0 40%;
}
.headImageWrap.proType02 {
	background-image: url(/en/product/img/amenity_im01.jpg);
}
.headImageWrap.proType03 {
	background-image: url(/en/product/img/medical_im01.jpg);
	background-position: 0 40%;
}
.headImageWrap.proType04 {
	background-image: url(/en/product/img/electric_im01.jpg);
	background-position: 0 65%;
}
.headImageWrap.proType05 {
	background-image: url(/en/product/img/industrial_im01.jpg);
}
.headImageWrap.proType06 {
	background-image: url(/en/product/img/air_im01.jpg);
	background-position: 50% 45%;
}
.headImageWrap.proType07 {
	background-image: url(/en/product/img/automobile_im01.jpg);
}
.headline02 {
	padding-left: 22px;
	border-left: 2px solid #f2911e;
	font-size: 2.2rem;
	font-weight: bold;
}
.headline02 + *,
.headline03 + * {
	margin-top: 20px !important;
}
.headline04 + *,
.headline05 + * {
	margin-top: 10px !important;
}
.headline03,
.headline04,
.headline05 {
	position: relative;
	padding: 0.4em 24px;
	font-weight: bold;
}
.headline03 {
	background-color: #f2f2f2;
	font-size: 1.8rem;
}
.headline04 {
	font-size: 1.6rem;
}
.headline04:before,
.headline05:before {
	position: absolute;
	content: '';
	top: 50%;
}
.headline04:before {
	width: 12px;
	height: 3px;
	left: 0;
	margin-top: -4px;
	background-color: #999999;
}
.headline05 {
	margin-top: 30px;
}
.headline05:before {
	width: 7px;
	height: 1px;
	left: 10px;
	background-color: #333333;
}
[class*="headline"] a {
	position: relative;
}
.headline06 {
	margin-bottom: 1em;
	padding: 2px 0 2px 15px;
	font-weight: bold;
	font-size: 1.3rem;
	border-left: 3px solid #999999;
}


/* section
================================ */
section {
	position: relative;
	margin-top: 50px;
}
section + section {
	margin-top: 50px;
}
section > section {
	margin-top: 40px;
}
section > section > section {
	margin-top: 30px;
}
section.bdType01 + section.bdType01 {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #b7b7b7;
}
.bdType01 > .colWrap {
	margin-top: 0;
}
/* txt
================================ */

/* paragraph */
.paragraph01 {
	margin-top: 1em;
}
.paragraph02 {
	margin-top: 2.5em !important;
}

/* bold */
.bold {
	font-weight: bold;
}

/* italic */
.italic {
	font-style: italic;
}
.underlined {
	text-decoration: underline;
}

/* txtColor */
.txtColor01 {
	color: #ef4136 !important;
}

/* leadType01 */
.leadType01 {
	margin-top: 1.5em;
	color: #666666;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
}
.fz26 {
	font-size: 2.6rem !important;
}
.fzDown {
	font-size: 83%;
}

/*mark*/
.mark {
	font-size: 60%;
	vertical-align: top;
}

/* list
================================ */

/* listType */
[class*=listType] {
	margin-top: 1em;
}
[class*=listType] > li {
	position: relative;
}
[class*=listType] > li:before {
	content: "";
	position: absolute;
}
[class*=listType] > li + li {
	margin-top: 0.5em;
}

ul[class*=listType] > li:before {
	top: 0.6em;
	left: 0;
}
ol[class*=listType] > li:before {
	top: 0;
	left: 0;
}
[class*=listType] > li > ul,
[class*=listType] > li > ol {
	margin-top: 0.5em;
}

/* ul.listType01 */
ul.listType01 > li {
	padding-left: 22px;
}
ul.listType01 > li:before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-top: -5px;
	background-color: #ffffff;
	border: 3px solid #f2911e;
}
ul.listType02 > li {
	padding-left: 12px;
}
ul.listType02 > li:before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-top: 2px;
	background-color: #888888;
}

ul.listType03 > li {
	padding-left: 12px;
}
ul.listType03 > li:before {
	width: 5px;
	height: 1px;
	margin-top: 3px;
	background-color: #888888;
}
.alignType01 > li {
	display: table;
	font-size: 1.6rem;
}
.alignType01 > li > [class*="termWidth"] {
	display: table-cell;
	padding-left: 20px;
}
.alignType01 > li > [class*="termWidth"]:first-child {
	padding-left: 0;
}
.alignType01 > li > .termWidth01 {
	width: 250px;
}
.alignType01 > li > .termWidth02 {
	width: 7em;
}
/* ol.listType */
ol.listType01 > li {
	padding-left: 2em;
}
ol.listType01 > li {
	counter-increment: listNum01;
}
ol.listType01 > li:before {
	content: counter(listNum01)".";
}
ol.listType01 > li.reset01 {
	counter-reset: listNum01 0;
}
ol.listType01 > li.reset10 {
	counter-reset: listNum01 9;
}

ol.listType02 > li {
	padding-left: 3em;
}
ol.listType02 > li {
	counter-increment: listNum02;
}
ol.listType02 > li:before {
	content: "（" counter(listNum02) "）";
}
ol.listType02 > li.reset01 {
	counter-reset: listNum02 0;
}
ol.listType02 > li.reset10 {
	counter-reset: listNum02 9;
}

/* dl.listType */
dl.listType01 > dt {
	font-weight: bold;
	font-size: 1.6rem;
}
dl.listType02 + dl.listType02 {
	margin-top: 0.5em;
}
dl.listType02 > * {
	display: inline;
}
dl.listType02 > dt:after {
	content: "：";
}
dl.listType02 > dd .indent01 {
	padding-left: 3.5em;
	display: block;
}
/* noteType */
[class*=noteType] {
	margin-top: 1em;
}
[class*=noteType] > li {
	position: relative;
	/*color: #999999;*/
}
[class*=noteType] > li + li,
[class*=noteType] > li > ul {
	margin-top: 0.25em;
}
[class*=noteType] > li:before {
	position: absolute;
	top: 0;
	left: 0;
}
ul.noteType01 > li {
	clear: both;
	padding-left: 1.5em;
}
ul.noteType01 > li:before {
	content: "※";
}
ol.noteType01 > li {
	padding-left: 2.5em;
	counter-increment: noteNum01;
}
ol.noteType01 > li:before {
	content: "※"counter(noteNum01);
}
ol.noteType01 > li.reset01 {
	counter-reset: noteNum01 0;
}
ol.noteType01 > li.reset10 {
	counter-reset: noteNum01 9;
}


/* link-icon
================================ */
.linkType01 a,
.inlineLink {
	position: relative;
}
.linkType01 a {
	padding-left: 25px;
	display: inline-block;
}

.linkType01 a:before,
.linkType01 a:after,
.btnTypeContact a > .innerBtn:after,
.anchorType01 > li > a:after,
.anchorType02 > li > a:after {
	position: absolute;
	content: '';
}
.inlineLink[target="_blank"]:after,
.inlineLink[href$=".pdf"]:after,
.newsWrap a[target="_blank"] .newsTitle:after,
.newsWrap a[href$=".pdf"] .newsTitle:after,
.boxType01 > .boxTitle > a:after,
[class*="headline"] a:after {
	position: relative;
	display: inline-block;
	margin-right: 0.5em;
	content: '';
}
[class*="headline"] a:after,
.linkType01 a:before,
.btnType01 a > span:after,
.btnType02 a > span:after,
.boxType01 > .boxTitle > a:after,
.btnTypeContact a > .innerBtn:after,
.anchorType01 > li > a:after,
.anchorType02 > li > a:after {
	top: 0.2em;
	left: 0;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #1c6fb1 url(/common/img/link_ic07.png) no-repeat 60% 50%;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
}
.inlineLink[target="_blank"]:after,
.linkType01 a[target="_blank"]:after,
.newsWrap a[target="_blank"] .newsTitle:after {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 12px;
	top: auto;
	margin-left: 0.4em;
	margin-top: 0.4em;
	background: url(/common/img/link_ic03.png) no-repeat 0 0;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}
.inlineLink[href$=".pdf"]:after,
.linkType01 a[href$=".pdf"]:after,
.newsWrap a[href$=".pdf"] .newsTitle:after {
	width: 11px;
	height: 12px;
	margin-left: 0.4em;
	background: url(/common/img/link_ic06.png) no-repeat 0 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}

.btnType01 a > span:after,
.btnType02 a > span:after {
	top: 50%;
	left: auto;
	right: 22px;
	margin-top: -9px;
}
.btnTypeContact a > .innerBtn:after {
	width: 23px;
	height: 23px;
	top: 50%;
	left: auto;
	right: 20px;
	margin-top: -11px;
}
.btnType01 a[target="_blank"] > span:after,
.btnType02 a[target="_blank"] > span:after {
	width: 14px;
	height: 12px;
	border-radius: 0;
	margin-top: -6px;
}
.btnType01 a[target="_blank"] > span:after {
	background: url(/common/img/link_ic04.png) no-repeat 0 0;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}
.btnType02 a[target="_blank"] > span:after {
	background: url(/common/img/link_ic05.png) no-repeat 0 0;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}
.btnType01 a[href$=".pdf"] > span:after,
.btnType02 a[href$=".pdf"] > span:after {
	width: 11px;
	height: 12px;
	border-radius: 0;
	margin-top: -5px;
	background: url(/common/img/link_ic06.png) no-repeat 0 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.btnType01 a[href="javascript:window.close();"] > span:after,
.btnType02 a[href="javascript:window.close();"] > span:after,
.btnType02.cb-close a > span:after {
	background: #1c6fb1 url(/common/img/link_ic02.png) no-repeat 55% 50%;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
}
.btnType02 a > span:after,
.btnType02 a[href="javascript:window.close();"] > span:after,
.btnType02.cb-close a > span:after {
	background-color: transparent;
}
[class*="headline"] a:after,
.boxType01 > .boxTitle > a:after {
	left: auto;
	top: auto;
	right: auto;
	margin-left: 0.5em;
	vertical-align: middle;
}
.anchorType01 > li > a:after,
.anchorType02 > li > a:after {
	top: 50%;
	left: auto;
	right: 20px;
	margin-top: -9px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
[class*="headline"] a[target="_blank"]:after {
	width: 14px;
	height: 12px;
	top: auto;
	margin-left: 0.4em;
	border-radius: 0;
	background: url(/common/img/link_ic03.png) no-repeat 0 0;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}

/* link-text
================================ */

.inlineLink {
	line-height: 1.8;
	font-weight: bold;
}

/* linkType */

.linkType01 {
	margin-top: 1em;
}

.linkType01 > li + li {
	margin-top: 0.6em;
}
.rowType > * {
	display: inline-block;
	margin-right: 20px;
}

/* AnchorType01 */
.anchorType01 {
	margin-top: 2em;
	letter-spacing: -0.4em;
}
.anchorType01 > li {
	display: inline-block;
	margin-top: 1.4em;
	letter-spacing: normal;
}
.anchorType01 > .row1 {
	margin-top: 0;
}
.anchorType01 > li > a {
	position: relative;
	display: inline-block;
	line-height: 1.33;
	padding: 0.7em 50px 0.6em 20px;
	border-left: 1px solid #dad9da;
	font-weight: bold;
}
.anchorType01 > .rowLast > a {
	border-right: 1px solid #dad9da;
}

/* AnchorType02 */
.anchorType02 {
	margin-top: 2em;
	letter-spacing: -0.4em;
}
.anchorType02 > li {
	float: left;
	width: 50%;
	margin-top: 1.4em;
	letter-spacing: normal;
}
.anchorType02 > .row1 {
	margin-top: 0;
}
.anchorType02 > li > a {
	position: relative;
	display: inline-block;
	line-height: 1.33;
	padding: 0.7em 50px 0.6em 20px;
	border-left: 1px solid #dad9da;
	font-weight: bold;
}
.anchorType02 > .rowLast > a {
	border-right: 1px solid #dad9da;
}

/* link-btn
================================ */

/* btnType */
[class*=btnType] {
	margin-top: 1.5em;
}
.rowType > [class*=btnType] {
	margin-top: 0;
}
[class*=btnType] a:link,
[class*=btnType] a:visited {
	text-decoration: none;
}
[class*=btnType] a:hover,
[class*=btnType] a:active {
	text-decoration: none;
}
[class*=btnType] li + li {
	margin-top: 1em;
}
[class*=btnType] a,
[class*=btnType] input {
	position: relative;
	display: inline-block;
	outline: none;
	line-height: 1.33;
	font-weight: bold;
}
[class*=btnType] a > span {
	display: inline-block;
	font-weight: bold;
	line-height: 1.33;
}
[class*=btnType] a > span:after {
	content: "";
	position: absolute;
}
[class*=btnType][class*=range] .eqChildLink {
	display: table-cell;
	width: 1%;
	vertical-align: middle;
}
.btnType01 a,
.btnType02 a,
.btnType02 input {
	min-width: 154px;
	padding: 7px 22px;
	border-radius: 18px;
	font-size: 1.3rem;
	text-align: center;
}
.btnType02 input {
	border: none;
	-webkit-appearance: none;
	padding-right: 36px;
	background: #1c6fb1 url(/common/img/link_ic07.png) no-repeat 90% 50%;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
	outline: none;
}

.btnType01 a > span,
.btnType02 a > span {
	padding-right: 30px;
}

/* btnType01 */
.btnType01 a {
	border: 1px solid #6e6e6e;
	background-color: #ffffff;
}

.btnType01 a:hover,
.btnType03 a:hover {
	background-color: #f2f9ff;
}
.btnType01 a:link > span,
.btnType01 a:visited > span {
	text-decoration: none;
	color: #000000;
}
.btnType03 a:link > span,
.btnType03 a:visited > span {
	text-decoration: none;
}

.btnType01 a:hover > span,
.btnType01 a:active > span,
.btnType03 a:hover > span,
.btnType03 a:active > span {
	text-decoration: none;
	color: #1c6fb1;
}

/* btnType02 */
.btnType02 a {
	background-color: #1c6fb1;
}
.btnType02 a:hover,
.btnType02 input:hover {
	background-color: #92b9d8;
}
.btnType02 a:link > span,
.btnType02 a:visited > span,
.btnType02 a:hover > span,
.btnType02 a:active > span,
.btnType02 input {
	text-decoration: none;
	color: #ffffff;
}

/* btnType03 */
.btnType03 > li {
}
.btnType03 a {
	background-color: #ffffff;
	display: table;
	width: 100%;
	height: 100%;
	padding: 15px 25px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #808080;
	text-align: center;
	border: 1px solid #dad9da;
	border-bottom-width: 4px;
}
.btnType03 a span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.btnType03.type-break a span {
	word-wrap: break-word;
	word-break: break-word;
}
.btnType03.range2Col > * {
	width: 49%;
	margin-left: 2%;
}
.btnType03.range3Col > * {
	width: 32%;
	margin-left: 2%;
}
.btnType03.range4Col > * {
	width: 23.5%;
	margin-left: 2%;
}
.btnType03.imgType a img {
	width: 100%;
	max-width: 100%;
}
.btnType03.imgType a span {
	display: block;
	margin-top: 0.8em;
}
.btnType03 .recruit a {
	font-size: 1.6rem;
	padding-bottom: 20px;
}
.btnType03 .recruit .beginnerLogoNon a {
	padding-bottom: 15px;
}
.btnType03.range3Col > li .recruit > * {
	width: 49%;
	margin-left: 2%;
}
/* btnTypeContact */
.btnTypeContact {
	margin-top: 4em;
}
.btnTypeContact a {
	display: table;
	width: 80%;
	margin: 0 auto;
	background-color: #f2911e;
	padding: 20px;
	border-radius: 10px;
}
.btnTypeContact a > span {
	display: table-cell;
	vertical-align: middle;
	font-size: 2.4rem;
	text-align: center;
}
.btnTypeContact a > .catch {
	font-size: 2.4rem;
	color: #ffffff;
}
.btnTypeContact a > .innerBtn {
	position: relative;
	padding: 0.6em 45px 0.6em 15px;
	background-color: #ffffff;
	border-radius: 1.2em;
	font-size: 2.0rem;
	color: #1c6fb1;
}
.btnTypeContact > a:hover {
	background-color: #f2af1e;
}

/* column
================================ */

.imgWrap01,
.colWrap {
	margin-top: 1.5em;
}
.imgWrap01 {
	text-align: center;
}
a:hover .img img {
	opacity: 0.7;
}

/* caption */
.caption {
	margin-top: 0.5em;
	/*color: #999999;*/
	text-align: left;
}
a .caption {
	color: #1c6fb1;
}

/* colRight */
.colRight {
	float: right;
	margin-left: 4%;
}
.colRight > *:first-child {
	margin-top: 0 !important;
}
.colRight a {
	outline: none;
}
.colLeft .img + .img,
.colRight .img + .img {
	margin-top: 15px;
}

/* colLeft */
.colLeft {
	float: left;
	margin-right: 4%;
}
.colLeft > *:first-child {
	margin-top: 0 !important;
}
.colLeft a {
	outline: none;
}

/* colText */
.colText.break {
	overflow: hidden;
}
.colText > *:first-child {
	margin-top: 0 !important;
}

/* productCol */
.productCol .colLeft {
	margin-right: 4%;
}
.productCol .colWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.productCol .on img {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.productCol .on a {
	color: #f2911e;
}
.colWrap.productCol .colWrap > * {
	width: 48%;
}
.productCol .title {
	font-size: 1.6rem;
	font-weight: bold;
}
.productCol .title + * {
	margin-top: 0.5em;
}
.colTable {
	display: table;
}
.colTable > * {
	display: table-cell;
	vertical-align: middle;
}
.colTable > * + * {
	padding-left: 20px;
}

/* range */
.range2Col,
.range3Col,
.range4Col {
	position: relative;
}
.range2Col > *,
.range3Col > *,
.range4Col > * {
	float: left;
	margin-top: 2em;
}
.range2Col > * > *:first-child,
.range3Col > * > *:first-child,
.range4Col > * > *:first-child {
	margin-top: 0 !important;
}
.range2Col > *:nth-child(-n+2),
.range3Col > *:nth-child(-n+3),
.range4Col > *:nth-child(-n+4) {
	margin-top: 0;
}
.range2Col > *:nth-child(2n+1),
.range3Col > *:nth-child(3n+1),
.range4Col > *:nth-child(4n+1) {
	clear: left;
	margin-left: 0 !important;
}
.range2Col > * {
	width: 48%;
	margin-left: 4%;
}
.range2Col.wType02 > * {
	width: 49%;
	margin-left: 2%;
}
.range3Col > * {
	width: 30.6%;
	margin-left: 4.1%;
}
.range4Col > * {
	width: 22%;
	margin-left: 4%;
}


/* table
================================ */

/* tableType01 */
.tableType01 {
	margin-top: 1.5em;
}
.tableType01 table {
	width: 100%;
	border-top: 1px solid #dad9da;
	background-color: #ffffff;
}
.tableType01 table th,
.tableType01 table td {
	vertical-align: middle;
	padding: 1em;
	border-right: 1px solid #dad9da;
	border-bottom: 1px solid #dad9da;
	font-weight: normal;
}
.tableType01 table td > *:first-child {
	margin-top: 0 !important;
}
.tableType01 table tr > *:last-child {
	border-right: none;
}
.tableType01 table thead th {
	text-align: center;
}
.tableType01 table .lv01 {
	background-color: #f9f9f9;
	color: #333333;
	font-weight: bold;
	font-size: 1.6rem;
}
.tableType01 table .lv02 {
	font-size: 1.6rem;
}
.tableType01 table .img {
	margin-top: 1em;
}
.nowrap {
	white-space: nowrap;
}
.bdR01 {
	border-right: 1px solid #dad9da !important;
}
.boxType02 .tableType01 td {
	background: #f9f9f9;
}
.spColHide[class*="tableType"] table colgroup {
	display: none;
}
/* tableType01 */
.tableType01.noBorder table th,
.tableType01.noBorder table td {
	border-right: none;
}
.tableType01 table .lv03 {
	background-color: #f9f9f9;
	color: #666666;
	font-weight: bold;
}
.tableType01 table .lv04 {
	color: #666666;
	font-weight: bold;
}
.tableType01 table .lv05 {
	background-color: #f2f9ff;
}
/* tableNote01 */
.tableType01 .tableNote01 {
	margin-top: 20px;
	margin-bottom: 1em;
	font-size: 1.2rem;
	color: #999999;
}

.tableType01 .date01{
	position:relative;
}
.tableType01 .date01 .tableDate {
	position :absolute;
	top: 0;
	right: 0;
	color: #333333;
	font-weight: normal;
	font-size:  1.4rem;
}


/* box
================================ */

.boxType01 {
	margin-top: 2em;
	padding: 30px;
	border: 1px solid #dad9da;
}
.boxType01.bg01 {
	background: #fff;
}
.boxType01 > *:first-child {
	margin-top: 0 !important;
}
.boxType01 > .boxTitle {
	position: relative;
	padding-left: 22px;
	padding-bottom: 25px;
	border-bottom: 1px solid #dad9da;
	font-size: 2.2rem;
	font-weight: bold;
}
.boxType01 > .boxTitle:before {
	position: absolute;
	content: '';
	width: 2px;
	height: calc( 100% - 25px);
	left: 0;
	top: 0;
	background-color: #f2911e;
}
.boxType01 > .boxTitle + * {
	margin-top: 20px !important;
}
.boxType01 > .boxTitle > a {
	position: relative;
	display: inline-block;
}

.boxType02 {
	padding: 40px;
	background-color: #f9f9f9;
}
.boxType02 > *:first-child {
	margin-top: 0 !important;
}
.paragraph01 + .boxType02,
.boxType02 + section {
	margin-top: 20px;
}

/* boxType03 */
.boxType03 {
	margin-top: 30px;
	background-color: #f2f2f2;
}
.boxType03 .boxTitle span {
	display: block;
	padding: 15px 20px;
	font-weight: bold;
	font-size: 1.8rem;
}
.boxType03 > .inner {
	padding: 19px;
	border-top: 2px solid #dad9da;
}
.boxType03 > .inner > :first-child {
	margin-top: 0;
}

.boxType04 {
	margin-top: 50px;
	padding: 30px;
	background-color: #f9f9f9;
	border: 1px solid #dad9da;
}
.boxType04 > .boxTitle {
	padding-bottom: 0.7em;
	border-bottom: 1px solid #dad9da;
}
.boxType04 > .boxTitle:before {
	margin-top: -6px;
}
.boxType04 > .boxTitle + * {
	margin-top: 30px !important;
}
[class*="boxType"].size01 { max-width: 640px; }
[class*="boxType"].sizeFull { max-width: 100%; }


/* frameType */
.frameType01 {
	padding: 20px 0;
	border-bottom: 1px dotted #b7b7b7;
}
.frameType02 {
	padding: 30px 0 50px;
	border-top: 1px dotted #dad9da;
}
[class*="frameType"] + [class*="frameType"] {
	margin-top: 0;
}

/* slider
================================ */
.slideWrap01 {
	position: relative;
	width: auto;
	margin: 30px -35px 50px;
	padding: 0 35px;
}
.slideWrap01 a {
	display: block;
	height: 100%;
}
.slideWrap01 .sliderBlock {
	width: 1000px;
	min-height: 300px;
	height: 100%;
	margin: 0 auto;
	border: 1px solid #dad9da;
	padding: 20px 40px 20px 80px;
	border-bottom: 4px solid #dad9da;
}
.slideWrap01 .sliderBlock {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: center;
	align-items: center;
}
.slideWrap01 .sliderBlock .colText {
	width: 490px;
	margin-right: auto;
}
a .sliderBlock:hover {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
a .sliderBlock:hover .img img {
	opacity: 1;
}
.sliderBlock.on .btnType02 a:hover {
	background-color: #1c6fb1;
}
.slideWrap01 a .sliderText {
	line-height: 1.33;
	color: #666666;
	font-size: 1.7rem;
}
.slideWrap01 .sliderTitle {
	font-size: 4.0rem;
	color: #333333;
}
.slideWrap01 .sliderTitle + * {
	margin-top: 20px;
}
.slideWrap01 .bx-pager {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 20px;
	text-align: center;
}
.slideWrap01 .bx-pager .bx-pager-item {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	z-index: 2;
}
.slideWrap01 .bx-pager a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #e6e6e6;
	border-radius: 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.slideWrap01 .bx-pager .active {
	background-color: #f2a533;
}
.slideWrap01 .bx-controls .bx-prev,
.slideWrap01 .bx-controls .bx-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 24px;
	height: 44px;
	margin-top: -22px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.slideWrap01 .bx-controls .bx-prev {
	left: 0;
}
.slideWrap01 .bx-controls .bx-next {
	right: 0;
}
.slideWrap01 .bx-controls .bx-prev:after,
.slideWrap01 .bx-controls .bx-next:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-right: 3px solid #1c6fb1;
	border-bottom: 3px solid #1c6fb1;
}
.slideWrap01 .bx-controls .bx-prev:after {
	right: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.slideWrap01 .bx-controls .bx-next:after {
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sliderText ul.listType01 > li:before {
	margin-top: -7px;
}

/* other
================================ */

/* inlineImg */
.inlineImg {
	vertical-align: middle;
}
/* newsWrap */
.newsWrap {
	margin-top: 2em;
}
.newsList01 > li {
	padding: 1.3em 0;
	border-bottom: 1px dotted #aaaaaa;
}
.newsList01 > li > a {
	display: block;
	width: 100%;
	margin: -1.3em 0;
	padding: 1.3em 0;
}
.newsWrap span[class*="news"] {
	display: block;
}
.newsWrap .newsDate {
	color: #777777;
	width: 11em;
	float: left;
	margin-right: calc( 40px - 2em );
}
.newsWrap [class*="newsIcon"] {
	float: left;
	min-width: 100px;
	line-height: 1.2;
	margin-top: 0.2em;
	margin-right: 40px;
	padding: 0.4em 1em;
	font-size: 1.1rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	border-radius: 12px;
}
.newsWrap .newsIcon01 {
	background-color: #1c6fb1;
}
.newsWrap .newsIcon02 {
	background-color: #12ae65;
}
.newsWrap .newsIcon03 {
	background-color: #a0678f;
}
.newsWrap .newsIcon04 {
	background-color: #666666;
}
.newsWrap .newsTitle {
	overflow: hidden;
}
.newsWrap a:link .newsTitle,
.newsWrap a:visited .newsTitle {
	text-decoration: underline;
}
.newsWrap a:hover .newsTitle,
.newsWrap a:active .newsTitle {
	text-decoration: none;
}
.newsWrap a[target="_blank"] .newsTitle:after,
.newsWrap a[href$=".pdf"] .newsTitle:after {
	left: auto;
	right: auto;
	margin-left: 0.4em;
	border-radius: 0;
}

/* .pagerWrap */
.pagerWrap {
	overflow: hidden;
}
.pagerWrap ul {
	display: table;
	margin: 40px auto 0;
}
.pagerWrap ul li {
	display: table-cell;
	vertical-align: middle;
}
.pagerWrap ul li + li {
	padding-left: 10px;
}
.pagerWrap ul .prev + li,
.pagerWrap ul .next {
	padding-left: 20px;
}
.pagerWrap ul .prev a,
.pagerWrap ul .next a {
	text-indent: -9999px;
	display: block;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #1c6fb1 url(/common/img/link_ic07.png) no-repeat 60% 50%;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
}
.pagerWrap ul .prev a {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.pagerWrap ul li a span {
	background-color: #ffffff;
	display: block;
	line-height: 1.33;
	min-height: 30px;
	min-width: 30px;
	padding: 0.4em;
	color: #1c6fb1;
	text-align: center;
	border: 1px solid #dad9da;
	border-bottom-width: 4px;
}
.pagerWrap ul li a:hover span {
	background-color: #f2f9ff;
}
.pagerWrap ul .current a span,
.pagerWrap ul .current a:hover span {
	background-color: #1c6fb1;
	color: #ffffff;
}
.pagerWrap ul .hasEllipsis {
	position: relative;
	padding-left: 4.2em;
}
.pagerWrap ul .hasEllipsis:before {
	position: absolute;
	top: 0.3em;
	left: 0.6em;
	content: "‥‥‥";
	color: #666666;
}

/* accordWrap */
.accordWrap01 > dt {
	position: relative;
	padding: 11px 40px 11px 15px;
	background-color: #a3a3a3;
	color: #ffffff;
	font-size: 1.8rem;
}
.accordWrap01 > dt > span:before,
.accordWrap01 > dt > span:after {
	position: absolute;
	content: '';
	top: 50%;
	background-color: #ffffff;
}
.accordWrap01 > dt > span:before {
	width: 19px;
	height: 1px;
	right: 12px;
}
.accordWrap01 > dt > span:after {
	width: 1px;
	height: 19px;
	right: 21px;
	margin-top: -9px;
}
.accordWrap01 > .active > span:after {
	display: none;
}
.accordWrap01 > dd > *:first-child {
	margin-top: 0;
}

/* faqWrap01 */
.faqWrap01 {
	margin-top: 2em;
	font-size: 1.6rem;
	line-height: 1.33;
}
.faqWrap01 > dl + dl {
	margin-top: 20px;
}
.faqWrap01 > dl > * {
	position: relative;
	padding: 1.1em 20px 1em 65px;
}
.faqWrap01 > dl > dt {
	background-color: #f2f2f2;
	font-weight: bold;
}
.faqWrap01 > dl > dd {
	border-bottom: 1px solid #dad9da;
}
.faqWrap01 > dl > dd > *:first-child {
	margin-top: 0 !important;
}
.faqWrap01 > dl > *:before {
	position: absolute;
	width: 1.9em;
	height: 1.9em;
	top: 1.1em;
	left: 20px;
	padding-top: 0.3em;
	border-radius: 50%;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 1.4rem;
	text-align: center;
}
.faqWrap01 > dl > dt:before {
	content: "Q";
	background-color: #1c6fb1;
}
.faqWrap01 > dl > dd:before {
	content: "A";
	background-color: #fbb03b;
}
/* tabType01 */
.tabType01 > .tabNav.range2Col > li {
  width: 50%;
  padding-left: 4%;
}
.tabType01 > .tabNav.range2Col > *:nth-child(2n+1) {
	clear: left;
	padding-left: 0 !important;
}
.tabType01 > .tabNav {
	z-index: 1;
}
.tabType01 .tabDetail > *:first-child {
    margin-top: 0;
}
.tabType01 > .tabNav > li {
	font-size: 2.0rem;
	line-height: 1.6;
	margin-left: 0 !important;
	float: left;
	position: relative;
}
.tabType01 > .tabNav > li > a {
	display: table;
	height: 100%;
	text-align: center;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
	padding: 15px;
	background: none;
	border: 1px solid #d9d9d9;
}
.tabType01  > .tabNav > .active > a {
  color: #333333;
	background: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
}
.tabType01 > .tabNav > li > a > span {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.tabType01 > .detailInner {
	background: #f9f9f9;
	display: block;
	margin: 0 -490px;
	overflow: hidden;
	position: relative;
	width: 1980px;
	top: -1px;
	border-top: 1px solid #d9d9d9;
	z-index: 0;
}
.tabType01 > .detailInner > * {
	margin: 30px auto;
  width: 1000px;
}
/* modal */
.modalWrap {
 	display: none;
}
a .cb-caption {
	color: #333;
}
.cb-caption > *{
	display: block;
}
.cb-caption .catchTxt{
	font-weight: bold;
}
/* .catalogIcon */
.catalogIcon {
	margin: 0 0 15px !important;
}
.headline04 + .catalogIcon {
	margin-top: 0 !important;
}
/* map
================================ */
/* mapBlock */
.mapBlock {
	margin-top: 20px;
}
.mapBlock > :first-child {
	margin-top: 0 !important;
}
.mapBlock .mapType01 {
	margin-top: 20px;
	padding: 1px;
	border: 1px solid #dad9da;
}
.mapBlock .mapType01 > iframe {
	width: 100%;
	border: 0;
	vertical-align: bottom;
}
.mapBlock .mapLink01 {
	margin-top: 10px;
}
.mapBlock .mapLink01 > a {
	font-weight: normal;
}

/* about
================================ */
/* aboutBlock */
.aboutBlock {
	margin-top: 20px;
}
.aboutBlock > :first-child {
	margin-top: 0 !important;
}
.aboutBlock.on:hover {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.aboutBlock .aboutType01 {
	padding-bottom: 20px;
	background-color: #f9f9f9;
}
.aboutType01 .aboutInner {
	padding: 0 20px;
}
.aboutType01 .aboutInner:first-child {
	margin-top: 0 !important;
}
.aboutType01 .aboutInner .colWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.aboutType01 .aboutInner .colLeft {
	max-width: 34%;
}
.aboutType01 .aboutInner .colText {
	flex: 1;
}
.aboutType01 .aboutInner .linkType01 a {
	font-size: 1.6rem;
}
.aboutType01 .aboutInner .linkType01 a:after {
	margin-top: 6px;
}
.aboutType01 .aboutTitle > a,
.aboutType01 .aboutTitle > span {
	position: relative;
	display: block;
	padding: 20px;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1;
	border-bottom: 2px solid #dad9da;
}
.aboutType01 .aboutTitle > a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	height: 8px;
	width: 8px;
	margin-top: -4px;
	border-right: 2px solid #1c6fb1;
	border-bottom: 2px solid #1c6fb1;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.aboutType01 .aboutTitle > a:hover:after {
	border-color: #f2911e !important;
}
.aboutType02 {
	position: relative;
	margin-top: 20px;
	padding: 1px;
	border: 1px solid #dad9da;
}
.aboutType02 > .link {
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -32px;
	padding-right: 10px;
	font-size: 2.4rem;
	color: #fff;
	background: rgba(0,0,0,0.75);
}
.aboutType02 > .link a,
.aboutType02 > .link span {
	position: relative;
	display: inline-block;
}
.aboutType02 > .link a {
	padding-right: 10px;
}
.aboutType02 > .link a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: url(/common/img/link_ic10.png) no-repeat;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
}
.aboutType02 > .link span {
	padding: 20px 20px 20px 64px;
	line-height: 1;
	color: #ffffff;
}
.aboutType02 > .link span:before {
	position: absolute;
	top: 50%;
	left: 30px;
	width: 24px;
	height: 4px;
	margin-top: -2px;
	content: '';
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 50%, #f2911e 50%);
	background: -webkit-linear-gradient(left, #ffffff 50%,#f2911e 50%);
	background: linear-gradient(to right, #ffffff 50%,#f2911e 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2911e',GradientType=1 );
}

/* aboutArea */
.aboutArea {
	margin-top: 40px;
	padding-top: 30px;
	background-color: #f8f8f4;
}
.aboutArea > *:first-child {
	margin-top: 0 !important;
}
.aboutArea> section > .headLine + * {
	margin-top: 60px;
}
.aboutArea .colWrap {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
.aboutArea .colWrap .colLeft {
	margin-right: 11.6%;
}
.aboutArea .colWrap .colText {
	padding-top: 55px;
}
.aboutArea .colWrap .colText .title {
	font-weight: bold;
	font-size: 1.8rem;
}
.aboutArea .colWrap .colText .title + * {
	margin-top: 35px;
}


/* NAME
================================ */
/* sign */
.sign {
	display: block;
}
.sign > span {
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
}
.sign > span:last-child {
	margin-right: 0;
}

/* /about/index.htm
================================ */
.headImageWrap.aboType00 {
	background-image: url(/about/img/about_im01.jpg);
}
.headImageWrap.aboType00 .headline01 + .img {
	margin-top: 0 !important;
	margin-left: auto;
}
.boxType01[class*="aboType"] {
	padding: 25px;
}
.boxType01[class*="aboType"] > .boxTitle {
	padding-left: 60px;
	line-height: 1.33;
	min-height: 50px;
}
.boxType01[class*="aboType"] > .boxTitle > * {
	position: relative;
}
.boxType01[class*="aboType"] > .boxTitle:before {
	display: none;
}
.boxType01[class*="aboType"] > .boxTitle > *:before {
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 50%;
	left: -60px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
.boxType01.aboType01 > .boxTitle > *:before {
	background-image: url(/about/img/about_ic01.png);
}
.boxType01.aboType02 > .boxTitle > *:before {
	background-image: url(/about/img/about_ic02.png);
}
.boxType01.aboType03 > .boxTitle > *:before {
	background-image: url(/about/img/about_ic03.png);
}
.boxType01.aboType04 > .boxTitle > *:before {
	background-image: url(/about/img/about_ic04.png);
}
.boxType01.aboType05 > .boxTitle > *:before {
	background-image: url(/about/img/about_ic05.png);
}
.boxType01.aboType05 .colTable > *:first-child {
	width: 142px;
}
.boxType01.aboType05 .colTable .title {
	font-weight: bold;
	font-size: 1.6rem;
}
#aboutIndex .contentsWrap > * {
	margin-top: 40px;
}

.boxType01 .boxType01 {
	padding: 18px;
	border-bottom-width: 4px;
}
.boxType01 .boxType01 > .boxTitle {
	padding: 0;
	font-size: 1.8rem;
	border: 0;
	text-align: center;
}
.boxType01 .boxType01 > .boxTitle .iconNew {
	margin-right: 0.8em;
	vertical-align: 0.3em;
}
.iconNew {
	line-height: 1.33;
	display: inline-block;
	min-width: 46px;
	padding: 2px 4px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #ba0005;
}


/* /company/history.htm
================================ */
#history #main > .contentsWrap:first-child {
	width: 100%;
	padding: 0;
}

/*#history .headImageWrap .anchorHistory li a,
#history .periodTitle,
#history .affair > dt {
	line-height: 1.8;
	font-family: "小塚ゴシック Pro","Gill Sans", "Myriad Pro", Roboto, Helvetica, Arial;
	vertical-align: baseline;
}*/

/* ------headImageWrap------ */
#history .headImageWrap {
	position: relative;
	height: 460px;
	background: url(/company/img/history_im01.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	font-size: 1.8rem;
}
#history .headImageWrap > * {
	padding-top: 45px;
}
#history .headImageWrap + * {
	margin-top: 30px;
}
/* headline01 */
#history .headImageWrap .headline01 {
	display: table;
	margin: 0 auto;
	padding-bottom: 0;
}
#history .headImageWrap .headline01:before {
	margin-top: 0;
}

/* anchor */
#history .headImageWrap .anchorHistory {
	display: table;
	margin: 45px auto 0;
}
#history .headImageWrap .anchorHistory li {
	display: table-cell;
	width: 120px;
}
#history .headImageWrap .anchorHistory li + li {
	padding-left: 10px;
}
#history .headImageWrap .anchorHistory li a {
	display: block;
	position: relative;
	padding: 0.3em 10px 0.4em;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#history .headImageWrap .anchorHistory li a:after {
	position: absolute;
	content: '';
	bottom: 0.2em;
	left: 50%;
	width: 6px;
	height: 8px;
	margin-left: -3px;
	background: url(/common/img/link_ic07.png) no-repeat 0 0;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
#history .headImageWrap .anchorHistory li a:hover {
	background-color: rgba(255,255,255,0.3);
}

#history .historyTabBtn {
	display: none;
}

/* ------ historyWrap ------ */
#history .historyWrap {
	position: relative;
}
#history .historyWrap:after {
	position: absolute;
	content: '';
	width: 1px;
	/*height: 100%;*/
	top: 0;
	bottom: 0;
	left: 50%;
	background-color: #dad9da;
}

/* periodBLock */
#history .historyWrap .periodBlock {
	padding: 45px 0 80px;
}
#history .historyWrap .periodBlock:first-child {
	padding-top: 0;
}
#history .historyWrap .periodBlock:nth-child(2n) {
	background: #f9f9f9;
}
#history .periodTitle {
	position: relative;
	font-size: 3.6rem;
	font-weight: bold;
	color: #1c6fb1;
}
#history .periodTitle:before,
#history .affair:before {
	position: absolute;
	content: '';
	top: 0.6em;
	background-color: #ffffff;
	border-radius: 50%;
}
#history .periodTitle:before {
	width: 10px;
	height: 10px;
	left: 50%;
	margin-left: -10px;
	border: 5px solid #f2911e;
	z-index: 2;
}

/* affair */
#history .affair:before {
	width: 6px;
	height: 6px;
	right: -6px;
	border: 3px solid #f2911e;
	z-index: 3;
}
#history .affair {
	position: relative;
	margin-top: 30px;
	width: 245px;
}
#history .affair.comp {
	margin-left: 255px;
}
#history .affair.prod {
	margin-left: 500px;
	text-align: right;
}
#history .affair > dt {
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1c6fb1;
	overflow: hidden;
}
#history .affair > dt > span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 1em 0 0;
}
#history .affair > dt > span:before {
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 1;
	content: '';
	display: block;
	width: 400%;
	height: 1px;
	border-top: 1px dashed #dad9da;
}
#history .affair > dd + dd {
	margin-top: 0.5em;
}
#history .affair .image {
	position: absolute;
	top: 50%;
	left: -255px;
	width: 220px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#history .affair.comp > dd {
	padding-right: 10px;
}
#history .affair.prod:before {
	width: 6px;
	height: 6px;
	right: auto;
	left: -6px;
	border: 3px solid #f2911e;
	z-index: 3;
}
#history .affair.prod > dt > span {
	padding: 0 0 0 1em;
}
#history .affair.prod > dt > span:before {
	left: auto;
	right: 100%;
}
#history .affair.prod > dd {
	padding-left: 10px;
}
#history .affair.prod .image {
	left: auto;
	right: -255px;
}
.frameImage {
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #dad9da;
}
#history .affair .t0per {
	top: 0;
}
#history .affair .t75per {
	top: 75%;
}
#history .affair .imgpos01 {
	top: 0;
	margin-top: -30%;
}
#history .affair .imgpos02 {
	margin-top: 60px;
}
#history .contentsWrap{
	position:relative;
}

#history .boxRight {
	position: absolute;
	top:0;
	right: 0;
	width: 478px;
}

/* /about/surroundings.htm
================================ */
/* ------headImageWrap------ */
#surroundings .headImageWrap {
	position: relative;
	min-height: 300px;
	padding: 32px 0;
	background: url(/about/img/surroundings_im07.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	color: #ffffff;
	overflow: hidden;
}
#surroundings .headImageWrap .headline01 {
	padding-right: 145px;
}
#surroundings .headImageWrap .colWrap > .col:first-child {
	padding-top: 10px;
}
#surroundings .headImageWrap .headline01:after {
	position: absolute;
	content: '';
	top: 10px;
	right: 40px;
	width: 90px;
	height: 91px;
	background: url(/about/img/surroundings_ic01.png) no-repeat 0 0;
}
#surroundings .headImageWrap .headline01 + * {
	margin-top: 10px !important;
}
#surroundings .ancSurround {
}
#surroundings .ancSurround > li > a {
	display: block;
	position: relative;
	height: 100%;
	padding: 68px 5px 18px;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
	border-radius: 4px;
	text-align: center;
}
#surroundings .ancSurround > li > a:hover {
	background-color: transparent;
	color: #ffffff;
}
#surroundings .ancSurround > li:nth-child(n+4) {
	margin-top: 1.5em;
}
#surroundings .ancSurround > li > a:before {
	width: 46px;
	height: 47px;
	position: absolute;
	content: '';
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: contain;
	background-size: contain;
}
#surroundings .ancSurround > .office > a:before {
	background-image: url(/about/img/surroundings_ic04.png);
}
#surroundings .ancSurround > .life > a:before {
	background-image: url(/about/img/surroundings_ic03.png);
}
#surroundings .ancSurround > .town > a:before {
	background-image: url(/about/img/surroundings_ic02.png);
}
#surroundings .ancSurround > .car > a:before {
	background-image: url(/about/img/surroundings_ic07.png);
}
#surroundings .ancSurround > .medical > a:before {
	background-image: url(/about/img/surroundings_ic05.png);
}
#surroundings .ancSurround > .industrial > a:before {
	background-image: url(/about/img/surroundings_ic06.png);
}
#surroundings .ancSurround > li > a:after {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	bottom: 3px;
	left: 50%;
	margin-left: -8px;
	border-right: 2px solid #1c6fb1;
	border-bottom: 2px solid #1c6fb1;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* campaign/index.htm 画像出しわけ
================================ */
.campaignTitle .pc {
	display:block;
}
.campaignTitle .sp {
	display:none;
}
.campaignTitleReset {
	margin-top: 0em;
}
/* indexTopPage linkbutton */
.imgWrap01.campaignMargin{
	margin:40px 0;
}
.imgWrap01.campaignMargin .img a:hover{
	opacity:0.7;
}


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

/*=================================

	2: contents parts for Smartphone

================================ */

/* headline
================================ */
/* headline01 */
.headline01 {
	line-height: 1.33;
	padding-bottom: 0.3em;
}
.headline01:before {
	margin-top: -3px;
}
.headline01 + * {
	margin-top: 20px !important;
}
.headline05 {
	line-height: 1.2;
}
.headline05:before {
	margin-top: -1px;
}
.headImageWrap {
}
.headImageWrap > .headImage {
	width: 100%;
	padding: 0 16px;
}

/* section
================================ */
section {
	margin-top: 35px;
}

/* list
================================ */
.alignType01 > li {
	display: block;
}
.alignType01 > li > [class*="termWidth"] {
	display: inline-block;
	width: auto !important;
}
.alignType01 > li > [class*="termWidth"]:first-child {
	display: block;
}
.alignType01 > li > [class*="termWidth"]:nth-child(2) {
	padding-left: 0;
}

/* link-icon
================================ */
/* phoneType */
.phoneType a {
	position: relative;
	display: block;
	padding-right: 10px;
}
.phoneType a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-right: 1px solid #1c6fb1;
	border-bottom: 1px solid #1c6fb1;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* link-text
================================ */
.linkType01 > li + li {
	margin-top: 0.9em;
}

/* AnchorType01 */
.anchorType01 > li > a {
	padding-left: 10px;
	padding-right: 35px;
}
.anchorType01 > li > a:after {
	right: 10px;
}

/* AnchorType02 */
.anchorType02 > li {
	float: none;
	width: auto;
	margin-top: 10px;
}
.anchorType02 > li > a {
	padding-left: 10px;
	padding-right: 35px;
}
.anchorType02 > li > a:after {
	right: 10px;
}

/* link-btn
================================ */

/* btnType */
.rowType > [class*=btnType] {
	display: block;
}
.rowType > [class*=btnType] + [class*=btnType] {
	margin-top: 10px;
}
.btnType01 a > span:after {
	right: 20px;
}
.btnType02 a > span:after {
	right: 18px;
}
.btnType01 a[target="_blank"] > span:after,
.btnType01 a[href$=".pdf"] > span:after,
.btnType02 a[target="_blank"] > span:after,
.btnType02 a[href$=".pdf"] > span:after {
	right: 23px;
}
.btnType01 a[href$=".pdf"] > span:after,
.btnType02 a[href$=".pdf"] > span:after {
	margin-top: -7px;
}
[class*=btnType] a {
	display: block;
	line-height: 1.2;
}
.btnType03 a {
	display: table;
}
.btnType03 a,
.btnType03.imgType a {
	padding: 10px;
}
[class*=btnType] a[href="javascript:window.close();"],
.btnType02.cb-close a {
	display: inline-block;
}

/* btnTypeContact */
.btnTypeContact {
	margin-top: 2em;
}
.btnTypeContact a {
	display: block;
	width: 100%;
}
.btnTypeContact a > span {
	display: block;
	vertical-align: middle;
	text-align: center;
}
.btnTypeContact a > .catch {
	font-size: 1.6rem;
}
.btnTypeContact a > .innerBtn {
	margin-top: 0.6em;
	padding: 0.6em 45px 0.6em 15px;
}

/* .productNav */
.productNav {
}
.productNav .btnType03 li {
	width: 33%;
}
.productNav .btnType03.range4Col li:nth-child(3) {
	margin-top: 0;
}
.productNav .btnType03.range4Col li:nth-child(n+4) {
	margin-top: 0.5%;
}
.productNav .btnType03.range4Col li:not(:nth-child(3n-2)) {
	margin-left: 0.5% !important;
}
.productNav .btnType03.range4Col li:nth-child(3n-2) {
	margin-left: 0;
}
.productNav .btnType03.range4Col li:nth-child(2n+1) {
	clear: none;
}
.productNav .btnType03.range4Col li:nth-child(3n+1) {
	clear: left;
}
.productNav .btnType03 li a {
	padding: 20px 5px 15px;
	font-size: 1.1rem;
}
.productNav .btnType03 li a span {
	padding-top: 60px;
	-webkit-background-size: 56px auto;
	background-size: 56px auto;
}


/* column
================================ */

/* col */
.col .sizeSet {
	width: auto !important;
	max-width: none !important;
}
.colWrap > .col + .col {
	margin-top: 1em;
}
.colWrap > .col > *:first-child {
	margin-top: 0 !important;
}
.colWrap > .col .img {
	text-align: center;
}

/* colRight & colLeft */
.colRight .img,
.colLeft .img,
.colRight .caption,
.colLeft .caption {
	text-align: center;
}
.colRight,
.colLeft {
	float: none;
	margin-right: 0;
	margin-left: 0;
}
.colRight + .colRight,
.colLeft + .colLeft {
	margin-top: 1em;
}
/* colText */
.colText > *:first-child {
	margin-top: 0 !important;
}
.colRight + .colText,
.colLeft + .colText {
	margin-top: 1em;
}

/* elmSwap */
.elmSwap {
	margin-top: 1em;
}

/* productCol */
.productCol .colLeft {
	margin-right: 0;
}
.productCol .colWrap {
	display: block;
}
.colWrap.productCol .colWrap > * {
	width: 100%;
}
.productCol .title {
	font-size: 1.6rem;
	font-weight: bold;
}
.productCol .title + * {
	margin-top: 0.5em;
}

/* range */
.range2Col > *,
.range3Col > *,
.range4Col > *,
.btnType03.range2Col > *,
.btnType03.range3Col > *,
.btnType03.range4Col > * {
	float: left;
	width: 47.8%;
	margin-left: 4.4%;
}
.range2Col > * .img img,
.range3Col > * .img img,
.range4Col > * .img img {
	width: 100%;
}
.range3Col > *:nth-child(3n+4) {
	clear: none;
	margin-left: 4.4% !important;
}
.colWrap.range2Col > .col:nth-child(-n+2),
.colWrap.range3Col > .col:nth-child(-n+2),
.colWrap.range4Col > .col:nth-child(-n+2),
.colWrap.range5Col > .col:nth-child(-n+2),
.colWrap.range6Col > .col:nth-child(-n+2),
.colWrap.rangeOvCol > .col:nth-child(-n+2),
[class*=anchorType].range2Col > li:nth-child(-n+2),
[class*=anchorType].range3Col > li:nth-child(-n+2),
[class*=anchorType].range4Col > li:nth-child(-n+2),
[class*=anchorType].range5Col > li:nth-child(-n+3),
[class*=btnType].range2Col > li:nth-child(-n+2),
[class*=btnType].range3Col > li:nth-child(-n+2),
[class*=btnType].range4Col > li:nth-child(-n+2),
[class*=btnType].range5Col > li:nth-child(-n+2),
.lineType02 > .linkType01.range5Col > li:nth-child(-n+2) {
	margin-top: 0;
}
.colWrap.range2Col > .col:nth-child(2n+1),
.colWrap.range3Col > .col:nth-child(2n+1),
.colWrap.range4Col > .col:nth-child(2n+1),
[class*=anchorType].range2Col > li:nth-child(2n+1),
[class*=anchorType].range3Col > li:nth-child(2n+1),
[class*=anchorType].range4Col > li:nth-child(2n+1),
[class*=anchorType].range5Col > li:nth-child(3n+1),
[class*=btnType].range2Col > li:nth-child(2n+1),
[class*=btnType].range3Col > li:nth-child(2n+1),
[class*=btnType].range4Col > li:nth-child(2n+1),
[class*=btnType].range5Col > li:nth-child(2n+1),
[class*=linkType].range2Col > li:nth-child(2n+1),
[class*=linkType].range3Col > li:nth-child(2n+1),
[class*=linkType].range4Col > li:nth-child(2n+1),
[class*=linkType].range5Col > li:nth-child(2n+1),
.lineType02 > .linkType01.range5Col > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0 !important;
}
.lineType02 > .linkType01.range5Col > li {
	margin-right: 0;
}
.range3Col > *:nth-child(3),
.range4Col > *:nth-child(3),
.range4Col > *:nth-child(4) {
	margin-top: 1em;
}


/* spBreak */
.colWrap.spBreak > .col,
[class*=anchorType].spBreak > li,
[class*=btnType].spBreak > li,
[class*=listType].spBreak > li,
.range2Col.spBreak > *,
.range3Col.spBreak > *,
.range4Col.spBreak > * {
	float: none !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}
.colWrap.spBreak > .col + .col {
	margin-top: 1.5em !important;
}
.colWrap.spBreak > .col .img img {
	width: auto;
}
[class*=anchorType].spBreak > li + li,
[class*=btnType].spBreak > li + li {
	margin-top: 1em !important;
}
.range2Col.wType02.spBreak > .twoThirds,
.range2Col.wType02.spBreak > .twoThirds + .col {
	margin-top: 1.3em !important;
}
[class*=listType].spBreak > li {
	margin-top: 0.5em !important;
}
.linkType01.spBreak > li {
	margin-top: 0.6em !important;
}


/* table
================================ */

/* tableType */
[class*=tableType] table th,
[class*=tableType] table td {
	padding: 15px 10px;
	word-break: break-all;
}
[class*=tableType].spVertical table th,
[class*=tableType].spVertical table td,
[class*=tableType].spScroll table th,
[class*=tableType].spScroll table td {
	word-break: normal;
}

/* spVertical */
[class*=tableType].spVertical table,
[class*=tableType].spVertical table caption,
[class*=tableType].spVertical table thead,
[class*=tableType].spVertical table tbody,
[class*=tableType].spVertical table tr,
[class*=tableType].spVertical table th,
[class*=tableType].spVertical table td {
	display: block;
	width: 100%;
}
[class*=tableType].spVertical table {
	border: none;
	border-bottom: 1px solid #e2e2e2;
}
[class*=tableType].spVertical table th,
[class*=tableType].spVertical table td {
	border-top: 1px solid #e2e2e2;
	border-bottom: none;
	border-right: none !important;
}
[class*=tableType].spVertical table thead {
	display: none !important;
}
[class*=tableType].spVertical table th.headline {
	display: block !important;
}

/* spScroll */
[class*=tableType].spScroll {
	overflow-x: auto;
	padding-bottom: 10px;
	position: relative;
}
[class*=tableType].spScroll:before {
	content: "この表は横にスクロールしてご覧いただけます。";
	display: block;
	margin-bottom: 0.8em;
}
[class*=tableType].spScroll::-webkit-scrollbar {
	width: 6px;
	background: #f2f2f2;
}
[class*=tableType].spScroll::-webkit-scrollbar:horizontal {
	height: 6px;
	background: #f2f2f2;
}
[class*=tableType].spScroll::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #c2c2c2;
}
[class*=tableType].spScroll::-webkit-scrollbar-thumb:horizontal {
	border-radius: 3px;
	background: #c2c2c2;
}
[class*=tableType].spScroll table {
	width: 768px;
}
/* tableNote01 */
.tableType01 .tableNote01 {
	margin-top: 10px;
}

/* box
================================ */

.boxType01 {
	margin-top: 1.5em;
	padding: 15px;
}
.boxType01 > .boxTitle {
	position: relative;
	padding-left: 22px;
	padding-bottom: 15px;
	font-weight: bold;
}
.boxType01 > .boxTitle:before {
	height: calc( 100% - 15px);
}
.boxType01 > .boxTitle + * {
	margin-top: 15px !important;
}
.boxType02 {
	margin-left: -16px;
	margin-right: -16px;
	padding: 16px;
}
.boxType02 > *:first-child {
	margin-top: 0 !important;
}
/* boxType03 */
.boxType03 {
	margin-top: 35px;
}
.boxType03 .alignType01 {
	display: block;
}
.boxType03 .alignType01 > colgroup {
	display: none;
}
.boxType03 .alignType01 tbody > tr:first-child th:first-child {
	margin-top: 0 !important;
}
.boxType03 .alignType01 th,
.boxType03 .alignType01 td {
	width: 100%;
	display: block;
}
.boxType03 .alignType01 th {
	margin-top: 0.5em;
	padding: 0;
}
.boxType03 .alignType01 td {
	padding: 0 0 0 22px;
}
.boxType04 {
	margin: 30px -16px 0;
	padding: 16px;
	border-left: none;
	border-right: none;
}
.boxType04 > .boxTitle + * {
	margin-top: 20px !important;
}

.aboutArea {
	padding: 10px 0 0;
}
.aboutArea > section > .headLine + * {
	margin-top: 20px;
}
.aboutArea .colWrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 235px;
}
.aboutArea .colWrap .colLeft {
	position: absolute;
	left: -20px;
	bottom: 0;
	width: 180px;
	height: 235px;
	margin-right: 0;
}
.aboutArea .colWrap .colText {
	padding: 0 16px 16px 175px;
}
.aboutArea .colWrap .colText .title {
	font-size: 1.5rem;
}
.aboutArea .colWrap .colText .title + *,
.aboutArea .colWrap .colText .link {
	margin-top: 15px;
}


/* slider
================================ */
.slideWrap01 {
	margin: 20px -16px 32px;
	padding: 0 16px;
}
.slideWrap01 .sliderBlock {
	max-width: 100%;
	min-height: 1px;
	padding: 15px;
}
.slideWrap01 .sliderBlock.spLayout {
	display: block;
}
.slideWrap01 .sliderBlock .colRight {
	margin-left: 2%;
	width: 40%;
}
.slideWrap01 .sliderBlock.spLayout .colRight {
	margin-bottom: 0.5em;
	float: right;
}
.slideWrap01 .sliderBlock .colText {
	font-size: 1.2rem;
	margin-top: 0;
	width: 58%;
}
.slideWrap01 .sliderBlock.spLayout .colText {
	width: auto;
}
.slideWrap01 a .sliderText {
	font-size: 1.2rem;
}
.slideWrap01 .sliderTitle {
	font-size: 1.8rem;
}
.slideWrap01 .sliderTitle img {
	height: 30px;
	width: auto;
}
.slideWrap01 .sliderTitle + * {
	margin-top: 10px;
}
.slideWrap01 .bx-pager {
	margin-top: 10px;
}
.slideWrap01 .bx-pager .bx-pager-item {
	margin: 0 7px;
}
.slideWrap01 .bx-controls .bx-prev,
.slideWrap01 .bx-controls .bx-next {
	width: 16px;
	height: 16px;
	margin-top: -8px;
}
.slideWrap01 .bx-controls .bx-prev:after,
.slideWrap01 .bx-controls .bx-next:after {
	height: 6px;
	width: 6px;
	margin-top: -3px;
	border-right: 2px solid #1c6fb1;
	border-bottom: 2px solid #1c6fb1;
}

/* other
================================ */

/* newsWrap */
.newsWrap {
	margin-top: 1.5em;
}
.newsList01 > li {
	padding: 1em 0;
	letter-spacing: -0.4em;
}
.newsList01 > li > * {
	letter-spacing: normal;
}
.newsList01 > li > a {
	display: block;
	width: 100%;
	margin: -1em 0;
	padding: 1em 0;
}
.newsWrap li .newsDate {
	float: none;
	display: inline-block;
	width: auto;
	margin-right: 15px;
}
.newsWrap li [class*="newsIcon"] {
	float: none;
	display: inline-block;
	min-width: 100px;
	margin-right: 0;
	line-height: 1.1;
	padding-top: 6px;
}
.newsWrap .newsTitle {
	overflow: auto;
	margin-top: 0.5em;
}

/* .pagerWrap */
.pagerWrap ul li + li,
.pagerWrap ul .prev + li,
.pagerWrap ul .next {
	padding-left: 8px;
}
.pagerWrap ul .hasEllipsis {
	position: relative;
	padding-left: 2em;
}
.pagerWrap ul .hasEllipsis:before {
	left: 0.5em;
	content: "‥";
	color: #666666;
}
/* tabType01 */
.tabType01 > .tabNav > li {
	font-size: 1.7rem;
}
.tabType01 > .tabNav > li > a {
  padding: 15px 10px;
}
.tabType01 > .detailInner {
	margin: 0 -16px;
	padding: 0 16px;
	width: auto;
}
.tabType01 > .detailInner > * {
	padding: 0 10px;
  width: 100%;
}

/* catalogGallery
================================ */
.catalogGallery .col .caption {
	text-align: center;
}

/* map
================================ */
/* mapBlock */
.mapBlock .mapType01 > iframe {
	height: auto;
}
/* about
================================ */
/* aboutBlock */
.aboutBlock .aboutType01 {
	padding-bottom: 25px;
}
.aboutType01 .aboutInner .colWrap {
	display: block;
}
.aboutType01 .aboutInner .colLeft {
	max-width: 100%;
}

.boxType01 .boxType01 > .boxTitle:before {
	display: none;
}


/* /about/index.htm
================================ */
.headImageWrap.aboType00 .headline01 + .img {
	display: none;
}
[class*="headline"] a:after,
.boxType01 > .boxTitle > a:after {
	vertical-align: top;
	top: 0.2em;
}
[class*="headline"] a[target="_blank"]:after,
.boxType01 > .boxTitle > a[target="_blank"]:after {
	vertical-align: top;
	top: 0.4em;
}
#aboutIndex .contentsWrap > * {
	margin-top: 20px;
}
#aboutIndex .boxType01 + .boxType01 {
	margin-top: 20px !important;
}
.boxType01 .boxType01 > .boxTitle .iconNew {
	padding-top: 6px;
	line-height: 1.1;
}
.boxType01.aboType05 .colTable > *:first-child {
	width: 100px;
}


/* /company/history.htm
================================ */

#history .contentsWrap {
	width: 100%;
	padding-left:16px;
	padding-right: 16px;
}
/* ------headImageWrap------ */
#history .headImageWrap {
	position: relative;
	height: auto;
	padding-bottom: 85px;
	text-align: left;
}
#history .headImageWrap:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 14.84%;
	background: url(/company/img/history_bg01_sp.png) no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
#history .headImageWrap > * {
	padding-top: 45px;
}

/* anchor */
#history .headImageWrap .anchorHistory {
	display: block;
	margin: 25px 0 0;
}
#history .headImageWrap .anchorHistory li {
	float: left;
	display: block;
	width: 31.6%;
	margin-left: 2.6%;
	text-align: center;
}
#history .headImageWrap .anchorHistory li:nth-child(3n-2) {
	clear: left;
	margin-left: 0;
}
#history .headImageWrap .anchorHistory li:nth-child(n+4) {
	margin-top: 10px;
}
#history .headImageWrap .anchorHistory li + li {
	padding-left: 0;
}
/* .historyTabBtn */
#history .historyTabBtn {
	display: block;
	border-bottom: 1px solid #dad9da;
	margin-top:30px;
}
#history .historyTabBtn li {
	float: left;
	position: relative;
	width: 43.76%;
	margin: 0 4.16%;
	padding: 0.5em;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #c5c5c5;
	border: 1px solid #dad9da;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
#history .historyTabBtn li + li {
	margin-left: 0;
}
#history .historyTabBtn .current {
	background-color: #ffffff;
	color: #333333;
}
#history .historyTabBtn .current:after {
	position: absolute;
	content: '';
	height: 1px;
	bottom: -1px;
	left: 0;
	right: 0;
	background-color: #ffffff;
}


/* ------ historyWrap ------ */
#history .historyWrap:after {
	top: 55px;
	left: 25px;
}

/* periodBLock */
#history .historyWrap .contentsWrap {
	padding-left: 50px;
}
#history .historyWrap .periodBlock {
	padding: 30px 0 40px;
}
#history .historyWrap .periodBlock:first-child {
	padding-top: 30px;
}
#history .periodTitle:before {
	left: -25px;
}

/* affair */
#history .affair:before {
	right: auto;
	left: -30px !important;
}
#history .affair {
	width: auto;
}
#history .affair.comp {
	margin-left: 0;
}
#history .affair.prod {
	margin-left: 0;
	text-align: left;
}
#history .affair > dt > span {
	padding: 0 !important;
}
#history .affair > dt > span:before {
	display: none;
}
#history .affair .image {
	position: relative;
	top: auto !important;
	left: auto;
	width: 220px;
	margin-top: 1em !important;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
#history .affair.comp > dd {
	padding-right: 0;
}
#history .affair.prod > dt > span:before {
	left: auto;
	right: 100%;
}
#history .affair.prod > dd {
	padding-left: 0;
}
#history .affair.prod .image {
	right: auto;
}

/* /about/surroundings.htm
================================ */
/* ------headImageWrap------ */
#surroundings .headImageWrap {
	padding: 0;
}
#surroundings .headImageWrap .contentsWrap {
	width: 100%;
	padding: 20px 16px;
}
#surroundings .headImageWrap .headline01 {
	padding-right: 55px;
}
#surroundings .headImageWrap .colWrap > .col:first-child {
	padding-top: 0;
}
#surroundings .headImageWrap .headline01:after {
	top: auto;
	bottom: 8px;
	right: 0;
	width: 46px;
	height: 46px;
	background: url(/about/img/surroundings_ic01.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
#surroundings .headImageWrap .headline01 + * {
	margin-top: 10px !important;
}

#surroundings .ancSurround.range3Col > li {
	width: 31.1%;
	clear: none !important;
}
#surroundings .ancSurround.range3Col > li:nth-child(3) {
	margin-top: 0;
}
#surroundings .ancSurround.range3Col > li:nth-child(3n+1) {
	margin-left: 0 !important;
	clear: left !important;
}
#surroundings .ancSurround.range3Col > li:not(:nth-child(3n+1)){
	margin-left: 3.35% !important;
}
#surroundings .ancSurround.range3Col > li > a {
	font-size: 1.3rem;
	padding-top: 60px;
}
#surroundings .ancSurround > li:nth-child(n+4) {
	margin-top: 1em;
}
#surroundings .ancSurround > li > a:before {
	top: 10px;
}

/* campaign/index.htm 画像出しわけ
================================ */
.campaignTitle .pc {
	display:none;
}
.campaignTitle .sp {
	display:block;
}
.campaignTitleReset {
	margin-top: 0em;
}

/* indexTopPage linkbutton */
.imgWrap01.campaignMargin{
	margin:5% 0;
}

}

/*=================================

	4: colorbox

================================ */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}#cboxWrapper {max-width:none;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000; opacity: 0.6; filter: alpha(opacity = 60);}#colorbox{outline:0;}#cboxTopLeft{width:0; height:0;}#cboxTopRight{width:0; height:0;}#cboxBottomLeft{width:0; height:0;}#cboxBottomRight{width:0; height:0;}#cboxMiddleLeft{width:10px;}#cboxMiddleRight{width:10px;}#cboxTopCenter{height:0;}#cboxBottomCenter{height:0;}#cboxContent{background:#fff; overflow:hidden;}.cboxIframe{background:#fff;}#cboxError{padding:50px; border:1px solid #ccc;}#cboxLoadedContent{margin-bottom:0;}#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}#cboxCurrent{display: none !important;width:0; height:0;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}#cboxPrevious{position:absolute; bottom:0; left:0; width:25px; height:25px; text-indent:-9999px;}#cboxPrevious:hover{background-position:-75px -25px;}#cboxNext{position:absolute; bottom:0; left:27px; width:25px; height:25px; text-indent:-9999px;}#cboxNext:hover{background-position:-50px -25px;}#cboxClose{position:absolute; bottom:0; right:0; width:25px; height:25px; text-indent:-9999px;}#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}


/* color box CUSTOM
----------------------------- */
.modal-wrap {
	display: none;
}
.cbox__content > *:first-child {
	margin-top: 0!important;
}
.cbox__content .cb-closeArea {
	padding: 10px 35px;
	margin: 20px -35px 0;
	border-top: 1px solid #dad9da;
	background: #f9f9f9;
}


@media print, screen and (min-width: 768px) {
.cbox__content {
	padding: 40px 35px 0;
	border: 1px solid #dad9da;
}
.cbox__content .imgWrap01 {
	max-width: 600px;
	margin: 0 auto;
}
.cbox__content .cb-close {
	margin-top: 0;
}
/* 前へボタン　*/
.cb-inl-wrap #cboxPrevious{position:absolute; top:45%; left:10px; background: url(/common/img/link_ic13.png) no-repeat 0 0; width:22px; height:34px; text-indent:-9999px; margin-top: -17px;}
.cb-inl-wrap #cboxPrevious:hover,#cboxNext:hover{ opacity:0.7; background-position: 0 0;}
/* 次へボタン */
.cb-inl-wrap #cboxNext{position:absolute; top:45%; right:10px; left:inherit; background:url(/common/img/link_ic09.png) no-repeat 0 0; width:22px; height:34px; text-indent:-9999px; margin-top: -17px;}

}
@media only screen and (max-width: 767px) {
.cbox__content {
	padding: 16px;
	padding-bottom: 0;
	border: 1px solid #dad9da;
}
.cbox__content .cb-closeArea {
	padding: 10px 16px;
	margin: 20px -16px 0;
}
.cbox__content .cb-close {
	margin-top: 0;
}
/* 前へボタン　*/
.cb-inl-wrap #cboxPrevious{position:absolute; top:45%; left:3px; background: url(/common/img/link_ic13.png) no-repeat 0 0; background-size: contain; width:11px; height:17px; text-indent:-9999px; margin-top: -8px;}
.cb-inl-wrap #cboxPrevious:hover,#cboxNext:hover{ opacity:0.7; background-position: 0 0;}
/* 次へボタン */
.cb-inl-wrap #cboxNext{position:absolute; top:45%; right:3px; left:inherit; background:url(/common/img/link_ic09.png) no-repeat 0 0; background-size: contain; width:11px; height:17px; text-indent:-9999px; margin-top: -8px;}

}
@media print {

/*=================================

	3: print for PC

================================ */

}


/*=================================

	clearfix

=================================*/
.colWrap:after,
section:after,
.range2Col:after,
.range3Col:after,
.range4Col:after,
.range5Col:after,
.range6Col:after,
.range7Col:after,
.anchorType02:after,
.slideWrap01 .sliderBlock:after,
.newsList01 li:after,
#history .historyWrap:after,
#history .headImageWrap .anchorHistory:after,
#history .historyTabBtn:after {
	content: "";
	display: block;
	clear: both;
}
.colWrap,
section,
.range2Col,
.range3Col,
.range4Col,
.range5Col,
.range6Col,
.range7Col,
.anchorType02,
.newsList01 li,
.slideWrap01 .sliderBlock,
#history .historyWrap,
#history .headImageWrap .anchorHistory,
#history .historyTabBtn {
	zoom: 1;
}