@charset "UTF-8";




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

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

header nav .nav2 li:nth-child(4) a {
	display: none;
}
footer .menu2 li:nth-child(4) {
	display: none !important ;
}
footer .menu2 li:nth-child(5),
footer .menu2 li:nth-child(7) {
	border-right: none !important ;
}
footer .menu2 li:nth-child(6) {
	border-right: 1px solid #c73323 !important ;
}

}

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




/* SP start */
@media screen and (max-width:767px) {




body {
	font-size: 4vw ;
	padding: 13.3333vw 0 0 0 ;
}
body.index {
	padding: 0 ;
}
body.fixing-body {
	position: fixed ;
	width: 100% ;
	height: 100% ;
}

p {
	margin: 0 0 1.5em 0 ;
}
/*p:last-child {
	margin-bottom: 0 ;
}*/
p img {
	display: block ;
	max-width: 100% ;
	height: auto ;
	margin: 0 auto;
}
img.sp100 {
	width: 100% ;
	height: auto ;
}

.body {
	font-size: 4.2vw ;
}
.note {
	font-size: 3.8vw ;
}
.memo {
	font-size: 3.6vw ;
}
.lead {
	font-size: 4.5vw ;
	font-weight: bold ;
}

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

.siteWidth {
	position: relative ;
	width: 100% ;
	margin: 0 auto ;
}
.siteInner {
	position: relative ;
	width: 100% ;
	margin: 0 auto ;
	padding: 0 4vw ;
}
#subTitle + .siteInner {
	margin-top: 8vw;
}

.fLeft {
	float: left ;
	margin: 0 4vw 2vw 0 ;
}
.fRight {
	float: right ;
	margin: 0 0 2vw 4vw ;
}

.sp50 {
	width: 50% !important ;
	height: auto ;
}
.btm0, .mb0 {
	margin-bottom: 0 !important ;
}
.btm10, .mb10 {
	margin-bottom: 2vw !important ;
}
.btm20, .mb20 {
	margin-bottom: 4vw !important ;
}
.btm30, .mb30 {
	margin-bottom: 6vw !important ;
}
.btm40, .mb40 {
	margin-bottom: 8vw !important ;
}
.btm50, .mb50 {
	margin-bottom: 10vw !important ;
}
.btm60, .mb60 {
	margin-bottom: 12vw !important ;
}
.btm70, .mb70 {
	margin-bottom: 14vw !important ;
}
.btm80, .mb80 {
	margin-bottom: 16vw !important ;
}
.btm90, .mb90 {
	margin-bottom: 18vw !important ;
}
.btm100, .mb100 {
	margin-bottom: 20vw !important ;
}
p.topCaption {margin-bottom: 0.5em !important ;}
p.btmCaption,
p.bottomCaption {margin-top: -3vw !important ;}



/*header*/

header {
	position: fixed ;
	top: 0 ;
	left: 0 ;
	background: #ffffff ;
	width: 100% ;
	height: 13.3333vw ;
	line-height: 1 ;
	z-index: 1000 ;
}
.index header {
	background: transparent ;
}
header .headInner {
	position: absolute;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
}
header img {
	width: 100% ;
	height: auto ;
}
header #headerLogo {
	position: absolute ;
	top: 0 ;
	left: 4% ;
	width: 28% ;
	height: 100% ;
	padding: 3.1% 0 0 0 ;
}
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#mainMenu {
	display: none ;
	position: fixed ;
	left: 0 ;
	top: 0 ;
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 16.6vw 5.3vw ;
	z-index: 1000 ;
	overflow-y: auto ;
	-webkit-overflow-scrolling: touch ;
}

header #menuOpen {
	position: absolute ;
	top: 0 ;
	right: 0 ;
	display: block ;
	background: #d23d2a url(../img/spmenu-on.png) center center no-repeat ;
	background-size: 100% ;
	width: 13.3333% ;
	height: 100% ;
	cursor: pointer ;
}
header nav #menuClose {
	position: absolute ;
	top: 0 ;
	right: 0 ;
	display: block ;
	background: #d23d2a url(../img/spmenu-off.png) center center no-repeat ;
	background-size: 100% ;
	width: 13.3333% ;
	height: auto ;
	cursor: pointer ;
}
header nav #menuOpen:before,
header nav #menuClose:before {
	content: "";
	display: block ;
	padding-top: 100% ;
}

#menuBg {
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	background: rgba(0,0,0,0.8) ;
	width: 100% ;
	height: 99999px ;
	margin: auto ;
	cursor: pointer ;
	z-index: 100 ;
}

