@charset "utf-8";
/* CSS Document */



/*----------------------------------------------
    2018/01/18 ITOKI header Change ホーム家具 to ONLINE SHOP
------------------------------------------------*/

/* Web Font */






/* Temporary Header Menu */
/*----------------------------------------------*/

@media screen and (min-width:768px), print {

header nav .nav2 {
/*	width: 55% !important ;*/
/* 2018/01/18 */
	width: 49% !important ;
}
header nav .nav2 li {
/*	width: 25% !important ;*/
/* 2018/01/18 */
	width: 33.3% !important ;
}
header nav .nav2 li:nth-child(4) {
	display: none !important ;
}
header nav .nav3 {
/*	width: 36% !important ;*/
/* 2018/01/18 */
	width: 42% !important ;
}
header nav .search {
/*	left: 55% !important ;
	width: 9% !important ;*/
/* 2018/01/18 */	
	left: 49% !important ;
	width: 9% !important ;
}
footer .menu2 li:nth-child(4) {
	display: none !important ;
}

}

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




/* CSS FORMAT */

* {
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	-o-box-sizing: border-box ;
	-ms-box-sizing: border-box ;
	box-sizing: border-box ;
}

@font-face {
font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei";
font-weight: normal;
src: local("YuGothic-Medium"), /* Postscript name */
    local("Yu Gothic"), /* for Chrome */
    local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face {
font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei";
font-weight: bold;
src: local("YuGothic-Bold"), /* Postscript name */
    local("Yu Gothic"); /* for Chrome */
}

html {
	overflow-y: scroll;
}

body,input,select,option,textarea {
	font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei";
}

table {
	font-size: inherit ;
	font: 100% ;
}




/* CSS STYLE */

body {
	width: 100% ;
	min-width: 320px ;
	background: #ffffff ;
	line-height: 1.7 ;
	color: #333333 ;
	-webkit-text-size-adjust: 100% ;
}

a,
a img,
a div {
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
a {
	word-break: break-all;
	outline: none;
}

a:link,
a:visited {
	color: #2f93a5 ;
	text-decoration: underline ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
a:hover,
a:active {
	text-decoration: none ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
a:hover img,
a:active img {
	filter: alpha(opacity=80) ;
	-moz-opacity: 0.8 ;
	opacity: 0.8 ;
}
.bread a:link,
.bread a:visited {
	text-decoration: underline ;
}
.bread a:hover,
.bread a:active {
	text-decoration: none ;
}

h1,h2,h3,h4,h5,h6 {
}

p {
}

li {
}

dl {
}
dt {
}
dd {
}
/*
p,li,dd,td {
	text-align: justify ;
	text-justify: inter-ideograph ;
}
*/
img {
	border : none ;
	vertical-align: bottom ;
	-ms-interpolation-mode: bicubic ;
}

form {
}
select,input,textarea,option {
	vertical-align: middle ;
}

hr {
	clear: both ;
	background: none transparent ;
	color: #ffffff ;
	border-top: 0px none transparent ;
	border-right: 0px none transparent ;
	border-left: 0px none transparent ;
	border-bottom: 1px solid #dae0e1 ;
}

address {
}

em {
	font-style: normal ;
	font-weight: bold ;
}
strong {
	font-weight: bold ;
}
big {
	font-size: 1.2em ;
	font-weight: bold ;
}
small {
	font-size: 0.85em ;
}

sup,
sub {
	height: 0 ;
	line-height: 1 ;
	vertical-align: baseline ;
	_vertical-align: bottom ;
	position: relative ;
}
sup {
	bottom: 1ex ;
}
sub {
	top: .5ex ;
}

.clearfix:after {
	content: "" ;
	display: block ;
	clear: both ;
}
.left {
	text-align: left ;
}
.right {
	text-align: right ;
}
.center {
	text-align: center ;
}

.w100 {
	width: 100% ;
}


.imgBox {
	position: relative ;
	background: #333333 ;
	width: 100% ;
	height: auto ;
	padding: 0 ;
	margin: 0 ;
	font-size: 0 ;
	line-height: 0 ;
	border: none ;
	overflow: hidden ;
}
.imgBox img,
.columnSet .imgBox img {
	position: relative ;
	left: 50% ;
	width: auto ;
	max-width: none;
	height: 100% ;
	-webkit-transform: translate(-50%,0) ;
	-ms-transform: translate(-50%,0) ;
	transform: translate(-50%,0) ;
}
.imgBox.ratio16-9 {
	width: 100% ;
	height: auto ;
	padding-top: 56.25% ;
}
.imgBox.ratio4-3 {
	width: 100% ;
	height: auto ;
	padding-top: 75% ;
}

.imgFit {
	position: absolute ;
	background: center center no-repeat ;
	background-size: cover ;
	width: 100% ;
	height: 100% ;
	top: 0 ;
	right: 0 ;
	bottom: 0 ;
	left: 0 ;
	margin: auto ;
	z-index: 1 ;
}
a:hover .imgFit,
a:active .imgFit {
	position: absolute ;
	width: 104% ;
	height: 104% ;
	top: -2% ;
	right: -2% ;
	bottom: -2% ;
	left: -2% ;
	margin: auto ;
	filter: alpha(opacity=80) ;
	-moz-opacity: 0.8 ;
	opacity: 0.8 ;
}

.centerFit {
	position: absolute ;
	top: 50% ;
	left: 50% ;
	-webkit-transform: translate(-50%, -50%) ;
	transform: translate(-50%, -50%) ;
	width: 100% ;
	z-index: 10 ;
}


.color-black {
	color: #000000 !important ;
}
.color-gray {
	color: #333333 !important ;
}
.color-red {
	color: #d23d2a !important ;
}
.color-white {
	color: #ffffff !important ;
}

.enTxt {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei";}



/* PC start */
@media screen and (min-width:768px), print {


body {
	font-size: 15px ;
	overflow-x: hidden ;
}

p {
	margin: 0 0 1.5em 0 ;
}
p:last-child {
	margin: 0 ;
}
p img {
	max-width: 100% ;
	height: auto ;
}

img.sp100 {
	max-width: 100% ;
	height: auto ;
}

.body {
	font-size: 16px ;
}
.note {
	font-size: 14px ;
}
.memo {
	font-size: 12px ;
}
.lead {
	font-size: 24px ;
	font-weight: bold ;
}

.pcNone {
	display: none !important ;
}
.spNone {
	display: block ;
}

.siteWidth {
	position: relative ;
	width: 100% ;
	margin: 0 auto ;
}
.siteInner {
	position: relative ;
	width: 100% ;
	max-width: 1100px ;
	margin: 0 auto ;
}
#subTitle + .siteInner {
	margin-top: 40px;
}

.fLeft {
	float: left ;
	margin: 0 24px 15px 0 ;
}
.fRight {
	float: right ;
	margin: 0 0 15px 24px ;
}

.btm0, .mb0 {
	margin-bottom: 0 !important ;
}
.btm10, .mb10 {
	margin-bottom: 10px !important ;
}
.btm20, .mb20 {
	margin-bottom: 20px !important ;
}
.btm30, .mb30 {
	margin-bottom: 30px !important ;
}
.btm40, .mb40 {
	margin-bottom: 40px !important ;
}
.btm50, .mb50 {
	margin-bottom: 50px !important ;
}
.btm60, .mb60 {
	margin-bottom: 60px !important ;
}
.btm70, .mb70 {
	margin-bottom: 70px !important ;
}
.btm80, .mb80 {
	margin-bottom: 80px !important ;
}
.btm90, .mb90 {
	margin-bottom: 90px !important ;
}
.btm100, .mb100 {
	margin-bottom: 100px !important ;
}
p.topCaption {margin-bottom: 0.5em !important ;}
p.btmCaption,
p.bottomCaption {margin-top: -10px !important ;}



/*header*/

header {
	display: table ;
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	height: 120px ;
	font-size: 14px ;
	line-height: 1.5 ;
	z-index: 1000 ;
}
.index header {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	background: transparent ;
}
header .headInner {
	position: relative ;
	display: table-cell ;
	width: 28.6806% ;
	height: 120px ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	vertical-align: middle ;
}
header #headerLogo {
	width: 100% ;
	max-width: 180px ;
	margin: auto ;
}
header #headerLogo a {
	position: relative ;
	display: block ;
	width: 100% ;
	height: auto ;
}
header #headerLogo a:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 25% ;
}
header #headerLogo img {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	max-width: 180px ;
	height: auto ;
}
header nav {
	position: relative ;
	display: table-cell !important ;
	background: #ffffff ;
	width: 71.3194% ;
	height: 120px ;
	font-size: 13px ;
	z-index: 1 ;
}
header nav ul li {
	display: table ;
}
header nav ul li a {
	display: table-cell ;
	width: 100% ;
	height: 100% ;
	text-align: center ;
	vertical-align: middle ;
}

#menuOpen,
#menuClose,
#menuBg {
	display: none !important ;
}

