@charset "utf-8";


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

	Reset

---------------------------------------------------------------------------------------- */
/* --------------------------------------------------
 Normailze styles
 Adapted from Normalize.css http://github.com/necolas/
--------------------------------------------------- */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

html.no-cssanimations audio, html.no-cssanimations canvas, html.no-cssanimations video {
	display: inline;
	zoom: 1;
}

audio:not([controls]) {
	display: none;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:hover, a:active {
	outline: 0;
}

pre, code, kbd, samp {
	font-family: monospace, serif;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: '';
	content: none;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

img {
    max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

svg:not(:root) {
	overflow: hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
}

button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

html.no-postmessage button, html.no-postmessage input {
	overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button {
    -webkit-appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}


/* Resetting default margin and padding
--------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote, form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
}

ul {
	list-style: none;
	list-style-image: none;
}

em {
	font-style: normal;
}

small {
	font-size: 100%;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

legend {
	display: none;
}

fieldset {
	border: none;
}

input, textarea, select, label {
}

object {
	vertical-align: middle;
	outline: none;
}

abbr, acronym {
	border: none;
	font-variant: normal;
}

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}

hr {
	display: none;
}

html.no-postmessage body, html.no-postmessage br {
	letter-spacing: 0;
}
html.no-postmessage div {
	zoom: 1;
}


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

	Adjuster

---------------------------------------------------------------------------------------- */
/* Clearfix */
.clearfix { zoom: 1;}

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

.c-both { clear: both; }

/* Position */
.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }

/* Font */
.txtBold { font-weight: bold; }
.txtLarge { font-size: 1.3em;}
.txtSmall { font-size: 0.7em;}

/* Margin */
.mb01 { margin-bottom: 1px; }
.mb02 { margin-bottom: 2px; }
.mb03 { margin-bottom: 3px; }
.mb04 { margin-bottom: 4px; }
.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb07 { margin-bottom: 7px; }
.mb08 { margin-bottom: 8px; }
.mb09 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.mt30 { margin-top: 30px; }

.ml01 { margin-left: 1px; }
.ml02 { margin-left: 2px; }
.ml03 { margin-left: 3px; }
.ml04 { margin-left: 4px; }
.ml05 { margin-left: 5px; }
.ml06 { margin-left: 6px; }
.ml07 { margin-left: 7px; }
.ml08 { margin-left: 8px; }
.ml09 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }


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

	base

---------------------------------------------------------------------------------------- */
body {
    background: #000;
	color: #555;
	font-family:"メイリオ","meiryo","ＭＳ Ｐゴシック","ms pgothic","ヒラギノ角ゴ Pro W3",hirakakupro-w3,sans-serif;
	font-size: 62.5%;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
    min-width: 1256px;
}

#loading {
    position: fixed;
    left: 0;
    top: 0;
    display: table;
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    z-index: 100011;
}
#loading span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#loading img {
    width: 22px;
    height: auto;
}

a:link {
	color: #555;
	text-decoration: none;
}
a:visited {
	color: #555;
}
a:hover, a:hover,
a:hover, a:active {
	color: #555;
}

.overAlpha {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.overAlpha:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#wrap {
    background-color: #f2f2f2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.blur #wrap {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    filter: blur(6px);
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

.blur #wrap:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/dummy.gif);
    z-index: 99;
}

#content {
    font-family:'AxisStd-Light';
    font-size: 14px;
    max-width: 1600px;
    min-width: 1136px;
    margin: 0 auto;
    letter-spacing: 0.05em;
}

.btnType01 {
    font-family:'AxisStd-Regular';
    display: inline-block;
    color: #555;
    border: 1px solid #555;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 0 19px;
    height: 48px;
    line-height: 48px;
    min-width: 240px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color  0.3s ease;
}
.btnType01 span {
    padding-right: 25px;
    background: url(../images/ico_arrow02.png) 95% 1px no-repeat;
}
.btnType01:hover {
    background-color: #555;
}
.btnType01:hover span {
    color: #fff;
    background: url(../images/ico_arrow01.png) 95% 1px no-repeat;
}

.blank {
    display: inline-block;
    background: #ddd url(../images/ico_blank.gif) right 5px no-repeat !important;
    padding: 0 17px 0 2px !important;
    line-height: 1.5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
.blank:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.linkTxt {
    display: inline-block;
    background: #ddd!important;
    padding: 0 2px !important;
    line-height: 1.5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
.linkTxt:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.badgeNews {
    width: 84px;
    height: 19px;
    line-height: 19px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #999;
    color: #fff;
}


/* header
-------------------------------------------------*/
#header {
    position: fixed;
    left: 0;
    top: 3px;
    padding: 0 0.1515151515151515%;
    box-sizing: border-box;
    z-index: 100;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: box-shadow,-webkit-box-shadow, -moz-box-shadow 0.3s ease-out;
    -moz-transition: box-shadow,-webkit-box-shadow, -moz-box-shadow 0.3s ease-out;
    -o-transition: box-shadow,-webkit-box-shadow, -moz-box-shadow 0.3s ease-out;
    transition: box-shadow,-webkit-box-shadow, -moz-box-shadow  0.3s ease-out;
}

#header.shadow {
    box-shadow:rgba(0, 0, 0, 0.05) 0px 12px 6px -6px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.05) 0px 12px 6px -6px;
    -moz-box-shadow:rgba(0, 0, 0, 0.05) 0px 12px 6px -6px;
}

#header #gNavi {
    display: table;
    width: 100%;
    height: 100px;
    min-width: 1136px;
    font-size: 11px;
    margin-bottom: 2px;
}

#header #hdMain {
    display: table-cell;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color  0.3s ease-out;
}

#header #hdMain {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
}
#header.shadow #hdMain {
    background-color: rgba(255,255,255,0.8);
}
#header:hover #hdMain {
    background-color: #fff !important;
}
#header #hdMain h1,
#header #hdMain > p {
    float: left;
    width: 120px;
    height: 40px;
    margin: 30px 0 0 30px;
}
#header #hdMain nav {
    float: left;
    font-size: 12px;
}
#header #hdMain nav ul li {
    float: left;
    height: 100px;
    padding: 0 14px;
}

#header #hdMain nav ul li:first-child {
    margin-left: 25px;
}
#header #hdMain nav ul li:last-child {
    padding: 0 0 0 14px;
}

#header #hdMain nav ul li span {
    position: relative;
    display: block;
    height: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
    text-align: center;
    margin-bottom: -3px;
}
#header #hdMain nav ul li span a {
    display: block;
    box-sizing: border-box;
    font-family:'AxisStd-Regular' !important;
}

#header #gNavi li > span > a {
    position: relative;
    display: block;
    height: px;
    line-height: 100px;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
#header #gNavi li > span {
    box-sizing: border-box;
}
#header #gNavi #hdMain li > span:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #555;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all  0.25s ease-out;
}

#header #gNavi #hdMain li > span.btmSolid:after {
    left: 0;
    width: 100%;
}

#header #gNavi li > span > a.alpha {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}


#header #hdSide {
    display: table-cell;
    width: 408px;
}
#header #hdSide li {
    float: right;
    width: 100px;
    margin-right: 2px;
}
#header #hdSide li:first-child {
    margin-right: 0;
}
#header #hdSide li > span {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color  0.3s ease-out;
}

#header.shadow #hdStockPhoto > span,
#header.shadow #hdSearch > span,
#header.shadow #hdNews > span,
#header.shadow #hdVS > span,
#header.shadow #hdVisualshift > span {
    background-color: rgba(255,255,255,0.8);
}
#header #hdVisualshift {
    letter-spacing: -0.05em;
}
#header:hover #hdStockPhoto > span,
#header:hover #hdSearch > span,
#header:hover #hdNews > span,
#header:hover #hdVS > span,
#header:hover #hdVisualshift > span {
    background-color: #fff;
}
#header.shadow #hdSide #hdContac > span {
    background: none !important;
}
#header #hdSide li > span > a {
    font-family:'AxisStd-Regular' !important;
    padding-top: 18px;
    height: 100px;
    box-sizing: border-box;
}
#header #hdSide li > span .notice {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 53px;
    top: 21px;
    background-color: #e06262;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    color: #fff;
}
#header #hdStockPhoto > span:after,
#header #hdSearch > span:after,
#header #hdMailMagazine > span:after,
#header #hdNews > span:after,
#header #hdVS > span:after,
#header #hdVisualshift > span:after,
#header #hdContact > span:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0 !important;
    width: 0;
    height: 3px;
    background-color: #555;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