header nav .nav1 {
	position: relative ;
	width: 100% ;
	margin: 0 0 6.6% 0 ;
}
header nav .nav1 li {
	position: relative ;
	width: 100% ;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
header nav .nav1 li a {
	position: relative ;
	display: block ;
	background: url(../img/ar5.png) 98% center no-repeat ;
	background-size: 2vw ;
	width: 100% ;
	padding: 4vw ;
	font-size: 4vw ;
	color: #ffffff ;
	text-decoration: none ;
}
header nav .nav2 {
	position: relative ;
	display: -webkit-flex ;
	display: -moz-flex ;
	display: -ms-flex ;
	display: -o-flex ;
	display: flex ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	width: 100% ;
	margin: 0 0 5.3% 0 ;
}
header nav .nav2 li {
	position: relative ;
	background: #d23d2a ;
	width: 50% ;
	border-bottom: 1px solid rgba(255,255,255,0.2) ;
}
header nav .nav2 li:nth-child(even) {
	border-left: 1px solid rgba(255,255,255,0.2) ;
}
header nav .nav2 li:last-child {
	width: 100% ;
	border-bottom: none ;
}
header nav .nav2 li a {
	position: relative ;
	display: block ;
	width: 100% ;
	height: 100% ;
	padding: 4vw 2vw ;
	font-size: 4vw ;
	text-align: center ;
	color: #ffffff ;
	text-decoration: none ;
}
header nav .nav3 {
	position: relative ;
	display: -webkit-flex ;
	display: -moz-flex ;
	display: -ms-flex ;
	display: -o-flex ;
	display: flex ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	width: 100% ;
	margin: 0 0 5.3% 0 ;
}
header nav .nav3 li {
	position: relative ;
	background: #4c8ba9 ;
	width: 33.33% ;
}
header nav .nav3 li:nth-child(2) {
	background: #2f93a5 ;
}
header nav .nav3 li:nth-child(3) {
	background: #33acb4 ;
}
header nav .nav3 li a {
	position: relative ;
	display: block ;
	width: 100% ;
	height: 100% ;
	padding: 5.3vw 2vw ;
	font-size: 4vw ;
	text-align: center ;
	color: #ffffff ;
	text-decoration: none ;
}
header nav li a:hover,
header nav li a:active {
	filter: alpha(opacity=80) ;
	-moz-opacity: 0.80 ;
	opacity: 0.80 ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}

header nav .search {
	position: relative ;
	width: 100% ;
	height: 12vw ;
	margin: 0 0 6vw 0 ;
}
header nav .search dt {
	width: 13% ;
	height: 12vw ;
	margin: 0 ;
	padding: 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 {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	background: url(../img/icon-serch.png) top center no-repeat ;
	background-size: 100% ;
}
header nav .search dt.global {
	position: absolute ;
	left: 16% ;
	top: 0 ;
	background: url(../img/icon-global.png) top center no-repeat ;
	background-size: 100% ;
}
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: 12vw ;
	text-indent: 100% ;
	overflow: hidden ;
	white-space: nowrap ;
}
header nav .search dd {
	display: none ;
	position: absolute ;
	right: 0 ;
	top: 0 ;
	width: 66.6% ;
	height: 12vw ;
}
header nav .search dd input[type="text"] {
	float: left ;
	background: #eeeeee ;
	width: 80% ;
	height: 12vw ;
	padding: 0 5px 0 10px ;
	font-size: 3.46vw ;
	line-height: 40px ;
	vertical-align: middle ;
	color: #000000 ;
	border: none ;
	-webkit-border-radius: 45px 0 0 45px ;
	-moz-border-radius: 45px 0 0 45px ;
	border-radius: 45px 0 0 45px ;
	-webkit-appearance: none ;
	outline: none ;
}
header nav .search dd input[type="submit"] {
	float: right ;
	background: #46505f ;
	width: 20% ;
	height: 12vw ;
	padding: 0 5px 0 0 ;
	font-size: 3.2vw ;
	line-height: 40px ;
	vertical-align: middle ;
	color: #ffffff ;
	border: none ;
	-webkit-border-radius: 0 45px 45px 0 ;
	-moz-border-radius: 0 45px 45px 0 ;
	border-radius: 0 45px 45px 0 ;
	-webkit-appearance: none ;
	outline: none ;
}
header nav .search dd p {
	width: 100% ;
	margin: 0 ;
	overflow: hidden ;
}
header nav .search dd p.yahoo {
	width: 100% ;
	margin: 2vw 0 0 0 ;
	font-size: 2.5vw ;
	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: 8vw 0 ;
	overflow-x: hidden ;
}

footer {
	position: relative ;
	background: #d23d2a ;
	width: 100% ;
	padding: 10% 0 0 0 ;
	color: #ffffff ;
	line-height: 1 ;
}
.siteInner + footer {
	margin-top: 8vw;
}

footer .siteInner {
	padding: 0 ;
}
footer img {
	width: 100% ;
	height: auto ;
}
footer a:link,
footer a:visited {
	color: #ffffff ;
	text-decoration: none ;
}
footer a:hover,
footer a:active {
	color: rgba(255,255,255,0.5) ;
}
footer .logo {
	width: 41.3333% ;
	margin: 0 auto 8% auto ;
}
footer .sns {
	position: relative ;
	display: -webkit-flex ;
	display: -moz-flex ;
	display: -ms-flex ;
	display: -o-flex ;
	display: flex ;
	-webkit-flex-wrap: nowrap ;
	flex-wrap: nowrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	width: 41.3333% ;
	margin: 0 auto 8% auto ;
}
footer .sns li {
	width: 30% ;
}
footer .menu1 {
	display: none ;
}
footer .menu2 {
	position: relative ;
	display: -webkit-flex ;
	display: -moz-flex ;
	display: -ms-flex ;
	display: -o-flex ;
	display: flex ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	width: 100% ;
	border-top: 1px solid #c73323 ;
}
footer .menu2 li {
	width: 50% ;
	border-right: 1px solid #c73323 ;
	border-bottom: 1px solid #c73323 ;
}
footer .menu2 li:nth-child(even) {
	border-right: none ;
}
footer .menu2 li a {
	display: block ;
	background: url(../img/ar5.png) 93.3% center no-repeat ;
	background-size: 2vw ;
	padding: 10.6% 0 ;
	text-align: center ;
	font-size: 3.2vw;
}
footer .menu3 {
	position: relative ;
	margin: -1px 0 0 0 ;
	font-size: 2.9vw ;
	border-top: 1px solid #c73323 ;
}
footer .menu3 ul {
	width: 100% ;
	margin: 0 ;
	padding: 6% 0 ;
	text-align: center ;
}
footer .menu3 ul li {
	display: inline-block ;
	margin: 1.5% 3% 1.5% 0 ;
	padding: 0 3% 0 0 ;
	border-right: 1px solid #db6455 ;
}
footer .menu3 ul li:last-child {
	margin: 1.5% 0 ;
	padding: 0 ;
	border-right: none ;
}
footer .menu3 p {
	background: #c73323 ;
	width: 100% ;
	margin: 0 ;
	padding: 6.6% 0 ;
	text-align: center ;
	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 ;
}
#twoColumn .siteInner {
	position: relative ;
	padding: 0 4vw;
}

#twoColumn .leftSide {
	background: #ffffff ;
	width: 100% ;
	padding: 8vw 0 ;
}

#twoColumn .rightSide {
	background: #f2f3f5 ;
	height: 100% ;
	margin: 0 -4vw;
	padding: 4vw ;
}
#sideMenu {
	width: 100% ;
}
#sideMenu dt {
	position: relative ;
	width: 100% ;
	border-bottom: 1px solid #dae0e1 ;
}
#sideMenu dt a {
	display: block ;
	position: relative ;
	background: url(../img/ar1.png) 97% center no-repeat ;
	background-size: 3vw ;
	width: 100% ;
	padding: 4.5vw 8vw 4.5vw 4vw ;
	font-size: 3.8vw ;
	line-height: 1.3 ;
	vertical-align: middle ;
	text-decoration: none ;
	z-index: 1 ;
}
#sideMenu dt.active a {
	background: url(../img/ar9.png) 97% center no-repeat ;
	background-size: 3vw ;
}
#sideMenu dt.active a {
	background: url(../img/ar9.png) 97% center no-repeat ;
	background-size: 3vw ;
}
#sideMenu dt div {
	position: absolute ;
	display: block ;
	top: 0 ;
	right: 0 ;
	width: 10% ;
	height: 100% ;
	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 {
	background: #232e3c ;
	border-bottom: none ;
}
#sideMenu dt.first a {
	padding: 4.8vw 8vw 4.8vw 4vw ;
}
#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 4vw ;
}
#sideMenu dd li {
	position: relative ;
	width: 100% ;
	border-bottom: 1px solid #d6d8da ;
}
#sideMenu dd a {
	display: block ;
	position: relative ;
	background: url(../img/ar8.png) 97% center no-repeat ;
	background-size: 3vw ;
	width: 100% ;
	padding: 4vw 8vw 4vw 4vw ;
	font-size: 3.6vw ;
	line-height: 1 ;
	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: 3vw !important ;
}
#sideMenu dd.nowPage {
	display: block !important ;
}
#sideMenu dt.nowPage.now:not(.first) a {
	background: #d23d29 url(../img/ar3.png) 97% center no-repeat !important ;
	background-size: 3vw !important ;
	color: #ffffff !important ;
}
#sideMenu dd.nowPage li.now a {
	background: #d23d29 url(../img/ar3.png) 97% center no-repeat !important ;
	background-size: 3vw !important ;
	color: #ffffff !important ;
}

#twoColumn .rightSide .pdfDl {
	background: #232e3c ;
	margin: 4vw 0 0 0 ;
	padding: 4vw ;
	font-size: 4vw ;
	color: #ffffff ;
}
#twoColumn .rightSide .pdfDl dt {
	position: relative ;
	margin: 0 0 14px 0 ;
	padding: 0 0 0 16px ;
	font-size: 4.5vw ;
	font-weight: bold ;
	line-height: 1 ;
	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: 31.74% ;
	height: auto ;
	margin: 0 4vw 0 0 ;
/*	border: 1px solid #cccccc ;*/
}
#twoColumn .rightSide .pdfDl p {
	margin: 15px 0 0 0 ;
}
#twoColumn .rightSide .btn3 {
	width: 100% ;
	height: 12vw ;
	line-height: 11vw ;
	padding: 0 ;
	font-size: 4vw ;
}
#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: 4vw ;
	padding: 0 0 0 6vw ;
}


/* siteparts */


/* field */

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


/* header */