header nav .nav1 {
	position: absolute ;
	left: 0 ;
	bottom: 0 ;
	background: #ffffff ;
	width: 100% ;
	height: 60px ;
	z-index: 2 ;
}
header nav .nav1 li {
	float: left ;
	width: 16.6666% ;
	height: 60px ;
	margin: 0 ;
	border-right: 1px solid #eeeeee ;
}
header nav .nav1 li:first-child {
	border-left: 1px solid #eeeeee ;
}
.index 
header nav .nav1 li:first-child {
	border-left: none ;
}
header nav .nav1 li:last-child {
	border-right: none ;
}
header nav .nav1 li a {
	position: relative ;
	width: 100% ;
	height: 60px ;
	padding: 0 10px ;
	position: relative;
	overflow: hidden;
	text-decoration: none ;
	color: #000000 ;
}
header nav .nav1 li a:before {
	content: "" ;
	position: absolute ;
	z-index: -1 ;
	left: 50% ;
	width: 0;
	bottom: 0 ;
	background: #d23d2a ;
	height: 3px;
	-webkit-transition-property: left, width ;
	transition-property: left, width ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
header nav .nav1 li a:hover:before,
header nav .nav1 li a:focus:before,
header nav .nav1 li a:active:before {
	left: 0;
	width: 100%;
}
header nav .nav1 li.now a {
	border-top: 3px solid #ffffff ;
	border-bottom: 3px solid #d23d2a ;
}
header nav .nav1 li.now a:before {
	background: none ;
	height: 0 ;
	-webkit-transition-property: none ;
	transition-property: none ;
}

header nav .nav2 {
	position: absolute;
	top: 0;
	left: 0;
	background: #d23d2a;
/*	width: 60%;*/
/* 2018/01/18 */
	width: 49%;
	height: 60px;
}
header nav .nav2 li {
	float: left ;
/*	width: 20% ;*/
/* 2018/01/18 */
	width: 25% ;
	height: 60px ;
	margin: 0 ;
}
/* 2018/01/18 */
/*header nav .nav2 li:last-child {
	border-left: 1px solid #e0786a ;
}*/
header nav .nav2 li a {
	background: #d23d2a ;
	padding: 0 10px ;
	text-decoration: none ;
	color: #ffffff ;
}
header nav .nav2 li a:hover,
header nav .nav2 li a:focus {
	background: #de4721 ;
}

header nav .nav3 {
	position: absolute ;
	top: 0 ;
	right: 0 ;
	background: #33acb4 ;
/*	width: 32% ;*/
/* 2018/01/18 */
	width: 42% ;
	height: 60px ;
	z-index: 2 ;
}
header nav .nav3 li {
	float: left ;
/*	width: 33.3333% ;*/
/* 2018/01/18 */
	width: 25% ;
	height: 60px ;
	margin: 0 ;
}
/* 2018/01/18 ADD START */
header nav .nav3 li:first-child {
	border-right: 1px solid #3c88ab ;
}
/* 2018/01/18 ADD END */
header nav .nav3 li a {
	background: #387e9f ;
	padding: 0 10px ;
	text-decoration: none ;
	color: #ffffff ;
}
header nav .nav3 li a:hover,
header nav .nav3 li a:focus {
	background: #3c88ab ;
}
/* 2018/01/18 */
/*header nav .nav3 li:nth-child(2) a {*/
header nav .nav3 li:nth-child(3) a {
	background: #2f93a5 ;
}
/* 2018/01/18 */
/*header nav .nav3 li:nth-child(2) a:hover,
header nav .nav3 li:nth-child(2) a:focus {*/
header nav .nav3 li:nth-child(3) a:hover,
header nav .nav3 li:nth-child(3) a:focus {
	background: #329fb3 ;
}
/* 2018/01/18 */
/*header nav .nav3 li:nth-child(3) a {*/
header nav .nav3 li:nth-child(4) a {
	background: #33acb4 ;
}
/* 2018/01/18 */
/*header nav .nav3 li:nth-child(3) a:hover,
header nav .nav3 li:nth-child(3) a:focus {*/
header nav .nav3 li:nth-child(4) a:hover,
header nav .nav3 li:nth-child(4) a:focus {
	background: #36b9c2 ;
}

header nav .search {
	position: absolute ;
	top: 0 ;
	left: 60% ;
	width: 8% ;
	height: 60px ;
	background: #374252 ;
	height: 60px ;
	z-index: 3 ;
}
header nav .search dt {
	float: left ;
	background: #374252 ;
	width: 50% ;
	height: 60px ;
	margin: 0 ;
	cursor: pointer ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
header nav .search dt.serch {
	background: #374252 url(../img/icon-serch.png) center center no-repeat ;
	background-size: 30px ;
	border-right: 1px solid #333e4d ;
}
header nav .search dt.global {
	background: #374252 url(../img/icon-global.png) center center no-repeat ;
	background-size: 30px ;
}
header nav .search dt:hover,
header nav .search dt:focus {
	filter: alpha(opacity=85) ;
	-moz-opacity: 0.85 ;
	opacity: 0.85 ;
}
header nav .search dt a {
	display: block ;
	width: 100% ;
	height: 60px ;
	text-indent: 100% ;
	overflow: hidden ;
	white-space: nowrap ;
}
header nav .search dd {
	display: none ;
	position: absolute ;
	left: 0 ;
	top: 60px ;
	background: #374252 ;
	width: 500% ;
	height: 60px ;
	margin: 0 ;
	padding: 10px 15% 0 15% ;
}
header nav .search dd form {
	width: 100% ;
}
header nav .search dd input[type="text"] {
	float: left ;
	background: #46505f ;
	width: 84% ;
	height: 30px ;
	padding: 0 5px 0 10px ;
	font-size: 13px ;
	line-height: 30px ;
	vertical-align: middle ;
	color: #cccccc ;
	border: none ;
	-webkit-border-radius: 15px 0 0 15px ;
	-moz-border-radius: 15px 0 0 15px ;
	border-radius: 15px 0 0 15px ;
	outline: none ;
}
header nav .search dd input[type="submit"] {
	float: right ;
	background: #2c3644 ;
	width: 16% ;
	height: 30px ;
	margin: 0 ;
	padding: 0 5px 0 0 ;
	font-size: 13px ;
	height: 30px ;
	vertical-align: middle ;
	color: #ffffff ;
	border: none ;
	-webkit-border-radius: 0 15px 15px 0 ;
	-moz-border-radius: 0 15px 15px 0 ;
	border-radius:0 15px 15px 0 ;
	cursor: pointer ;
	outline: none ;
}
header nav .search dd p {
	width: 100% ;
	margin: 0 ;
}
header nav .search dd p.yahoo {
	width: 100% ;
	margin: 6px 0 0 0 ;
	font-size: 8px ;
	line-height: 1 ;
	text-align: right ;
}

header nav .search dd p.yahoo a:link,
header nav .search dd p.yahoo a:visited {
	color: #9fa6af;
	text-decoration: none;
}
header nav .search dd p.yahoo a:hover,
header nav .search dd p.yahoo a:active {
	color: #888d95;
}


/*footer*/

#btmArea {
	position: relative ;
	background: #374252 ;
	width: 100% ;
	padding: 80px 0 ;
}

footer {
	position: relative ;
	background: #d23d2a ;
	width: 100% ;
	padding: 60px 0 0 0 ;
	color: #ffffff ;
}
footer a:link,
footer a:visited {
	color: #ffffff ;
	text-decoration: none ;
}
footer a:hover,
footer a:active {
	color: rgba(255,255,255,0.5) ;
}
.siteInner + footer {
	margin-top: 100px;
}

footer img {
	width: 100% ;
	height: auto ;
}
footer .logo {
	float: left ;
	width: 170px ;
	margin: 0 0 35px 0 ;
}
footer .sns {
	float: right ;
	width: 170px ;
	margin: 0 0 35px 0 ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
}
footer .sns li {
	width: 30% ;
}
footer .menu1 {
	clear: both ;
	position: relative ;
	width: 100% ;
	margin: 0 0 20px 0 ;
	line-height: 2 ;
}
footer .menu1 dt {
	font-weight: bold ;
	margin: 0 0 10px 0 ;
}
footer .menu1 dd {
	margin: 0 0 10px 0 ;
}
footer .menu2 {
	position: relative ;
	width: 100% ;
	line-height: 1.2 ;
	font-size: 13px ;
	border-top: 1px solid #db6455 ;
}
footer .menu2 li {
	width: 14.2857% ;
	padding: 32px 0 ;
	text-align: center ;
	vertical-align: middle ;
}
footer .menu3 {
	position: relative ;
	background: #c73323 ;
	width: 100% ;
	padding: 30px 0 ;
	line-height: 1 ;
	font-size: 12px ;
}
footer .menu3 ul {
	width: 70% ;
	text-align: left ;
}
footer .menu3 ul li {
	display: inline-block ;
	margin: 5px 10px 5px 0 ;
	padding: 0 10px 0 0 ;
	border-right: 1px solid #db6455 ;
}
footer .menu3 ul li:last-child {
	margin: 5px 0 ;
	padding: 0 ;
	border-right: none ;
}
footer .menu3 p {
	width: 30% ;
	margin: 5px 0 ;
	text-align: right ;
	color: rgba(255,255,255,0.6) ;
}
footer .menu3 a:link,
footer .menu3 a:visited {
	color: rgba(255,255,255,0.6) ;
	text-decoration: none ;
}
footer .menu3 a:hover,
footer .menu3 a:active {
	color: rgba(255,255,255,0.4) ;
	text-decoration: none ;
}




/* two column */

#twoColumn {
	position: relative ;
	margin: 0 auto ;
	width: 100% ;
	z-index: 1 ;
}
#twoColumn .siteInner {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
}

#twoColumn .leftSide {
	position: relative ;
	background: #ffffff ;
	width: calc(75% + 18px) ;
	padding: 40px 24px 100px 0 ;
	z-index: 1 ;
}

#twoColumn .rightSide {
	position: relative ;
	background: #f0f4f5 ;
	width: calc(25% - 18px) ;
	z-index: 2 ;
}
#twoColumn .rightSide:before {
	content: "" ;
	position: absolute ;
	top: -60px ;
	left: 0 ;
	background: #f0f4f5 ;
	width: 2000% ;
	height: 100% ;
	border-top: 60px solid #232e3c ;
	z-index: -1 ;
}
#twoColumn .rightSide > div {
	position: relative ;
	width: 100% ;
	max-width: 227px ;
	padding: 0 0 100px 0 ;
}
#sideMenu {
	position: relative ;
	margin-top: -60px ;
}
#sideMenu dt {
	display: table ;
	position: relative ;
	width: 100% ;
	height: 55px ;
	border-bottom: 1px solid #dae0e1 ;
}
#sideMenu dt a {
	display: table-cell ;
	position: relative ;
	background: url(../img/ar1.png) 97.5% center no-repeat ;
	background-size: 12px ;
	width: 100% ;
	height: 55px ;
	padding: 0 10% 0 20px ;
	font-size: 14px ;
	line-height: 1.5 ;
	vertical-align: middle ;
	text-decoration: none ;
	z-index: 1 ;
}
#sideMenu dt.active a {
	background: url(../img/ar9.png) 97.5% center no-repeat ;
	background-size: 12px ;
}
#sideMenu dt div {
	position: absolute ;
	display: block ;
	top: 0 ;
	right: 0 ;
	width: 10% ;
	height: 55px ;
	cursor: pointer ;
	z-index: 2 ;
}
#sideMenu dt a:link,
#sideMenu dt a:visited {
	color: #000000 ;
}
#sideMenu dt a:hover,
#sideMenu dt a:active {
	background-color: rgba(255,255,255,0.6);
	color: rgba(0,0,0,0.5);
}
#sideMenu dt.first,
#sideMenu dt.first a {
	border-bottom: none ;
	height: 60px ;
}
#sideMenu dt.first a:link,
#sideMenu dt.first a:visited {
	color: #ffffff ;
}
#sideMenu dt.first a:hover,
#sideMenu dt.first a:active {
	background-color: rgba(0,0,0,0.6);
	color: rgba(255,255,255,0.5);
}
#sideMenu dt div:hover,
#sideMenu dt div:active {
	background-color: rgba(255,255,255,0.6);
}
#sideMenu dd {
	display: none ;
	padding: 0 0 0 20px ;
}
#sideMenu dd li {
	display: table ;
	position: relative ;
	width: 100% ;
	border-bottom: 1px solid #d6d8da ;
}
#sideMenu dd a {
	display: table-cell ;
	position: relative ;
	background: url(../img/ar8.png) 97% center no-repeat ;
	background-size: 12px ;
	width: 100% ;
	padding: 14px 12% 14px 20px ;
	font-size: 13px ;
	line-height: 1.5 ;
	vertical-align: middle ;
	text-decoration: none ;
	z-index: 1 ;
}
#sideMenu dd a:link,
#sideMenu dd a:visited {
	color: #626f81 ;
}
#sideMenu dd a:hover,
#sideMenu dd a:active {
	background-color: rgba(255,255,255,0.6);
	color: rgba(0,0,0,0.4);
}

#sideMenu dt.now div,
#sideMenu dt.nowPage div {
	display: none !important ;
}
#sideMenu dt.nowPage:not(.first) a {
	background: url(../img/ar9.png) 97.5% center no-repeat !important ;
	background-size: 12px !important ;
}
#sideMenu dd.nowPage {
	display: block !important ;
}
#sideMenu dt.nowPage.now:not(.first) a {
	background: #d23d29 url(../img/ar3.png) 97.5% center no-repeat !important ;
	background-size: 12px !important ;
	color: #ffffff !important ;
}
#sideMenu dd.nowPage li.now a {
	background: #d23d29 url(../img/ar3.png) 97% center no-repeat !important ;
	background-size: 12px !important ;
	color: #ffffff !important ;
}

#twoColumn .rightSide .pdfDl {
	background: #232e3c ;
	margin: 20px 0 0 20px ;
	padding: 15px ;
	font-size: 10px ;
	line-height: 1.4 ;
	color: #ffffff ;
}
#twoColumn .rightSide .pdfDl dt {
	position: relative ;
	margin: 0 0 12px 0 ;
	padding: 0 0 0 16px ;
	font-size: 13px ;
	font-weight: bold ;
	line-height: 1.2 ;
	color: #ffffff ;
}
#twoColumn .rightSide .pdfDl dt:before {
	content: "" ;
	position: absolute ;
	top: 5px ;
	left: 0 ;
	width: 9px ;
	border-top: 3px solid #db321c ;
}
#twoColumn .rightSide .pdfDl dd img {
	float: left ;
	width: 50% ;
	height: auto ;
	margin: 0 8px 0 0 ;