#header #hdSide li > span > a:after {
    bottom: 0;
}
#header #hdStockPhoto > span.btmSolid:after,
#header #hdSearch > span.btmSolid:after,
#header #hdMailMagazine > span.btmSolid:after,
#header #hdNews > span.btmSolid:after,
#header #hdVS > span.btmSolid:after,
#header #hdVisualshift > span.btmSolid:after {
    left: 14px;
    width: 74px;
}
#header #hdContact > span:after {
     background-color: #fff;
}
#header #hdContact > span.btmSolid:after {
    left: 14px;
    width: 74px;
}


#header #hdVisualshift > span > a {
    background: url(../images/ico_hd_visualshift.png) 42px 30px no-repeat;
}
#header #hdNews > span > a {
    background: url(../images/ico_hd_news.png) 40px 28px no-repeat;
}
#header #hdStockPhoto > span > a {
    padding-top: 60px !important;
    line-height: 1.3 !important;
    background: url(../images/ico_hd_stockphoto.png) 39px 27px no-repeat;
}
#header #hdVS > span > a {
    background: url(../images/ico_hd_visualshift.png) 41px 27px no-repeat;
}
#header #hdSearch > span > a {
    padding-top: 60px !important;
    line-height: 1.3 !important;
    background: url(../images/ico_hd_search.png) 41px 29px no-repeat;
}
#header #hdMailMagazine > span > a {
    padding-top: 60px !important;
    line-height: 1.3 !important;
    background: url(../images/ico_hd_mailmagazine.png) 41px 29px no-repeat;
}
#header #hdSide #hdContact > span {
    background-color: #444;
}
#header #hdSide #hdContact > span > a {
    background: url(../images/ico_hd_contact.png) 42px 29px no-repeat;
    color: #fff;
}


/* pdCommon */
#header > div > .secLeft {
    position: relative;
    width: 25.6838905775076%;
    margin: 0 0.1519756838905775% 0 0;
    padding-top: 53px;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    background-color: #222;
}
#header > div > .secLeft .ttl {
    position: absolute;
    top: 164px;
    left: 38px;
}
#header > div > .secLeft .link {
    position: absolute;
    right: 26px;
    bottom: 24px;
}
#header > div > .secLeft .ttl .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 32px;
    letter-spacing: 0.15em;
}
#header > div > .secLeft .ttl .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    letter-spacing: 0.1em;
}
#header > div > .secLeft > p.lead {
    font-size: 13px;
    line-height: 2.3;
    margin-bottom: 79px;
}
#header > div > .secLeft .link a {
    font-family:'DIN Next W06 Regular';
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header > div > .secLeft .link a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
#header > div > .secLeft .link a span {
    padding-right: 16px;
    background: url(../images/ico_hd_arrow.png) 95% center no-repeat;
}

#header .hdOverThum > span:before,
#header .hdOverThum a > span:before {
    content: "";
    background: url(../images/bg_white_a20.png);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header .hdOverThum:hover > span:before,
#header .hdOverThum a:hover > span:before {
	filter: alpha(opacity=1);
	-moz-opacity:1;
	opacity:1;
}


/* pdAmana */
#header #pdAmana {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdAmana > div {
    float: left;
    height: 413px;
}
#header #pdAmana > .secCenter,
#header #pdAmana > .secRight {
    position: relative;
    display: table;
    width: 37.00607902735562%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}
#header #pdAmana > .secCenter {
    margin: 0 0.1519756838905775% 0 0;
    background: url(../images/Menu_Message_487x413.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdAmana > .secRight {
    background: url(../images/Menu_About_487x413.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

#header #pdAmana > .secCenter > p,
#header #pdAmana > .secRight > p {
    display: table-cell;
    width: 100%;
    height: 413px;
    vertical-align: middle;
}
#header #pdAmana > .secCenter .txtEn,
#header #pdAmana > .secRight .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #fff;
}
#header #pdAmana > .secCenter .txtJp,
#header #pdAmana > .secRight .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    letter-spacing: 0.1em;
    line-height: 1.4;
    color: #fff;
}



/* pdService */
#header #pdService {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdService > div {
    float: left;
    height: 413px;
}
#header #pdService > .secCenter {
    width: 22.64437689969605%;
    margin: 0 0.1519756838905775% 0 0;
    mask-box-image:url("../../common/images/mask_radius_4444.png") 5 5 5 5;
    mask-box-size:100% 100%;
    -webkit-mask-box-image:url("../../common/images/mask_radius_4444.png") 5 5 5 5 ;
    -webkit-mask-box-size:100% 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f2f2f2;
}
#header #pdService .keywords .secLeft {
    position: relative;
    width: 100%;
    height: 88px;
    background-color: #555;
    color: #fff;
    padding: 27px 0 0 27.51677852348993%;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#header #pdService .keywords .secLeft:after {
    content: url("../images/bg_hd_keywords.png");
    display: block;
    position: absolute;
    left: 50%;
    top: 88px;
    margin-left: -8px;
    width: 16px;
    height: 15px;
}
#header #pdService .keywords .secLeft > p {
    font-size: 13px;
    line-height: 40px;
}
@media screen and (max-width: 1350px) {
#header #pdService .keywords .secLeft > p {
    font-size: 12px;
}
}
#header #pdService .keywords .secLeft > p > span {
    font-family:'DIN Next W06 Light';
    display: block;
    font-size: 11px;
    color: #999;
    padding-top: 4px;
    letter-spacing: 0.02em;
    display: none;
}

#header #pdService .keywords .secLeft .icoRss {
    position: absolute;
    left: 6.711409395973154%;
    top: 20px;
}
#header #pdService .keywords .secRight {
    padding: 0;
    font-family:'AxisStd-Regular';
}
#header #pdService .keywords .secRight > div {
    padding: 0 6.711409395973154%;
}
#header #pdService .keywords .secRight > div > div {
    position: relative;
    width: 100%;
    height: 68px;
    line-height: 68px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    background: #fff url(../../images/ico_service_arrow.png) 96% center no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin: 0 0 2px;
}
#header #pdService .keywords .secRight > div > div .icoNew {
    display: none;
    position: absolute;
    left: 15px;
    top: 19px;
    width: 30px;
    height: auto;
    line-height: 1.5;
}
#header #pdService .keywords .secRight > div > div:hover {
    background: #ccc url(../../images/ico_service_arrow_on.png) 96% center no-repeat;
}