#topTitle {
	position: relative ;
	width: 100% ;
	overflow: hidden ;
}
#topTitle .siteInner {
	background: #d7e1e3 ;
	padding: 2vw 4vw ;
	color: #333333 ;
	font-size: 3.2vw ;
}
#topTitle .siteInner li {
	display: inline ;
}
#topTitle .siteInner li:nth-child(n+2):before {
	content: ">" ;
	margin: 0 0.6em ;
	opacity: .5 ;
}
#topTitle .area {
	position: relative ;
	background: #374252 center center no-repeat ;
	background-size: cover ;
	width: 100% ;
	height: 33.33vw ;
	z-index: 1 ;
}
#topTitle h1 {
	width: 100% ;
	letter-spacing: 0.1em ;
	font-size: 5.6vw ;
	font-weight: bold ;
	line-height: 1.4 ;
	text-align: center ;
	color: #ffffff ;
}
#topTitle h1 img {
	width: auto ;
	height: 8vw ;
	margin: 0 0 1vw 0 ;
}

#subTitle {
	position: relative ;
	width: 100% ;
	overflow: hidden ;
}
#subTitle .siteInner {
	background: #d7e1e3 ;
	padding: 2vw 4vw ;
	color: #333333 ;
	font-size: 3.2vw ;
}
#subTitle .siteInner li {
	display: inline ;
}
#subTitle .siteInner li:nth-child(n+2):before {
	content: ">" ;
	margin: 0 0.6em ;
	opacity: .5 ;
}
#subTitle .area {
	position: relative ;
	background: #374252 center center no-repeat ;
	background-size: cover ;
	width: 100% ;
	height: 33.33vw ;
	z-index: 1 ;
}
#subTitle h1,
#subTitle p {
	width: 100% ;
	margin: 0 ;
	padding: 0 4vw ;
	letter-spacing: 0.1em ;
	font-size: 5.6vw ;
	font-weight: bold ;
	line-height: 1.4 ;
	color: #ffffff ;
}
#subTitle h1 > img {
	width: 100% ;
	height: auto ;
}
#subTitle h1 + p,
#subTitle p + p {
	position: relative ;
	font-size: 3.8vw ;
	font-weight: normal ;
}

.siteInner h1 {
	margin: 0 0 1.5em ;
	font-size: 5vw ;
	font-weight: bold ;
	line-height: 1.4 ;
}
.subTxt {
	margin: -1.5em 0 1.8em;
	font-size: 4.2vw;
	font-weight: bold;
	color: #737b86 ;
}

h2 {
	position: relative ;
	margin: 8vw 0 8vw 0 ;
	font-size: 6vw ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #000000 ;
}
h2:before {
	content: "" ;
	position: absolute ;
	bottom: -3.5vw ;
	width: 14.66vw ;
	border-bottom: 3px solid #d23d2a ;
}
h2 a:link,
h2 a:visited {
	text-decoration: none;
}
h2.center {
	position: relative ;
	margin: 8vw 0 8vw 0 ;
	font-size: 5.5vw ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	text-align: center ;
}
h2.center:before {
	content: "" ;
	position: absolute ;
	left: 50% ;
	bottom: -4vw ;
	width: 100% ;
	margin: 0 0 0 -7.33% ;
	border-bottom: 3px solid #d23d2a ;
}
h2:first-child {
	margin: 0 0 8vw 0 ;
}
.headAndbtn {
	position: relative ;
}
.headAndbtn h2 {
	position: relative ;
	margin: 0 0 8vw 0 ;
	font-size: 5.5vw ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	text-align: center ;
}
.headAndbtn h2:before {
	content: "" ;
	position: absolute ;
	left: 50% ;
	bottom: -3.5vw ;
	width: 14.66% ;
	margin: 0 0 0 -7.33% ;
	border-bottom: 3px solid #d23d2a ;
}
h3 {
	position: relative ;
	margin: 6vw 0 3vw 0 ;
	font-size: 5vw ;
	font-weight: bold ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #4a5565 ;
}
h3:first-child {
	margin: 0 0 3vw 0 ;
}
h3 a:link,
h3 a:visited {
	text-decoration: none;
}
h4,
.midashi01 {
	position: relative ;
	margin: 5vw 0 3vw 0 ;
	padding: 0 0 0 3.8vw ;
	font-size: 4.5vw ;
	font-weight: bold ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #333333 ;
}

h4:before,
.midashi01:before  {
	content: "" ;
	position: absolute ;
	top: 1.8vw ;
	left: 0 ;
	width: 2vw ;
	border-top: 3px solid #d23d2a ;
}
h4:first-child,
.midashi01:first-child  {
	margin: 0 0 3vw 0 ;
}
h4 a:link,
h4 a:visited,
.midashi01 a:link,
.midashi01 a:visited {
	text-decoration: none;
}
h5,
.midashi02,
.midashi_r {
	position: relative ;
	margin: 4vw 0 3vw 0 ;
	font-size: 4.2vw ;
	font-weight: bold ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #4a5565 ;
}
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 2vw 0 ;
	padding: 0 ;
	font-size: 3.7vw ;
	font-weight: bold ;
	color: #374252 ;
}
.textTitle:before {
	border: none ;
}


/* img + caption */

.imgCaption {
	position: relative ;
	display: inline-block ;
}
.imgCaption img {
/*	width: 100% ;*/
	height: auto ;
}
.imgCaption p {
	margin: 3vw 0 ;
	font-size: 3.5vw ;
}
.imgCaption img {
	max-width: 100% ;
}
.imgCaption p.top {
	width: 100% ;
	background: #dfe2e6 ;
	margin: 0 !important ;
	padding: 3vw 4vw ;
	font-size: 3.2vw ;
	font-weight: bold ;
	line-height: 1.3 ;
	color: #374252 ;
}


.imgTxt {
	position: relative ;
	width: 100% ;
	margin: 0 0 4vw 0 ;
	display: inline-block ;
}
.imgTxt:last-child {
	margin: 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: 50% ;
}
.imgTxt .imgSide img {
	width: 100% ;
	height: auto ;
}
.imgTxt .txtSide {
}
.imgTxt.imgL .imgSide {
	float: left ;
	margin: 0 3vw 1.5vw 0 ;
}
.imgTxt.imgR .imgSide {
	float: right ;
	margin: 0 0 1.5vw 3vw ;
}
.imgTxt .imgSide p {
	margin: 2vw 0 0 0 ;
	font-size: 3.2vw ;
	line-height: 1.4 ;
}


/* textbox */

.noticeBox {
	background: #f0f4f5 ;
	width: 100% ;
	margin: 4vw 0 ;
	padding: 4vw ;
}
.columnSet .noticeBox,
.noticeBox .columnSet > div {
	margin: 0 0 4vw 0 ;
}
/*
.noticeBox .columnSet img {
	width: 100% ;
	height: auto ;
}
*/
.frameBox {
	position: relative ;
	background: #ffffff ;
	margin: 4vw 0 ;
	padding: 0 4vw 4vw 4vw ;
	border: 5px solid #dae4e7 ;
}
.frameBox h2,
.frameBox h3 {
	background: #dae4e7 ;
	margin: 0 -4vw 4vw -4vw ;
	padding: 3.5vw 3.5vw 4vw 3.5vw ;
	font-size: 4.2vw ;
	font-weight: bold ;
	line-height: 1.4 ;
	color: #374252 ;
}
.frameBox h2:before {
	width: 0 ;
	border-top: none ;
}
.frameBox > p:last-child {
	margin: 0 ;
}

.valueBox {
	background: #f0f4f5 ;
	width: 100% ;
	margin: 30px 0 ;
	padding: 3vw 4vw 2vw 4vw ;
}
.valueBox h3,
.valueBox h4 {
	margin: 0 0 3vw 0 ;
	font-size: 4vw ;
	font-weight: bold ;
	color: #000000 ;
}
.valueBox dl {
	margin: 0 0 2vw 0 ;
}
.valueBox dt {
	background: #387e9f ;
	padding: 3vw 4vw ;
	font-size: 3.8vw ;
	line-height: 1 ;
	color: #ffffff ;
	text-align: center ;
}
.valueBox dd {
	background: #ffffff ;
	padding: 2vw 4vw ;
	text-align: center ;
}
.valueBox strong {
	font-size: 5.4vw ;
	font-weight: bold ;
	color: #387e9f ;
}