/*	border: 1px solid #cccccc ;*/
}
#twoColumn .rightSide .pdfDl p {
	margin: 15px 0 0 0 ;
}
#twoColumn .rightSide .btn3 {
	width: 100% ;
	min-width: 100% ;
	max-width: 100% ;
	height: 35px ;
	padding: 0 ;
	font-size: 10px ;
	line-height: 31px ;
	-webkit-border-radius: 17.5x ;
	-moz-border-radius: 17.5x ;
	border-radius: 17.5x ;
}
#twoColumn .rightSide .btn3 span {
	display: inline-block ;
	background-size: 14px ;
	padding: 0 ;
}
#twoColumn .rightSide .btn3.pdf {
	background-image: none ;
}
#twoColumn .rightSide .btn3.pdf span {
	display: inline-block ;
	background: url(../img/pdf.png) left center no-repeat ;
	background-size: 14px ;
	padding: 0 0 0 20px ;
}




/* siteparts */


/* field */

.baseArea1 {
	background: #ffffff ;
	padding: 60px 0 ;
}
.baseArea2 {
	background: #eef0f3 ;
	padding: 60px 0 ;
}
.baseArea3 {
	background: #dfe2e7 ;
	padding: 60px 0 ;
}
.baseArea4 {
	background: #dfe2e7 ;
	padding: 60px 0 ;
}
.baseArea5 {
	background: #657184 ;
	padding: 60px 0 ;
}
.baseArea6 {
	background: #374252 ;
	padding: 60px 0 ;
}


/* header */

#topTitle {
	position: relative ;
	width: 100% ;
	height: 320px ;
	margin: 0 auto ;
	overflow: hidden ;
	z-index: 1 ;
}
#topTitle a:link,
#topTitle a:visited {
	color: #ffffff ;
	text-decoration: underline ;
}
#topTitle a:hover,
#topTitle a:active {
	color: rgba(255,255,255,0.5) ;
	text-decoration: none ;
}
#topTitle .siteInner {
	padding: 15px 0 0 0 ;
	color: #ffffff ;
	font-size: 12px ;
	z-index: 10 ;
}
#topTitle .siteInner li {
	display: inline ;
}
#topTitle .siteInner li:nth-child(n+2):before {
	content: ">" ;
	margin: 0 0.6em ;
	opacity: .5 ;
}
#topTitle .area {
	position: absolute ;
	top: 0 ;
	background: #374252 center center no-repeat ;
	background-size: cover ;
	width: 100% ;
	height: 320px ;
	padding: 0 ;
	z-index: 1 ;
}
#topTitle h1 {
	position: relative ;
	width: 100% ;
	margin: 0 ;
	letter-spacing: 0.1em ;
	font-size: 30px ;
	font-weight: bold ;
	line-height: 1.4 ;
	text-align: center ;
	color: #ffffff ;
}
#topTitle h1 img {
	width: auto ;
	height: 60px ;
	margin: 0 0 10px 0 ;
}

#subTitle {
	position: relative ;
	width: 100% ;
	height: 200px ;
	margin: 0 auto ;
	overflow: hidden ;
	z-index: 1 ;
}
#subTitle a:link,
#subTitle a:visited {
	color: #ffffff ;
	text-decoration: underline ;
}
#subTitle a:hover,
#subTitle a:active {
	color: rgba(255,255,255,0.5) ;
	text-decoration: none ;
}
#subTitle .siteInner {
	padding: 15px 0 0 ;
	color: #ffffff ;
	font-size: 12px ;
	z-index: 10 ;
}
#subTitle .siteInner li {
	display: inline ;
}
#subTitle .siteInner li:nth-child(n+2):before {
	content: ">" ;
	margin: 0 0.6em ;
	opacity: .5 ;
}
#subTitle .area {
	position: absolute ;
	top: 0 ;
	background: #374252 center center no-repeat ;
	background-size: cover ;
	width: 100% ;
	height: 200px ;
	padding: 0 ;
	line-height: 1 ;
	z-index: 1 ;
}
#subTitle .area .centerFit {
	width: 100% ;
	max-width: 980px ;
	padding: 30px 0 0 ;
}
#subTitle h1,
#subTitle p {
	position: relative ;
	margin: 0 0 15px 0 ;
	letter-spacing: 0.1em ;
	font-size: 30px ;
	font-weight: bold ;
	line-height: 1.4 ;
	color: #ffffff ;
}
#subTitle h1 > img {
	position: relative ;
	left: 50% ;
	width: auto ;
	height: 100% ;
	-webkit-transform: translate(-50%,0) ;
	-ms-transform: translate(-50%,0) ;
	transform: translate(-50%,0) ;
}
#subTitle h1 + p,
#subTitle p + p {
	margin: 0 ;
	font-size: 20px ;
	font-weight: normal ;
}

.siteInner h1 {
	margin: 0 0 1.5em ;
	font-size: 24px ;
	font-weight: bold ;
	line-height: 1.4 ;
}
.subTxt {
	margin: -1.5em 0 2em;
	font-size: 18px;
	font-weight: bold;
	color: #737b86 ;
}

h2 {
	position: relative ;
	margin: 50px 0 40px 0 ;
	font-size: 30px ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #000000 ;
}
h2:before {
	content: "" ;
	position: absolute ;
	bottom: -14px ;
	width: 70px ;
	border-bottom: 3px solid #d23d2a ;
}
h2 a:link,
h2 a:visited {
	text-decoration: none;
}
h2.center {
	position: relative ;
	margin: 40px 0 ;
	font-size: 30px ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	text-align: center ;
}
h2.center:before {
	content: "" ;
	position: absolute ;
	left: 50% ;
	bottom: -14px ;
	width: 70px ;
	margin: 0 0 0 -35px ;
	border-bottom: 3px solid #d23d2a ;
}
h2:first-child {
	margin: 0 0 40px 0 ;
}
.headAndbtn {
	position: relative ;
}
.headAndbtn .headBtn {
	position: absolute ;
	top: 10px ;
	right: 0 ;
}
.headAndbtn .btn1 {
	min-width: 200px ;
}
h3 {
	position: relative ;
	margin: 40px 0 20px 0 ;
	font-size: 24px ;
	font-weight: bold ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #4a5565 ;
}
h3:first-child {
	margin: 0 0 20px 0 ;
}
h3 a:link,
h3 a:visited {
	text-decoration: none;
}
h4,
.midashi01 {
	position: relative ;
	margin: 30px 0 20px 0 ;
	padding: 0 0 0 15px ;
	font-size: 20px ;
	font-weight: bold ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #333333 ;
}
h4:before,
.midashi01:before {
	content: "" ;
	position: absolute ;
	top: 10px ;
	left: 0 ;
	width: 10px ;
	border-top: 3px solid #d23d2a ;
}
h4:first-child,
.midashi01:first-child {
	margin: 0 0 20px 0 ;
}
h4 a:link,
h4 a:visited,
.midashi01 a:link,
.midashi01 a:visited {
	text-decoration: none;
}
h5,
.midashi02,
.midashi_r {
	position: relative ;
	margin: 24px 0 15px 0 ;
	font-size: 16px ;
	font-weight: bold ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #4a5565 ;
}
h5:first-child,
.midashi02:first-child,
.midashi_r:first-child {
	margin: 0 0 15px 0 ;
}
h5 a:link,
h5 a:visited,
.midashi02 a:link,
.midashi02 a:visited,
.midashi_r a:link,
.midashi_r a:visited {
	text-decoration: none;
}
.textTitle {
	margin: 0 0 10px 0 !important ;
	padding: 0 ;
	font-size: 16px ;
	font-weight: bold ;
	color: #374252 ;
}
.textTitle:before {
	border: none ;
}


/* img + caption */

.imgCaption {
	position: relative ;
	display: inline-block ;
}
.imgCaption img {
	max-width: 100% ;
	height: auto ;
}
.imgCaption p {
	width: 100% ;
	margin: 10px 0 ;
	font-size: 12px ;
	color: #666666 ;
}
.imgCaption .columnSet p {
	margin: 0 ;
}
.imgCaption .columnSet .column1-2 + p,
.imgCaption .columnSet .column1-3 + p,
.imgCaption .columnSet .column1-4 + p
.imgCaption .columnSet .column1-5 + p,
.imgCaption .columnSet .column1-6 + p,
.imgCaption .columnSet .column2-3 + p,
.imgCaption .columnSet .column3-4 + p {
	margin: 10px 0 ;
}
.imgCaption p.top {
	width: 100% ;
	background: #dfe2e6 ;
	margin: 0 !important ;
	padding: 12px 20px ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 1.3 ;
	color: #374252 ;
}



/* image + text */

.imgTxt {
	position: relative ;
	width: 100% ;
	margin: 0 0 24px 0  ;
	display: inline-block ;
}
.imgTxt:last-child {
	margin-bottom: 0 ;
}
.imgTxt:after {
	content: "." ;
	font-size: 0.1em ;
	line-height: 0 ;
	display: block ;
	height: 0 ;
	visibility: hidden ;
	clear: both ;
}
/* \*/
* html .imgTxt {
    height: 1% ;
}
.imgTxt {
    display: block ;
}
/* */

.imgTxt .imgSide {
	width: 226px ;
}
.imgTxt .imgSide p {
	margin: 10px 0 0 0 ;
	font-size: 10px ;
	color: #666666 ;
}
.imgTxt .imgSide img {
	width: 100% ;
	height: auto ;
}
.imgTxt .txtSide {
}
.imgTxt.imgL .imgSide {
	float: left ;
	margin-right: 24px ;
}
.imgTxt.imgL .TxtSide {
}
.imgTxt.imgR .imgSide {
	float: right ;
	margin-left: 24px ;
}
.imgTxt.imgR .TxtSide {
}
.imgTxt .imgSide p {
	margin: 15px 0 0 0 ;
	font-size: 12px ;
	line-height: 1.4 ;
}


/* textbox */

.noticeBox {
	background: #f0f4f5 ;
	width: 100% ;
	margin: 30px 0 ;
	padding: 30px ;
}
.column1-2.noticeBox,
.column1-3.noticeBox,
.column1-4.noticeBox,
.column1-5.noticeBox,
.column1-6.noticeBox,
.column2-3.noticeBox,
.column3-4.noticeBox,
.column1-2 > .noticeBox:first-child,
.column1-3 > .noticeBox:first-child,
.column1-4 > .noticeBox:first-child,
.column1-5 > .noticeBox:first-child,
.column1-6 > .noticeBox:first-child,
.column2-3 > .noticeBox:first-child,
.column3-4 > .noticeBox:first-child {
	margin-top: 0 ;
}

/*
.noticeBox .columnSet img {
	width: 100% ;
	height: auto ;
}
*/
.noticeBox h2 {
	font-size: 28px ;
}

.frameBox {
	position: relative ;
	background: #ffffff ;
	margin: 20px 0 ;
	padding: 0 25px 25px 25px ;
	border: 5px solid #dae4e7 ;
}
.column1-2.frameBox,
.column1-3.frameBox,
.column1-4.frameBox,
.column1-5.frameBox,
.column1-6.frameBox,
.column2-3.frameBox,
.column3-4.frameBox,
.column1-2 > .frameBox:first-child,
.column1-3 > .frameBox:first-child,
.column1-4 > .frameBox:first-child,
.column1-5 > .frameBox:first-child,
.column1-6 > .frameBox:first-child,
.column2-3 > .frameBox:first-child,
.column3-4 > .frameBox:first-child {
	margin-top: 0 ;
}
.frameBox h2,
.frameBox h3 {
	background: #dae4e7 ;
	margin: -5px -30px 20px -30px ;
	padding: 20px 25px ;
	font-size: 20px ;
	font-weight: bold ;
	line-height: 1 ;
	color: #374252 ;
}
.frameBox h2:before {
	width: 0 ;
	border-top: none ;
}