#header #pdService .keywords .secRight > div > div > div {
    position: relative;
    height: 68px;
    overflow: hidden;
}
#header #pdService .keywords .secRight > div > div ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#header #pdService .keywords .secRight > div > div ul a {
    display: block;
    height: 68px;
    font-size: 13px;
}
#header #pdService > .secRight {
    width: 51.3677811550152%;
}
#header #pdService > .secRight ul > li:nth-child(1),
#header #pdService > .secRight ul > li:nth-child(2) {
    margin-bottom: 2px;
    padding-bottom: 1px;
}
#header #pdService > .secRight ul > li:nth-child(1),
#header #pdService > .secRight ul > li:nth-child(3) {
    margin: 0 0.2958579881656805% 0 0;
}
#header #pdService > .secRight ul li {
    float: left;
    width: 49.85207100591716%;
    height: 205px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdService > .secRight ul li a {
    display: table;
    width: 100%;
    height: 205px;
    color: #fff;
    z-index: 2;
    position: relative;
}
#header #pdService > .secRight ul li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#header #pdService > .secRight ul li:nth-child(1) a {
    background: url(../images/bg_hd_service01.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(2) a {
    background: url(../images/bg_service_lifes_sp.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(3) a {
    background: url(../images/bg_hd_service03.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(4) a {
    background: url(../images/bg_hd_service_202403.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(5) a {
    background: url(../images/bg_hd_service05.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li a > span .txtEn {
    display: block;
    font-family:'DIN Next W06 Regular';
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdService > .secRight ul li a > span .txtJp {
    display: block;
    font-family:'AxisStd-Regular';
    font-size: 12px;
    letter-spacing: 0.1em;
}


/* pdIndustries */
#header #pdIndustries {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdIndustries > div {
    float: left;
    height: 413px;
}
#header #pdIndustries > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}
#header #pdIndustries > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
}
#header #pdIndustries > .secRight li a {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 2;
}
#header #pdIndustries > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#header #pdIndustries > .secRight li .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdIndustries > .secRight li .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
#header #pdIndustries > .secRight li {
    width: 33.19672131147541%;
    height: 206px;
    margin-left: 0.2049180327868852%;
    margin-bottom: 2px;
}
#header #pdIndustries > .secRight li:nth-child(1),
#header #pdIndustries > .secRight li:nth-child(4) {
    margin-left: 0;
}
#header #pdIndustries > .secRight li:nth-child(1) a {
    background: url(../images/bg_hd_industries01.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(2) a {
    background: url(../images/bg_hd_industries02.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(3) a {
    background: url(../images/bg_hd_industries03.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(4) a {
    background: url(../images/bg_hd_industries04.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(5) a {
    background: url(../images/bg_hd_industries05.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(6) a {
    background: url(../images/bg_hd_industries06.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

/* pdInsights */
#header #pdInsights {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdInsights > div {
    float: left;
    height: 413px;
}
@media screen and (max-width: 1400px) {
    #header #pdInsights > .secLeft .ttl.wrap {
        top: 128px;
    }
    #header #pdInsights > .secLeft .ttl.wrap .row1 {
        display: block;
    }
    #header #pdInsights > .secLeft .ttl.wrap .row2 {
        display: block;
        margin-top: -12px;
    }
}
#header #pdInsights > .secLeft .ttl {
    top: 154px;
    max-width: 79%;
}
#header #pdInsights > .secLeft .ttl .txtEn {
    width: 290px;
    max-width: 100%;
}
#header #pdInsights > .secLeft .ttl .txtJp {
    margin-top: 12px;
}
#header #pdInsights > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#header #pdInsights > .secRight ul {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
#header #pdInsights > .secRight ul li {
    width: 33.1968353%;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdInsights > .secRight ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
#header #pdInsights > .secRight ul li a:hover {
    opacity: 0.7 !important;
    transition: opacity 0.3s;
}
#header #pdInsights > .secRight ul li .thum {
    display: block;
    position: relative;
    height: 56.965133%;
}
/*
#header #pdInsights > .secRight ul li .thum::before {
    content: '';
    display: block;
    padding-top: 66.5625%;
}
*/
#header #pdInsights > .secRight ul li .thum span {
    display: block;
    width: 100%;
    height: 100%;
    /*
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    */
}
#header #pdInsights > .secRight ul li .thum span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
#header #pdInsights > .secRight ul li .txt {
    display: block;
    box-sizing: border-box;
    padding: 16px 18px 0;
    height: 88px;
    font-family: "HiraKakuProN",sans-serif;
    color: #555555;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#header #pdInsights > .secRight ul li .foot {
    box-sizing: border-box;
    display: flex;
    padding: 0 18px 0;
    margin-top: 26px;
}
#header #pdInsights > .secRight ul li .date {
    box-sizing: border-box;
    width: 87px;
    font-size: 12px;
    font-family:'DIN Next W06 Regular',sans-serif;
    color: #555555;
    line-height: 1.33333333;
    letter-spacing: 0.1em;
}
#header #pdInsights > .secRight ul li .tags {
    box-sizing: border-box;
    width: calc(100% - 87px);
    font-size: 10px;
    font-family: "ヒラギノ角ゴ Pro W3",hirakakupro-w3,"メイリオ","meiryo","ＭＳ Ｐゴシック","ms pgothic";
    color: #555555;
    line-height: 1.6;
    letter-spacing: 0.1em;
}
#header #pdInsights > .secRight ul li .tags span {
    display: inline-block;
    margin-right: 6px;
}

/* pdWorks */
#header #pdWorks {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdWorks > div {
    float: left;
    height: 413px;
}
#header #pdWorks > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
}
#header #pdWorks > .secRight > p {
    height: 64px;
    box-sizing: border-box;
    padding: 17px 0 0 19px;
}
#header #pdWorks > .secRight > p .txtEn {
    font-family:'DIN Next W06 Regular';
    float: left;
    font-size: 22px;
    letter-spacing: 0.15em;
    font-weight: normal;
}
#header #pdWorks > .secRight > p .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin: 7px 0 0 11px;
    padding-left: 14px;
    border-left: 1px solid #555;
}
#header #pdWorks > .secRight ul li {
    position: relative;
    float: left;
    width: 25%;
    border-left: 1px solid #eee;
    box-sizing: border-box;

}
#header #pdWorks > .secRight ul li:first-child {
    border-left: none;
}
#header #pdWorks > .secRight ul li a {
    display: block;
    height: 349px;
}
#header #pdWorks > .secRight ul li a .thum {
    display: block;
    overflow: hidden;
    height: 243px;
}
#header #pdWorks > .secRight ul li a .thum img {
    vertical-align: top;
    width: 100%;
    height: auto;
    min-width: 243px;
    min-height: 243px;
}
#header #pdWorks > .secRight ul li a .txt {
    display: block;
    box-sizing: border-box;
    padding: 15px 20px 0;
    line-height: 1.8;
    font-family:'AxisStd-Regular';
    font-size: 14px;
}


/* pdCompany */
#header #pdCompany {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdCompany > div {
    float: left;
    height: 413px;
}
#header #pdCompany > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}
#header #pdCompany > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-left: 0.2049180327868852%;
}
#header #pdCompany > .secRight li a {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 2;
}
#header #pdCompany > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#header #pdCompany > .secRight li .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdCompany > .secRight li .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
#header #pdCompany > .secRight li:nth-child(1),
#header #pdCompany > .secRight li:nth-child(2),
#header #pdCompany > .secRight li:nth-child(3) {
    width: 33.19672131147541%;
    height: 206px;
    margin-bottom: 2px;
}
#header #pdCompany > .secRight li:nth-child(4),
#header #pdCompany > .secRight li:nth-child(5),
#header #pdCompany > .secRight li:nth-child(6) {
    width: 33.19672131147541%;
    height: 205px;
}
#header #pdCompany > .secRight li:nth-child(1),
#header #pdCompany > .secRight li:nth-child(4) {
    margin-left: 0;
}

#header #pdCompany > .secRight li:nth-child(1) a {
    background: url(../images/Menu_Corporate_324x206.jpeg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(2) a {
    background: url(../images/Menu_IR_324x206.jpeg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(3) a {
    background: url(../images/bg_hd_company03.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(4) a {
    background: url(../images/Menu_Facilities_324x206.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(5) a {
    background: url(../images/Menu_Access_324x206.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(6) a {
    background: url(../images/bg_hd_company06.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(7) a {
    background: url(../images/bg_hd_company07.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


/* pdRecruit */
#header #pdRecruit {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdRecruit > div {
    float: left;
    height: 413px;
}
#header #pdRecruit > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}

#header #pdRecruit > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 33.19672131147541%;
    margin-left: 0.2049180327868852%;
}
#header #pdRecruit > .secRight li:first-child {
    margin-left: 0;
}
#header #pdRecruit > .secRight li a {
    display: table;
    width: 100%;
    height: 413px;
    z-index: 2;
    color: #fff;
    text-shadow: #000 0 0 5px;
}
#header #pdRecruit > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 0 0 34px;
}
#header #pdRecruit > .secRight li .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdRecruit > .secRight li .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
#header #pdRecruit > .secRight li:nth-child(1) a {
    background: url(../images/img_jp_navi_recruit02v3.jpg) top center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdRecruit > .secRight li:nth-child(2) a {
    background: url(../images/bg_hd_recruit01.jpg) top center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdRecruit > .secRight li:nth-child(3) a {
    background: url(../images/bg_hd_recruit03.jpg) top center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


/* pdVisualshift */
#header #pdVisualshift {
    display: none;
    margin-top: 2px;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdVisualshift > div {
    float: left;
    height: 413px;
}
#header > #pdVisualshift > .secLeft .ttl .txtEn img {
    vertical-align: baseline;
}
@media screen and (max-width: 1350px) {
#header > #pdVisualshift > .secLeft .ttl .txtEn img {
    vertical-align: baseline;
    width: 83%;
}
}
#header #pdVisualshift > .secCenter {
    width: 54.40729483282675%;
    margin: 0 0.1519756838905775% 0 0;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
}
#header #pdVisualshift > .secCenter > p {
    height: 64px;
    box-sizing: border-box;
    padding: 17px 0 0 19px;
}
#header #pdVisualshift > .secCenter > p .txtEn {
    font-family:'DIN Next W06 Regular';
    float: left;
    font-size: 22px;
    letter-spacing: 0.15em;
    font-weight: normal;
}
#header #pdVisualshift > .secCenter > p .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin: 7px 0 0 14px;
    padding-left: 14px;
    border-left: 1px solid #555;
}
#header #pdVisualshift > .secCenter ul li {
    position: relative;
    float: left;
    width: 33.37988826815642%;
    border-left: 1px solid #eee;
    box-sizing: border-box;
}
#header #pdVisualshift > .secCenter ul li:first-child {
    width: 33.2402346368715%;
    border-left: none;
}
#header #pdVisualshift > .secCenter ul li a {
    display: block;
    height: 349px;
}
#header #pdVisualshift > .secCenter ul li a .thum {
    position: relative;
    display: block;
    overflow: hidden;
    height: 187px;
}
#header #pdVisualshift > .secCenter ul li a .thum .img img {
    vertical-align: top;
    width: 100%;
    height: auto;
    min-width: 243px;

}
#header #pdVisualshift > .secCenter ul li a .thum .secNum {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-family: "DINNextLTPro-UltraLightCond";
    font-size: 33px;
    text-align: center;
    display: block;
    line-height: 33px;
    color: #fff;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num {
    font-family: "DINNextLTPro-UltraLightCond";
    letter-spacing: -0.05em;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num img {
    vertical-align: baseline;
    margin-top: 1px;
    width: auto;
    height: 38px;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(1) {
    margin-left: 6px;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(2),
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(3),
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(4) {
    margin-left: 6px;
}
#header #pdVisualshift > .secCenter ul li a .secNum .category {
    font-family:'DIN Next W06 Light';
    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 12px;
    border-top: 1px solid #fff;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.5;
}
#header #pdVisualshift > .secCenter ul li a .date {
    font-family:'DIN Next W06 Light';
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    font-size: 12px;
    text-align: right;
}
#header #pdVisualshift > .secCenter ul li a .txt {
    display: block;
    box-sizing: border-box;
    padding: 15px 20px 0;
    line-height: 1.8;
    font-family:'AxisStd-Regular';
    font-size: 14px;
}
#header #pdVisualshift > .secRight {
    width: 19.6048632218845%;
    font-size: 13px;
    letter-spacing: 0.15em;
    background-color: #f2f2f2;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdVisualshift > .secRight > p {
    font-family:'AxisStd-Regular';
    height: 63px;
    line-height: 63px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
}
#header #pdVisualshift > .secRight ul li a {
    font-family:'DIN Next W06 Regular';
    display: block;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #ddd;
    padding-left: 19px;
    background: url(../images/ico_arrow02.png) 96% center no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header #pdVisualshift > .secRight ul li a:hover {
    color: #fff;
    background: #222 url(../images/ico_arrow01.png) 96% center no-repeat;
}