/* columnSet */

.columnSet {
	position: relative ;
	width: 100% ;
	overflow: hidden;
}
.columnSet .column1-2,
.columnSet .column1-3,
.columnSet .column2-3,
.columnSet .column1-4,
.columnSet .column3-4 {
	width: 100% ;
}
.columnSet .column1-5,
.columnSet .column1-6 {
	float: left ;
	width: 47.8260% ;
	margin: 0 0 4vw ;
}
.columnSet .column1-5:nth-of-type(2n+1),
.columnSet .column1-6:nth-of-type(2n+1) {
	clear: both ;
	margin: 0 4.348% 4vw 0 ;
}
.columnSet .columnSet .column1-2 img,
.columnSet .column1-3 img,
.columnSet .column1-4 img {
	max-width: 68.75vw ;
}

.boxSp {
	margin-top: 6vw ;
}
.columnBtm > div {
	margin-bottom: 4vw ;
}
.columnBtm > div:last-child {
	margin-bottom: 0 ;
}


/* photoList */

.photoList1-w {
	position: relative ;
	display: block ;
	width: 100% ;
	margin: 0 ;
	padding: 0 4vw ;
	text-decoration: none !important ;
}
.photoList1-m {
	position: relative ;
	display: block ;
	width: 100% ;
	margin: 0 ;
	text-decoration: none !important ;
}
.photoList1-w .photo,
.photoList1-m .photo {
	position: relative ;
	background: #374252 ;
	width: 100% ;
	height: 44.8vw ;
	margin: 0 ;
	color: #374252 ;
	overflow: hidden ;
	z-index: 1 ;
}
.photoList1-w .text,
.photoList1-m .text {
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	margin: 0 ;
	color: #585858 ;
	z-index: 10 ;
}
.photoList1-w .text:after,
.photoList1-m .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: 15px;
	margin-left: -15px;
}
.photoList1-w .text .centerFit,
.photoList1-m .text .centerFit {
	position: relative ;
	top: 0 ;
	left: 0 ;
	-webkit-transform: translate(0%, 0%) ;
	transform: translate(0%, 0%) ;
	width: 100% ;
	padding: 4vw ;
	text-decoration: none ;
}
.contents.photoList1-w {
	padding: 0 ;
}
.contents.photoList1-w .text {
	background: #ffffff ;
}
.contents.photoList1-w .text:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff ;
}
.contents.photoList1-w .text .centerFit {
	padding: 8vw 4vw ;
}


.photoList2-w {
	position: relative ;
	display: block ;
	width: 100% ;
	padding: 0 4vw;
}
.photoList2-m {
	position: relative ;
	display: block ;
	width: 100% ;
}
.photoList2-w .photoBox,
.photoList2-m .photoBox {
	position: relative ;
	background: #657184 ;
	width: 100% ;
	height: auto ;
	margin-bottom: 4vw ;
}
.photoList2-w .photoBox:before,
.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 h2,
.photoList2-m h2,
.photoList2-w h3,
.photoList2-m h3 {
	color: #ffffff ;
}
.photoList2-w .centerFit,
.photoList2-m .centerFit {
	padding: 0 4vw ;
	font-size: 3.46vw ;
	color: #ffffff ;
	text-align: center ;
}
.photoList2-w h2,
.photoList2-w h3,
.photoList2-m h2,
.photoList2-m h3 {
	position: relative ;
	margin: 6vw 0 8vw 0 ;
	font-size: 5.5vw ;
	font-weight: bold ;
	line-height: 1.2 ;
	letter-spacing: 0.05em ;
	text-align: center ;
}
.photoList2-w h2:before,
.photoList2-w h3:before,
.photoList2-m h2:before,
.photoList2-m h3:before {
	content: "" ;
	position: absolute ;
	left: 50% ;
	bottom: -4vw ;
	width: 14.66% ;
	margin: 0 0 0 -7.33% ;
	border-bottom: 3px solid #d23d2a ;
}
.photoList2-w p,
.photoList2-m p {
	text-align: center ;
}
.contents.photoList2-w {
	padding: 0 ;
}
.contents.photoList2-w .photoBox {
	margin-bottom: 0 ;
}
.contents.photoList2-w .photoBox:before {
	padding-top: 75% ;
}


.photoList3 {
	position: relative ;
	width: 100% ;
}
.photoList3 .pbox {
	display: block ;
	position: relative ;
	background: #f0f4f5 ;
	margin: 0 0 4vw 0 ;
	font-size: 13px ;
	color: #000000 ;
}
.photoList3 .pbox {
	width: 100% ;
}
.photoList3 .pbox a {
	display: block ;
	text-decoration: none !important ;
}
.photoList3 .pbox .imgBox {
	display: block ;
	position: relative ;
	overflow: hidden ;
}
.photoList3.c2 .pbox .imgBox,
.photoList3.c3 .pbox .imgBox {
	height: 52vw ;
}
.photoList3 .pbox .text {
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	padding: 4vw 3.5vw ;
	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: 4vw ;
	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: 3vw ;
	margin: 0 -1vw 0 0 ;
	padding: 0 3vw 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: 3.8vw ;
}
.photoList3 .pbox a:link .text:after,
.photoList3 .pbox a:visited .text:after,
.photoList3 .pbox a:hover .text:after,
.photoList3 .pbox a:active .text:after {
	border-color: rgba(240, 244, 245, 0);
	border-bottom-color: #f0f4f5 ;
}
.photoList3 .pbox .text p {
	margin: 2vw 0 0 0 ;
	font-size: 3.5vw ;
	word-wrap: break-word ;
}

.columnSet.c4-c2,
#twoColumn .columnSet.c3-c2 {
	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% ;
}
.columnSet.c4-c2 .pbox,
#twoColumn .columnSet.c3-c2 .pbox,
.columnSet.c4-c2 > div,
#twoColumn .columnSet.c3-c2 > div {
	width: 47.8260% ;
	margin: 0 4.348% 4vw 0 ;
}
.columnSet.c4-c2 .pbox:nth-child(2n),
#twoColumn .columnSet.c3-c2 .pbox:nth-child(2n),
.columnSet.c4-c2 > div:nth-child(2n),
#twoColumn .columnSet.c3-c2 > div:nth-child(2n) {
	width: 47.8260% ;
	margin: 0 0 4vw 0 ;
}
.photoList3.c4-c2 .pbox .imgBox,
#twoColumn .photoList3.c3-c2 .pbox .imgBox {
	height: 33vw ;
}


/* tab + accordion */