.valueBox {
	background: #f0f4f5 ;
	width: 100% ;
	margin: 30px 0 ;
	padding: 20px 30px 30px 30px ;
}
.valueBox h3,
.valueBox h4 {
	margin: 0 0 15px 0 ;
	font-size: 16px ;
	font-weight: bold ;
	color: #000000 ;
}
.valueBox dt {
	background: #387e9f ;
	padding: 12px 20px ;
	font-size: 14px ;
	line-height: 1 ;
	color: #ffffff ;
	text-align: center ;
}
.valueBox dd {
	background: #ffffff ;
	padding: 10px 20px ;
	font-size: 14px ;
	text-align: center ;
}
.valueBox strong {
	font-size: 20px ;
	font-weight: bold ;
	color: #387e9f ;
}


/* flex / columnSet */

.flexWrap {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: flex-start ;
	justify-content: flex-start ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
	position: relative ;
	width: 100% ;
}
.flexNowrap {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: flex-start ;
	justify-content: flex-start ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
	position: relative ;
	width: 100% ;
}
.columnSet {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: flex-start ;
	justify-content: flex-start ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
	position: relative ;
	width: calc(100% + 24px) ;
	margin: 0 0 24px 0 ;
}

.columnSet .column1-2 {
	width: calc(50% - 24px) ;
	margin-right: 24px ;
}
.columnSet .column1-3 {
	width: calc(33.3333% - 24px) ;
	margin-right: 24px ;
}
.columnSet .column2-3 {
	width: calc(66.6666% - 24px) ;
	margin-right: 24px ;
}
.columnSet .column1-4 {
	width: calc(25% - 24px) ;
	margin-right: 24px ;
}
.columnSet .column1-5 {
	width: calc(20% - 24px) ;
	margin-right: 24px ;
}
.columnSet .column1-6 {
	width: calc(16.6666% - 24px) ;
	margin-right: 24px ;
}
.columnSet .column3-4 {
	width: calc(75% - 24px) ;
	margin-right: 24px ;
}

.columnSet.noMargin,
#twoColumn .columnSet.noMargin {
	width: 100% ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: center ;
	justify-content: center ;
	margin: 0 auto ;
}
.columnSet.noMargin .column1-2 {
	width: 50% ;
}
.columnSet.noMargin .column1-3 {
	width: 33.3333% ;
}
.columnSet.noMargin .column1-4 {
	width: 25% ;
}
.reverse {
	-webkit-flex-direction: row-reverse ;
	flex-direction: row-reverse ;
}
.boxSp {
	margin-top: 50px ;
}
.columnBtm > div {
	margin-bottom: 24px ;
}
.columnSet:last-child {
	margin-bottom: 0 ;
}

.columnSet img {
	max-width: 100% ;
	height: auto ;
}


/* photoList */

a.photoList1-w,
a.photoList1-m {
	color: #333333 ;
}
.photoList1-w,
.photoList1-m {
	position: relative ;
	width: 100% ;
	height: 345px ;
	text-decoration: none !important ;
}
.photoList1-m {
	max-height: 980px ;
	text-decoration: none !important ;
}
.photoList1-w .photo,
.photoList1-w .text,
.photoList1-m .photo,
.photoList1-m .text {
	display: block ;
	position: relative ;
	width: 50% ;
	height: 345px ;
	color: #374252 ;
}
.photoList1-w .photo,
.photoList1-m .photo {
	background: #374252 ;
	overflow: hidden ;
	z-index: 1 ;
}
.photoList1-w .text {
	background: #ffffff ;
	z-index: 10 ;
	color: #585858 ;
}
.photoList1-m .text {
	background: #f0f4f5 ;
	z-index: 10 ;
	color: #585858 ;
}
.photoList1-w .text:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-right-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.photoList1-w.reverse .text:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.photoList1-m .text:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240,244,245,0);
	border-right-color: #f0f4f5;
	border-width: 15px;
	margin-top: -15px;
}
.photoList1-m.reverse .text:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240,244,245,0);
	border-left-color: #f0f4f5;
	border-width: 15px;
	margin-top: -15px;
}
.photoList1-w .photo .columnInner,
.photoList1-m .columnInner {
	display: block ;
	position: absolute;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	width: 100% ;
	height: 100% ;
	overflow: hidden ;
	text-decoration: none ;
}
.photoList1-w h2,
.photoList1-m h2,
.photoList1-w h3,
.photoList1-m h3 {
	font-size: 28px ;
	color: #374252 ;
}
.photoList1-w .text .columnInner {
	display: block ;
	position: absolute;
	top: 0 ;
	width: 100% ;
	max-width: 490px ;
	height: 100% ;
	font-size: 16px ;
	overflow: hidden ;
}
.photoList1-w .text .columnInner .centerFit {
	padding: 0 0 0 50px ;
}
.photoList1-w.reverse .text .columnInner {
	display: block ;
	position: absolute;
	top: 0 ;
	right: 0 ;
}
.photoList1-w.reverse .text .columnInner .centerFit {
	padding: 0 50px 0 0 ;
}
.photoList1-m .text .columnInner .centerFit {
	padding: 20px 50px ;
}


.photoList2-w {
	-webkit-flex-wrap: wrap !important ;
	flex-wrap: wrap !important ;
	-webkit-justify-content: flex-start !important ;
	justify-content: flex-start !important ;
	position: relative ;
	background: #657184 ;
	width: 100% ;
	margin: 0 ;
}
.photoList2-w .photoBox {
	position: relative ;
	background: #333333 ;
	width: 33.3333% ;
	height: 360px ;
}
.photoList2-m {
	margin: 0 ;
}
.photoList2-m .photoBox {
	position: relative ;
	background: #333333 ;
	width: calc(33.3333% - 24px) ;
	height: auto ;
	margin: 0 24px 24px 0 ;
}
.photoList2-m .photoBox:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 100% ;
}
.photoList2-w .photoBox a,
.photoList2-m .photoBox a {
	display: block ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	width: 100% ;
	height: 100% ;
	color: #ffffff ;
	overflow: hidden ;
	text-decoration: none !important ;
}
.photoList2-w .centerFit,
.photoList2-m .centerFit {
	padding: 0 15px ;
	font-size: 14px ;
	color: #ffffff ;
	text-align: center ;
}
.photoList2-w .centerFit h2,
.photoList2-w .centerFit h3,
.photoList2-m .centerFit h2,
.photoList2-m .centerFit h3 {
	position: relative ;
	margin: 0 0 40px 0 ;
	font-weight: bold ;
	line-height: 1.2 ;
	letter-spacing: 0.05em ;
	text-align: center ;
	color: #ffffff ;
}
.photoList2-w .centerFit h2,
.photoList2-w .centerFit h3 {
	font-size: 24px ;
}
.photoList2-m .centerFit h2,
.photoList2-m .centerFit h3 {
	font-size: 22px ;
}
.photoList2-w .centerFit h2:before,
.photoList2-w .centerFit h3:before,
.photoList2-m .centerFit h2:before,
.photoList2-m .centerFit h3:before {
	content: "" ;
	position: absolute ;
	left: 50% ;
	bottom: -14px ;
	width: 70px ;
	margin: 0 0 0 -35px ;
	border-bottom: 3px solid #d23d2a ;
}
.photoList2-w .centerFit p,
.photoList2-m .centerFit p {
	text-align: center ;
}

.photoList3 {
	margin: 0;
}
.photoList3 a {
	color: #333333 ;
}
.photoList3.c3 {
}
.photoList3.c4 {
}
.photoList3 .pbox {
	display: block ;
	position: relative ;
	background: #f0f4f5 ;
	font-size: 13px ;
	color: #333333 ;
}
.photoList3.c2 .pbox {
	width: calc(50% - 24px) ;
	margin: 0 24px 24px 0 ;
}

.photoList3.c3 .pbox,
.photoList3.c3-c2 .pbox {
	width: calc(33.3333% - 24px) ;
	margin: 0 24px 24px 0 ;
}

.photoList3.c4 .pbox,
.photoList3.c4-c2 .pbox {
	width: calc(25% - 24px) ;
	margin: 0 24px 24px 0 ;
}

.photoList3 .pbox a {
	display: block ;
	text-decoration: none !important ;
}
.photoList3 .pbox .imgBox {
	display: block ;
	position: relative ;
	height: 175px ;
	overflow: hidden ;
}
.photoList3 .pbox .text {
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	padding: 15px 20px ;
	color: #585858 ;
	z-index: 2 ;
}
.photoList3 .pbox .text:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 244, 245, 0);
	border-bottom-color: #f0f4f5 ;
	border-width: 10px;
	margin-left: -10px;
}
.photoList3 .pbox .text h3,
.photoList3 .pbox .text h4 {
	margin: 0 ;
	font-size: 16px ;
	font-weight: bold ;
	text-align: left ;
	color: #333333 ;
}
.photoList3 .pbox a .text h3,
.photoList3 .pbox a .text h4 {
	background: url(../img/ar1.png) right center no-repeat ;
	background-size: 14px ;
	margin: 0 -5px 0 0 ;
	padding: 0 10px 0 0 ;
}
.photoList3 .pbox a.blank .text h3,
.photoList3 .pbox a.blank .text h4,
.photoList3 .pbox a[target="_blank"] .text h3,
.photoList3 .pbox a[target="_blank"] .text h4 {
	background: url(../img/blank3.png) right center no-repeat ;
	background-size: 16px ;
}

.photoList3 .pbox .text p {
	margin: 10px 0 0 0 ;
	font-size: 14px ;
}


/* tab + accordion */

.tabAccordion {
	position: relative ;
	width: 100% ;
	max-width: 980px ;
	margin: 40px auto ;
	z-index: 100 ;
}
.tabAccordion.topTab {
	margin: -70px auto 0 auto ;
}
.tabAccordion .siteInner {
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	height: auto ;
	padding: 70px 0 0 0 ;
	overflow: hidden ;
}
.tabAccordion .siteInner:before {
	position: absolute ;
	content: "";
	display: block ;
	top: 0 ;
	left: 0 ;
	background: #374252 ;
	width: 100% ;
	height: 70px ;
	z-index: 0 ;
}
.tabAccordion dl {
}
.tabAccordion dl dt {
	display: table ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	background: #374252 ;
	width: 25% ;
	height: 70px ;
	font-size: 13px ;
	line-height: 1.4 ;
	color: #ffffff ;
	text-align: center ;
    border-right: 1px solid #5c6673 ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
	cursor: pointer ;
}
.tabAccordion dl dt:hover,
.tabAccordion dl dt:focus {
	background: #3f4c5e ;
}
.tabAccordion dl dt.btnAcv {
	background: #f0f4f5 ;
	color: #374252 ;
}
.tabAccordion dl dt.btnAcv:hover,
.tabAccordion dl dt.btnAcv:focus {
	background: #fafeff ;
}
.tabAccordion dl dt a,
.tabAccordion dl dt span {
	display: table-cell ;
	width: 100% ;
	height: 70px ;
	padding: 0 5px ;
	text-align: center ;
	vertical-align: middle ;
	font-size: 13px ;
	text-decoration: none ;
}
.tabAccordion dl:last-child dt {
	border-right: none ;
}
.tabAccordion dl:nth-child(1) dt { }
.tabAccordion dl:nth-child(2) dt { left: 25% ; }
.tabAccordion dl:nth-child(3) dt { left: 50% ; }
.tabAccordion dl:nth-child(4) dt { left: 75% ; }
/*.tabAccordion dl:nth-child(5) dt { left: 80% ; }*/
.tabAccordion.mn3 dt { width: 33.3333% ; }
.tabAccordion.mn3 dl:nth-child(1) dt { }
.tabAccordion.mn3 dl:nth-child(2) dt { left: 33.3333% ; }
.tabAccordion.mn3 dl:nth-child(3) dt { left: 66.6666% ; }
.tabAccordion.mn4 dt { width: 25% ; }
.tabAccordion.mn4 dl:nth-child(1) dt { }
.tabAccordion.mn4 dl:nth-child(2) dt { left: 25% ; }
.tabAccordion.mn4 dl:nth-child(3) dt { left: 50% ; }
.tabAccordion.mn4 dl:nth-child(4) dt { left: 75% ; }
.tabAccordion.mn6 dt { width: 17% ; }
.tabAccordion.mn6 dl:nth-child(1) dt { }
.tabAccordion.mn6 dl:nth-child(2) dt { left: 17% ; }
.tabAccordion.mn6 dl:nth-child(3) dt { width: 16% ; left: 34% ; }
.tabAccordion.mn6 dl:nth-child(4) dt { width: 16% ; left: 50% ; }
.tabAccordion.mn6 dl:nth-child(5) dt { left: 66% ; }
.tabAccordion.mn6 dl:nth-child(6) dt { left: 83% ; }
.tabAccordion.mn7 dt { width: 15% ; }
.tabAccordion.mn7 dl:nth-child(1) dt { }
.tabAccordion.mn7 dl:nth-child(2) dt { width: 14% ; left: 15% ; }
.tabAccordion.mn7 dl:nth-child(3) dt { width: 14% ; left: 29% ; }
.tabAccordion.mn7 dl:nth-child(4) dt { width: 14% ; left: 43% ; }
.tabAccordion.mn7 dl:nth-child(5) dt { width: 14% ; left: 57% ; }
.tabAccordion.mn7 dl:nth-child(6) dt { width: 14% ; left: 71% ; }
.tabAccordion.mn7 dl:nth-child(7) dt { left: 85% ; }