/* pdNews */
#header #pdNews {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdNews > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: 514px;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}

#header #pdNews ul li a {
    position: relative;
    display: block;
    height: 116px;
    padding: 18px 20px 0 139px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header #pdNews ul li a:hover {
    background-color: #222;
    color: #fff;
}
#header #pdNews ul li a .thum {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    height: 75px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdNews ul li a .secTxt {
    display: block;
}
#header #pdNews ul li a .secTxt .badgeEvent {
    float: right;
    display: block;
    width: 84px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #738c6e;
    color: #fff;
    padding-right: 0;
    margin-left: 3px;
}
#header #pdNews ul li a .secTxt .badgeRelease {
    float: right;
    display: block;
    width: 84px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #576e85;
    color: #fff;
    padding-right: 0;
    margin-left: 3px;
}
#header #pdNews ul li a .secTxt .badgeNews {
    float: right;
    display: block;
    width: 84px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #999;
    color: #fff;
    padding-right: 0;
    margin-left: 3px;
}
#header #pdNews ul li a .secTxt .date {
    font-family:'DIN Next W06 Light';
    font-size: 13px;
    display: block;
}
#header #pdNews ul li a .secTxt .txt {
    font-family:'AxisStd-Regular';
    font-size: 12px;
    display: block;
    clear: both;
}

#header #pdNews p .btnType01 {
    background-color: #f2f2f2;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    font-size: 16px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#header #pdNews p .btnType01 span {
    font-family:'DIN Next W06 Regular';
    letter-spacing: 0.15em;
    padding-right: 25px;
    background: url(../images/ico_arrow02.png) 95% center no-repeat;
}
#header #pdNews p .btnType01:hover {
    color: #fff;
    background-color: #222;
}
#header #pdNews p .btnType01:hover span {
    background: url(../images/ico_arrow01.png) 95% center no-repeat;

}



/* pdVS */
#header #pdVS {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdVS > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: 514px;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}

#header #pdVS ul li a {
    position: relative;
    display: block;
    height: 116px;
    padding: 15px 20px 0 139px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    background: url(../images/ico_blank.gif) 381px 92px no-repeat;
}
.firefox #header #pdVS ul li a {
    padding: 18px 20px 0 139px;
}
#header #pdVS ul li a:hover {
    color: #fff;
    background: #222 url(../images/ico_blank03.gif) 381px 92px no-repeat;
}
#header #pdVS ul li a .thum {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    max-height: 75px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdVS ul li a .thum img {
    height: 75px;
    width: auto;
    max-width: inherit;
    margin-left: -7px;
}
#header #pdVS ul li a .secTxt {
    display: block;
}

#header #pdVS ul li a .secTxt .category {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 0;
}
.firefox #header #pdVS ul li a .secTxt .category {
    vertical-align: middle;
}
#header #pdVS ul li a:hover .secTxt .category img {
    -webkit-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header #pdVS ul li a:hover .secTxt .category img {
	filter: alpha(opacity=0);
	opacity: 0;
}

#header #pdVS ul li a .secTxt .category.column:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_column_white.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.column:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

#header #pdVS ul li a .secTxt .category.event:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_event_white.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.event:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

#header #pdVS ul li a .secTxt .category.study:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_study_white.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.study:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

#header #pdVS ul li a .secTxt .category.think:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_think_white.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.think:before {
	filter: alpha(opacity=100);
	opacity: 1;
}


#header #pdVS ul li a .secTxt .date {
    font-family:'DIN Next W06 Light';
    font-size: 13px;
    display: inline-block;
    vertical-align: bottom;
    height: 10px;
    line-height: 10px;
    -webkit-transition: border-left 0.3s ease;
    transition: border-left 0.3s ease;
}
.firefox #header #pdVS ul li a .secTxt .date {
    vertical-align: middle;
}
#header #pdVS ul li a .secTxt .txt {
    font-family:'AxisStd-Regular';
    font-size: 12px;
    display: block;
    clear: both;
    padding-top: 9px;
}

#header #pdVS p .btnType01 {
    background-color: #f2f2f2;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    font-size: 16px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#header #pdVS p .btnType01 span {
    font-family:'DIN Next W06 Regular';
    letter-spacing: 0.15em;
    padding-right: 25px;
    background: url(../images/ico_arrow02.png) 95% center no-repeat;
}
#header #pdVS p .btnType01:hover {
    color: #fff;
    background-color: #222;
}
#header #pdVS p .btnType01:hover span {
    background: url(../images/ico_arrow01.png) 95% center no-repeat;

}






/* pdSearch */
#header #pdSearch {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdSearch > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: auto;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f2f2f2;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdSearch #spBtn01 {
    width: 386px;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
#header #pdSearch #spBtn01 input {
    font-family:'AxisStd-Regular';
    width: 100%;
    height: 40px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    line-height: 40px;
}

#header #pdSearch .ttl {
    font-family: 'AxisStd-Regular';
    font-size: 12px;
    letter-spacing: 0.15em;
    margin: 15px 0 7px 13px;
}
#header #pdSearch .btn {
    display:block;
    font-family:'DIN Next W06 Regular';
    font-size: 14px;
    width: 81px;
    height: 40px;
    background-color: #999;
    color: #fff;
    margin: 0 10px 10px auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdSearch .btn:hover {
    color: #999;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdSearch .text {
    text-align: center;
    font-family: 'AxisStd-Regular';
    font-size: 12px;
    letter-spacing: 0.15em;
    margin: 20px 0 20px 0px;
}
#header #pdSearch .link {
    text-decoration: underline;
    display: inline-block;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}
#header #pdSearch .link:hover {
    opacity: 0.6;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}

/* pdStockPhoto */
#header #pdStockPhoto {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdStockPhoto > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: auto;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f2f2f2;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdStockPhoto #spBtn01,
#header #pdStockPhoto #spBtn02 {
    width: 386px;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 10px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
#header #pdStockPhoto #spBtn01 input,
#header #pdStockPhoto #spBtn02 input {
    font-family:'AxisStd-Regular';
    width: 100%;
    height: 40px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    line-height: 40px;
}

#header #pdStockPhoto .ttl {
    font-family: 'AxisStd-Regular';
    font-size: 12px;
    letter-spacing: 0.15em;
    margin: 15px 0 7px 13px;
}
#header #pdStockPhoto .btn {
    float: right;
    font-family:'DIN Next W06 Regular';
    font-size: 14px;
    width: 81px;
    height: 40px;
    background-color: #999;
    color: #fff;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdStockPhoto .btn:hover {
    color: #999;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}

/* pdContact */
#header #pdContact {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdContact > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    border-radius: 4px;
    padding: 30px 0 0;
    margin: 0 0.1519756838905775% 0 0;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #222;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    overflow: hidden;
}