#tabAccordion {
	position: relative ;
	margin-top: -13.3333vw !important ;
	padding-top: 13.3333vw !important ;
	z-index: 2 ;
}
.tabAccordion {
	position: relative ;
	width: 100% ;
	z-index: 2 ;
}
.tabAccordion .siteInner {
	background: #f0f4f5 ;
	width: 100% ;
	padding: 0 ;
}
.tabAccordion.topTab .siteInner {
	background: #f0f4f5 ;
	width: 100% ;
	padding: 6vw 4vw ;
}
.tabAccordion dl {
	position: relative ;
	width: 100% ;
}
.tabAccordion dl dt {
	position: relative ;
	background: #374252 url(../img/icon-open.png) 96% center no-repeat ;
	background-size: 10vw ;
	width: 100% ;
	padding: 6vw 8vw 6vw 0 ;
	font-size: 3.8vw ;
	font-weight: bold ;
	color: #ffffff ;
	line-height: 1 ;
	overflow: hidden ;
	text-align: center ;
	border-bottom: 1px solid #5a6474 ;
	text-decoration: none ;
	-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.btnAcv {
	background: #374252 url(../img/icon-close.png) 96% center no-repeat ;
	background-size: 10vw ;
}
.tabAccordion dl dt:hover,
.tabAccordion dl dt:focus {
	filter: alpha(opacity=80) ;
	-moz-opacity: 0.80 ;
	opacity: 0.80 ;
}
.tabAccordion dl dt a,
.tabAccordion dl dt span {
	color: #ffffff ;
	text-decoration: none ;
}
.tabAccordion dl dd,
.tabAccordion dl dd.noticeBox {
	display: none ;
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	padding: 4vw ;
	font-size: 3.6vw ;
}
.tabAccordion.topTab dl dd,
.tabAccordion.topTab dl dd.noticeBox {
	background: #ffffff ;
	width: 100% ;
	padding: 0 ;
}
.tabAccordion dl dd.readAcv {
	display: block ;
}


/* download */

.download h2 {
	color: #374252 ;
}
.download .photo {
	float: left ;
	width: 28.9% ;
}
.download .photo img {
	width: 100% ;
	height: auto ;
	border: 1px solid #eeeeee ;
}
.download .read {
	float: right ;
	width: 66% ;
}
.download p {
	margin: 0 0 3vw 0 ;
}
.download .dl {
	clear: both ;
	margin: 0 ;
	padding: 4vw 0 0 0 ;
}

.download2 {
	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 ;
	position: relative ;
	width: 100% ;
}
.download2 > div {
	width: 48% ;
}
.download2 .photo {
	width: 23vw ;
	margin: 0 auto 4vw auto ;
}
.download2 .photo img {
	width: 100% ;
	height: auto ;
	border: 1px solid #eeeeee ;
}
.download2 h3 {
	position: relative ;
	margin: 0 0 3vw 0 ;
	line-height: 1.2 ;
	font-size: 4vw ;
	color: #000000 ;
	text-align: center ;
}
.download2 .read {
}
.download2 p {
}
.download2 .dl {
	margin: 3vw 0 0 0 ;
	padding: 0 ;
}


/* newsList */

.newsList {
	width: 100% ;
	padding: 4vw 0 0 0 ;
	font-size: 2.66vw ;
	border-top: 1px solid #d7e1e3 ;
}
.newsList a:link,
.newsList a:visited {
	color: #333333 ;
	text-decoration: none ;
}
.newsList a:hover,
.newsList a:active {
	color: #2f93a5 ;
}
.newsList dt {
	display: inline-block ;
	height: 4vw ;
	margin: 0 ;
	padding: 0 2vw 0 4vw ;
	font-size: 3.5vw ;
	font-weight: bold ;
	line-height: 4vw ;
	vertical-align: middle ;
}
/*
.newsList .new {
	display: inline-block ;
	background: #2f93a5 ;
	width: 18% ;
	margin: 0 ;
	padding: 0 ;
	font-size: 2.13vw ;
	line-height: 4vw ;
	color: #ffffff ;
	text-align: center ;
	vertical-align: middle ;
	-webkit-border-radius: 2vw ;
	-moz-border-radius: 2vw ;
	border-radius: 2vw ;
	border-bottom: none ;
}
*/
.newsList .non {
	display: inline-block ;
	width: 22% ;
	height: 4vw ;
	margin: 0 ;
	font-size: 0px ;
	line-height: 4vw ;
	vertical-align: middle ;
}
.newsList .cat {
	display: inline-block ;
	background: #374252 ;
	width: 26% ;
	margin: 0 ;
	padding: 0 ;
	font-size: 2.13vw ;
	line-height: 4vw ;
	color: #ffffff ;
	text-align: center ;
	vertical-align: middle ;
	-webkit-border-radius: 2vw ;
	-moz-border-radius: 2vw ;
	border-radius: 2vw ;
}
.newsList .txt {
	clear: both ;
	width: 100% ;
	margin: 0 0 3vw 0 ;
	padding: 1vw 4vw 3vw 4vw ;
	font-size: 3.8vw ;
	border-bottom: 1px solid #d7e1e3 ;
}
.newsList .txt span {
	display: inline-block ;
	background: #d23d2a ;
	width: 16% ;
	margin: 0 1vw 0 0 ;
	font-size: 2.13vw ;
	line-height: 4vw ;
	color: #ffffff ;
	text-align: center ;
	vertical-align: middle ;
	-webkit-border-radius: 2vw ;
	-moz-border-radius: 2vw ;
	border-radius: 2vw ;
}
.newsList .pdf a:after {
	content: "";
	display: inline-block;
	width: 4.8vw;
	height: 4.8vw;
	margin: 0 0 0 2vw;
	vertical-align: middle;
	background: url(../img/pdf.png) left center no-repeat;
	background-size: 4.8vw;
}


/* contact */

.contact .title {
	position: relative ;
	background: #374252 ;
	width: 100% ;
	height: 12vw ;
	margin: 0 ;
	z-index: 2 ;
}
.contact .title:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(55, 66, 82, 0);
	border-top-color: #374252;
	border-width: 10px;
	margin-left: -10px;
}
.contact .title h3 {
	margin: 0 ;
	padding: 0 ;
	white-space: nowrap ;
	font-size: 3.73vw ;
	font-weight: bold ;
	text-align: center ;
	color: #ffffff ;
}
.contact .add {
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	padding: 6vw 4vw ;
	font-size: 3.26vw ;
	color: #374252 ;
	z-index: 1 ;
}
.contact .add {
	position: relative ;
	background: #f0f4f5 ;
	width: 100% ;
	padding: 4vw ;
	font-size: 3.8vw ;
	color: #374252 ;
	z-index: 1 ;
}
.contact .add.wt {
	background: #ffffff ;
}
.contact .add dt {
	margin: 0 0 10px 0 ;
	font-size: 4vw ;
	font-weight: bold ;
}
.contact .add dd {
	color: #585858 ;
}


/* btn */