.tabAccordion dl dd,
.tabAccordion dl dd.noticeBox {
	display: none ;
	position: relative ;
	float: left ;
	left: 0 ;
	width: 100% ;
	margin: 0 ;
	padding: 24px ;
}
.tabAccordion dl dd.readAcv {
	display: block ;
}


/* download */

.download {
	position: relative ;
	width: 100% ;
	max-width: 980px ;
	min-height: 240px ;
	margin: 0 auto ;
	padding: 0 0 0 230px ;
	color: #585858 ;
}
.download h2 {
	position: relative ;
	margin: 0 0 45px 0 ;
	line-height: 1.2 ;
	font-size: 28px ;
	color: #374252 ;
}
.download h3 {
	position: relative ;
	margin: 0 0 40px 0 ;
	line-height: 1.2 ;
	font-size: 20px ;
	color: #000000 ;
}
.download .photo {
	position: absolute ;
	left: 0 ;
	top: 0 ;
}
.download .photo img {
	width: auto ;
	height: 240px ;
	border: 1px solid #eeeeee ;
}
.download p {
	margin: 0 0 10px 0 ;
}
.download .dl {
	margin: 35px 0 0 0 ;
}

.download2 > div {
	position: relative ;
	width: calc(50% - 24px) ;;
	min-height: 240px ;
	margin-right: 24px ;
	padding: 0 0 0 200px ;
}
.download2 .photo {
	position: absolute ;
	left: 0 ;
	top: 0 ;
}
.download2 .photo img {
	width: auto ;
	height: 240px ;
	border: 1px solid #eeeeee ;
}
.download2 h3 {
	position: relative ;
	margin: 0 0 35px 0 ;
	padding: 0 ;
	line-height: 1.2 ;
	font-size: 20px ;
	color: #000000 ;
}
.download2 .read {
}
.download2 p {
}
.download2 .dl {
	position: relative ;
	margin: 30px 0 0 0 ;
	padding: 0 ;
	color: #585858 ;
}
.download2 .btn1 {
	width: 100% ;
	max-width: 100% ;
	min-width: 0 ;
}


/* newsList */

.newsList {
	width: 100% ;
	font-size: 14px ;
	line-height: 1.5 ;
}
.newsList a:link,
.newsList a:visited {
	color: #333333 ;
	text-decoration: none ;
}
.newsList a:hover,
.newsList a:active {
	color: #2f93a5 ;
}
.newsList dt {
	clear: both ;
	float: left ;
	margin: 0 0 12px 0 ;
	font-weight: bold ;
}
.newsList .non {
	float: left ;
	width: 90px ;
	height: 14px ;
	margin: 0 0 12px 10px ;
	font-size: 9px ;
	line-height: 14px ;
	vertical-align: middle ;
}
.newsList .cat {
	float: left ;
	background: #374252 ;
	width: 90px ;
	height: 14px ;
	margin: 4px 0 12px 15px ;
	font-size: 9px ;
	line-height: 14px ;
	vertical-align: middle ;
	color: #ffffff ;
	text-align: center ;
	-webkit-border-radius: 7px ;
	-moz-border-radius: 7px ;
	border-radius: 7px ;
}
.newsList dd {
	margin: 0 0 12px 120px ;
}
.newsList .cat + dd {
	margin: 0 0 12px 200px ;
}
.newsList dd span {
	display: inline-block ;
	background: #d23d2a ;
	height: 14px ;
	margin: 0 5px 0 0 ;
	padding: 0 8px ;
	font-size: 9px ;
	line-height: 14px ;
	vertical-align: middle ;
	color: #ffffff ;
	text-align: center ;
	-webkit-border-radius: 7px ;
	-moz-border-radius: 7px ;
	border-radius: 7px ;
}

.newsList .pdf a:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 0 0 5px;
	vertical-align: middle;
	background: url(../img/pdf.png) left center no-repeat  ;
	background-size: 18px ;
}


/* contact */

.contact {
	width: 100% ;
	max-width: 980px ;
}
.contact .title {
	position: relative ;
	background: #374252 ;
	width: calc(33.3333% - 24px) ;
	margin: 0 ;
	padding: 0 ;
	z-index: 2 ;
}
.contact .title:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(55, 66, 82, 0);
	border-left-color: #374252;
	border-width: 10px;
	margin-top: -10px;
}
.contact .title h3 {
	width: 140px ;
	margin: 0 ;
	padding: 0 0 12px 0 ;
	white-space: nowrap ;
	font-size: 22px ;
	font-weight: bold ;
	color: #ffffff ;
}
.contact .title h3:before {
	content: "" ;
	position: absolute ;
	bottom: 0 ;
	width: 70px ;
	border-bottom: 3px solid #d23d2a ;
}
.contact .add {
	position: relative ;
	background: #f0f4f5 ;
	width: calc(66.6666% + 24px) ;
	padding: 24px 40px ;
	font-size: 18px ;
	color: #374252 ;
	z-index: 1 ;
}
.contact .add.wt {
	background: #ffffff ;
}
.contact .add dt {
	margin: 0 0 10px 0 ;
	font-size: 20px ;
	font-weight: bold ;
}
.contact .add dd {
	color: #585858 ;
}


/* btn */