#header #pdContact ul {
    margin: 0 0 10px 30px;
}
#header #pdContact li {
    float: left;
    width: 346px;
    margin-bottom: 20px;
    font-family:'AxisStd-Light';
    letter-spacing: 0.15em;
}
#header #pdContact li a {
    display: block;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    color: #fff;
    text-align: center;
}
#header #pdContact li a:hover {
    background-color: #fff;
    color: #444;
}
#header #pdContact .telNumber {
    text-align: center;
    background-color: #f0f0f0;
    height: 96px;
    box-sizing: border-box;
    padding-top: 24px;
    letter-spacing: 0.05em;
}
#header #pdContact .telNumber .num {
    font-family:'AxisStd-Bold';
    background: url(../images/ico_phone.png) 0 3px no-repeat;
    padding-left: 17px;
    font-size: 16px;
    color: #566e86;
}
#header #pdContact .telNumber .txt {
    display: block;
    font-family:'AxisStd-Light';
    font-size: 11px;
    color: #000;
    padding-top: 6px;
}
.ie #header #pdContact .telNumber .num,
.edge #header #pdContact .telNumber .num,
.firefox #header #pdContact .telNumber .num {
    background: url(../images/ico_phone.png) 0 5px no-repeat;
}
.ie #header #pdContact .telNumber .txt {
    padding-top: 5px;
}


/*gナビ電話番号追加*/
#header #pdStockPhoto .telNumber {
    text-align: center;
    /*background-color: #f0f0f0;*/
    background-color: #ddd;
    height: 96px;
    box-sizing: border-box;
    padding-top: 18px;
    letter-spacing: 0.05em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#header #pdStockPhoto .telNumber .num {
    font-family:'AxisStd-Bold';
    background: url(../images/ico_phone_free.png) 0 3px no-repeat;
    padding-left: 27px;
    font-size: 16px;
    color: #58ccf4;
}
#header #pdStockPhoto .telNumber .txt {
    display: block;
    font-family:'AxisStd-Light';
    font-size: 11px;
    color: #000;
    padding-top: 6px;
}
.ie #header #pdStockPhoto .telNumber .num,
.edge #header #pdStockPhoto .telNumber .num,
.firefox #header #pdStockPhoto .telNumber .num {
    background: url(../images/ico_phone_free.png) 0 5px no-repeat;
}
.ie #header #pdStockPhoto .telNumber .txt {
    padding-top: 5px;
}




/* contents common
-------------------------------------------------*/
.forOthers {}
.forModernIE {}

#notFound #wrap {
    padding-top: 105px;
}

#notFound #content {
    text-align: center;
    padding: 100px 0;
}
#notFound #content h2 {
	font-family:'AxisStd-ExtraLight';
    font-size: 32px;
    margin-bottom: 48px;
    letter-spacing: 0.05em;
}
#notFound #content .lead {
    line-height: 2;
    margin-bottom: 80px;
}

#notFound .btnList {
    text-align: center;
}
#notFound .btnList > li {
    display: inline-block;
    margin-left: 36px;
}
#notFound .btnList > li:first-child {
    margin-left: 0;
}
#notFound .btnList a {
    font-family:'AxisStd-Regular';
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #444;
    box-sizing: border-box;
    min-width: 240px;
    height: 48px;
    line-height: 46px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color  0.3s ease;
}
#notFound .btnList a:hover {
    background-color: #555;
    color: #fff;
}
#notFound .btnList a span {
    padding-right: 23px;
    background: url(../images/ico_arrow02.png) right center no-repeat;
}
#notFound .btnList a:hover span {
    background: url(../images/ico_arrow01.png) right center no-repeat;
}

#content .btnHome {
    text-align: center;
}
#content .btnHome a {
    display: inline-block;
    width: 240px;
    height: 48px;
    line-height: 48px;
    color: #444;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #444;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    letter-spacing: 0.15em;
}
#content .btnHome a:hover {
    background-color: #444;
    color: #fff;
}
#content .btnHome a span {
    background: url(../images/ico_sitenavi_home.png) 0 center no-repeat;
    padding-left: 28px;
}
#content .btnHome a:hover span {
    background: url(../images/ico_sitenavi_home02.png) 0 center no-repeat;
}


a .overZoomModern {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
a .overZoomModern:before {
    content: "";
    background-color: rgba(0,0,0,0.5);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
a:hover .overZoomModern:before {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
a .overZoomModern img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
a:hover .overZoomModern img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
}

.overZoomOldIE img {
    width: 100%;
    height: 100%;
}
.overZoomOldIE {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
a:hover .overZoomOldIE {
    background-color: #000;
}
a:hover .overZoomOldIE img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#siteNavi {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    margin-left: 0.1515151515151515%;
    margin-right: 0.1515151515151515%;
    font-size: 0;
    padding: 0 28px;
    z-index: 10;
    min-width: 1136px;
}
#siteNavi li {
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    padding-left: 39px;
    background: url(../images/ico_sitenavi_arrow.png) 12px 17px no-repeat;
}

#siteNavi li:first-child {
    background: url(../images/ico_sitenavi_home.png) 0 17px no-repeat;
    padding-left: 25px;
}

#siteNavi li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#siteNavi li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


/* low
-------------------------------------------------*/
.btnRss a {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    text-indent: -9999px;
    background: url(../images/btn_low_rss.png);
}

.low #content {
    max-width: 1600px;
    min-width: 1136px;
    margin: 0 auto;
    padding: 0 60px 80px;
}

.low #wrap {
    padding-top: 105px;
}

.low #pageTtl01 {
    padding: 72px 0 30px;
    margin-bottom: 30px;
    text-align: center;
    background: url(../images/bg_btm-solid.png) center bottom no-repeat;
}
.low #pageTtl01 .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 38px;
    letter-spacing: 0.15em;
    font-weight: normal;
    margin-bottom: 10px;
}
.low #pageTtl01 .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 14px;
}

.low #lead {
    font-family:'AxisStd-Light';
    font-size: 14px;
    line-height: 2;
    text-align: center;
    margin-bottom: 40px;
}

.low #pageTtl02 {
    font-family:'AxisStd-ExtraLight';
    font-size: 32px;
    padding: 0 0 30px;
    margin-bottom: 30px;
    background: url(../images/bg_btm-solid.png) left bottom no-repeat;
    line-height: 2;
}

.low #content #btnViewMore {
    text-align: center;
}
.low #content #btnViewMore .btnType01 span {
    background: url(../../common/images/ico_arrow05.png) right center no-repeat;
}
.low #content #btnViewMore .btnType01:hover span {
    background: url(../../common/images/ico_arrow04.png) right center no-repeat;
}

.low .pagetop {
    width: 60px;
    height: 58px;
    margin: -60px auto 120px;
    text-align: center;
}
.low .pagetop a {
    display: block;
    padding: 10px 0;
}
.low .pagetop a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.low .pagetop a:hover img {
    margin-top: -4px;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


/* form
-------------------------------------------------*/
.checkboxInput {
	display:none;
}
.checkboxLabel{
    position: relative;
    height: 22px;
    line-height: 22px;
	background: url(../images/form_checkbox_off.png) 0 0 no-repeat;
	margin-right:20px;
	padding:0 0 0 32px;
	display:inline-block;
}
.checkboxLabel:before{
    content: "";
    background: url(../images/form_checkbox_on.png) 0 0 no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.checkboxLabel.checkboxLabelSelected:before {
    filter: alpha(opacity=1);
    -moz-opacity:1;
    opacity:1;
}


/* share for low
-------------------------------------------------*/
.low .btnShare > li {
    float: left;
    width: 44px;
    margin-left: 22px;
}
.low .btnShare > li:first-child {
    margin-left: 0;
}
.low .btnShare > li a {
    display: block;
    height: 44px;
    text-indent: -9999px;
}
.low .btnShare > li a:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.low .btnShare > li:nth-child(1) a {
    background: url(../images/btn_low_x-twitter.png) 0 0 no-repeat;
}
.low .btnShare > li:nth-child(2) a {
    background: url(../images/btn_low_facebook.png) 0 0 no-repeat;
}
.low .btnShare > li:nth-child(3) a {
    background: url(../images/btn_low_google.png) 0 0 no-repeat;
}
.low #btmShare {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    text-align: center;
    margin: 0 auto 80px;
}
.low #btmShare > p {
    margin-bottom: 24px;
}
.low #btmShare .btnShare > li {
    float: none;
    display: inline-block;
}

.low #btnContact {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 0 80px;
    margin: 0 auto;
    text-align: center;
}
.low #btnContact a {
    display: inline-block;
    height: 62px;
    padding: 0 40px;
    margin: 0 auto;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    color: #fff;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}