.btn1 {
	display: inline-block ;
	background: url(../img/ar1.png) 96% center no-repeat ;
	background-size: 3vw ;
	width: 100% ;
	margin: 0 0 2vw 0 ;
	padding: 2vw 8vw 2vw 4vw;
	border: 2px solid #d23d2a ;
	font-size: 3.8vw ;
	color: #d23d2a !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
}
.btn1:last-child {
	margin: 0 ;
}
.btn1:hover,
.btn1:focus {
	background: #d23d2a url(../img/ar3.png) 96% center no-repeat ;
	background-size: 3vw ;
	color: #ffffff !important ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}
.btn1.pdf {
	background-image: none ;
	padding: 2vw 4vw ;
}
.download2 .btn1 {
	font-size: 3.3vw;
}
.btn1.pdf span {
	display: inline-block ;
	background: url(../img/pdf.png) left center no-repeat ;
	background-size: 4.8vw ;
	padding: 0 0 0 6vw ;
	color: #d23d2a !important ;
}
.btn1.pdf:hover span,
.btn1.pdf:focus span {
	background: url(../img/pdf2.png) left center no-repeat ;
	background-size: 4.8vw ;
	color: #ffffff !important ;
}
.btn1.blank {
	background-image: none ;
	padding: 2vw 4vw ;
}
.btn1.blank span {
	display: inline-block ;
	background: url(../img/blank3.png) right center no-repeat ;
	background-size: 4.8vw ;
	padding: 0 7vw 0 0 ;
	color: #d23d2a !important ;
}
.btn1.blank:hover span,
.btn1.blank:focus span {
	background: url(../img/blank2.png) right center no-repeat ;
	background-size: 4.8vw ;
	color: #ffffff !important ;
}
.btn1.dl {
	background-image: none ;
	padding: 3vw 0 ;
}
.btn1.dl span {
	display: inline-block ;
	background: url(../img/dl3.png) right center no-repeat ;
	background-size: 4.8vw ;
	padding: 1vw 7vw 1vw 0 ;
	color: #d23d2a !important ;
}
.btn1.dl:hover span,
.btn1.dl:focus span {
	background: url(../img/dl2.png) right center no-repeat ;
	background-size: 4.8vw ;
	color: #ffffff !important ;
}


.btn2 {
	display: inline-block ;
	background: url(../img/ar2.png) 96% center no-repeat ;
	background-size: 3vw ;
	width: 100% ;
	margin: 0 0 2vw 0 ;
	padding: 3.46vw 0 ;
	border: 2px solid #000000 ;
	font-size: 3.46vw ;
	line-height: 1 ;
	color: #000000 !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
}
.btn2:last-child {
	margin: 0 ;
}
.btn2:hover,
.btn2:focus {
	background: #000000 url(../img/ar3.png) 96% center no-repeat ;
	background-size: 3vw ;
	color: #ffffff !important ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}

.btn3 {
	display: inline-block ;
	background: url(../img/ar3.png) 96% center no-repeat ;
	background-size: 3vw ;
	width: 100% ;
	margin: 0 0 2vw 0 ;
	padding: 3.46vw 8vw 3.46vw 4vw ;
	border: 2px solid #ffffff ;
	font-size: 3.8vw ;
	line-height: 1 ;
	color: #ffffff !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
}
.btn3:last-child {
	margin: 0 ;
}
.btn3 span {}
.btn3:hover,
.btn3:focus {
	background: #ffffff url(../img/ar2.png) 96% center no-repeat ;
	background-size: 3vw ;
	color: #000000 !important ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}


/* table */

.tableStyle {
	width: 100% ;
	border-collapse: collapse ;
}
.tabAccordion .siteInner {
	position: relative ;
	background: #f0f4f5 ;
	padding: 0 ;
}
.tableStyle.body th,
.tableStyle.body td { font-size: 4vw ; }
.tableStyle.note th,
.tableStyle.note td { font-size: 3.8vw ; }
.tableStyle.memo th,
.tableStyle.memo td { font-size: 3.6vw ; }
.tableStyle th {
	background: #dae4e7 ;
	padding: 1.6vw 2vw ;
	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: 1.6vw 2vw ;
	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: 3vw !important;
}
.scroll {
	overflow: auto ;
	white-space: nowrap ;
	margin: 0 0 5vw ;
	padding: 0 0 2vw 0 ;
}
.scroll::-webkit-scrollbar {
	height: 5px ;
}
.scroll::-webkit-scrollbar-track {
	background: #f2f2f2 ;
}
.scroll::-webkit-scrollbar-thumb {
	background: #2f93a5 ;
}


/* ankerLink */

.ankerLink1 {
	position: relative ;
	background: #374252 ;
	z-index: 100 ;
}
.ankerLink1 ul {
	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 ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	border-top: 1px solid #5b6471 ;
}
.ankerLink2 {
	position: relative ;
	background: #f0f4f5 ;
	z-index: 100 ;
}
.ankerLink2 ul {
	display: -webkit-flex ;
	display: flex ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: center ;
	justify-content: center ;
	-webkit-align-items: stretch ;
	align-items: stretch ;
	width: 100% ;
	max-width: 980px ;
	margin: 0 auto ;
	border-top: 1px solid #fff ;
}
.ankerLink1 li {
	width: 50% !important ;
	border-right: 1px solid #5b6471 ;
	border-bottom: 1px solid #5b6471 ;
}
.ankerLink1 li:nth-child(even) {
	border-right: none ;
}
.ankerLink2 li {
	width: 50% !important ;
	border-right: 1px solid #fff ;
	border-bottom: 1px solid #fff ;
}
.ankerLink2 li:nth-child(even) {
	border-right: none ;
}
.ankerLink1 a,
.ankerLink2 a {
	display: table-cell ;
	height: 15vw ;
	width: 100vw ;
	padding: 3vw 6vw 3vw 3vw ;
	font-size: 4vw ;
	line-height: 1.3 ;
	text-align: center ;
	text-decoration: none ;
	vertical-align: middle ;
}
.ankerLink1 a {
	background: #374252 url(../img/ar6.png) 95% center no-repeat ;
	background-size: 2vw ;
	color: #ffffff ;
}
.ankerLink2 a {
	background: #f0f4f5 url(../img/ar7.png) 95% center no-repeat ;
	background-size: 2vw ;
	color: #374252 ;
}
.ankerLink1 a:hover,
.ankerLink1 a:active {
	background-color: #414e61 ;
}
.ankerLink2 a:hover,
.ankerLink2 a:active {
	background-color: #fafeff ;
}

.ankerLink3 {
	position: relative ;
	width: 100% ;
	margin: 4vw 0 8vw 0 ;
	z-index: 10 ;
}
.ankerLink3 li {
	margin: 0 0 4vw 0 ;
}
.ankerLink3 li a {
	background: url(../img/ar10.png) right center no-repeat ;
	background-size: 2.6vw ;
	padding: 0 4.4vw 0 0 ;
	color: #333333 ;
	text-decoration: none ;
}
.ankerLink3 li a:hover,
.ankerLink3 li a:focus {
	color: #6db3c0 ;
}
.ankerPoint {
	padding-top: 8vw ;
}
.naviLink {
	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 ;
	width: 100% ;
	height: 13vw ;
	margin: 6vw 0 ;
}
.naviLink li {
	width: 100% ;
	height: 13vw ;
	margin: 0 1px 0 0 ;
}
.naviLink li a,
.naviLink li span {
	display: inline-block ;
	background: #f0f4f5 ;
	width: 100% ;
	height: 13vw ;
	font-size: 4.2vw ;
	line-height: 13vw ;
	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: 8vw 0 ;
	overflow-x: hidden ;
}
.siteInner + #relation {
	margin-top: 8vw;
}

#relation .siteInner {
	width: 100% ;
	padding: 0 ;
}
#relation h3 {
	margin: 0 0 4vw 0 ;
	padding: 0 ;
	font-size: 5.2vw ;
	font-weight: bold ;
	text-align: center ;
	color: #ffffff ;
}
#relation .linkSlides {
	position: relative ;
	width: 100% ;
	margin: 0 ;
}
#relation .slick-slide {
	position: relative ;
	width: 100% ;
	height: auto ;
	margin: 0 1.6vw ;
	overflow: hidden ;
}
#relation .slick-slide:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 58.06% ;
}
#relation .li1 .slick-track {
	-moz-transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}
#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-dots {
	position: relative ;
	width: 100% ;
	margin: 4vw 0 0 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 0 ;
	line-height: 1 ;
}
#relation .slick-dots li {
	position: relative ;
	display: inline-block ;
	background: rgba(255,255,255,0.5) ;
	width: 2.4vw ;
	height: 2.4vw ;
	margin: 0 0.7vw ;
	padding: 0 ;
	-webkit-border-radius: 1.2vw ;
	-moz-border-radius: 1.2vw ;
	border-radius: 1.2vw ;
	overflow: hidden ;
	cursor: pointer ;
}
#relation .slick-dots li.slick-active {
	background: #ffffff ;
}
#relation .slick-dots li button {
	display: none ;
}
#relation p {
	padding: 0 4vw ;
	font-size: 4.5vw ;
	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: 6vw ;
	padding: 8vw 4vw 0 ;
	font-size: 4.2vw ;
}



/* footerGuide */

#footerGuide {
	background: #374252 ;
	width: 100% ;
	margin: 0 ;
}
.siteInner + #footerGuide {
	margin-top: 8vw;
}

#footerGuide .guide {
	position: relative ;
	height: 52vw ;
	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 {
	padding: 0 4vw ;
}
#footerGuide h3 {
	margin: 0 0 2vw 0 ;
	font-size: 5vw ;
	font-weight: bold ;
	text-align: center ;
	line-height: 1.2 ;
	color: #ffffff ;
}
#footerGuide p {
	margin: 3vw 0 0 0 ;
	font-size: 4vw ;
	color: #ffffff ;
}