.btn1 {
	display: inline-block ;
	min-width: 250px ;
	background: url(../img/ar1.png) 95% center no-repeat ;
	background-size: 10px ;
	padding: 6px 3em ;
	border: 2px solid #d23d2a ;
	font-size: 14px ;
	line-height: 1.4 ;
	color: #d23d2a ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
}
.btn1.c1 {
	width: 226px ;
	min-width: 226px ;
}
.columnSet .btn1 {
	min-width: 0;
}
.btn1 span {
	display: inline-block ;
	padding: 4px 0 ;
	color: #d23d2a ;
	text-align: center ;
}
.btn1:hover,
.btn1:focus {
	background: #d23d2a url(../img/ar3.png) 95% center no-repeat ;
	background-size: 10px ;
	color: #ffffff ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.btn1:hover span,
.btn1:focus span {
	color: #ffffff ;
}

.btn1.pdf {
	background: none ;
	padding: 6px 10px ;
}
.btn1.pdf:hover,
.btn1.pdf:focus {
	background: none ;
	background: #d23d2a ;
}
.btn1.pdf span {
	background: url(../img/pdf.png) left center no-repeat ;
	background-size: 16px ;
	padding: 4px 0 4px 24px ;
	text-align: right ;
	color: #d23d2a ;
	white-space: nowrap ;
}
.btn1.pdf:hover span,
.btn1.pdf:focus span {
	background: url(../img/pdf2.png) left center no-repeat ;
	background-size: 16px ;
	color: #ffffff ;
}

.btn1.blank {
	background: none ;
	padding: 6px 20px ;
}
.btn1.blank:hover,
.btn1.blank:focus {
	background: none ;
	background: #d23d2a ;
}
.btn1.blank span {
	background: url(../img/blank3.png) right center no-repeat ;
	background-size: 16px ;
	width: 100% ;
	padding: 4px 22px ;
	color: #d23d2a ;
}
.btn1.blank:hover span,
.btn1.blank:focus span {
	background: url(../img/blank2.png) right center no-repeat ;
	background-size: 16px ;
	color: #ffffff ;
}

.btn1.dl {
	background: none ;
	padding: 6px 20px ;
}
.btn1.dl:hover,
.btn1.dl:focus {
	background: none ;
	background: #d23d2a ;
}
.btn1.dl span {
	background: url(../img/dl3.png) right center no-repeat ;
	background-size: 16px ;
	width: 100% ;
	padding: 4px 22px ;
	color: #d23d2a ;
}
.btn1.dl:hover span,
.btn1.dl:focus span {
	background: url(../img/dl2.png) right center no-repeat ;
	background-size: 16px ;
	color: #ffffff ;
}

.btn2 {
	display: inline-block ;
	height: 40px ;
	padding: 0 30px 0 50px ;
	border: 2px solid #000000 ;
	font-size: 13px ;
	line-height: 36px ;
	color: #000000 !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 20px ;
	-moz-border-radius: 20px ;
	border-radius: 20px ;
}
.btn2 span {
	display: inline-block ;
	background: url(../img/ar2.png) right center no-repeat ;
	background-size: 10px ;
	padding: 0 20px 0 0 ;
}
.btn2:hover,
.btn2:focus {
	background: #000000 ;
	color: #ffffff !important ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.btn2:hover span,
.btn2:focus span {
	background: url(../img/ar3.png) right center no-repeat ;
	background-size: 10px ;
}

.btn3 {
	display: inline-block ;
	min-width: 250px ;
	background: url(../img/ar3.png) 95% center no-repeat ;
	background-size: 10px ;
	padding: 6px 3em ;
	border: 2px solid #ffffff ;
	font-size: 14px ;
	line-height: 1.4 ;
	color: #ffffff ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
}
.btn3.c1 {
	width: 226px ;
	min-width: 226px ;
}
.btn3 span {
	display: inline-block ;
	padding: 4px 0 ;
	color: #ffffff ;
	text-align: center ;
}
.btn3:hover,
.btn3:focus {
	background: #ffffff url(../img/ar2.png) 95% center no-repeat ;
	background-size: 10px ;
	color: #000000 ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.btn3:hover span,
.btn3:focus span {
	color: #000000 ;
}


/* table */

.tableStyle {
	width: 100% ;
	border-collapse: collapse ;
}
.tableStyle.body th,
.tableStyle.body td { font-size: 16px ; }
.tableStyle.note th,
.tableStyle.note td { font-size: 14px ; }
.tableStyle.memo th,
.tableStyle.memo td { font-size: 12px ; }
.tableStyle th {
	background: #dae4e7 ;
	padding: 12px 15px ;
	color: #374252 ;
	text-align: left ;
	vertical-align: middle ;
	border-top: 1px solid #f0f4f5 ;
	border-left: 1px solid #f0f4f5 ;
}
.tableStyle th:first-child {
	border-left: 0 none ;
}
.tableStyle td {
	background: #f0f4f5 ;
	padding: 12px 15px ;
	text-align: left ;
	vertical-align: middle ;
	border-top: 1px solid #fff ;
	border-left: 1px solid #fff ;
}
.noticeBox .tableStyle td {
	background: #fff ;
	border-top: 1px solid #dae4e7 ;
	border-left: 1px solid #dae4e7 ;
}
.tableStyle td:first-child,
.noticeBox .tableStyle td:first-child {
	border-left: 0 none ;
}
.tableStyle tr:first-of-type th,
.tableStyle tr:first-of-type td,
.noticeBox .tableStyle tr:first-of-type td {
	border-top: 0 none ;
}
.tableStyle + p {
	margin-top: 10px !important;
}
.scroll {
	margin: 20px 0 40px 0 ;
}


/* ankerLink */

.ankerLink1 {
	position: relative ;
	background: #374252 ;
	z-index: 100 ;
}
.ankerLink1.link-w {
	position: relative ;
	width: 100% ;
}
.ankerLink1.link-m {
	position: relative ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
}
.ankerLink1 ul {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: flex-start ;
	justify-content: flex-start ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
}
.ankerLink2 {
	position: relative ;
	background: #f0f4f5 ;
	z-index: 100 ;
}
.ankerLink2.link-w {
	position: relative ;
	width: 100% ;
}
.ankerLink2.link-m {
	position: relative ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
}
.ankerLink2 ul {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: flex-start ;
	justify-content: flex-start ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
}
.ankerLink1 ul {
	border-left: 1px solid #5b6471 ;
}
.ankerLink1 li {
	border-right: 1px solid #5b6471 ;
}
.ankerLink2 ul {
	border-left: 1px solid #fff ;
}
.ankerLink2 li {
	border-right: 1px solid #fff ;
}
.ankerLink1.c3 li,
.ankerLink2.c3 li {
	width: 33.3333% ;
}
.ankerLink1.c4 li,
.ankerLink2.c4 li {
	width: 25% ;
}
.ankerLink1.c5 li,
.ankerLink2.c5 li {
	width: 20% ;
}
.ankerLink1.c6 li,
.ankerLink2.c6 li {
	width: 16.6666% ;
}
.ankerLink1.c7 li,
.ankerLink2.c7 li {
	width: 14.2857% ;
}
.ankerLink1 a,
.ankerLink2 a {
	display: table-cell ;
	height: 70px ;
	width: 500px ;
	padding: 10px 30px 10px 10px ;
	line-height: 1.3 ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
.ankerLink1 a {
	background: #374252 url(../img/ar6.png) 90% center no-repeat ;
	background-size: 10px ;
	color: #ffffff ;
}
.ankerLink2 a {
	background: #f0f4f5 url(../img/ar7.png) 90% center no-repeat ;
	background-size: 10px ;
	color: #374252 ;
}
.ankerLink1 a:hover,
.ankerLink1 a:active {
	background-color: #414e61 ;
}
.ankerLink2 a:hover,
.ankerLink2 a:active {
	background-color: #fafeff ;
}

.ankerLink3 {
	margin: 20px 0 50px 0 ;
}
.ankerLink3 li {
	display: inline-block ;
	white-space: nowrap ;
	margin: 0 20px 0 0 ;
}
.ankerLink3 li a {
	background: url(../img/ar10.png) right center no-repeat ;
	background-size: 10px ;
	padding: 0 18px 0 0 ;
	color: #333333 ;
	text-decoration: none ;
}
.ankerLink3 li a:hover,
.ankerLink3 li a:focus {
	color: #6db3c0 ;
}

.ankerPoint {
	position: relative ;
	padding-top: 40px ;
	z-index: 1 ;
}

.naviLink {
	margin: 50px 0 20px;
	text-align: center ;
	font-size: 0 ;
	line-height: 1 ;
}
.naviLink li {
	display: inline-block ;
	width: 50px ;
	height: 50px ;
	margin: 0 1px 0 0 ;
}
.naviLink li a,
.naviLink li span {
	display: inline-block ;
	background: #f0f4f5 ;
	width: 50px ;
	height: 50px ;
	font-size: 16px ;
	line-height: 50px ;
	text-align: center ;
	color: #2f93a5 ;
	text-decoration: none ;
	cursor: pointer ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.naviLink li:hover a,
.naviLink li:active a,
.naviLink li.now a,
.naviLink li:hover span,
.naviLink li:active span,
.naviLink li.now span {
	background: #2f93a5 ;
	color: #ffffff ;
}


/* relation */

#relation {
	position: relative ;
	background: #374252 ;
	width: 100% ;
	padding: 60px 0 ;
}
.siteInner + #relation {
	margin-top: 100px;
}

#relation h3 {
	margin: 0 0 35px 0 ;
	font-size: 30px ;
	font-weight: bold ;
	text-align: center ;
	color: #ffffff ;
}
#relation .linkSlides {
	position: relative ;
	margin: 0 -12px ;
}
#relation .slick-slide {
	position: relative ;
	margin: 0 12px ;
	overflow: hidden ;
}
#relation .link2c .slick-slide:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 37.5% ;
}
#relation .link3c .slick-slide:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 65% ;
}
#relation .slick-slide a {
	display: block ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	background: #333333 ;
	width: 100% ;
	height: 100% ;
	color: #ffffff ;
	overflow: hidden ;
	text-decoration: none ;
}
#relation .slick-slider a div {
	-webkit-transition-duration: .2s !important ;
	transition-duration: .2s !important ;
}
#relation .slick-prev {
	left: -5% ;
}
#relation .slick-next {
	right: -5% ;
}
#relation p {
	padding: 0 15px ;
	font-size: 20px ;
	font-weight: bold ;
	text-align: center ;
	color: #ffffff ;
	z-index: 10 ;
}
#relation p.blank {
	background: url(../img/blank2.png) center top no-repeat ;
	background-size: 20px ;
	padding: 24px 15px 0 ;
	font-size: 16px ;
}


/* footerGuide */

#footerGuide {
	background: #374252 ;
	width: 100% ;
	height: 300px ;
	margin: 0 ;
}
.siteInner + #footerGuide {
	margin-top: 100px;
}

#footerGuide .guide {
	position: relative ;
	width: 50% ;
	height: 300px ;
	margin: 0 ;
	overflow: hidden ;
}
#footerGuide .guide.support {
	background: url(../img/guide-img_01.jpg) center center no-repeat ;
	background-size: cover ;
}
#footerGuide .guide.showroom {
	background: url(../img/guide-img_02.jpg) center center no-repeat ;
	background-size: cover ;
}
#footerGuide .centerFit {
	width: 60% ;
}
#footerGuide h3 {
	font-size: 24px ;
	font-weight: bold ;
	text-align: center ;
	line-height: 1.2 ;
	color: #ffffff ;
}
#footerGuide p {
	margin: 24px 0 0 0 ;
	font-size: 14px ;
	text-align: center ;
	color: #ffffff ;
}


/* go top */

#goTop {
	position: fixed ;
	right: 20px ;
	bottom: 20px ;
	width: 60px ;
	height: 60px ;
	z-index: 100 ;
}
#goTop img {
	width: 60px ;
	height: 60px ;
}


/* list */

ul.list1 {
	position: relative ;
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
}
ul.list1:last-child {
	margin-bottom: 0 ;
}
.list1 li {
	position: relative ;
	margin: 0.5em 0 ;
	padding: 0 0 0 1.3em ;
}
.list1 li > ul {
	margin: 0 ;
}
.list1 li:before {
	content: "" ;
	position: absolute ;
	top: 0.6em ;
	left: 0.2em ;
	width: 0.6em ;
	border-bottom: 3px solid #6c7a8c ;
}

ol.list2 {
	position: relative ;
	counter-reset: li ;
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
}
ol.list2:last-child {
	margin-bottom: 0 ;
}
.list2 li {
	position: relative ;
	margin: 0.5em 0 ;
	padding: 0 0 0 1.8em ;
}
.list2 li > ol {
	margin: 0 ;
	padding: 0 ;
}
.list2 li:before {
	position: absolute ;
	top: 0 ;
	left: 0 ;
    counter-increment: li;
    content: counter(li) ". ";
    color: #6c7a8c ;
    font-weight: bold ;
}

ul.list3 {
	position: relative ;
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
}
ul.list3:last-child {
	margin-bottom: 0 ;
}
.list3 li {
	position: relative ;
	margin: 0.5em 0 ;
	padding: 0 0 0 1.8em ;
}
.list3 li > ul {
	margin: 0 ;
}
.list3 li:before {
	content: "\203B" ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
}

ol.list4 {
	position: relative ;
	counter-reset: li ;
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
}
ol.list4:last-child {
	margin-bottom: 0 ;
}
.list4 li {
	position: relative ;
	margin: 0.5em 0 ;
	padding: 0 0 0 2.8em ;
}
.list4 li > ol {
	margin: 0 ;
	padding: 0 ;
}
.list4 li:before {
	position: absolute ;
	top: 0 ;
	left: 0 ;
    counter-increment: li ;
    content:"\203B" counter(li) ;
}

.listFaq {
	position: relative ;
	counter-reset: dt ;
}
.listFaq:before {
	content: "";
	counter-reset: dd ;
}

.listFaq dt {
	position: relative ;
	min-height: 50px ;
	margin: 0 0 20px 0 ;
	padding: 0 0 0 65px ;
	font-weight: bold ;
	line-height: 1.8 ;
}
.listFaq dt:before {
	position: absolute ;
	top: 0 ;
	left: 0 ;
    counter-increment: dt;
    content: "Q" counter(dt) ;
    background: #374252 ;
    width: 50px ;
    height: 50px ;
    font-size: 16px ;
	font-weight: normal ;
    line-height: 50px ;
    text-align: center ;
    color: #ffffff ;
	-webkit-border-radius: 25px ;
	-moz-border-radius: 25px ;
	border-radius: 25px ;
}
.listFaq dd {
	position: relative ;
	min-height: 50px ;
	margin: 0 0 40px 0 ;
	padding: 0 0 0 65px ;
	line-height: 1.8 ;
}
.listFaq dd:before {
	position: absolute ;
	top: 0 ;
	left: 0 ;
    counter-increment: dd;
    content: "A" counter(dd) ;
    background: #2f93a5 ;
    width: 50px ;
    height: 50px ;
    font-size: 16px ;
	font-weight: normal ;
    line-height: 50px ;
    text-align: center ;
    color: #ffffff ;
	-webkit-border-radius: 25px ;
	-moz-border-radius: 25px ;
	border-radius: 25px ;
}

ul.linkList {
	position: relative ;
	width: 100% ;
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
}
ul.linkList:last-child {
	margin-bottom: 0 ;
}
.linkList li {
	background: url(../img/ar11.png) left 0.4em no-repeat ;
	background-size: 10px ;
	position: relative ;
	margin: 0.5em 0 ;
	padding: 0 0 0 1.2em ;
}
.linkList li > ul {
	margin: 0 ;
	padding: 0 ;
}
.linkList li a:link,
.linkList li a:visited {
	color: #333333 ;
	text-decoration: none ;
}
.linkList li a:hover,
.linkList li a:active {
	color: #2f93a5 ;
	text-decoration: none ;
}
.linkList.c2 li {
	width: 50% ;
}
.linkList.c3 li {
	width: 33.3333% ;
}
.linkList.c4 li {
	width: 25% ;
}

.defList40,
.defList80,
.defList120,
.defList160,
.defList200 {
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
	overflow: hidden;
}
.defList40:last-child,
.defList80:last-child,
.defList120:last-child,
.defList160:last-child,
.defList200:last-child  {
	margin-bottom: 0 ;
}
.defList40 dt,
.defList80 dt,
.defList120 dt,
.defList160 dt,
.defList200 dt {
	clear: both ;
	float: left ;
	margin: 0 15px 0.5em 0 ;
}
.defList40 dt {width: 40px ;}
.defList80 dt {width: 80px ;}
.defList120 dt {width: 120px ;}
.defList160 dt {width: 160px ;}
.defList200 dt {width: 200px ;}
.defList40 dd,
.defList80 dd,
.defList120 dd,
.defList160 dd,
.defList200 dd {
	margin: 0 0 0.5em ;
	float: left ;
	overflow: hidden ;
}
.defList40 dd {width: calc(100% - 55px) ;}
.defList80 dd {width: calc(100% - 95px) ;}
.defList120 dd {width: calc(100% - 135px) ;}
.defList160 dd {width: calc(100% - 175px) ;}
.defList200 dd {width: calc(100% - 215px) ;}