.low #btnContact a span {
    background: url(../images/ico_low_contact01.png) 0 center no-repeat;
    padding-left: 25px;
}
.low #btnContact a:hover span {
    background: url(../images/ico_low_contact02.png) 0 center no-repeat;
}
.low #btnContact a:hover {
    background-color: #fff;
    color: #444;
}


/* related
-------------------------------------------------*/
.low #related {
    max-width: 1600px;
    min-width: 1136px;
    padding: 78px 60px;
    margin: 0 auto;
    background-color: #f2f2f2;
}

.low #related  .ttl {
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
}
.low #related  .ttl .txtEn {
    font-family:'DIN Next W06 Regular';
    font-size: 22px;
    letter-spacing: 0.15em;
}
.low #related  .ttl .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

.low #related a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;

}
.low #related a img {
    height: 100%;
    width: auto;
}

.low #related #largeThum {
    border-bottom: 1px solid #ddd;
    margin-bottom: 78px;
    padding: 0 0 78px;
}

.low #related #largeThum > div > div {
    width: 24.85625%;
    margin: 0 0 0 0.1%;
    position: relative;
    float: left;
    mask-box-image:url("../../common/images/mask_radius_4444.png") 5 5 5 5;
    mask-box-size:100% 100%;
    -webkit-mask-box-image:url("../../common/images/mask_radius_4444.png") 5 5 5 5 ;
    -webkit-mask-box-size:100% 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.low #related #largeThum > div > div:first-child {
    margin: 0;
}
.low #related #smallThum > .secLeft {
    float: left;
    width: 48.83333333333333%
}
.low #related #smallThum > .secRight {
    float: right;
    width: 48.83333333333333%
}
.low #related #smallThum > div > div > div {
    width: 33.10580204775157%;
    position: relative;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.low #related #smallThum > div > div > div:nth-child(2) {
    margin: 0 0.22%;
}

.low #related .overAlpha {
    overflow: hidden;
}
.low #related .thum > img {
    max-width: none;
    height: 100%;
}
.low #related .serviceList .overAlpha > img,
.low #related .articleListSmall .overAlpha > img {
    margin-left: -15.5%;
}

/* balloon */
.low #related .baloon {
    display: none;
    position: absolute;
    left: -17.88659793814433%;
    bottom: 90%;
	padding: 15px 12.88659793814433%;
	width: 110%;
    min-height: 36px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
	background: #222;
	z-index: 99;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
}
.low #related .baloon:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #222 transparent transparent transparent;
}
.low #related .worksList > div:hover .baloon,
.low #related .articleListSmall > div:hover .baloon {
    display: table;
}
.low #related .baloon span {
    display: table-cell;
    vertical-align: middle;
}

/* related works */
.low #related .worksList > div {
    overflow: inherit;
    mask-box-image: none !important;
    -webkit-mask-box-image: none !important;
}
.low #related .worksList {
    padding: 0;
}
.low #related .worksList > div a > .over > span .ttl {
    display: block;
    font-size: 16px;
    background: url(../images/bg_btm-solid_on.png) center bottom no-repeat;
    padding: 0 12% 12px;
    margin-bottom: 20px;
    line-height: 1.9;
}
.low #related .worksList > div a > .over > span .lead {
    display: block;
    font-size: 11px;
    padding: 0 12%;
}
.low #related .worksList .thum > img {
    max-width: none;
    width: 100%;
    height: auto;
}

/* related service */
.low #related #smallThum .serviceList .thum:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg_black_a30.png) ;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.low #related #smallThum .serviceList a:hover .thum:before {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
.low #related #smallThum .serviceList .thum img {
    margin-left: -38.6%;
}
.low #related #largeThum .serviceList > div > img {
    width: 100%;
    height: auto;
}
.low #related #largeThum .serviceList > div svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 148%;
    height: 100%;
    margin-left: -24%;
}

.low #related .serviceList > div a .ttl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family:'AxisStd-Regular';
    display: table;
    font-size: 14px;
    color: #fff;
    padding: 0 10% 0;
    z-index: 10;
    letter-spacing: 0.15em;
}
.low #related .serviceList > div a .ttl > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.low #related .serviceList > div a .ttl > span > span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 0;
}
.low #related .serviceList > div a .ttl > span > span:before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 16px;
    right: 0;
    top: 50%;
    margin: -8px;
    background: url(../images/ico_arrow01.png) 0 0 no-repeat;
}
.low #related .serviceList .thum > img {
    max-height: 257px;
}


/* related article */
.low #related .visualShiftList a {
    position: inherit;
    height: inherit;
}
.low #related .visualShiftList > div {
    position: relative;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.low #related .visualShiftList .dummy {
    width: 100%;
    height: auto;
}

.low #related .visualShiftList > div a {
    display: block;
}

.low #related .visualShiftList .thum {
    position: relative;
    display: block;
    overflow: hidden;
}
.low #related .visualShiftList .thum > span {
    position: absolute;
    right: 15px;
    bottom: 5%;
    font-family: "DINNextLTPro-UltraLightCond";
    font-size: 33px;
    text-align: center;
    display: block;
    line-height: 33px;
    min-width: 64px;
    color: #fff;
    z-index: 10;
}
.low #related .visualShiftList .thum > span > span .num img {
    vertical-align: baseline;
    margin-top: 1px;
    width: auto;
    height: 38px;
}
.low #related .visualShiftList .thum > span > span .num > img:nth-child(1) {
    margin-left: 6px;
}
.low #related .visualShiftList .thum > span > span .num > img:nth-child(2),
.low #related .visualShiftList .thum > span > span .num > img:nth-child(3),
.low #related .visualShiftList .thum > span > span .num > img:nth-child(4) {
    margin-left: 6px;
}
.low #related .visualShiftList .thum > span .category {
    font-family:'DIN Next W06 Light';
    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 12px;
    border-top: 1px solid #fff;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.5;
}

.low #related .visualShiftList svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.low #related .visualShiftList .txt {
    display: block;
    background-color: #fff;
    height: 175px;
    padding: 20px 32px 32px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.low #related .visualShiftList a:hover .txt {
    background-color: #222;
    color: #fff;
}

.low #related .visualShiftList .txt .lead {
    font-family:'AxisStd-Regular';
    font-size: 16px;
    line-height: 1.7;
}
.low #related .visualShiftList .txt .date {
    font-family:'DIN Next W06 Light';
    position: absolute;
    right: 30px;
    bottom: 24px;
    display: block;
    font-size: 13px;
    text-align: right;
}

.low #related .articleListSmall > div a .ttl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 46.90721649484536% 25px 0 0;
    background: url(../images/ico_arrow01.png) 59.79381443298969% center no-repeat;
    z-index: 10;
    letter-spacing: 0.15em;
}

.low #related .articleListSmall .secNum {
    position: absolute;
    right: 15px;
    bottom: 5%;
    font-family: "DINNextLTPro-UltraLightCond";
    font-size: 33px;
    text-align: center;
    display: block;
    line-height: 33px;
    min-width: 64px;
    color: #fff;
    z-index: 10;
}
.low #related .articleListSmall .num img {
    vertical-align: baseline;
    margin-top: 1px;
    width: auto;
    height: 38px;
}
.low #related .articleListSmall .txt {
    display: none;
}
.low #related .articleListSmall .num > img:nth-child(1) {
    margin-left: 6px;
}
.low #related .articleListSmall .num > img:nth-child(2),
.low #related .articleListSmall .num > img:nth-child(3),
.low #related .articleListSmall .num > img:nth-child(4) {
    margin-left: 6px;
}
.low #related .articleListSmall .category {
    font-family:'DIN Next W06 Light';
    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 12px;
    border-top: 1px solid #fff;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.5;
}


/* footer
-------------------------------------------------*/
#footer {
    background-color: #1d1d1d;
}
#footer .txtEn {
    font-family:'DIN Next W06 Regular';
    letter-spacing: 0.15em;
    color: #fff !important;
}
#footer .txtJp {
    font-family:'AxisStd-Light';
    letter-spacing: 0.15em;
    color: #fff !important;
}
#footer h2 {
    font-weight: normal;
}
#footer a {
    color: #fff;
}
#footer #ftContact {
    text-align: center;
    padding: 59px 0 39px;
}

#footer #ftContact h2 .txtEn {
    font-size: 24px;
    background: url(../images/ico_ft_contact.png) 0 5px no-repeat;
    padding-left: 39px;
}
#footer #ftContact h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

#footer #ftContact ul {
    max-width: 1600px;
    width: 780px;
    margin: 0 auto;
}
#footer #ftContact li {
    float: left;
    width: 380px;
    margin-bottom: 20px;
    font-family:'AxisStd-Light';
    letter-spacing: 0.15em;
}
#footer #ftContact li:nth-child(2n) {
    margin-left: 20px;
}
#footer #ftContact li a {
    display: block;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftContact li a:hover {
    background-color: #fff;
    color: #444;
}