/* go top */

#goTop {
	position: fixed ;
	right: 10px ;
	bottom: 10px ;
	width: 50px ;
	height: 50px ;
	z-index: 500 ;
}
#goTop img {
	width: 50px ;
	height: 50px ;
}


/* 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.3em 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.3em 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.3em 0 ;
	padding: 0 0 0 1.7em ;
}
.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.3em 0 ;
	padding: 0 0 0 2.7em ;
}
.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: 13vw ;
	margin: 0 0 4vw 0 ;
	padding: 0 0 0 15vw ;
	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: 13vw ;
    height: 13vw ;
	font-size: 3.84vw ;
	font-weight: normal ;
    line-height: 13vw;
    text-align: center ;
    color: #ffffff ;
	-webkit-border-radius: 6.5vw ;
	-moz-border-radius: 6.5vw ;
	border-radius: 6.5vw ;
}
.listFaq dd {
	position: relative ;
	min-height: 13vw ;
	margin: 0 0 6vw 0 ;
	padding: 0 0 0 15vw ;
	line-height: 1.8 ;
}
.listFaq dd:before {
	position: absolute ;
	top: 0 ;
	left: 0 ;
    counter-increment: dd;
    content: "A" counter(dd) ;
    background: #2f93a5 ;
    width: 13vw ;
    height: 13vw ;
	font-size: 3.84vw ;
	font-weight: normal ;
    line-height: 13vw;
    text-align: center ;
    color: #ffffff ;
	-webkit-border-radius: 6.5vw ;
	-moz-border-radius: 6.5vw ;
	border-radius: 6.5vw ;
}

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: 2.8vw ;
	position: relative ;
	margin: 0.3em 0 ;
	padding: 0 0 0 1.5em ;
}
.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 ;
}

.defList40,
.defList80 {
	margin: 0 0 1.5em 0 ;
	padding: 0 ;
	overflow: hidden;
}
.defList40:last-child,
.defList80:last-child {
	margin-bottom: 0 ;
}
.defList40 dt,
.defList80 dt {
	clear: both;
	float: left;
	margin: 0 4vw 0.5em 0;
}
.defList40 dt {width: 12vw;}
.defList80 dt {width: 24vw;}
.defList40 dd,
.defList80 dd {
	margin: 0 0 0.5em ;
	float: left ;
	overflow: hidden ;
}
.defList40 dd {width: calc(100% - 16vw) ;}
.defList80 dd {width: calc(100% - 28vw) ;}
.defList120 dt,
.defList160 dt,
.defList200 dt {
	margin: 0 0 0.5em;
}
.defList120 dd,
.defList160 dd,
.defList200 dd {
	margin: 0 0 1.5em ;
}




/* icon */

.icon {
	margin: 2vw 0 ;
}
.icon a {
	display: inline-block ;
	padding: 0.7vw 0 0.7vw 7vw ;
	line-height: 1.4 ;
/*	white-space: nowrap ;*/
}
.icon.link a {
	background: url(../img/ar11.png) left center no-repeat ;
	background-size: 3.6vw ;
}
.icon.pdf a {
	background: url(../img/pdf.png) left center no-repeat ;
	background-size: 4.8vw ;
}
.icon.dl a {
	background: url(../img/dl.png) left center no-repeat ;
	background-size: 4.8vw ;
}
.icon.blank a {
	background: url(../img/blank.png) left center no-repeat ;
	background-size: 4.8vw ;
}
.icon.mail a {
	background: url(../img/mail.png) left center no-repeat ;
	background-size: 4.8vw ;
}
.icon.anchor a {
	background: url(../img/ar10.png) 0.6vw center no-repeat ;
	background-size: 3.6vw ;
}
.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: #f0f4f5 ;
	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 ;
}


/* textbox */

.getAadobe {
	background: #e4e8ee ;
	width: 100% ;
	margin: 30px 0 ;
	padding: 20px ;
}
.getAadobe img {
	float: none ;
	width: 50% ;
	height: auto ;
}
.getAadobe p {
	margin: 3vw 0 0 0 !important ;
	padding: 0 ;
	font-size: 3.8vw ;
	line-height: 1.5 ;
}
.getAadobe p a {
	font-size: 4vw ;
}


/* 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% ;
	overflow: hidden ;
}
.banner.photoList3 .imgBox {
	display: block ;
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	height: auto !important ;
	overflow: hidden ;
	border: 1px solid #eeeeee ;
}
.banner.photoList3 a:hover .imgBox,
.banner.photoList3 a:active .imgBox {
	background: #333333 ;
}
.banner.photoList3 .imgBox:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 40% ;
}
.banner.photoList3 .text {
	font-size: 3.5vw ;
	text-align: left ;
}

.bannerSet {
	position: relative ;
	margin: 0 -4vw ;
}
.bannerSet .slick-slide {
	position: relative ;
	background: #ffffff ;
	height: 30vw ;
	margin: 0 1.6vw ;
	overflow: hidden ;
}
.bannerSet.li1 .slick-track {
	-moz-transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}
.bannerSet.slick-slider a div {
	-webkit-transition-duration: .2s !important ;
	transition-duration: .2s !important ;
}
.bannerSet .imgBox {
	display: block ;
	position: relative ;
	background: #ffffff ;
	height: 30vw ;
	overflow: hidden ;
	border: 1px solid #eeeeee ;
}
.bannerSet a:hover .imgBox,
.bannerSet a:active .imgBox {
	background: #333333 ;
}
.bannerSet .slick-dots {
	position: relative ;
	width: 100% ;
	margin: 4vw 0 0 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 0 ;
	line-height: 1 ;
}
.bannerSet .slick-dots li {
	position: relative ;
	display: inline-block ;
	background: #f0f4f5 ;
	width: 2.4vw ;
	height: 2.4vw ;
	margin: 0 0.7vw ;
	padding: 0 ;
	-webkit-border-radius: 1.2vw ;
	-moz-border-radius: 1.2vw ;
	border-radius: 1.2vw ;
	overflow: hidden ;
	cursor: pointer ;
}
.bannerSet .slick-dots li.slick-active {
	background: #374659 ;
}
.bannerSet .slick-dots li button {
	display: none ;
}


/* 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% ;
}
.formArea table {
	display: block ;
	width: 100% ;
	border-collapse: collapse ;
	border-bottom: 1px solid #f1f2f4 ;
}
.formArea th {
	display: block ;
	width: 100% ;
	background: #dae4e7 ;
	padding: 3vw 4vw ;
	font-size: 3.8vw ;
	font-weight: bold ;
	color: #374252 ;
	text-align: left ;
	line-height: 1.5 ;
	text-align: left ;
	border: 1px solid #dae4e7 ;
}
.formArea td {
	display: block ;
	width: 100% ;
	background: #ffffff ;
	padding: 3vw 4vw ;
	font-size: 3.8vw ;
	text-align: left ;
	line-height: 1.5 ;
	border-left: 1px solid #f1f2f4 ;
	border-right: 1px solid #f1f2f4 ;
}
.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: 1vw 0 ;
	padding: 2vw ;
	font-size: 3.8vw ;
	line-height: 1.4 ;
	border: 1px solid #f0f4f5 ;
}
.formArea select {
	-webkit-appearance: none ;
	-moz-appearance: none ;
	appearance: none ;
	position: relative ;
	width: 100% ;
	background: #ffffff url(../img/select-ar.png) right center no-repeat ;
	background-size: 8vw 12vw ;
	margin: 1vw 0 ;
	padding: 2vw 10vw 2vw 2vw ;
	font-size: 3.8vw ;
	line-height: 1.4 ;
	border: 1px solid #eeeeee ;
	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 #cccccc ;
}
.formArea select::-ms-expand {
	display: none ;
}
.formArea label {
	display: inline-block;
	margin: 0 2vw 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: block ;
	width: 100% ;
	margin: 1vw 0 0 0 ;
}
.formArea .captionTop span {
	display: block ;
}
.formArea .captionLeft {
	display: block ;
	width: 100% ;
}
.formArea .captionLeft span {
	display: inline-block ;
	width: 35% ;
	margin: 0 ;
	vertical-align: middle ;
}
.formArea .captionLeft input[type="text"] {
	width: 65% ;
	vertical-align: middle ;
}
.formArea .caption input[type="text"] {
	width: 100% ;
}
.formArea .zip input[type="text"] {
	width: 20% ;
}
.formArea .zip input[type="text"]:last-child {
	width: 40% ;
}

.formArea .uploadButton {
	display: inline-block ;
	position: relative ;
	overflow: hidden ;
	width: 100% ;
	cursor: pointer ;
	white-space: nowrap ;
}
.formArea .uploadButton span {
	display: inline-block ;
	background: #db321c ;
	width: 20% ;
	padding: 2vw 4vw ;
	border: none ;
	vertical-align: middle ;
	font-size: 12px ;
	line-height: 1.4 ;
	border: 1px solid #db321c ;
	color: #ffffff ;
}
.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: 78% ;
	margin: 0 2% 0 0 ;
	padding: 2vw 4vw ;
	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: block ;
	width: 100% ;
	background: #374252 url(../img/ar4.png) 6% center no-repeat ;
	background-size: 3vw ;
	margin: 0 0 2vw 0 ;
	padding: 4vw 5vw ;
	border: 2px solid #374252 ;
	font-size: 3.46vw ;
	line-height: 1 ;
	color: #ffffff !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
	cursor: pointer ;
}
.formArea .btnPrev:hover,
.formArea .btnPrev:focus {
	background: #ffffff url(../img/ar12.png) 6% center no-repeat ;
	background-size: 3vw ;
	color: #374252 !important ;
}
.formArea .btnSend {
	display: block ;
	width: 100% ;
	background: #d23d2a url(../img/ar3.png) 94% center no-repeat ;
	background-size: 3vw ;
	margin: 0 0 2vw 0 ;
	padding: 4vw 5vw ;
	border: 2px solid #d23d2a ;
	font-size: 3.46vw ;
	line-height: 1 ;
	color: #ffffff !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
	cursor: pointer ;
}
.formArea .btnSend:hover,
.formArea .btnSend:focus {
	background: #ffffff url(../img/ar1.png) 94% center no-repeat ;
	background-size: 3vw ;
	color: #d23d2a !important ;
}
.formArea .btnOther {
	display: block ;
	width: 100% ;
	background: #ffffff url(../img/ar1.png) 94% center no-repeat ;
	background-size: 3vw ;
	margin: 0 0 2vw 0 ;
	padding: 4vw 5vw ;
	border: 2px solid #d23d2a ;
	font-size: 3.46vw ;
	line-height: 1 ;
	color: #d23d2a !important ;
	text-decoration: none !important ;
	text-align: center ;
	-webkit-border-radius: 40px ;
	-moz-border-radius: 40px ;
	border-radius: 40px ;
	cursor: pointer ;
}
.formArea .btnOther:hover,
.formArea .btnOther:focus {
	background: #d23d2a url(../img/ar3.png) 94% center no-repeat ;
	background-size: 3vw ;
	color: #ffffff !important ;
}




/* productsMovie */