/* icon */

.icon {
	margin: 8px 0 ;
}
.icon a {
	display: inline-block ;
	padding: 3px 0 3px 26px ;
	line-height: 1.4 ;
}
.icon.link a {
	background: url(../img/ar11.png) 5px center no-repeat  ;
	background-size: 10px ;
}
.icon.pdf a {
	background: url(../img/pdf.png) left center no-repeat  ;
	background-size: 18px ;
}
.icon.dl a {
	background: url(../img/dl.png) left center no-repeat  ;
	background-size: 20px ;
}
.icon.blank a {
	background: url(../img/blank.png) left center no-repeat  ;
	background-size: 20px ;
}
.icon.mail a {
	background: url(../img/mail.png) left center no-repeat  ;
	background-size: 20px ;
}
.icon.anchor a {
	background: url(../img/ar10.png) 5px center no-repeat ;
	background-size: 10px ;
}
.icon a:link,
.icon a:visited {
	color: #333333 ;
	text-decoration: none ;
}
.icon a:hover,
.icon a:active {
	color: #2f93a5 ;
	text-decoration: none ;
}


/* textbox */

.getAadobe {
	background: #e4e8ee ;
	width: 100% ;
	margin: 30px 0 ;
	padding: 20px ;
}
.getAadobe img {
	float: left ;
}
.getAadobe p {
	margin: 0 ;
	padding: 0 0 0 173px ;
	font-size: 12px ;
	line-height: 1.5 ;
}
.getAadobe p a {
	font-size: 14px ;
}


/* caution */

.caution {
	color: #db321c ;
}
.caution p,
.caution dd {
	margin: 0 0 1em 0 ;
}
.caution dt {
	margin: 0 0 0.5em 0 ;
	font-weight: bold ;
}


/* banner */

.banner {
	position: relative ;
	width: 100% ;
}
.banner.photoList3 .imgBox {
	display: block ;
	position: relative ;
	background: #ffffff ;
	height: auto ;
	overflow: hidden ;
	border: 1px solid #eeeeee ;
}
.banner.photoList3 .imgBox:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 39% ;
}
.banner.photoList3 a:hover .imgBox,
.banner.photoList3 a:active .imgBox {
	background: #333333 ;
}
.banner.photoList3 .text {
	font-size: 12px ;
	text-align: left ;
}

.bannerSet {
	position: relative ;
	margin: 0 -12px ;
}
.bannerSet .slick-slide {
	position: relative ;
	margin: 0 12px ;
	overflow: hidden ;
}
.bannerSet.slick-slider a div {
	-webkit-transition-duration: .2s !important ;
	transition-duration: .2s !important ;
}
.bannerSet .imgBox {
	display: block ;
	position: relative ;
	background: #ffffff ;
	height: 122px ;
	overflow: hidden ;
	border: 1px solid #eeeeee ;
}
.bannerSet a:hover .imgBox,
.bannerSet a:active .imgBox {
	background: #333333 ;
}
.bannerSet .slick-prev {
	left: -5% ;
}
.bannerSet .slick-next {
	right: -5% ;
}


/* movie */

.youtube {
	position: relative ;
	margin: 0 ;
	padding-top: 56.25% ;
}
.youtube iframe {
	position: absolute ;
	top: 0 ;
	right: 0 ;
	width: 100% !important ;
	height: 100% !important ;
}


/* form */

.formArea {
	position: relative ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	font-size: 12px ;
}
.formArea table {
	width: 100% ;
	border-collapse: collapse ;
}
.formArea th {
	background: #dae4e7 ;
	max-width: 270px ;
	padding: 10px 20px ;
	font-size: 14px ;
	font-weight: bold ;
	color: #374252 ;
	text-align: left ;
	vertical-align: middle ;
	line-height: 1.5 ;
	text-align: left ;
	border-top: 1px solid #f1f2f4 ;
	white-space: nowrap ;
}
.formArea tr:first-of-type th {
	border-top: solid 1px #dae4e7 ;
}
.formArea tr:last-of-type th {
	border-bottom: solid 1px #dae4e7 ;
}
.formArea td {
	background: #ffffff ;
	padding: 10px 20px ;
	font-size: 12px ;
	text-align: left ;
	vertical-align: middle ;
	line-height: 1.5 ;
	border-top: 1px solid #f1f2f4 ;
	border-right: 1px solid #f1f2f4 ;
	border-bottom: 1px solid #f1f2f4 ;
	white-space: normal ;
}
.formArea input,
.formArea select,
.formArea textarea,
.formArea span {
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.formArea input[type="text"],
.formArea textarea {
	width: 100% ;
	background: #f0f4f5 ;
	margin: 5px 0 ;
	padding: 5px ;
	font-size: 12px ;
	line-height: 1.4 ;
	border: 1px solid #f0f4f5 ;
	vertical-align: middle ;
}
.formArea select {
	-webkit-appearance: none ;
	-moz-appearance: none ;
	appearance: none ;
	position: relative ;
	background: #ffffff url(../img/select-ar.png) right center no-repeat ;
	background-size: 30px 45px ;
	padding: 5px 40px 5px 5px ;
	font-size: 12px ;
	line-height: 1.4 ;
	border: 1px solid #eeeeee ;
	vertical-align: middle ;
	cursor: pointer ;
}
.formArea input[type="text"]:hover,
.formArea input[type="text"]:active,
.formArea textarea:hover,
.formArea textarea:active,
.formArea select:hover,
.formArea select:active {
	border: 1px solid #dddddd ;
}
.formArea select::-ms-expand {
	display: none ;
}

.formArea label {
	margin: 0 10px 0 0 ;
	cursor: pointer ;
}
.formArea input[type="radio"] {
	display: none ;
}
.formArea input[type="radio"] + span {
	position: relative ;
	display: inline-block ;
	position: relative ;
	vertical-align: middle ;
	background: #ffffff ;
	width: 18px ;
	height: 18px ;
	margin: 5px 4px 5px 0 ;
	border: 4px solid #dae4e7 ;
	-webkit-border-radius: 9px ;
	-moz-border-radius: 9px ;
	border-radius: 9px ;
}
.formArea input[type="radio"]:checked + span {
	background: #db321c ;
}
.formArea input[type="checkbox"] {
	display: none ;
}
.formArea input[type="checkbox"] + span {
	position: relative ;
	display: inline-block ;
	position: relative ;
	vertical-align: middle ;
	background: #dae4e7 ;
	width: 18px ;
	height: 18px ;
	margin: 5px 4px 5px 0 ;
}
.formArea input[type="checkbox"]:checked + span {
	background: #db321c ;
}
.formArea input[type="checkbox"]:checked + span:before {
	position: absolute ;
	top: 3px ;
	left: 3px ;
	content: "";
	width: 10px ;
	height: 6px ;
	border-left: 2px solid #ffffff ;
	border-bottom: 2px solid #ffffff ;
	-webkit-transform: rotate(-45deg) ;
	-ms-transform: rotate(-45deg) ;
	transform: rotate(-45deg) ;
}

.formArea .captionTop {
	display: inline-block ;
	margin: 0 10px 0 0 ;
	vertical-align: top ;
}
.formArea .captionTop span {
	display: block ;
}
.formArea .captionLeft {
	display: inline-block ;
	margin: 0 10px 0 0 ;
	vertical-align: middle ;
}
.formArea .captionLeft span {
	display: inline-block ;
	margin: 0 5px 0 0 ;
	vertical-align: middle ;
}
.formArea .captionTop input[type="text"],
.formArea .captionLeft input[type="text"] {
	width: 150px ;
}
.formArea .zip input[type="text"] {
	width: 70px ;
}
.formArea .zip input[type="text"]:last-child {
	width: 140px ;
}

.formArea .uploadButton {
	display: inline-block ;
	position: relative ;
	overflow: hidden ;
	cursor: pointer ;
	white-space: nowrap ;
}
.formArea .uploadButton span {
	display: inline-block ;
	background: #db321c ;
	padding: 5px 10px ;
	border: none ;
	vertical-align: middle ;
	font-size: 12px ;
	line-height: 1.4 ;
	border: 1px solid #db321c ;
	color: #ffffff ;
}
.formArea .uploadButton span:hover {
	background: #db321c ;
}
.formArea .uploadButton input[type=file] {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:0;
}
.formArea .uploadButton .uploadValue {
	display: inline-block ;
	background: #f0f4f5 ;
	width: 250px ;
	margin: 0 5px 0 0 ;
	padding: 5px 10px ;
	font-size: 12px ;
	border: 1px solid #f0f4f5 ;
	vertical-align: middle ;
}
.formArea .uploadButton:hover span,
.formArea .uploadButton:active span {
	border: 1px solid #990000 ;
}
.formArea .uploadButton:hover .uploadValue,
.formArea .uploadButton:active .uploadValue {
	border: 1px solid #dddddd ;
}

.formArea .btnPrev {
	display: inline-block ;
	min-width: 250px ;
	background: #374252 url(../img/ar4.png) 8% center no-repeat ;
	background-size: 10px ;
	margin: 0 10px ;
	padding: 11px 24px ;
	border: 2px solid #374252 ;
	font-size: 13px ;
	line-height: 1 ;
	color: #ffffff ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 35px ;
	-moz-border-radius: 35px ;
	border-radius: 35px ;
	cursor: pointer ;
}
.formArea .btnPrev:hover,
.formArea .btnPrev:focus {
	background: #ffffff url(../img/ar12.png) 8% center no-repeat ;
	background-size: 10px ;
	color: #374252 ;
}
.formArea .btnSend {
	display: inline-block ;
	min-width: 250px ;
	background: #d23d2a url(../img/ar3.png) 92% center no-repeat ;
	background-size: 10px ;
	margin: 0 10px ;
	padding: 11px 24px ;
	border: 2px solid #d23d2a ;
	font-size: 13px ;
	line-height: 1 ;
	color: #ffffff ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 35px ;
	-moz-border-radius: 35px ;
	border-radius: 35px ;
	cursor: pointer ;
}
.formArea .btnSend:hover,
.formArea .btnSend:focus {
	background: #ffffff url(../img/ar1.png) 92% center no-repeat ;
	background-size: 10px ;
	color: #d23d2a ;
}
.formArea .btnOther {
	display: inline-block ;
	min-width: 250px ;
	background: #ffffff url(../img/ar1.png) 92% center no-repeat ;
	background-size: 10px ;
	padding: 11px 24px ;
	border: 2px solid #d23d2a ;
	font-size: 13px ;
	line-height: 1 ;
	color: #d23d2a ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 35px ;
	-moz-border-radius: 35px ;
	border-radius: 35px ;
	cursor: pointer ;
}
.formArea .btnOther:hover,
.formArea .btnOther:focus {
	background: #d23d2a url(../img/ar3.png) 92% center no-repeat ;
	background-size: 10px ;
	color: #ffffff ;
}




/* productsMovie */

#productsMovie {
	position: relative ;
	background: #dfe2e6 ;
	width: 100% ;
	padding: 60px 0 ;
}
section > #productsMovie {
	margin-top: -40px;
}
#products1 > #productsMovie,
#products2 > #productsMovie,
#products3 > #productsMovie,
#products4 > #productsMovie,
#products5 > #productsMovie,
#products6 > #productsMovie {
	margin-top: -60px;
}
#productsMovie h2 {
	font-size: 32px ;
	font-weight: normal ;
	color: #374252 ;
	text-align: center ;
}
#productsMovie h2:before {
	border-bottom: none ;
}
#productsMovie .movie {
	position: relative;
	max-width: 780px ;
	margin: 0 auto ;
	border: solid 15px #fff;
	background: #fff;
}
#productsMovie .movie:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
#productsMovie .movie .thumb {
	cursor: pointer;
}
#productsMovie .movie .thumb,
#productsMovie .movie iframe {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