#footer #ftMailnews {
    text-align: center;
    background-color: #222;
    padding: 59px 0 47px 0;
}

#footer #ftMailnews h2 .txtEn {
    font-size: 24px;
    background: url(../images/ico_ft_contact.png) 0 5px no-repeat;
    padding-left: 39px;
}
#footer #ftMailnews h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

#footer #ftMailnews a {
    font-family: 'AxisStd-Light';
    letter-spacing: 0.15em;
    display: block;
    width: 380px;
    height: 62px;
    margin: 0 auto;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftMailnews a:hover {
    background-color: #fff;
    color: #444;
}





#footer #ftMailnews .ftMailsam {margin:15px;}
#footer #ftMailnews .ftMailsam a{background-color: #222;
color:#eee;
    font-family: 'AxisStd-Light';
    width: 380px;
    height: 22px;
    margin: 15 auto;
    line-height: 22px;
}
#footer #ftMailnews .ftMailsam a:hover {
    background-color: #222;
    color: #eee;
text-decoration:underline;
}






#ftDetail {
    width: 1000px;
    margin: 0 auto;
    padding: 59px 0;
}

#footer #ftInfo {
    float: left;
    width: 500px;
    text-align: center;
}
#footer #ftInfo p {
    font-family:'AxisStd-Light';
    font-size: 14px;
    line-height: 2;
    color: #fff !important;
}
#footer #ftSns {
  /*  float: right;
    padding: 0 51px 0 151px;*/
    width: 500px;
margin:0 auto;
    box-sizing: border-box;
}
#footer #ftInfo h2,
#footer #ftSns h2 {
    text-align: center;
}
#footer #ftInfo h2 .txtEn {
    font-size: 24px;
    background: url(../images/ico_ft_info.png) 0 4px no-repeat;
    padding-left: 39px;
}
#footer #ftInfo h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

#footer #ftSns h2 .txtEn {
    font-size: 24px;
    background: url(../images/ico_ft_sns.png) 0 3px no-repeat;
    padding-left: 39px;
}
#footer #ftSns h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}
#footer #ftSns ul {
    width: 218px;
    margin: 0 auto;
}
#footer #ftSns li {
    width: 52px;
    float: left;
    margin-left: 30px;
}
#footer #ftSns li:first-child {
    margin-left: 0;
}
#footer #ftSns li a {
    display: block;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
}

#footer #ftSns li:nth-child(1) a {
    background: url(../images/btn_ft_x-twitter.png) 0 0  no-repeat;
}
#footer #ftSns li:nth-child(2) a {
    background: url(../images/btn_ft_fb.png) 0 0  no-repeat;
}
#footer #ftSns li:nth-child(3) a {
    background: url(../images/btn_ft_rss.png) 0 0  no-repeat;
}

#footer #ftLocation {
    position: relative;
    height: 520px;
}

#footer #ftLocation #secAddress {
    position: absolute;
    right: 105px;
    top: 200px;
}
#footer #ftLocation #secAddress .txtEn {
    font-family:'DIN Next W06 Regular';
    font-size: 30px;
    line-height: 1.32;
}
#footer #ftLocation #secAddress .txtJp {
    font-family:'AxisStd-Regular';
    font-size: 12px;
    padding: 6px 0 25px;
    margin-bottom: 25px;
    background: url(../images/bg_btm-solid_on.png) 1px bottom no-repeat;
}
#footer #ftLocation #secAddress .txtDetail {
    font-family:'AxisStd-Light';
    font-size: 14px;
    margin-bottom: 22px;
    letter-spacing: 0.07em;
    color: #fff !important;
}
#footer #ftLocation #secAddress .btnMore a {
    font-family:'DIN Next W06 Light';
    display: block;
    background: url(../images/ico_arrow03.png) 0 0 no-repeat;
    line-height: 29px;
    font-size: 16px;
    padding-left: 43px;
    font-weight: normal;
    letter-spacing: 0.15em;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#footer #ftLocation #secAddress .btnMore a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


#footer #ftLocation h2 .txtEn {
    display: block;
    float: left;
    font-size: 24px;
    background: url(../images/ico_ft_location.png) 0 3px no-repeat;
    padding-left: 36px;
    line-height: 30px;
}
#footer #ftLocation h2 .txtJp {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 30px;
    padding-left: 18px;
}
#footer #ftLocation #locationHead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 108px;
    padding: 38px 60px 0;
    box-sizing: border-box;
    background: url(../images/bg_ft_location-head.png);
    z-index: 50;
}
#footer #ftLocation #locationmap {
    width: 100%;
    height: 520px;
}


#footer #ftLocation #locationSelect {
    display: none;
    position: absolute;
    top: 30px;
    right: 60px;
    width: 380px;
    height: 48px;
}
#footer .dd-container {
    width: 380px !important;
    height: 48px !important;
    box-sizing: border-box;
    font-family:'AxisStd-Regular';
    font-size: 14px;
    background: url(../images/bg_ft_select.png) 0 top no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer .dd-container:hover {
    background: rgba(255,255,255,0.2) url(../images/bg_ft_select.png) 0 top no-repeat;
}
#footer .dd-select {
    width: 380px !important;
    height: 48px !important;
    padding: 0 48px 0 0;
    box-sizing: border-box;
    text-align: center;
    background: none !important;
    border: none !important;
}
#footer .dd-selected {
    line-height: 48px;
    padding: 0 !important;
}
#footer .dd-option,
#footer .dd-option-selected {
    padding: 13px !important;
    color: #fff !important;
    background: #222 url(../images/ico_ft_select.png) 97% center no-repeat !important;
}
#footer .dd-option:hover,
#footer .dd-option-selected:hover {
    background: #4e4e4e url(../images/ico_ft_select.png) 97% center no-repeat !important;
}
#footer .dd-pointer,
#footer .dd-pointer-down,
#footer .dd-pointer-up {
    display: none !important;
}

#footer .dd-options > li:first-child > a {
    border-top: 1px solid #fff;
}

#footer .dd-options {
    width: 380px !important;
    border: solid 1px #fff;
    border-top: none;
    list-style: none;
    box-shadow: none !important;
    display: none;
    position: absolute;
    z-index: 2000;
    margin: -3px 0 0 0 !important;
    padding: 0;
    background: #fff;
    overflow: auto;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    box-sizing: border-box;
}

#footer #ftLink {
    height: 400px;
    background:#000 url(../images/bg_link_main_20210331.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


#footer #ftlink01 {
    height: 400px;
    background-color:#000;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


#footer #ftLink > ul {
    width: 691px;
    margin: 0 auto;
    padding-top: 125px;

}

#footer #ftLink li {
    float: left;
    position: relative;
    font-size: 12px;
}
#footer #ftLink li:nth-child(4) {
    clear: both;
}
#footer #ftLink li a {
    display: block;
}
#footer #ftLink li a img {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftLink li a:hover img {
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}

#footer #ftLink li a span {
    position: absolute;
    top: -98px;
    margin-top: 0;
    display: none;
    width: 213px;
    height: 79px;
    padding-top: 17px;
    box-sizing: border-box;
    text-align: center;
    background: url(../images/bg_ft_baloon04.png) 0 0 no-repeat;
    text-indent: 0;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
        color: #fff !important;
}
#footer #ftLink li a:hover span {
    display: block;
}

#footer #ftLink li:nth-child(1) a {
    width: 142px;
    height: 25px;
    margin-right: 149px;
    margin-top: 2px;
    margin-bottom: 88px;
    background: url(../images/btn_ft_link01_off.png) 0 0 no-repeat;
    background-size: 142px auto;
    -moz-background-size: 142px auto;
    -webkit-background-size: 142px auto;
    -o-background-size: 142px auto;
    -ms-background-size: 142px auto;
}

#footer #ftLink li:nth-child(1) a:hover span {
    left: -35px;
}

#footer #ftLink li:nth-child(2) a {
    width: 120px;
    height: 27px;
    margin-right: 160px;
    margin-top: 1px;
    margin-bottom: 92px;
    background: url(../images/btn_ft_link02_off.png) 0 0 no-repeat;
    background-size: 120px auto;
    -moz-background-size: 120px auto;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    -ms-background-size: 120px auto;
}
#footer #ftLink li:nth-child(2) a:hover span {
    left: -50px;
}

#footer #ftLink li:nth-child(3) a {
    width: 120px;
    height: 29px;
    margin-bottom: 83px;
    background: url(../images/btn_ft_link03_off.png) 0 0 no-repeat;
    background-size: 120px auto;
    -moz-background-size: 120px auto;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    -ms-background-size: 120px auto;
}
#footer #ftLink li:nth-child(3) a:hover span {
    left: -47px;
}