#productsMovie {
	position: relative ;
}
#productsMovie .siteInner {
	position: relative ;
	background: #dfe2e6 ;
	width: 100% ;
	padding: 8vw 4vw !important;
	font-size: 3.73vw ;
}
#productsMovie h2 {
	margin: 0 0 4vw 0 ;
	font-size: 5.06vw ;
	font-weight: normal ;
	color: #374252 ;
	text-align: center ;
}
#productsMovie h2:before {
	border-bottom: none ;
}
#productsMovie .movie {
	background: #fff ;
	position: relative ;
	height: auto ;
	overflow: hidden ;
	border: solid 2.5vw #fff;
}
#productsMovie .movie:before {
	position: relative ;
	content: "";
	display: block ;
	padding-top: 56.26% ;
}
#productsMovie .movie .thumb {
	cursor: pointer;
}
#productsMovie .movie iframe,
#productsMovie .thumb,
#productsMovie .video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0 ;
	bottom: 0 ;
	width: 100% !important ;
	height: 100% !important ;
}




/* productsView */

#productsView {
	position: relative ;
}
#productsView .siteInner {
	position: relative ;
	background: #ffffff ;
	width: 100% ;
	padding: 8vw 4vw ;
}
#productsView h2 {
	margin: 0 ;
}
#productsView #frame img {
	width: 100% ;
	height: auto ;
}




/* colorList */

.colorList1-15,
.colorList1-12,
.colorList1-10,
.colorListS,
.colorListM {
	width: 102.040816%;
	margin: 0 0 2.5vw;
	overflow: hidden;
}
.colorList1-8,
.colorList1-6,
.colorList1-4 ,
.colorListL {
	width: 103.092784%;
	margin: 0 0 2.5vw;
	overflow: hidden;
}

.colorList1-15 li,
.colorList1-12 li,
.colorList1-10 li,
.colorListS li,
.colorListM li {
	float: left;
	width: 18%;
	margin: 0 2% 2.5vw 0;
	font-size: 2.8vw;
	line-height: 1.3;
}
.colorList1-8 li,
.colorList1-6 li,
.colorList1-4 li,
.colorListL li {
	float: left;
	width: 22%;
	margin: 0 3% 2.5vw 0;
	font-size: 2.8vw;
	line-height: 1.3;
}
.colorList1-15 li:nth-of-type(5n+1),
.colorList1-12 li:nth-of-type(5n+1),
.colorList1-10 li:nth-of-type(5n+1),
.colorListS li:nth-of-type(5n+1),
.colorListM li:nth-of-type(5n+1),
.colorList1-8 li:nth-of-type(4n+1),
.colorList1-6 li:nth-of-type(4n+1),
.colorList1-4 li:nth-of-type(4n+1),
.colorListL 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,
.colorListS li img,
.colorListM li img,
.colorListL li img {
	display: block;
	width: 100%;
	margin: 1vw ;
}
.colorListL a,
.colorListM a,
.colorListS a,
.colorList1-15 a,
.colorList1-12 a,
.colorList1-10 a,
.colorList1-8 a,
.colorList1-6 a,
.colorList1-4 a {
	text-decoration: none !important;
}



/* categoryLink */

.categoryLink li {
	display: inline-block ;
	margin: 0 1vw 1.8vw 0 ;
}

.categoryLink li a {
	display: block ;
	padding: 1vw 2.5vw ; 
	font-size: 3vw ;
	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;
	line-height: 1em;
}
#socialArea li {
	display: inline-block;
	height: 25px;
	margin: 0 10px 7px 0;
	overflow: hidden;
}
#socialArea li img {
	vertical-align: baseline;
}




/* for News Page */

.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 {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.pfsx {
/*	text-align: center;*/
	font-size: 3.2vw;
}
/*
.tx_ind {
	text-indent: 1em;
	margin-top: 1em;
}
*/
.fsx {
	font-size: 3vw;
/*	font-size: x-small;*/
}

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

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

div.detail00 dd,
div.detail01 dd {
	overflow: hidden;
	font-size: 3.6vw;
}


.title001 {
	font-size: 4.4vw;
	font-weight: bold;
}
.title002 {
	font-size: 4.2vw;
	font-weight: bold;
}
.title003 {
	font-size: 4vw;
	font-weight: bold;
}




/* for Yahoo! Search */

#yjserp {
	margin: 6vw 4vw ;
	overflow: hidden;
}
#yjserp iframe {
	margin-top: -1px;
}




}