/* productsView */

#productsView {
	position: relative ;
	background: #ffffff ;
	padding: 60px 0 0;
}
section > #productsView {
	margin-top: -40px;
}
#productsView h2 {
	margin: 0 ;
	font-weight: normal ;
}
#productsView frame {
	width: 100% ;
}




/* colorList */

.colorList1-15,
.colorList1-12,
.colorList1-10,
.colorList1-8,
.colorList1-6,
.colorList1-4 {
	margin: 0 0 10px;
	overflow: hidden;
}
.colorList1-15 {width: 100.671141%;}
.colorList1-12 {width: 100.840336%;}
.colorList1-10 {width: 101.010101%;}
.colorList1-8 {width: 101.522843%;}
.colorList1-6 {width: 102.040816%;}
.colorList1-4 {width: 103.092784%;}

.colorList1-15 li,
.colorList1-12 li,
.colorList1-10 li,
.colorList1-8 li,
.colorList1-6 li,
.colorList1-4 li {
	float: left;
	line-height: 1.3;
}
.colorList1-15 li {
	width: 6%;
	margin: 0 0.6666% 10px 0;
	font-size: 9px;
}
.colorList1-12 li {
	width: 7.5%;
	margin: 0 0.8333% 10px 0;
	font-size: 11px;
}
.colorList1-10 li {
	width: 9%;
	margin: 0 1% 10px 0;
	font-size: 12px;
}
.colorList1-8 li {
	width: 11%;
	margin: 0 1.5% 10px 0;
	font-size: 9px;
}
.colorList1-6 li {
	width: 14.6666%;
	margin: 0 2% 10px 0;
	font-size: 11px;
}
.colorList1-4 li {
	width: 22%;
	margin: 0 3% 10px 0;
	font-size: 12px;
}

.colorList1-15 li:nth-of-type(15n+1) {clear: both;}
.colorList1-12 li:nth-of-type(12n+1) {clear: both;}
.colorList1-10 li:nth-of-type(10n+1) {clear: both;}
.colorList1-8 li:nth-of-type(8n+1) {clear: both;}
.colorList1-6 li:nth-of-type(6n+1) {clear: both;}
.colorList1-4 li:nth-of-type(4n+1) {clear: both;}

.colorList1-15 li img,
.colorList1-12 li img,
.colorList1-10 li img,
.colorList1-8 li img,
.colorList1-6 li img,
.colorList1-4 li img {
	display: block;
	width: 100%;
	margin: 3px 0;
}
.colorList1-15 a,
.colorList1-12 a,
.colorList1-10 a,
.colorList1-8 a,
.colorList1-6 a,
.colorList1-4 a {
	text-decoration: none !important;
}





.colorListL,
.colorListM,
.colorListS {
	margin: 0 0 10px;
}
.colorListL li,
.colorListM li,
.colorListS li {
	display: inline-block;
	margin: 0 5px 5px 0;
	line-height: 1.3;
	vertical-align: top;
}
.colorListL li {
	width: 100px;
	font-size: 12px;
}
.colorListM li {
	width: 80px;
	font-size: 11px;
}
.colorListS li {
	width: 55px;
	font-size: 9px;
}
.colorListL li img,
.colorListS li img,
.colorListM li img {
	display: block;
	width: 100%;
	margin: 3px 0;
}

.colorListL a,
.colorListM a,
.colorListS a {
	text-decoration: none !important;
}



/* categoryLink */

.categoryLink li {
	display: inline-block ;
	margin: 0 5px 7px 0 ;
}

.categoryLink li a {
	display: block ;
	padding: 5px 10px ; 
	font-size: 12px ;
	text-align: center ;
	text-decoration: none;
	color: #fff ;
	background-color: #22b0a9 ;

}
.categoryLink li a:hover,
.categoryLink li a:active {
	opacity: .7 ;
}




/* socialArea */

#socialArea {
	min-height: 35px;
	text-align: right;
	line-height: 1em;
}
#socialArea li {
	display: inline-block;
	height: 25px;
	margin: 0 0 7px 10px;
	overflow: hidden;
}
#socialArea li img {
	vertical-align: baseline;
}




/* for News Page */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11,
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	float: left;
	margin-left: 3.2877%;
	-moz-box-sizing :content-box;
	-webkit-box-sizing :content-box;
	box-sizing :content-box;
}

.grid1 {width:8.18874%;}
.grid2 {width:19.66514%;}
.grid3 {width:31.14155%;}
.grid4 {width:42.61796%;}
.grid5 {width:54.09437%;}
.grid6 {width:65.57078%;}
.grid7 {width:77.04718%;}
.grid8 {width:88.52359%;}
.grid9 {width:100%;}
	
.grid_1 {width:5.31963%;}
.grid_2 {width:13.92694%;}
.grid_3 {width:22.53425%;}
.grid_4 {width:31.14155%;}
.grid_5 {width:39.74886%;}
.grid_6 {width:48.35616%;}
.grid_7 {width:56.96347%;}
.grid_8 {width:65.57078%;}
.grid_9 {width:74.17808%;}
.grid_10 {width:82.78539%;}
.grid_11 {width:91.39269%;}
.grid_12 {width:100%;}

.grid1 img,
.grid2 img,
.grid3 img,
.grid4 img,
.grid5 img,
.grid6 img,
.grid7 img,
.grid8 img,
.grid9 img,
.grid_1 img,
.grid_2 img,
.grid_3 img,
.grid_4 img,
.grid_5 img,
.grid_6 img,
.grid_7 img,
.grid_8 img,
.grid_9 img,
.grid_10 img,
.grid_11 img,
.grid_12 img {
	max-width: 100%;
	height: auto;
}

.grid1.first,
.grid2.first,
.grid3.first,
.grid4.first,
.grid5.first,
.grid6.first,
.grid7.first,
.grid8.first,
.grid9.first,
.grid_1.first,
.grid_2.first,
.grid_3.first,
.grid_4.first,
.grid_5.first,
.grid_6.first,
.grid_7.first,
.grid_8.first,
.grid_9.first,
.grid_10.first,
.grid_11.first,
.grid_12.first {
	margin-left: 0;
	clear: left;
}

.pfsx {
/*	text-align: center;*/
	font-size: 13px;
}
/*
.tx_ind {
	text-indent: 1em;
	margin-top: 1em;
}
*/
.fsx {
	font-size: 11px;
/*	font-size: x-small;*/
}

div.detail00,
div.detail01 {
	clear: both;
	padding: 0 0 1em 15px;
	overflow: hidden;
}

div.detail00 dt,
div.detail01 dt {
	clear: left;
	float: left;
	width: 8em;
	height: 1.8em;
	font-size: 14px;
}

div.detail00 dd,
div.detail01 dd {
	overflow: hidden;
	font-size: 14px;
}

.title001 {
	font-size: 18px;
	font-weight: bold;
}
.title002 {
	font-size: 16px;
	font-weight: bold;
}
.title003 {
	font-size: 15px;
	font-weight: bold;
}




/* for Yahoo! Search */

#yjserp {
	max-width: 980px;
	margin: 40px auto;
	overflow: hidden;
}
#yjserp iframe {
	min-height: 400px;
	margin-top: -1px;
}




}




@media screen and (min-width:768px) and (max-width:980px) {
	header .headInner {
		width: 22.45% ;
		text-align: left ;
		padding: 0 0 0 10px ;
	}
	header #headerLogo {
		width: 72.7272% ;
		margin: 0 ;
	}
	header nav {
		width: 77.55% ;
	}
}

@media screen and (min-width:768px) and (max-width:1200px) {
	header nav .search dt.serch {
		background-size: 90% ;
	}
	header nav .search dt.global {
		background-size: 90% ;
	}
	#relation .slick-prev {
		left: 2% ;
	}
	#relation .slick-next {
		right: 2% ;
	}
	.bannerSet .slick-prev {
		left: 2% ;
	}
	.bannerSet .slick-next {
		right: 2% ;
	}
}

@media screen and (min-width:768px) and (max-width:1000px) {
	.siteInner {
		position: relative ;
		width: 100% ;
		max-width: 1000px ;
		margin: 0 auto ;
		padding: 0 10px ;
	}
	.siteInner .siteInner {
		padding: 0 ;
	}
	#topTitle .siteInner,
	#topTitle h1,
	#topTitle p,
	#subTitle .siteInner,
	#subTitle h1,
	#subTitle p {
		width: 100% ;
		padding-left: 10px ;
		padding-right: 10px ;
	}
	.photoList1-w .text .columnInner .centerFit {
		padding: 0 10px 0 40px ;
	}
	.photoList1-w.reverse .text .columnInner .centerFit {
		padding: 0 40px 0 10px ;
	}

	.columnSet {
		width: calc(100% + 2.4vw) ;
	}

	.columnSet .column1-2 {
		width: calc(50% - 2.4vw) ;
		margin-right: 2.4vw ;
	}
	.columnSet .column1-3 {
		width: calc(33.3333% - 2.4vw) ;
		margin-right: 2.4vw ;
	}
	.columnSet .column2-3 {
		width: calc(66.6666% - 2.4vw) ;
		margin-right: 2.4vw ;
	}
	.columnSet .column1-4 {
		width: calc(25% - 2.4vw) ;
		margin-right: 2.4vw ;
	}
	.columnSet .column1-5 {
		width: calc(20% - 2.4vw) ;
		margin-right: 2.4vw ;
	}
	.columnSet .column1-6 {
		width: calc(16.6666% - 2.4vw) ;
		margin-right: 2.4vw ;
	}
	.columnSet .column3-4 {
		width: calc(75% - 2.4vw) ;
		margin-right: 2.4vw ;
	}

	.photoList2-m .photoBox {
		width: calc(33.3333% - 2.4vw) ;
		margin-right: 2.4vw ;
	}

	.photoList3.c2 .pbox {
		width: calc(50% - 2.4vw) ;
		margin-right: 2.4vw ;
	}

	.photoList3.c3 .pbox,
	.photoList3.c3-c2 .pbox {
		width: calc(33.3333% - 2.4vw) ;
		margin-right: 2.4vw ;
	}

	.photoList3.c4 .pbox,
	.photoList3.c4-c2 .pbox {
		width: calc(25% - 2.4vw) ;
		margin-right: 2.4vw ;
	}

	.download2 > div {
		width: calc(50% - 2.4vw) ;
		margin-right: 2.4vw ;
	}

	.contact .title {
		width: calc(33.3333% - 2.4vw) ;
	}

	.contact .add {
		width: calc(66.6666% + 2.4vw) ;
	}

	#yjserp {
		width: 100% ;
		max-width: 1000px ;
		padding: 0 10px ;
	}

}




/* print */

@media print {
	* {
		-webkit-print-color-adjust: exact ;
	}
	body {
		width: 1024px ;
		background-color: #ffffff ;
		-webkit-print-color-adjust: exact ;
	}

	.slick-track {
		width: 50000px !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}

	.linkSlides.link2c .slick-slide {
		width: 478px !important;
	}

	.linkSlides.link3c .slick-slide,
	.bannerSet .slick-slide,
	.btmSlides .slick-slide {
		width: 311px !important;
	}

	.slick-list {
		padding: 0 !important;
	}

	.slick-arrow {
		display: none !important;
	}

	.slick-dots {
		display: none !important;
	}

	.bannerSet .imgBox {height: 122px !important;}

}