#footer #ftLink li:nth-child(4) a {
    width: 58px;
    height: 42px;
    margin-left: 42px;
    margin-right: 220px;
    background: url(../images/btn_ft_link04_off.png) 0 0 no-repeat;
    background-size: 58px auto;
    -moz-background-size: 58px auto;
    -webkit-background-size: 58px auto;
    -o-background-size: 58px auto;
    -ms-background-size: 58px auto;
}
#footer #ftLink li:nth-child(4) a:hover span {
    left: -35px;
}

#footer #ftLink li:nth-child(5) a {
    width: 62px;
    height: 32px;
    margin-right: 226px;
    background: url(../images/btn_ft_link05_off.png) 0 0 no-repeat;
    background-size: 62px auto;
    -moz-background-size: 62px auto;
    -webkit-background-size: 62px auto;
    -o-background-size: 62px auto;
    -ms-background-size: 62px auto;
}
#footer #ftLink li:nth-child(5) a:hover span {
    left: -75px;
}

#footer #ftLink li:nth-child(6) a {
    width: 46px;
    height: 48px;
    background: url(../images/btn_ft_link06_off.png) 0 0 no-repeat;
    background-size: 46px auto;
    -moz-background-size: 46px auto;
    -webkit-background-size: 46px auto;
    -o-background-size: 46px auto;
    -ms-background-size: 46px auto;
}
#footer #ftLink li:nth-child(6) a:hover span {
    left: -83px;
    padding-top: 26px;
}



#ftlink01{padding:100px 0 100px 0;}
#ftlink01 ul{width:1100px;/*border:1px solid #FFF;*/margin:0 auto;text-align:center;}
#ftlink01 li{width:220px;opacity:0.5;height:110px;vertical-align:top;
display:inline-block;padding:5px;
margin:50px 15px 40px 15px;text-align:center;}
#ftlink01 img {
margin:0 0 7px;}
#ftlink01 p{border-top:1px solid #ccc;margin:5px;padding:5px;}
/*#ftlink01 a:link{}
#ftlink01 li:hover{background:#333;
opacity:0.4;}*/
#ftlink01 li:hover{/*background:#333;*/border:1px solid #666;
opacity:1.0;padding:4px;}
#ftlink01 li.nohover:hover{/*background:#333;*/border:none;}
#ftlink01 .mg01 img{margin-top:10px;}
#ftlink01 .mg02 img{margin-top:12px;}
#ftlink01 .mg03 img{margin-top:4px;}
#ftlink01 .mg04 img{margin-top:27px;}
#ftlink01 .mg05 img{margin-top:20px;}
#ftlink01 .mg06 img{margin-top:20px;}
#ftlink01 .mg07 img{margin-top:4px;}
#ftlink01 .mg08 img{margin-top:19px;}





@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

#footer #other {
    position: relative;
    height: 100px;
    line-height: 100px;
    font-size: 13px;
    padding: 0 55px;
}
#footer #other li:nth-child(1) {
    font-family:'AxisStd-Light';
}
#footer #other li:nth-child(1) span {
    padding: 0 9px 0 8px;
    color: #fff;
}
#footer #other li:nth-child(1) a {
    padding: 0 5px;
    letter-spacing: 0.05em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #other li a:hover {
    color: #b8b8b8;
}
#footer #other li:nth-child(2) {
    font-family:'DIN Next W06 Regular';
    position: absolute;
    top: 0;
    right: 60px;
    padding-right: 62px;
    background: url(../images/logo_ft_isms.png) right center no-repeat;
    letter-spacing: 0.05em;
    color: #fff !important;
}
#footer #other li:nth-child(2) > span {
    float: right;
    color: #fff;
}
#footer #other li:nth-child(2) > span:nth-child(3) {
    font-family:'DIN Next W06 Light';
    margin-top: -1px;
    font-size: 11px;
}
#footer #other li:nth-child(2) > span:nth-child(2) {
    font-family:'AxisStd-Light';
    padding: 0 10px;
}


/* For Mars Finder
-------------------------------------------------*/
#header.forMars #gNavi #hdMain li:hover > span:after {
    left: 0;
    width: 100%;
}
#header.forMars #hdStockPhoto > span:hover:after,
#header.forMars #hdNews > span:hover:after,
#header.forMars #hdVisualshift > span:hover:after {
    left: 14px;
    width: 74px;
}
#header.forMars #hdContact > span:hover:after {
    left: 14px;
    width: 74px;
}

#header #hdSearch > span > span {
    display: block;
    height: 100%;
    background: url(../images/ico_hd_search.png) 41px 41px no-repeat;
}
#header.forMars #hdMain nav ul li span a,
#header.forMars #hdSide li > span > a {
    color: #9a9a9a;
}
#header.forMars #hdMain nav ul li span:hover a,
#header.forMars #hdSide li > span:hover > a {
    color: #555;
}

#mf_marsfinder {
    margin: 104px 0 0;
    padding: 100px 0;
}

.ui-menu .ui-menu-item a {
    color: #fff;
}


/* flipdesk
-------------------------------------------------*/

.mfp-content {
    max-width: 400px !important;
    font-size: 14px;
    line-height: 1.5;
}

.flipdesk_direct_message .mfWelcome {
    font-family:'AxisStd-Regular' !important;
    font-size: 16px;
    text-align: center;
    margin-bottom: 24px;
}

.flipdesk_direct_message .btnLink {
    font-family:'AxisStd-Regular';
    font-size: 14px;
    display: block;
    text-decoration: none !important;
    color: #555 !important;
    border: 1px solid #555;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 2px;
    height: 62px;
    line-height: 62px;
    min-width: 240px;
    text-align: left;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color  0.3s ease;
}
.flipdesk_direct_message .btnLink span {
    display: block;
    padding-right: 20px;
    background: url(../images/ico_arrow02.png) right center no-repeat;
}
.flipdesk_direct_message .btnLink:hover {
    background-color: #555;
}
.flipdesk_direct_message .btnLink:hover span {
    color: #fff;
    background: url(../images/ico_arrow01.png) right center no-repeat;
}



.mfp-wrap .mfp-content .flipdesk_direct_message .flipdesk_direct_message_content div {
    overflow-y: hidden !important;
}

.mfTxt {
    margin-bottom: 24px;
    line-height: 1.8;
}


.flipdesk_direct_message .btnLink02 {
    font-family:'AxisStd-Regular' !important;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin-bottom: 2px;
    letter-spacing: 0.15em;
}
.flipdesk_direct_message .btnLink02:hover {
    background-color: #999;
    color: #fff !important;
}

#footer #ftContact li a {
    display: block;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftContact li a:hover {
    background-color: #fff;
    color: #444;
}


/* for google search
--------------------------------------------------------------------*/
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
    width: 110px !important;
}
.gsc-webResult .gsc-result {
    border-bottom: 2px solid #eee !important;
    padding: 20px 0 40px 0 !important;
}
.gsc-url-top {
    margin-bottom: 12px !important;
}
.gs-title {
    margin-bottom: 5px;
    font-weight: bold;
}

/* @group cookieポリシー------------------------------------------------------------ */
.cookieconsent-area {
    font-family: 'AxisStd-Lighthjosj','AxisStd-Light' !important;
	letter-spacing: 0.01em;
	position: fixed;
	min-height: 61px;
	bottom: -500px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
	z-index: 99;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	display: flex;
	justify-content: center;
    align-items: center;
    padding: 0 !important;
}
.cookieconsent-area.show {
	bottom: 0px !important;
	z-index: 99;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.cookieconsent-flex {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 1em 1.8em;
	width: 100%;
	max-width: 840px;
	height: 100%;
}
.cookieconsent-text-area {
	width:90%;
 	/*
	padding-right: 1.8em;
	*/
	font-size: 12px;
    line-height: 2;
}
.cookieconsent-text a {
	text-decoration: underline;
	color: #fff;
}
.cookieconsent-text a:hover{
	opacity:0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cookieconsent-button-area {
	width: 10%;
	min-width: 90px;
	display: flex;
	align-items: center;
}
.cookieconsent-button {
	display: flex;
	align-items: center;
	width: 75px;
	height: 100%;
	max-height: 40px;
	margin-left: auto;
	font-size: 12px;
    line-height: 2;
 	/*
	margin-right: auto;
	*/
	cursor: pointer;
	color: #fff;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px solid #fff;
}
.cookieconsent-button:hover{
	opacity:0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cookieconsent-button p {
	width: 100%;
	text-align: center;
}
.fixedSns.show {
	bottom: 100px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.fixedSns.close {
	bottom: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.toPageTop.show {
	bottom: 100px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.toPageTop.close {
	bottom: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
/* @end */