@charset "UTF-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	height: 100%;
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 180%;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {text-align: left;}

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

object, embed {vertical-align: top;}

legend {display: none;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img, abbr, acronym, fieldset {border: 0;}

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

ul li {list-style-type: none;}

*,
*:before,
*:after {box-sizing: border-box;}


/* ------ Body ------ */

body {
	height: 100%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	color: #707070;
	line-height: 160%;
	text-align: left;
	background-color: #111213;
}


/* ------ Anchor ------ */

a {outline: none;}
a:link,
a:visited {
	text-decoration: none;
	color: #0090d4;
}
a:hover,
a:active {
	text-decoration: underline;
	color: #1ab6ff;
}


/* ------ Font ------ */
/*
@font-face {
	font-family: 'Noto Sans Japanese';
	src: url('/common/fonts/NotoSansJP-Light-sub.eot');
	font-weight: 300;
	font-style: normal;
}
*/
@font-face {
	font-family: 'Open Sans';
	src: url('/common/fonts/OpenSans-Light.eot');
	font-weight: 300;
	font-style: normal;
}



/*---------------------------------------------
   for all
  ---------------------------------------------*/

/* ------ General Settings ------ */

.row {overflow: hidden;}

.col {float: left;}

.half {width: 50%;}
.oneThird {width: 33.33333333%;}
.twoThird {width: 66.66666666%;}
.quarter {width: 25%;}
.threeQuarters {width: 75%;}

.half.gutter {padding-left: 10px;}
.half.gutter:first-child {
	padding-left: 0;
	padding-right: 10px;
}

.oneThird.gutter:first-child {padding-right: 13.33333333px;}
.oneThird.gutter:nth-of-type(2) {
	padding-left: 6.66666666px;
	padding-right: 6.66666666px;
}
.oneThird.gutter:last-of-type {padding-left: 13.33333333px;}

.img {text-align: center;}

.center {text-align: center;}
.right {text-align: right;}

.showNarrow,
.showTablet,
.showFablet,
.showSP,
.showJsOn {display: none;}

.js .showJsOn {display: block;}
.js br.showJsOn {display: inline;}

.img img {width: 100%;}

strong {
	color: #000;
	font-weight: bold;
}

em {color: #d7277a;}

.large {font-size: 100% !important;}
.small {font-size: 76% !important;}
ul .large,
ol .large,
dl .large,
td .large {font-size: 110% !important;}
ul .small,
ol .small,
dl .small,
td .small {font-size: 83% !important;}

#container {
	position: relative;
	width: 100%;
	max-width: 1440px;
	min-width: 820px;
	height: 100%;
	margin: 0 auto;
	padding: 0 40px 0 120px;
}


/* ------ Tag Line ------ */

#tagline {
	position: absolute;
	z-index: 5;
	height: 40px;
	right: 40px;
	padding: 12px 0 0;
	font-size: 60%;
	color: #fff;
	text-align: right;
}


/* ------ Header ------ */

header {
	position: fixed;
	z-index: 3;
	top: 40px;
}

#logo {width: 190px;}

#logo a {
	position :relative;
	display: block;
	height: 190px;
	padding: 50px 0 0 22px;
	overflow: hidden;
}
#logo a:link,
#logo a:visited {
	color: #fff;
	background-color: #0090d4;
}
#logo a:hover,
#logo a:active {
	color: #fff;
	text-decoration: none;
	background-color: #10a7ee;
}

#logo p {
	position :relative;
	margin: 0 0 23px;
}


/* ------ Global Navigation ------ */

#gnav {
	position: fixed;
	z-index: 1000;
	height: 100%;
	top: 0;
	margin: 0 0 0 -120px;
}

#mainNav,
#subNav {
	position :absolute;
	height: 100%;
	top: 0;
	left: 0;
}

#mainNav .spLocalNavBtn {display: none;}

#mainNav > li > a {
	position: absolute;
	display: block;
	width: 80px;
	height: 70px;
	padding: 40px 0 0;
	font-size: 67%;
	text-align: center;
	overflow: hidden;
}
#mainNav > li.child-1 > a {top: 0;}
#mainNav > li.child-2 > a {top: 70px;}
#mainNav > li.child-3 > a {top: 140px;}
#mainNav > li.child-4 > a {top: 210px;}
#mainNav > li.child-5 > a {top: 280px;}
#mainNav > li.child-6 > a {top: 350px;}
#mainNav > li.child-7 > a {bottom: 0;}

#mainNav > li > a:link,
#mainNav > li > a:visited {color: #bbb;}
#mainNav > li > a:hover,
#mainNav > li > a:active,
#mainNav > li:hover > a,
#mainNav > li.current > a {
	color: #fff;
	text-decoration: none;
	background-color: #0090d4;
}
#mainNav > li.parent > a {color: #fff;}

#mainNav #gnavContact > a {background-color: #dd3ca2;}
#mainNav #gnavContact > a:link,
#mainNav #gnavContact > a:visited {color: #f8d8ec;}
#mainNav #gnavContact > a:hover,
#mainNav #gnavContact > a:active,
#mainNav #gnavContact.current > a {
	color: #fff !important;
	background-color: #f95dc0;
}

#mainNav > li > a:after {
	content: "";
	position :absolute;
	width: 40px;
	height: 40px;
	top: 5px;
	left: 20px;
	background-image: url(../images/ie8/icon.png);
	background-repeat: no-repeat;
}
#gnavService > a:after {background-position: -40px 0;}
#gnavPortfolio > a:after {background-position: -80px 0;}
#gnavCompany > a:after {background-position: -120px 0;}
#gnavRecruit > a:after {background-position: -160px 0;}
#gnavColumn > a:after {background-position: -200px 0;}
#gnavContact > a:after {background-position: -240px 0;}

#mainNav > li > a > span {position: relative;}
/*
#mainNav > li:hover > a:link,
#mainNav > li:hover > a:visited {background-color: #252829;}
#mainNav > li:hover > a:hover,
#mainNav > li:hover > a:active {background-color: #111213;}
*/


/* ------ Sub Menu ------ */

#mainNav > li {
	position: absolute;
	z-index: 1;
	height: 100%;
	top: 0;
	left: 0;
}

#mainNav > li.hover {z-index: 2;}

#mainNav > li > ul {
	display: none;
	position: absolute;
	width: 240px;
	height: 100%;
	top: 0;
	left: 80px;
	background-color: #252829;
}
#mainNav > li.hover > ul > li {display: block;}

#mainNav > li > ul > li {
	position: absolute;
	z-index: 1;
	display: none;
	height: 100%;
	top: 0;
}
#mainNav > li > ul > li.hover {z-index: 2;}

#mainNav > li > ul > li > a {
	position :absolute;
	display: block;
	width: 240px;
	left: 0;
	padding: 0 15px;
	font-size: 76%;
	line-height: 55px;
	overflow: hidden;
}
#mainNav > li > ul > li > a:link,
#mainNav > li > ul > li > a:visited {color: #bbb;}
#mainNav > li > ul > li > a:hover,
#mainNav > li > ul > li > a:active,
#mainNav > li > ul > li:hover > a {
	color: #fff;
	text-decoration: none;
}
#mainNav > li > ul > li:nth-of-type(1) > a {top: 0;}
#mainNav > li > ul > li:nth-of-type(2) > a {top: 55px;}
#mainNav > li > ul > li:nth-of-type(3) > a {top: 110px;}
#mainNav > li > ul > li:nth-of-type(4) > a {top: 165px;}
#mainNav > li > ul > li:nth-of-type(5) > a {top: 220px;}
#mainNav > li > ul > li:nth-of-type(6) > a {top: 275px;}
#mainNav > li > ul > li:nth-of-type(7) > a {top: 330px;}
#mainNav > li > ul > li:nth-of-type(8) > a {top: 385px;}
#mainNav > li > ul > li:nth-of-type(9) > a {top: 440px;}
#mainNav > li > ul > li:nth-of-type(10) > a {top: 495px;}

#mainNav > li:hover > ul > li > a > span {position: relative;} 

#mainNav > li > ul > li > a:before {
	content: "";
	position: absolute;
	display: block;
	width: 130%;
	height: 100%;
	top: 0;
	left: 10%;
	background-color: #0090d4;
	opacity: 0.3;
}
#mainNav > li > ul > li > a:hover:before,
#mainNav > li > ul > li.current > a:before {
	left: 140%;
	opacity: 1;
}

#mainNav > li > ul > li:hover > a:link,
#mainNav > li > ul > li:hover > a:visited {background-color: #333739;}
#mainNav > li > ul > li:hover > a:hover,
#mainNav > li > ul > li:hover > a:active {background-color: #252829;}
#mainNav > li > ul > li.current > a,
#mainNav > li > ul > li.parent > a {color: #fff;}

#mainNav > li > ul > li > ul {
	position: absolute;
	width: 240px;
	height: 100%;
	top: 0;
	left: 240px;
	background-color: #333739;
}

#mainNav > li > ul > li > ul > li {display: none;}
#mainNav > li > ul > li.hover > ul > li {display: block;}

#mainNav > li > ul > li > ul > li > a {
	position :relative;
	display: block;
	width: 240px;
	left: 0;
	padding: 0 15px;
	font-size: 76%;
	line-height: 55px;
	overflow: hidden;
}
#mainNav > li > ul > li > ul > li > a:link,
#mainNav > li > ul > li > ul > li > a:visited {color: #bbb;}
#mainNav > li > ul > li > ul > li > a:hover,
#mainNav > li > ul > li > ul > li > a:active {
	color: #fff;
	text-decoration: none;
}

#mainNav > li:hover > ul > li > ul > li > a > span {position: relative;} 

#mainNav > li > ul > li > ul > li.current > a: {
	background-color: #0090d4;
	opacity: 1;
}

#mainNav > li > ul > li > ul > li.current > a,
#mainNav > li > ul > li > ul > li.parent > a {color: #fff;}


/* ------ Sub Navigation ------ */

#subNav a {
	position: absolute;
	display: block;
	width: 35px;
	height: 35px;
	left: 22px;
	text-align: center;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat;
	overflow: hidden;

}
#subNavNews a {bottom: 142px;}
#subNavNews a:before {
	content: "NEWS";
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 35px;
}
#subNavEnglish a {bottom: 90px;}
#subNavEnglish a:before {
	content: "EN";
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
}
#subNav a:link,
#subNav a:visited {
	color: #bbb;
	background-position: 0 -1010px;
}
#subNav a:hover,
#subNav a:active {
	color: #111213;
	text-decoration: none;
	background-position: -210px -1010px;
}

#subNav a span {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


/* ------ Background Image ------ */

#bgImg,
#pageTitle {
	position: fixed;
	width: 100%;
	max-width: 1520px;
	min-width: 900px;
	height: 100%;
	top: 0;
	margin: 0 0 0 -120px;
	padding: 0 0 0 80px;
	overflow: hidden;
}

#bgImg .img {
	position: relative;
	height: 100%;
	text-align: center;
	background-image: none !important;
}

#bgImg img {
	position: absolute;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	top: 0;
	left: 0;
}


/* ------ Page Title ------ */

#pageTitle {z-index: 2;}

#pageTitle > div {
	position: relative;
	height: 100%;
	padding: 0 40px;
}

#pageTitle > div:before {
	content: "";
	float: right;
	display: block;
	width: 60%;
	max-width: 800px;
	margin: 0 0 0 40px;
	height: 100%;
}

#pageTitle .textArea {
	position: relative;
	top: 42%;
	left: 0;
	color: #fff;
	text-align: left;
	opacity: 1;
}

#pageTitle .text {margin: 0 0 20px;}

#pageTitle h1,
#pageTitle .copy {
	margin: 0 0 20px;
	line-height: 140%;
	font-size: 180%;
}

#pageTitle .copy strong {
	font-weight: normal;
	color: #fff;
}

#pageTitle .list {margin: 0 0 25px;}

#pageTitle .list li {
	position: relative;
	font-size: 90%;
	margin: 0 0 5px;
	overflow: hidden;
}

#pageTitle .list li q {
	position: relative;
	float: left;
	display: block;
	padding: 0 20px;
}
#pageTitle .list li q:before,
#pageTitle .list li q:after {
	position: absolute;
	display: block;
	width: 15px;
	height: 20px;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 30px;
	overflow: hidden;
}
#pageTitle .list li q:before {
	content: '\“';
	top: 0;
	left: 0;
}
#pageTitle .list li q:after {
	content: '\”';
	bottom: -10px;
	right: 0;
}

#pageTitle .btn {
	display: inline-block;
	font-size: 90%;
}

#pageTitle .btn a {
	position: relative;
	display: block;
	text-align: center;
}
#pageTitle .btn a:link,
#pageTitle .btn a:visited {
	color: #fff;
	background: url(/common/images/ie8/icon.png) no-repeat 100px 100px;
}
#pageTitle .btn a:hover,
#pageTitle .btn a:active {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

#pageTitle .btn a:after {
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 9px;
	top: 50%;
	margin: -5px 0 0;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat;
}
#pageTitle .btn a:link:after,
#pageTitle .btn a:visited:after {
	right: 13px;
	background-position: -415px -31px;
}
#pageTitle .btn a:hover:after,
#pageTitle .btn a:active:after {
	right: 11px;
	background-position: -405px -31px;
}

#pageTitle .btn a .btnBorderTop {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: solid 2px #fff;
	filter: alpha(opacity=40);
}

#pageTitle .btn a .btnText {
	display: block;
	padding: 12px 35px 12px 25px;
}

#pageTitle .text,
#pageTitle h1,
#pageTitle .copy,
#pageTitle .list li,
#pageTitle .btn {font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;}


/* ------ Bread Crumb ------ */

#breadCrumb {
	overflow: hidden;
	padding: 0 0 20px;
}

#breadCrumb li {
	float: left;
	font-size: 67%;
}

#breadCrumb li:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 7px;
	margin: 0 10px;
	background: url(/common/images/ie8/icon.png) no-repeat -400px -33px;
}
#breadCrumb li:first-child:before {display: none;}

#breadCrumb a:link,
#breadCrumb a:visited {
	color: #ccc;
	text-decoration: none;
	opacity: .7;
}
#breadCrumb a:hover,
#breadCrumb a:active {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

#breadCrumb li:first-child a {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat;
	background-position: right top;
	filter: alpha(opacity=70);
}


/* ------ Article ------ */

#contentsArea {
	position :relative;
	z-index: 4;
	width: 60%;
	max-width: 800px;
	min-height: 100%;
	margin: 0 0 0 auto;
	padding: 40px 0;
}

#contents {
	position :relative;
	z-index: 8;
}


/* ------ Contents ------ */

.contentsBox {
	padding: 40px 8% 20px;
	background-color: #fff;
}
.contentsBox.gray {background-color: #f1f5f8;}
.contentsBox.black {background-color: #333739;}
.contentsBox.blue {background-color: #588fe3;}
.contentsBox.skyBlue {background-color: #3aaade;}
.contentsBox.lightBlue {background-color: #27c0dc;}
.contentsBox.blueGreen {background-color: #02aa9f;}
.contentsBox.green {background-color: #219e62;}

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

.contentsBox > h1,
.contentsBox > h2,
.listBox2 > h2,
.listBox4 > h2,
.listBox5 > h2,
#privacy h3 {
	padding: 40px 0;
	font-size: 150%;
	line-height: 140%;
	color: #000;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	text-align: center;
}
.contentsBox > h1 .sub,
.contentsBox > h2 .sub,
.listBox4 > h2 .sub {
	display: block;
	font-size: 60%;
	line-height: 140%;
	color: #999;
}
.contentsBox > h1,
.contentsBox > h2:first-child {padding: 0 0 40px;}

.contentsBox > h1 .sub {padding: 10px 0 0;}

.contentsBox > h3 {
	padding: 10px 0;
	font-weight: bold;
	color: #000;
}
.contentsBox > h2 + h3 {padding: 0 0 10px;}

.contentsBox p {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 0 20px;
	font-size: 90%;
}

.contentsBox.black > h2,
.contentsBox.blue > h2,
.contentsBox.skyBlue > h2,
.contentsBox.lightBlue > h2,
.contentsBox.blueGreen > h2,
.contentsBox.green > h2,
.contentsBox.black > h2 .sub,
.contentsBox.blue > h2 .sub,
.contentsBox.skyBlue > h2 .sub,
.contentsBox.lightBlue > h2 .sub,
.contentsBox.blueGreen > h2 .sub,
.contentsBox.green > h2 .sub,
.contentsBox.black > h3,
.contentsBox.blue > h3,
.contentsBox.skyBlue > h3,
.contentsBox.lightBlue > h3,
.contentsBox.blueGreen > h3,
.contentsBox.green > h2,
.contentsBox.black p,
.contentsBox.blue p,
.contentsBox.skyBlue p,
.contentsBox.lightBlue p,
.contentsBox.blueGreen p,
.contentsBox.green p,
.contentsBox.black li,
.contentsBox.blue li,
.contentsBox.skyBlue li,
.contentsBox.lightBlue li,
.contentsBox.blueGreen li,
.contentsBox.green li,
.contentsBox.black dt,
.contentsBox.blue dt,
.contentsBox.skyBlue dt,
.contentsBox.lightBlue dt,
.contentsBox.blueGreen dt,
.contentsBox.green dt,
.contentsBox.black dd,
.contentsBox.blue dd,
.contentsBox.skyBlue dd,
.contentsBox.lightBlue dd,
.contentsBox.blueGreen dd,
.contentsBox.green dd,
.contentsBox.black em,
.contentsBox.blue em,
.contentsBox.skyBlue em,
.contentsBox.lightBlue em,
.contentsBox.blueGreen em,
.contentsBox.green em {color: #fff;}


/* ------ Main Visual 1 ------ */

.mainvisual1 {
	position: relative;
	padding: 40px 8%;
	text-align: center;
	overflow: hidden;
}

.mainvisual1.blue {background-color: #588fe3;}
.mainvisual1.skyBlue {background-color: #3aaade;}
.mainvisual1.lightBlue {background-color: #27c0dc;}

.mainvisual1 .bg {
	position: absolute;
	width: 400%;
	height: 120%;
	top: -10%;
	left: -150%;
	text-align: center;
	background-image: none !important;
}
.mainvisual1 .bg img  {
	width: auto;
	min-width: 25%;
	height: 100%;
	filter: alpha(opacity=7);
}

.mainvisual1 .img {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0 0 20px;
	overflow: hidden;
}

.mainvisual1 .img img {
	position: absolute;
	display: block;
	width: 243px;
	max-width: none;
	height: 150px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -121px;
}

.mainvisual1 h1 {
	position: relative;
	margin: 0 0 20px;
	color: #fff;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 140%;
	text-align: center;
	line-height: 160%;
}

.mainvisual1 .sub {
	margin: 0 15px 0 0;
	color: #fff;
	font-size: 60%;
	line-height: 160%;
	vertical-align: middle;
}

.mainvisual1 .text {
	position: relative;
	color: #fff;
	font-size: 90%;
	text-align: left;
}


/* ------ Main Visual 2 ------ */

.mainvisual2 section {
	float: none;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.mainvisual2 .imgArea {
	float: left;
	position: relative;
	width: 66.666666%;
	background-color: #000;
	overflow: hidden;
}

.mainvisual2 .imgArea .img {
	height: 18.5em;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}

.mainvisual2 .textArea {
	float: right;
	position: relative;
	width: 33.333333%;
	height: 18.5em;
	padding: 30px 3.33333333% 0;
	text-align: center;
}

.mainvisual2 h1 {
	position: relative;
	display: table-cell;
	width: 500px;
	height: 45px;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 90%;
	color: #000;
	line-height: 130%;
	vertical-align: middle;
}
.mainvisual2 section h1:before,
.mainvisual2 section h1:after {
	content: "";
	position: absolute;
	display: block;
	width: 100px;
	height: 1px;
	left: 50%;
	margin: 0 0 0 -50px;
	background-color: #000;
}
.mainvisual2 section h1:before {top: 0;}
.mainvisual2 section h1:after {bottom: 0;}

.mainvisual2 .logo {
	padding: 0 0 10px;
	font-size: 76%;
}

.mainvisual2 .text {
	padding: 15px 0 0;
	font-size: 76%;
}


/* ------ Main Visual ------ */

.mainvisual {background-color: #333739;}

.mainvisual .img {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.mainvisual img {width: 100%;}

.mainvisual .text {
	display: inline-block;
	width: 48%;
	padding: 0 5%;
	color: #fff;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 140%;
	text-align: center;
	line-height: 160%;
	vertical-align: middle;
}

.mainvisual .sub {
	display: block;
	color: #aaa;
	font-size: 60%;
	line-height: 160%;
}


/* ------ Definition List ------ */

.contentsBox dl {font-size: 90%;}
.contentsBox li dl,
.contentsBox table dl {
	padding: 0;
	font-size: 100%;
}

.contentsBox dt {
	color: #000;
	font-weight: bold;
}

.contentsBox dd {padding: 0 0 20px;}
.contentsBox table dl:last-child dd:last-child {padding: 0;}

.contentsBox dd + dd {margin-top: -20px;}
.contentsBox .marginSet dd + dd {margin-top: 0;}

.holizontal {
	padding: 0 0 20px;
	overflow: hidden;
}

.holizontal dt {
	clear: both;
	float: left;
	color: #707070;
	font-weight: normal;
}
.holizontal.w3em dt {width: 3em;}
.holizontal.w4em dt {width: 4em;}
.holizontal.w5em dt {width: 5em;}
.holizontal.w6em dt {width: 6em;}
.holizontal.w7em dt {width: 7em;}
.holizontal.w8em dt {width: 8em;}
.holizontal.w9em dt {width: 9em;}
.holizontal.banner dt {width: 160px;}

.holizontal dd {
	padding: 0;
	overflow: hidden;
}
.holizontal dd + dd {margin-top: 0;}
.holizontal dd:last-of-type {padding: 0;}
.holizontal.w3em dd {margin-left: 3em;}
.holizontal.w4em dd {margin-left: 4em;}
.holizontal.w5em dd {margin-left: 5em;}
.holizontal.w6em dd {margin-left: 6em;}
.holizontal.w7em dd {margin-left: 7em;}
.holizontal.w8em dd {margin-left: 8em;}
.holizontal.w9em dd {margin-left: 9em;}
.holizontal.banner dd {margin-left: 160px;}


/* ------ FAQ List ------ */

.faqList dt {
	position: relative;
	margin: 0 0 10px 50px;
}
.faqList dd {
	position: relative;
	margin: 0 0 0 50px;
}

.faqList dt:after,
.faqList dd:after {
	position: absolute;
	display: block;
	width: 38px;
	height: 38px;
	top: -5px;
	left: -50px;
	padding: 3px 0 0;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat;
	background-position: -361px -1px;
	background-size: 420px 940px;
}
.faqList dt:after {
	content: "Q";
	color: #fff;
	background-color: #3aaade;
}
.faqList dd:after {
	content: "A";
	color: #3aaade;
	background-color: #fff;
}
.faqList dd + dd:after {display: none;}


/* ------ List ------ */

.contentsBox ul {
	font-size: 90%;
	padding: 0 0 20px;
}
.contentsBox ul ul,
.contentsBox ol ul,
.contentsBox dd ul,
.contentsBox table ul {font-size: 100%;}

.contentsBox ul.marginSet {padding-bottom: 0;}

.contentsBox ul ul,
.contentsBox ol ul,
.contentsBox dd ul,
.contentsBox table ul {padding: 0;}

.contentsBox ul li {
	position: relative;
	padding: 0 0 0 1.2em;
}
.contentsBox ul li:after {
	content: "";
	position: absolute;
	display: block;
	width: 4px;
	height: 4px;
	top: 0.6em;
	left: 0.3em;
	background: url(/common/images/ie8/icon.png) no-repeat -400px 0;
}
.contentsBox.black ul li:after,
.contentsBox.blue ul li:after,
.contentsBox.skyBlue ul li:after,
.contentsBox.lightBlue ul li:after,
.contentsBox.blueGreen ul li:after,
.contentsBox.green ul li:after {background: url(/common/images/ie8/icon.png) no-repeat -400px -4px;}

.contentsBox ul.marginSet > li {padding-bottom: 20px;}

.contentsBox .serviceList {
	overflow: hidden;
	padding-bottom: 0;
}

.contentsBox .serviceList li {
	float: left;
	width: 33.33333333%;
	padding-bottom: 10px;
}


/* ------ Number List ------ */

.contentsBox ol {
	margin: 0;
	padding: 0 0 20px 2em;
	font-size: 90%;
}
.contentsBox ul ol,
.contentsBox ol ol,
.contentsBox dd ol,
.contentsBox table ol {font-size: 100%;}

.contentsBox ol.marginSet {padding-bottom: 0;}

.contentsBox ul ol,
.contentsBox ol ol,
.contentsBox dd ol,
.contentsBox table ol {padding-bottom: 0;}

.contentsBox ol.marginSet > li {padding-bottom: 20px;}


/* ------ Figure ------ */

figure {
	padding: 0 0 20px;
	text-align: center;
}

figcaption {
	padding: 0 0 10px;
	font-size: 90%;
	font-weight: bold;
}


/* ------ Horizontal Rule ------ */

.contentsBox hr {
	position: relative;
	margin: 20px 0 40px;
	border: 0 none;
}
.contentsBox hr:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-color: #eee;
}


/* ------ Note ------ */

.contentsBox p.note,
.contentsBox ul.note > li,
.contentsBox dl dd.note {
	position: relative;
	padding-left: 1.5em;
}
.contentsBox p.note:before,
.contentsBox ul.note > li:before,
.contentsBox dl dd.note:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}


/* ------ Button ------ */

p.btnLarge{
	display: block;
	height: 150px;
	padding: 45px 8%;
	text-align: center;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	background-color: #f1f5f8;
	vertical-align: middle;
}

p.btnLarge span {
	position: relative;
	display: block;
	max-width: 240px;
	margin: 0 auto;
	background-color: #dd3ca2;
}

p.btnLarge a {
	position: relative;
	display: block;
	padding: 15px 20px;
}
p.btnLarge a:link,
p.btnLarge a:visited {
	color: #fff;
	background-color: #dd3ca2;
}
p.btnLarge a:hover,
p.btnLarge a:active {
	color: #fff;
	text-decoration: none;
	background-color: #f95dc0;
}
p.btnLarge a:after {
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 9px;
	top: 50%;
	margin: -5px 0 0;
	background: url(/common/images/ie8/icon.png) no-repeat -415px -31px;
}
p.btnLarge a:link:after,
p.btnLarge a:visited:after {right: 11px;}
p.btnLarge a:hover:after,
p.btnLarge a:active:after {right: 9px;}

.contentsBox .btnSubmit {text-align: center;}

.contentsBox .btnSubmit li {
	display: inline-block;
	min-width: 200px;
	margin: 0 0 20px;
	padding: 0;
	background-color: #dd3ca2;
	overflow: hidden;
	cursor: pointer;
}
.contentsBox .btnSubmit li + li {margin-left: 20px;}
.contentsBox .btnSubmit li.nolink {background-color: #bfc3c6;}
.contentsBox .btnSubmit li:hover {background-color: #f95dc0;}
.contentsBox .btnSubmit li.nolink:hover {background-color: #bfc3c6;}

.contentsBox .btnSubmit .submit:after {
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 9px;
	top: 50%;
	left: auto;
	right: 11px;
	margin: -5px 0 0;
	background: url(/common/images/ie8/icon.png) no-repeat -415px -31px transparent;
}
.contentsBox .btnSubmit .submit:hover:after {right: 9px;}
.contentsBox .btnSubmit .submit.nolink:hover:after {right: 11px;}

.contentsBox .btnSubmit .back:after,
.contentsBox .btnSubmit .top:after {
	content: "";
	position: absolute;
	z-index: 2;
	display: block;
	width: 5px;
	height: 9px;
	top: 50%;
	left: 11px;
	margin: -5px 0 0;
	background: url(/common/images/ie8/icon.png) no-repeat -410px -31px transparent;
	background-color: transparent;
}
.contentsBox .btnSubmit .back:hover:after,
.contentsBox .btnSubmit .top:hover:after {left: 9px;}

.contentsBox .btnSubmit a,
.contentsBox .btnSubmit input {
	position: relative;
	display: block;
	min-width: 200px;
	padding: 15px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 100%;
	color: #fff;
	text-align: center;
	line-height: 130%;
	border: 0 none;
	background-color: transparent;
}
.contentsBox .btnSubmit li input {cursor: pointer;}
.contentsBox .btnSubmit li.nolink input {cursor: auto;}
.contentsBox .btnSubmit a:hover,
.contentsBox .btnSubmit a:active {text-decoration: none;}

.contentsBox #btnPrivacy {
	position: relative;
	padding: 0;
	max-width: none;
	overflow: hidden;
	background-color: #bfc3c6;
}
.contentsBox #btnPrivacy:hover {background-color: #caced1;}

.contentsBox #btnPrivacy a {
	position: relative;
	display: block;
	padding: 10px 15px;
	text-align: center;
}
.contentsBox #btnPrivacy a:link,
.contentsBox #btnPrivacy a:visited,
.contentsBox #btnPrivacy a:hover,
.contentsBox #btnPrivacy a:active {
	color: #fff;
	text-decoration: none;
}

.contentsBox #btnPrivacy:after {
	content: "";
	position: absolute;
	width: 29px;
	height: 29px;
	right: 10px;
	top: 50%;
	margin: -15px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/common/images/ie8/icon.png) no-repeat -175px -1010px;
	cursor: pointer;
}

.contentsBox #btnPrivacy a:before {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 1px;
	right: 17px;
	top: 50%;
	margin: -1px 0 0;
	background-color: #fff;
}
.contentsBox #btnPrivacy a:after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 15px;
	right: 24px;
	top: 50%;
	margin: -8px 0 0;
	background-color: #fff;
}

.contentsBox #btnPrivacy.open a:after {display: none;}


/* ------ Section Box 1 ------ */

.sectionBox1 {
	position: relative;
	min-height: 120px;
	padding: 25px 0 25px 75px;
	overflow: hidden;
}
.sectionBox1.child-1 {margin-top: -20px;}
.sectionBox1:after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 100%;
	top: 150px;
	left: 75px;
	background: url(/common/images/ie8/icon.png) no-repeat -8px -1110px;
}
.sectionBox1.child-4:after {display: none;}

.sectionBox1 .heading {
	position: absolute;
	z-index: 2;
	width: 150px;
	height: 150px;
	top: 0;
	left: 0;
	padding: 10px;
	background: url(/common/images/ie8/icon.png) no-repeat 0 -1045px;
}

.sectionBox1 h3 {
	display: table-cell;
	width: 130px;
	height: 130px;
	padding: 5px 10px 0;
	font-size: 76%;
	line-height: 140%;
	text-align: center;
	color: #999;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	vertical-align: middle;
}

.sectionBox1 h3 .sub {
	display: block;
	margin: 0 0 7px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 100%;
}
.contentsBox.blue .sectionBox1 h3 .sub {color: #588fe3;}
.contentsBox.skyBlue .sectionBox1 h3 .sub {color: #3aaade;}
.contentsBox.lightBlue .sectionBox1 h3 .sub {color: #27c0dc;}
.contentsBox.blueGreen .sectionBox1 h3 .sub {color: #02aa9f;}
.contentsBox.green .sectionBox1 h3 .sub {color: #219e62;}

.sectionBox1 h3 .sub.jp {
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 140%;
	line-height: 140%;
}
.sectionBox1 h3 .sub.small {font-size: 150% !important;}
.sectionBox1 h3 .sub.jp.small {font-size: 120% !important;}

.sectionBox1 p,
.sectionBox1 dl {
	position: relative;
	display: table-cell;
	padding: 0 0 0 95px;
	height: 100px;
	font-size: 90%;
	vertical-align: middle;
}


/* ------ Section Box 2 ------ */

.sectionBox2 {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	padding: 10px 0 0 100px;
}
.sectionBox2:first-child {padding-top: 0;}
.sectionBox2:before {
	content: "";
	position: absolute;
	display: block;
	width: 17px;
	height: 26px;
	top: 9px;
	left: 70px;
	background: url(/common/images/ie8/icon.png) no-repeat -343px 0;
}
.sectionBox2:after {
	position: absolute;
	display: block;
	width: 75px;
	top: 0;
	left: 0;
	font-family: Open Sans, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 320%;
	line-height: 1em;
}
.sectionBox2.child-1:after {content: "01"; color: #588fe3;}
.sectionBox2.child-2:after {content: "02"; color: #3aaade;}
.sectionBox2.child-3:after {content: "03"; color: #27c0dc;}
.sectionBox2.child-4:after {content: "04"; color: #02aa9f;}
.sectionBox2.child-5:after {content: "05"; color: #219e62;}
.sectionBox2.child-6:after {content: "06"; color: #629f44;}
.sectionBox2.child-7:after {content: "07"; color: #899f44;}

.sectionBox2 h3 {
	padding: 0 0 10px;
	font-size: 130%;
	line-height: 140%;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
}
.sectionBox2.child-1 h3 {color: #588fe3;}
.sectionBox2.child-2 h3 {color: #3aaade;}
.sectionBox2.child-3 h3 {color: #27c0dc;}
.sectionBox2.child-4 h3 {color: #02aa9f;}
.sectionBox2.child-5 h3 {color: #219e62;}
.sectionBox2.child-6 h3 {color: #629f44;}
.sectionBox2.child-7 h3 {color: #899f44;}

.sectionBox2 h3:only-child {
	min-height: 4em;
	font-size: 110%;
}


/* ------ Contact List ------ */

.contactList {
	width: 100%;
	display: table;
}

.contactList li {
	display: table-cell;
	width: 50%;
	height: 150px;
	text-align: center;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	background-color: #f1f5f8;
/*	background-color: #e2e7eb;*/
	vertical-align: middle;
}

.contactList address {
	font-size: 90%;
	letter-spacing: 0.03em;
}

.contactList address span,
.contactList address a {
	margin: 0 0 3px;
	font-family: Open Sans, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 220%;
	letter-spacing: 0;
	color: #d7277a;
}
.contactList address span {display: block;}
.contactList address a {display: none;}
.phone .contactList address span {display: none;}
.phone .contactList address a {display: block;}

.contactList address a:link,
.contactList address a:visited,
.contactList address a:hover,
.contactList address a:active {
	color: #d7277a;
	text-decoration: none;
}

.contactList .btnLarge{
	padding: 0 15px;
	border-left: solid 1px #fff;
}

.contactList .btnLarge span {
	position: relative;
	display: block;
	max-width: 240px;
	margin: 0 auto;
}

.contactList .btnLarge a {
	position: relative;
	display: block;
	padding: 15px 20px;
}
.contactList .btnLarge a:link,
.contactList .btnLarge a:visited {
	color: #fff;
	background-color: #dd3ca2;
}
.contactList .btnLarge a:hover,
.contactList .btnLarge a:active {
	color: #fff;
	text-decoration: none;
	background-color: #f95dc0;
}
.contactList .btnLarge a:after {
	content: "";
	position: absolute;
	display: block;
	width: 5px;
	height: 9px;
	top: 50%;
	margin: -5px 0 0;
	background: url(/common/images/ie8/icon.png) no-repeat -415px -31px;
}
.contactList .btnLarge a:link:after,
.contactList .btnLarge a:visited:after {right: 11px;}
.contactList .btnLarge a:hover:after,
.contactList .btnLarge a:active:after {right: 9px;}


/* ------ Image List 1 ------ */

.imageList1 {
	max-width: 720px;
	margin: 0 auto;
}

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

.imageList1 dl {
	position: relative;
	float: left;
	width: 33.33333333%;
	padding: 60px 0 30px;
	text-align: center;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
}
.imageList1 dl:after {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 60px;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -60px;
	background-image: url(../images/ie8/icon.png);
	background-repeat: no-repeat;
}
.imageList1 .web:after {background-position: -10px -860px;}
.imageList1 .graphic:after {background-position: -150px -860px;}
.imageList1 .movie:after {background-position: -290px -860px;}
.imageList1 dl.child-1:after {background-color: #588fe3;}
.imageList1 dl.child-2:after {background-color: #3aaade;}
.imageList1 dl.child-3:after {background-color: #27c0dc;}
.imageList1 dl.child-4:after {background-color: #02aa9f;}
.imageList1 dl.child-5:after {background-color: #219e62;}
.imageList1 dl.child-6:after {background-color: #629f44;}
.imageList1 dl.child-7:after {background-color: #899f44;}

.imageList1 dt {
	display: table-cell;
	width: 300px;
	height: 5.5em;
	color: #000;
	line-height: 130%;
	font-weight: normal;
	vertical-align: middle;
}

.imageList1 dd {
	font-size: 90%;
	padding: 0;
}

.imageList1 em {
	display: inline-block;
	width: 1.7em;
	margin: 0 5px 0 0;
	font-family: Open Sans, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 400%;
	font-weight: normal;
	text-align: right;
	color: #588fe3;
}
.imageList1 dl.child-1 em {color: #588fe3;}
.imageList1 dl.child-2 em {color: #3aaade;}
.imageList1 dl.child-3 em {color: #27c0dc;}
.imageList1 dl.child-4 em {color: #02aa9f;}
.imageList1 dl.child-5 em {color: #219e62;}
.imageList1 dl.child-6 em {color: #629f44;}
.imageList1 dl.child-7 em {color: #899f44;}


/* ------ Image List 2 ------ */

.contentsBox .imageList2 {padding: 0 0 5px;}

.contentsBox .imageList2 li {
	position: relative;
	margin: 0 0 15px;
	padding: 12px 15px;
	line-height: 140%;
	background-color: #f1f5f8;
	border-left: solid 42px #bfc9d0;
}
.contentsBox.gray .imageList2 li,
.contentsBox.blue .imageList2 li {background-color: #fff;}

.contentsBox .imageList2 li .lt {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	top: 0;
	left: -42px;
	background: url(/common/images/ie8/icon.png) no-repeat -376px -940px;
}
.contentsBox .imageList2 li .rt {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	top: 0;
	right: 0;
	background: url(/common/images/ie8/icon.png) no-repeat -398px -940px;
}
.contentsBox .imageList2 li .lb {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	bottom: 0;
	left: -42px;
	background: url(/common/images/ie8/icon.png) no-repeat -376px -962px;
}
.contentsBox .imageList2 li .rb {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	bottom: 0;
	right: 0;
	background: url(/common/images/ie8/icon.png) no-repeat -398px -962px;
}

.contentsBox .imageList2 li:after {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 9px;
	top: 50%;
	left: -23px;
	margin: -6px 0 0;
	background: url(/common/images/ie8/icon.png) no-repeat -408px -18px;
}


/* ------ List Box 1 ------ */

.listBox1 section {position: relative;}
.listBox1 section.child-1 {background-color: #588fe3;}
.listBox1 section.child-2 {background-color: #3aaade;}
.listBox1 section.child-3 {background-color: #27c0dc;}
.listBox1 section.child-4 {background-color: #02aa9f;}
.listBox1 section.child-5 {background-color: #219e62;}
.listBox1 section.child-6 {background-color: #629f44;}
.listBox1 section.child-7 {background-color: #899f44;}
.listBox1 section.child-8 {background-color: #b1aa33;}
.listBox1 section.child-9 {background-color: #c9ad3a;}
.listBox1 section.child-10 {background-color: #cb952d;}

.listBox1 section.child-1:hover {background-color: #689ae6;}
.listBox1 section.child-2:hover {background-color: #4db2e1;}
.listBox1 section.child-3:hover {background-color: #3cc6e0;}
.listBox1 section.child-4:hover {background-color: #1bb2a8;}
.listBox1 section.child-5:hover {background-color: #37a871;}
.listBox1 section.child-6 :hover{background-color: #71a856;}
.listBox1 section.child-7:hover {background-color: #95a856;}
.listBox1 section.child-8:hover {background-color: #b9b247;}
.listBox1 section.child-9:hover {background-color: #ceb54d;}
.listBox1 section.child-10:hover {background-color: #d0a042;}

.listBox1 section a {
	position: relative;
	display: table;
	width: 100%;
	height: 200px;
}
.listBox1 section a:link,
.listBox1 section a:visited,
.listBox1 section a:hover,
.listBox1 section a:active {
	color: #fff;
	text-decoration: none;
}

.listBox1 .img,
.listBox1 .icon:before {
	content: "";
	position: relative;
	display: table-cell;
	width: 33.33333333%;
}
.listBox1 .icon:after {
	top: 0;
	bottom: 0;
	left: 16.66666666%;
	margin: auto -70px;
}

.listBox1 .img span {
	position: absolute;
	display: block;
	width: 120px;
	height: 120px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}

.listBox1 img {
	position: absolute;
	display: block;
	width: 194px;
	max-width: none;
	height: 120px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -97px;
}

.listBox1 .textArea {
	display: table-cell;
	width: 66.66666666%;
	padding: 30px 0;
	vertical-align: middle;
}

.listBox1 section a h2,
.listBox1 section a h3 {
	padding: 0 7.5% 10px 0;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
}
.listBox1 section a:link h2,
.listBox1 section a:link h3,
.listBox1 section a:visited h2,
.listBox1 section a:visited h3,
.listBox1 section a:hover h2,
.listBox1 section a:hover h3,
.listBox1 section a:active h2,
.listBox1 section a:active h3 {text-decoration: none;}

.listBox1 .text {
	padding: 0 7.5% 0 0;
	font-size: 83%;
}

.listBox1 section a + p {display: none;}


/* ------ List Box 2 ------ */

.listBox2 {
	width: 100.01%;
	background-color: #fff;
}
.listBox2:after {
	content: "";
	display: block;
	clear: both;
}
.listBox3 + .listBox2 {background-color: transparent;}

.listBox2 > h2 {padding: 40px 8%;}

.listBox2 section {
	float: left;
	width: 33.33333333%;
}

.listBox2 a {
	position: relative;
	display: block;
	height: 18.5em;
	overflow: hidden;
}
.listBox2 a:link,
.listBox2 a:visited,
.listBox2 a:hover,
.listBox2 a:active {
	color: #707070;
	text-decoration: none;
}

.listBox2 .img {
	position: absolute;
	width: 400%;
	height: 100%;
	top: 0;
	left: -150%;
	text-align: center;
	background-image: none !important;
}
.listBox2 a:hover .img {
	height: 110%;
	top: -5%;
}

.listBox2 img  {
	width: auto;
	min-width: 25%;
	height: 100%;
}

.listBox2 .textArea {
	position: relative;
	height: 100%;
	padding: 60px 0 0;
	text-align: center;
	background: url(/common/images/ie8/cover.png);
}

.listBox2 .time {
	padding: 0 10%;
	color: #3aaade;
	font-size: 76%;
}

.listBox2 .icon {
	position: relative;
	width: 70px;
	height: 70px;
	margin: 0 auto 30px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat ;
}
.listBox2 .icon:before {
	position: absolute;
	display: block;
	width: 70px;
	top: 37px;
	left: 0;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: center;
	text-indent: 0;
}
.listBox2 .icon:after {
	width: 40px;
	height: 40px;
	top: 5px;
	left: 15px;
}
.listBox2 .iconColumn {background-position: 0 -940px;}
.listBox2 .iconNews {background-position: -140px -940px;}

.listBox2 .iconColumn:before {content: "COLUMN";}
.listBox2 .iconNews:before {
	content: "NEWS";
	letter-spacing: 0.1em;
}

.listBox2 .iconColumn:after {background-position: -200px 0;}
.listBox2 .iconNews:after {background-position: -280px 0;}

.listBox2 section h2,
.listBox2 section h3 {
	padding: 0 10% 10px;
	color: #fff;
	font-size: 90%;
}

.listBox2 .text {
	padding: 0 10%;
	color: #fff;
	font-size: 76%;
}


/* ------ List Box 3 ------ */

.listBox3 {width: 100.01%;}

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

.listBox3 section {
	float: left;
	width: 33.33333333%;
}

.listBox3 a {
	position: relative;
	display: block;
	height: 18.5em;
	padding: 140px 10% 0;
	text-align: center;
	overflow: hidden;
	background-color: #588fe3;
}
.listBox3 a:link,
.listBox3 a:visited {color: #fff;}
.listBox3 a:hover,
.listBox3 a:active {
	color: #fff;
	text-decoration: none;
}

.listBox3 section.child-1 a {background-color: #588fe3;}
.listBox3 section.child-2 a,
.listBox3 section.child-4 a {background-color: #3aaade;}
.listBox3 section.child-3 a,
.listBox3 section.child-5 a,
.listBox3 section.child-7 a {background-color: #27c0dc;}
.listBox3 section.child-6 a,
.listBox3 section.child-8 a,
.listBox3 section.child-10 a {background-color: #02aa9f;}
.listBox3 section.child-9 a,
.listBox3 section.child-11 a,
.listBox3 section.child-13 a {background-color: #219e62;}
.listBox3 section.child-12 a,
.listBox3 section.child-14 a,
.listBox3 section.child-16 a {background-color: #629f44;}
.listBox3 section.child-15 a,
.listBox3 section.child-17 a,
.listBox3 section.child-19 a {background-color: #899f44;}
.listBox3 section.child-18 a,
.listBox3 section.child-20 a,
.listBox3 section.child-22 a {background-color: #b1aa33;}

.listBox3 section.child-1 a:hover {background-color: #689ae6;}
.listBox3 section.child-2 a:hover,
.listBox3 section.child-4 a:hover {background-color: #4db2e1;}
.listBox3 section.child-3 a:hover,
.listBox3 section.child-5 a:hover,
.listBox3 section.child-7 a:hover {background-color: #3cc6e0;}
.listBox3 section.child-6 a:hover,
.listBox3 section.child-8 a:hover,
.listBox3 section.child-10 a:hover {background-color: #1bb2a8;}
.listBox3 section.child-9 a:hover,
.listBox3 section.child-11 a:hover,
.listBox3 section.child-13 a:hover {background-color: #37a871;}
.listBox3 section.child-12 a:hover,
.listBox3 section.child-14 a:hover,
.listBox3 section.child-16 a:hover {background-color: #71a856;}
.listBox3 section.child-15 a:hover,
.listBox3 section.child-17 a:hover,
.listBox3 section.child-19 a:hover {background-color: #95a856;}
.listBox3 section.child-18 a:hover,
.listBox3 section.child-20 a:hover,
.listBox3 section.child-22 a:hover {background-color: #b9b247;}

.listBox3 a:after {
	top: 30px;
	left: 50%;
	margin: 0 0 0 -70px;
}

.listBox3 section h2 {
	position: relative;
	display: table-cell;
	width: 500px;
	height: 45px;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 90%;
	line-height: 130%;
	vertical-align: middle;
}
.listBox3 section h2:before,
.listBox3 section h2:after {
	content: "";
	position: absolute;
	display: block;
	width: 100px;
	height: 1px;
	left: 50%;
	margin: 0 0 0 -50px;
	background: url(/common/images/ie8/cover_white.png);
}
.listBox3 section h2:before {top: 0;}
.listBox3 section h2:after {bottom: 0;}

.listBox3 .text {
	position: relative;
	padding: 15px 0 0;
	color: #fff;
	font-size: 76%;
}


/* ------ List Box 4 ------ */

.listBox4 {
	width: 100.01%;
	background-color: #fff;
}
.tag + .listBox4 {background-color: transparent;}

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

.listBox4 > h2 {padding: 40px 8%;}

.listBox4 section {
	position: relative;
	float: left;
	width: 33.33333333%;
	background-color: #fff;
}

.listBox4 section > a {
	position: relative;
	display: block;
	height: 25em;
	padding: 0 10%;
}
.listBox4 section > a:hover,
.listBox4 section > a:active {text-decoration: none;}

.listBox4 .img {
	position: relative;
	margin: 0 -12.5%;
	background-color: #000;
	overflow: hidden;
}
.listBox4 a:hover img {filter: alpha(opacity=40);}

.listBox4 a:hover .img:after {
	content: "詳細を見る";
	position: absolute;
	z-index: 2;
	display: block;
	width: 150px;
	height: 40px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 83%;
	line-height: 40px;
	color: #fff;
	text-align: center;
	border: solid 1px #fff;
}
.listBox4 section > a[target]:hover .img:after {content: "サイトを見る";}
.listBox4 .enlarge a:hover .img:after {content: "画像を拡大";}
.listBox4 .play a:hover .img:after {content: "映像を再生";}
.listBox4 .playYouTube a:hover .img:after {content: "映像を再生";}

.listBox4 img {
	display: block;
	width: 100%;
}

.listBox4 section > a h2,
.listBox4 section > a h3 {
	display: table-cell;
	width: 500px;
	height: 70px;
	padding: 10px 0 5px;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	line-height: 140%;
	text-align: center;
	vertical-align: middle;
}
.listBox4 section > a:link h2,
.listBox4 section > a:visited h2,
.listBox4 section > a:hover h2,
.listBox4 section > a:active h2,
.listBox4 section > a:link h3,
.listBox4 section > a:visited h3,
.listBox4 section > a:hover h3,
.listBox4 section > a:active h3 {color: #000;}

.listBox4 section > a h2 span,
.listBox4 section > a h3 span {
	display: block;
	font-size: 76%;
	line-height: 140%;
}
.listBox4 section > a:link h2 span,
.listBox4 section > a:visited h2 span,
.listBox4 section > a:hover h2 span,
.listBox4 section > a:active h2 span,
.listBox4 section > a:link h3 span,
.listBox4 section > a:visited h3 span,
.listBox4 section > a:hover h3 span,
.listBox4 section > a:active h3 span {color: #999;}

.listBox4 .text {
	padding: 0 0 15px;
	font-size: 83%;
	line-height: 160%;
}
.listBox4 section a:link .text,
.listBox4 section a:visited .text,
.listBox4 section a:hover .text,
.listBox4 section a:active .text {color: #707070;}

.listBox4 .btn {
	position: relative;
	clear: both;
	max-width: 240px;
	margin: 15px auto 30px;
	overflow: hidden;
}

.listBox4 .btn a {
	position: relative;
	display: block;
	padding: 10px 15px;
	font-size: 90%;
	text-align: center;
	border: solid 2px #707070;
}
.listBox4 .btn a:link,
.listBox4 .btn a:visited {color: #707070;}
.pc .listBox4 .btn a:hover,
.pc .listBox4 .btn a:active {
	color: #fff;
	text-decoration: none;
}
.pc .listBox4 .btn a:after {
	content: "";
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 13px;
	margin: -4px 0 0;
}
.listBox4 .btn a:link:after,
.listBox4 .btn a:visited:after{
	border-right: solid 1px #b8bec1;
	border-bottom: solid 1px #b8bec1;
}
.pc .listBox4 .btn a:hover:after,
.pc .listBox4 .btn a:active:after {
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}


/* ------ .listBox5 ------ */

.listBox5 {background-color: #fff;}

.listBox5 + .listBox5 {border-top: solid 1px #eee;;}

.listBox5 > h2 {padding: 40px 8%;}

.listBox5 section {position:relative;}
.listBox5 section:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-color: #eee;
}
.listBox5 section:first-child:before {display: none;}
.listBox5 h2 + section:first-child:before {display: block;}

.listBox5 a {
	position: relative;
	display: block;
}
.listBox5 a:hover,
.listBox5 a:active {text-decoration: none;}

.listBox5 .imgArea {
	position: absolute;
	width: 50%;
	height: 100%;
	min-height: 240px;
	top: 0;
	left: 0;
	overflow: hidden;
}

.listBox5 .img {
	position: absolute;
	width: 400%;
	height: 100%;
	top: 0;
	left: -150%;
	text-align: center;
	background-image: none !important;
}
.listBox5 img  {
	position: relative;
	width: auto;
	min-width: 25%;
	height: 100%;
}
.listBox5 a:hover img,
.listBox5 a:active img {
	height: 110%;
	top: -5%;
}

.listBox5 .title {
	position: relative;
	z-index: 2;
	display: table-cell;
	width: 500px;
	height: 240px;
	top: 0;
	left: 0;
	padding: 30px 0;
	text-align: center;
	vertical-align: middle;
	background: url(/common/images/ie8/cover.png);
}

.listBox5 section h2,
.listBox5 section h3 {
	padding: 0 10%;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
}
.listBox5 section a:link h2,
.listBox5 section a:visited h2,
.listBox5 section a:hover h2,
.listBox5 section a:active h2,
.listBox5 section a:link h3,
.listBox5 section a:visited h3,
.listBox5 section a:hover h3,
.listBox5 section a:active h3 {color: #fff;}

.listBox5 .time {
	padding: 0 10%;
	font-size: 76%;
}
.listBox5 a:link .time,
.listBox5 a:visited .time,
.listBox5 a:hover .time,
.listBox5 a:active .time {color: #3aaade;}

.listBox5 .textArea {
	position: relative;
	width: 50%;
	margin: 0 0 0 auto;
	padding: 30px 5%;
}

.listBox5 .text {
	display: table-cell;
	width: 100%;
	height: 180px;
	font-size: 83%;
	vertical-align: middle;
}
.listBox5 a:link .text,
.listBox5 a:visited .text,
.listBox5 a:hover .text,
.listBox5 a:active .text {color: #707070;}


/* ------ Icon for List Box ------ */

.icon:after {
	content: "";
	position: absolute;
	display: block;
	width: 140px;
	height: 100px;
	background-image: url(../../common/images/ie8/icon.png);
	background-repeat: no-repeat;
}
.iconSmart4meBiz:after {background-position: 0 -40px;}
.iconSmart4me:after {background-position: -140px -40px;}
.iconCrossMedia:after {background-position: -280px -40px;}
.iconRWD:after {background-position: 0 -140px;}
.iconSP:after {background-position: -140px -140px;}
.iconLarge:after {background-position: -280px -140px;}
.iconSystem:after {background-position: 0 -240px;}
.iconInternational:after {background-position: -140px -240px;}
.iconRecruitTool:after {background-position: -280px -240px;}
.iconResearch:after {background-position: 0 -340px;}
.iconSEO:after {background-position: -140px -340px;}
.iconTranslation:after {background-position: -280px -340px;}
.iconWeb:after {background-position: 0 -440px;}
.iconGraphic:after {background-position: -140px -440px;}
.iconMovie:after {background-position: -280px -440px;}
.iconCorporate:after {background-position: 0px -540px;}
.iconCompany:after {background-position: -140px -540px;}
.iconPhilosophy:after {background-position: -280px -540px;}
.iconAccess:after {background-position: 0px -640px;}
.iconNews:after {background-position: -140px -640px;}
.iconRecruitInfo:after {background-position: -280px -640px;}
.iconMessage:after {background-position: 0px -740px;}
.iconStaff:after {background-position: -140px -740px;}
.iconRecruit:after {background-position: -280px -740px;}


/* ------ Table ------ */

.contentsBox table {
	width: 100%;
	margin: 0 0 20px;
}

.contentsBox table th {
	width: 25%;
	padding: 15px 5% 15px 0;
	color: #000;
	font-size: 90%;
	vertical-align: top;
/*	border-right: 1px solid #eee;
	border-top: 1px solid #eee;*/
}
.blue table th,
.skyBlue table th,
.lightBlue table th {color: #fff;}

/*
.contentsBox table thead th {
	width: auto;
	padding-right: 0;
}
.contentsBox table tr:last-of-type th {border-bottom: 1px solid #eee;}
*/
.contentsBox table td {
	padding: 15px 0;
	font-size: 90%;
	vertical-align: top;
/*	border-top: 1px solid #eee;*/
}
/*
.contentsBox table tr:last-of-type td {border-bottom: 1px solid #eee;}
*/

.contentsBox table.price th,
.contentsBox table.price td {
	width: 33.33333333%;
	padding: 15px;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	line-height: 140%;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border-left: solid 1px #e4e8ec;
	border-bottom: solid 1px #e4e8ec;
}

.contentsBox table.price th {padding: 30px 15px;}

.contentsBox table.price td {
	padding: 12px 15px;
	font-size: 83%;
}

/*
.contentsBox table.price thead th:first-of-type {
	width: 15%;
	border: 0 none;
	background-color: transparent;
}

.contentsBox table.price tbody th {
	width: 15%;
	background-color: #e4e8ec;
	border: 0 none;
	border-bottom: solid 1px #fff;
}
.contentsBox table.price tbody tr:last-of-type th,*/
.contentsBox table.price tbody tr:last-of-type td {border-bottom: 0 none;}
.contentsBox table.price tbody tr:first-of-type td {padding: 30px 15px;}

.contentsBox table.price tbody td:first-of-type {border-left: 0 none;}

.contentsBox table.price em {
	font-family: Open Sans, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 240% !important;
}

.contentsBox table.price .blue {
	background-color: #588fe3;
	border: 0 none;
	color: #fff;
}
.contentsBox table.price .skyBlue {
	background-color: #3aaade;
	border: 0 none;
	color: #fff;
}
.contentsBox table.price .lightBlue {
	background-color: #27c0dc;
	border: 0 none;
	color: #fff;
}


/* ------ Tab Navigation ------ */

.tabNav ul {
	background-color: #252829;
	overflow: hidden;
}

.tabNav li {
	position: relative;
	float: left;
	width: 25%;
	font-size: 83%;
	line-height: 140%;
}

.tabNav li a {
	position: relative;
	display: table-cell;
	width: 300px;
	height: 55px;
	padding: 0 15px;
	border-left: solid 1px #333739;
	text-align: center;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	vertical-align: middle;
}
.tabNav li:first-child a {border-left: 0 none;}
.tabNav li a:link,
.tabNav li a:visited {color: #bbb;}
.tabNav li a:hover,
.tabNav li a:active,
.tabNav .current a,
.tabNav .parent a {
	color: #fff !important;
	text-decoration: none;
	background-color: #333739;
}


/* ------ Tag Selector ------ */

.tag {
	padding: 30px 8% 15px;
	background-color: #333739;
	overflow: hidden;
}

.tag li {
	float: left;
	width: 33.33333333%;
	padding: 0 10px 15px;
	font-size: 67%;
}
.tag li.child-1,
.tag li.child-4,
.tag li.child-7,
.tag li.child-10,
.tag li.child-13,
.tag li.child-16 {
	clear: both;
	padding-left: 0;
}
.tag li.child-3,
.tag li.child-6,
.tag li.child-9,
.tag li.child-12,
.tag li.child-15 {padding-right: 0;}

.tag li a {
	position: relative;
	display: block;
	padding: 0 0 0 25px;
}
.tag li a:link,
.tag li a:visited {color: #bbb;}
.tag li a:hover,
.tag li a:active,
.tag li.current a {
	color: #fff;
	text-decoration: none;
}
.tag li a:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background: url(/common/images/ie8/icon.png) no-repeat -404px -984px;
}
.tag li.current a:before {background: url(/common/images/ie8/icon.png) no-repeat -388px -984px;}


/* ------ Next Button ------ */

.nextBtn {
	position: relative;
	background-color: #333739;
	height: 75px;
}

.nextBtn li {
	position: absolute;
	width: 35px;
}
.nextBtn .prev {
	top: 20px;
	left: 50%;
	margin: 0 0 0 -80px;
}
.nextBtn .index {
	top: 20px;
	left: 50%;
	margin: 0 0 0 -17px;
}
.nextBtn .next {
	top: 20px;
	left: 50%;
	margin: 0 0 0 45px;
}

.nextBtn li a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat;
}
.nextBtn .prev a:link,
.nextBtn .prev a:visited {background-position: -70px -1010px;}
.nextBtn .prev a:hover,
.nextBtn .prev a:active {background-position: -280px -1010px;}
.nextBtn .next a:link,
.nextBtn .next a:visited {background-position: -105px -1010px;}
.nextBtn .next a:hover,
.nextBtn .next a:active {background-position: -315px -1010px;}
.nextBtn .index a:link,
.nextBtn .index a:visited {background-position: -140px -1010px;}
.nextBtn .index a:hover,
.nextBtn .index a:active {background-position: -350px -1010px;}


/* ------ Pagination ------ */

.pager .pagination {
	position: relative;
	background-color: #333739;
	height: 75px;
	padding: 20px 0 0;
	text-align: center;
}

.pager .pagination .page-numbers {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 5px;
	overflow: hidden;
	line-height: 35px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	color: #333739;
	background-color: #fff;
	border: solid 1px #fff;
}
.pager .pagination a.page-numbers:link,
.pager .pagination a.page-numbers:visited {
	color: #ccc;
	background-color: transparent;
}
.pager .pagination a.page-numbers:hover,
.pager .pagination a.page-numbers:active {
	color: #333739;
	background-color: #fff;
	text-decoration: none;
}

.pager .pagination .prev,
.pager .pagination .next {text-indent: -9999px;}

.pager .pagination .prev:before,
.pager .pagination .next:before {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 1px;
	top: 17px;
	left: 10px;
	background-color: #fff;
}
.pager .pagination .prev:hover:before {
	left: 8px;
	background-color: #333739;
}
.pager .pagination .next:hover:before {
	left: 12px;
	background-color: #333739;
}

.pager .pagination .prev:after,
.pager .pagination .next:after {
	content: "";
	position: absolute;
	display: block;
	width: 11px;
	height: 11px;
	top: 12px;
}
.pager .pagination .prev:after {
	left: 10px;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.pager .pagination .next:after {
	right: 10px;
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
}
.pager .pagination .prev:hover:after {
	left: 8px;
	border-left: solid 1px #333739;
	border-bottom: solid 1px #333739;
}
.pager .pagination .next:hover:after {
	right: 8px;
	border-right: solid 1px #333739;
	border-top: solid 1px #333739;
}


/* ------ Social Button ------ */

.social {
	position: relative;
	height: 75px;
	padding: 27px 0 0;
	text-align: center;
	background-color: #333739;
	border-left: solid 1px #474c4e;
}

.social .facebook {
	display: inline-block;
	width: 110px;
	height: 20px;
	overflow: hidden;
}

.social .twitter {
	display: inline-block;
	width: 80px;
	height: 20px;
	overflow: hidden;
}

.social .hatena {
	display: inline-block;
	width: 69px;
	height: 20px;
	overflow: hidden;
}

#contentsDummy1 .social > div,
#contentsDummy2 .social > div,
#contentsDummy3 .social > div {display: none;}


/* ------ Mail ------ */

.mail:before {content: "@";}


/* ------ Form ------ */

.field1,
.field2,
.field3 {
	height: 2em;
	padding: 0 5px;
	border: solid 1px #ddd;
}

.field1 {width: 50%;}
.field2 {width: 100%;}
.field3 {width: 20%;}
textarea.field2 {height: auto;}

input {vertical-align: middle;}

label {
	display: inline-block;
	padding: 0 0 0 5px;
	vertical-align: middle;
}
label + input {margin: 0 0 0 20px;}

.radioList dd {padding-left: 1em !important;}

#privacyArea {margin: 0 0 30px;}

#privacy {
	display: none;
	padding: 0 7% 10px;
	background-color: #f1f5f8;
}

.contentsBox .errorText {
	padding: 5px 0 0;
	color: #d7277a;
}


/* ------ Google Map ------ */

.googleMap {
	height: 500px;
	background-color: #e9e5dc;
}

#map_canvas {height: 500px;}

#contentsDummy1 #map_canvas,
#contentsDummy2 #map_canvas,
#contentsDummy3 #map_canvas {display: none;}


/* ------ Modal Window for Images ------ */

#modalCover {
	position: fixed;
	z-index: 20000;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
/*
	background: #0098bf;
	background: -moz-linear-gradient(-45deg, #0098bf 0%, #002e47 50%, #00010f 100%);
	background: -webkit-linear-gradient(-45deg, #0098bf 0%,#002e47 50%,#00010f 100%);
	background: linear-gradient(135deg, #0098bf 0%,#002e47 50%,#00010f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098bf', endColorstr='#00010f',GradientType=1 );
*/
}

#modalLoader {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#modalContents {
	position: absolute;
	z-index: 20001;
	display: none;
	left: 0;
	right: 0;
	margin: auto;
	padding: 50px;
	text-align: center;
}

#modalContents .inner {
	position: relative;
	display: inline-block;
}

#modalContents .img {
	overflow: hidden;

	box-shadow: 0 0 35px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0 35px rgba(0, 0, 0, .5);
	-ms-box-shadow: 0 0 35px rgba(0, 0, 0, .5);
}

#modalContents img {
	width: auto;
	max-width: 100%;
}

#modalContents video {
	float: left;
	background-color: #000;
}

#modalContents iframe {float: left;}

#modalContents .title p {
	padding: 15px 0 0;
	font-size: 90%;
	color: #fff;
	text-align: left;
}
#modalContents .title p span {padding-left: 1em;}

#modalContents .btnClose {
	position: absolute;
	right: -5px;
	top: -45px;
}

#modalContents .btnClose a {
	display: block;
	width: 39px;
	height: 39px;
	right: 0;
	top: 0;
	text-indent: -9999px;
	overflow: hidden;
	opacity: .7;

	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	-moz-transition: opacity 0.3s linear, -moz-transform 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-in-out;
	-o-transition: opacity 0.3s linear,-o-transform 0.3s ease-in-out;
	-ms-transition: opacity 0.3s linear, -ms-transform 0.3s ease-in-out;
	transition: opacity 0.3s linear, transform 0.3s ease-in-out;


}
#modalContents .btnClose a:before {
	content: "";
	position: absolute;
	display: block;
	width: 39px;
	height: 1px;
	top: 19px;
	left: 0px;
	background-color: #fff;
}
#modalContents .btnClose a:after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 39px;
	top: 0px;
	left: 19px;
	background-color: #fff;
}
.pc #modalContents .btnClose a:hover {
	opacity: 1;

	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.youTube {
	max-width: 720px;
	max-height: 405px;
	margin: 0 auto;
	overflow: hidden;
}

.youTube > div {
	position: relative;
	width: 100%;
	height: 0;
	padding: 56.25% 0 0;
}

.youTube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/* ------ Footer ------ */

footer {
	position :relative;
	z-index: 4;
	margin: 0 -40px;
	padding: 40px;
	background-color: #212425;
	overflow: hidden;
}

#pageTop {
	position: absolute;
	width: 35px;
	top: 40px;
	right: 40px;
}

#pageTop a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat;
}
#pageTop a:link,
#pageTop a:visited {background-position: -35px -1010px;}
#pageTop a:hover,
#pageTop a:active {background-position: -245px -1010px;}

#footerMenu {
	margin: 0 -40px;
	padding: 30px 40px 10px;
}

#footerMenu .row > ul {
	float: left;
	width: 25%;
}
#footerMenu li {line-height: 140%;}

#footerMenu .row > ul > li {
	margin: 0 0 20px;
}

#footerMenu .row > ul > li > a {
	font-size: 83%;
	font-weight: bold;
}

#footerMenu .row > ul > li > a:link,
#footerMenu .row > ul > li > a:visited,
.sp #footerMenu .row > ul > li > a:hover,
.sp #footerMenu .row > ul > li > a:active {color: #fff;}
.pc #footerMenu .row > ul > li > a:hover,
.pc #footerMenu .row > ul > li > a:active {
	color: #1ab6ff;
	text-decoration: none;
}

#footerMenu li li:first-of-type {margin: 5px 0 0;}

#footerMenu li li a {font-size: 67%}
#footerMenu li li a:link,
#footerMenu li li a:visited {color: #999;}
#footerMenu li li a:hover,
#footerMenu li li a:active {
	color: #1ab6ff;
	text-decoration: none;
}

#footerAddress {
	color: #999;
	overflow: hidden;
}

#footerAddress p {
	position: relative;
	float: left;
	width: 133px;
	height: 27px;
	margin: 5px 0 0;
}
#footerAddress p:after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 32px;
	top: 0;
	right: -25px;
	background-color: #383a3b;
}
/*
#footerAddress p img {filter: alpha(opacity=50);}
*/
#footerAddress address,
#footerAddress dl {
	margin: 0 0 0 180px;
	font-size: 76%;
	overflow: hidden;
}

#footerAddress dt {
	display: inline-block;
	margin: 0 10px 0 0;
}
#footerAddress dd {
	display: inline-block;
	margin: 0 20px 0 0;
}

#footerAddress br {display: none;}

#footerCopyright ul {
	float: left;
	overflow: hidden;
}

#footerCopyright li {
	display: inline-block;
	margin: 0 35px 0 0;
	font-size: 67%;
}

#footerCopyright li a:link,
#footerCopyright li a:visited,
.sp #footerCopyright li a:hover,
.sp #footerCopyright li a:active {color: #999;}
.pc #footerCopyright li a:hover,
.pc #footerCopyright li a:active {
	text-decoration: none;
	color: #1ab6ff;
}

#footerCopyright p {
	float: right;
	text-align: right;
}

#footerCopyright small {font-size: 60%;}

#footerCopyright p a:link,
#footerCopyright p a:visited,
.sp #footerCopyright p a:hover,
.sp #footerCopyright p a:active {color: #707070;}
.pc #footerCopyright p a:hover,
.pc #footerCopyright p a:active  {
	text-decoration: none;
	color: #1ab6ff;
}

#footerAddress br,
#footerCopyright br {display: none;}


/* ------ Top Page ------ */

.topMainvisualArea {
	position: relative;
	overflow: hidden;
}

.topMainvisualArea .inner {
	width: 100%;
	overflow: hidden;
}

.topMainvisualArea section {
	float: left;
	display: none;
	width: 100%;
}
.topMainvisualArea section:first-child {display: block;}

.topMainvisualArea section a {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}
.topMainvisualArea section a:link,
.topMainvisualArea section a:visited {color: #707070;}
.topMainvisualArea section a:hover,
.topMainvisualArea section a:active {
	text-decoration: none;
	color: #707070;
}

.topMainvisualArea .imgArea {
	float: left;
	position: relative;
	width: 66.666666%;
	background-color: #000;
	overflow: hidden;
}

.topMainvisualArea .imgArea .img {
	position: relative;
	width: 400%;
	height: 18.5em;
	left: -150%;
	text-align: center;
	background-image: none !important;
}

.topMainvisualArea section a .imgArea img {
	position: relative;
	width: auto;
	min-width: 25%;
	height: auto;
	min-height: 100%;
}
.topMainvisualArea section a:hover .imgArea img {
	height: 22.5em;
	top: -2em;
}

.topMainvisualArea .icon {
	position: absolute;
	z-index: 1;
	width: 70px;
	height: 70px;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	text-indent: -9999px;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repeat ;
	overflow: hidden;
}
.topMainvisualArea .icon:before {
	position: absolute;
	display: block;
	width: 70px;
	top: 37px;
	left: 0;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: center;
	text-indent: 0;
}
.topMainvisualArea .icon:after {
	width: 40px;
	height: 40px;
	top: 5px;
	left: 15px;
}
.topMainvisualArea .iconPortfolio {background-position: -70px -940px;}
.topMainvisualArea .iconPortfolio:before {
	content: "WORK";
	letter-spacing: 0.1em;
}
.topMainvisualArea .iconPortfolio:after {background-position: -80px 0;}

.topMainvisualArea .textArea {
	position: relative;
	z-index: 4;
	float: right;
	width: 33.333333%;
	height: 18.5em;
	padding: 30px 3.33333333% 0;
	text-align: center;
}
.topMainvisualArea section a:hover .textArea:before {
	content: "";
	position: absolute;
	z-index: 3;
	display: block;
	width: 200%;
	height: 100%;
	top: 0;
	left: -200%;
	background: url(/common/images/ie8/cover.png);
}
.topMainvisualArea section a:hover .textArea:after {
	content: "詳細を見る";
	position: absolute;
	z-index: 4;
	display: block;
	width: 150px;
	height: 40px;
	top: 0;
	bottom: 0;
	left: -100%;
	margin: auto auto auto -75px;
	font-size: 83%;
	line-height: 40px;
	color: #fff;
	text-align: center;
	border: solid 1px #fff;
}
.topMainvisualArea section a[target]:hover .textArea:after {content: "サイトを見る";}

.topMainvisualArea h2 {
	position: relative;
	display: table-cell;
	width: 500px;
	height: 45px;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 90%;
	color: #000;
	line-height: 130%;
	vertical-align: middle;
}
.topMainvisualArea section h2:before,
.topMainvisualArea section h2:after {
	content: "";
	position: absolute;
	display: block;
	width: 100px;
	height: 1px;
	left: 50%;
	margin: 0 0 0 -50px;
	background-color: #000;
}
.topMainvisualArea section h2:before {top: 0;}
.topMainvisualArea section h2:after {bottom: 0;}

.topMainvisualArea .logo {
	padding: 0 0 10px;
	font-size: 76%;
}

.topMainvisualArea .text {
	padding: 15px 0 0;
	font-size: 76%;
}

.topMainvisualArea .btn {
	position: absolute;
	z-index: 101;
	width: 66.666666%;
	bottom: 0;
	left: 0;
}

.topMainvisualArea .btn li {
	position: absolute;
	width: 50px;
	bottom: 0;
}
.topMainvisualArea .btn .prev {right: 50px;}
.topMainvisualArea .btn .next {right: 0;}

.topMainvisualArea .btn li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	background-color: #fff;
	overflow: hidden;
}
.topMainvisualArea .btn .prev a:after,
.topMainvisualArea .btn .next a:after {
	content: "";
	position: absolute;
	display: block;
	width: 11px;
	height: 21px;
	top: 15px;
	background-image: url(/common/images/ie8/icon.png);
	background-repeat: no-repea;
}
.topMainvisualArea .btn .prev a:after {
	left: 18px;
	background-position: -302px -940px;
}
.topMainvisualArea .btn .next a:after {
	right: 18px;
	background-position: -313px -940px;
}
.topMainvisualArea .btn .prev a:hover:after,
.topMainvisualArea .btn .prev a:active:after {
	left: 16px;
	background-position: -324px -940px;
}
.topMainvisualArea .btn .next a:hover:after,
.topMainvisualArea .btn .next a:active:after {
	right: 16px;
	background-position: -335px -940px;
}

.topMainvisualArea .btn .prev a:before {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 30px;
	top: 10px;
	right: 0;
	background-color: #eee;
}

.topMainvisualArea .pagenation {
	position: absolute;
	z-index: 101;
	width: 66.666666%;
	height: 0;
	bottom: 0;
	left: 0;
	padding: 0 100px 0 0;
	text-align: center;
}
.spWebkit .topMainvisualArea .pagenation {padding: 0;}

.topMainvisualArea .pagenation li {
	position: relative;
	display: inline-block;
	width: 10px;
	margin: 0 10px;
	vertical-align: top;
}
.topMainvisualArea .pagenation li.current {
	width: 20px;
	margin: 0 5px;
}

.topMainvisualArea .pagenation li:before,
.topMainvisualArea .pagenation li:after {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 1px;
	bottom: 25px;
	background: url(/common/images/ie8/cover_white.png);
}
.topMainvisualArea .pagenation li:before {left: -10px;}
.topMainvisualArea .pagenation li:after {right: -10px;}
.topMainvisualArea .pagenation li.current:before,
.topMainvisualArea .pagenation li.current:after {width: 5px;}
.topMainvisualArea .pagenation li.current:before {left: -5px;}
.topMainvisualArea .pagenation li.current:after {right: -5px;}
.topMainvisualArea .pagenation li:first-child:before,
.topMainvisualArea .pagenation li.last-child:after {display: none;}

.topMainvisualArea .pagenation li span {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	bottom: 20px;
	left: 0;
	text-indent: -9999px;
	background: url(/common/images/ie8/icon.png) no-repeat -346px -940px;
	overflow: hidden;
}

.topMainvisualArea .pagenation li.current span {
	width: 20px;
	height: 20px;
	bottom: 15px;
	background: url(/common/images/ie8/icon.png) no-repeat -356px -940px;
}


/* ------ News / Column ------ */

.news .contentsBox h2,
.column .contentsBox h2 {
	margin: 0 auto 20px;
	padding: 30px 0 10px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	text-align: left;
	border-bottom: solid 1px #eee;
}
.news .contentsBox h2:first-of-type,
.column .contentsBox h2:first-of-type {padding: 30px 0 10px;}

.column .time {padding-bottom: 0;}


/* ------ Contact ------ */

#contactBox {
	margin: 0 0 20px;
	padding: 0;
	font-family: Open Sans, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 200%;
	text-align: center;
	background-color: #f1f5f8;
}

#contactBox a {
	display: block;
	padding: 20px 0;
}
#contactBox a:link,
#contactBox a:visited,
.sp #contactBox a:hover,
.sp #contactBox a:active {color: #dd3ca2;}
.pc #contactBox a:hover,
.pc #contactBox a:active {
	color: #f95dc0;
	text-decoration: none;
}

#telBox {
	display: block;
	margin: 0 0 20px;
	padding: 0;
/*	font-family: Noto Sans Japanese, "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size: 90%;
	text-align: center;
	letter-spacing: 0.03em;
	background-color: #f1f5f8;
}

#telBox a {
	display: block;
	padding: 25px 0 20px;
	cursor: text;
}
#telBox a:link,
#telBox a:visited,
#telBox a:hover,
#telBox a:active {
	color: #707070;
	text-decoration: none;
}

#telBox a:link span {
	display: block;
	padding: 0 0 5px;
	font-family: Open Sans, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 220%;
	letter-spacing: 0;
}
#telBox a:link span,
#telBox a:visited span,
#telBox a:hover span,
#telBox a:active span {color: #dd3ca2;}


/* ------ Sitemap ------ */

.sitemap .contentsBox {
	padding-top: 20px;
	padding-bottom: 40px;
}

.sitemap h2 {
	margin: 0 0 20px;
	padding: 30px 0 10px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: left;
	border-bottom: solid 1px #eee;
}
.sitemap h2:first-of-type {padding: 30px 0 10px;}

.sitemap ul {padding-bottom: 0;}

.sitemap ul li {
	padding-bottom: 0;
	padding-left: 0;
	font-weight: bold;
}

.sitemap ul li:after {display: none;}
.sitemap ul li ul li {
	padding-left: 1.2em;
	font-weight: normal;
}
.sitemap ul li ul li:after {display: block;}

.sitemap ul li a {
	display: inline-block;
	margin-bottom: 10px;
}
.sitemap ul li ul li a {margin-bottom: 0;}
.sitemap ul li ul li:last-of-type a {margin-bottom: 10px;}

.sitemap h2 a:link,
.sitemap h2 a:visited,
.sp .sitemap h2 a:hover,
.sp .sitemap h2 a:active {color: #000;}
.pc .sitemap h2 a:hover,
.pc .sitemap h2 a:active {color: #1ab6ff;}


/*---------------------------------------------
	for 1420px-
  ---------------------------------------------*/

	.o1420 #container {
		max-width: 1420px;
		padding: 0 40px 0 140px;
	}

	.o1420 #bgImg,
	.o1420 #pageTitle {max-width: 1500px;}

	.o1420 #pageTitle h1,
	.o1420 #pageTitle .copy {font-size: 210%;}

	.o1420 #gnav {margin: 0 0 0 -140px;}
	.o1420 #mainNav > li.child-2 > a {top: 90px;}
	.o1420 #mainNav > li.child-3 > a {top: 180px;}
	.o1420 #mainNav > li.child-4 > a {top: 270px;}
	.o1420 #mainNav > li.child-5 > a {top: 360px;}
	.o1420 #mainNav > li.child-6 > a {top: 450px;}

	.o1420 #mainNav > li > a {
		width: 100px;
		height: 90px;
		padding: 50px 0 0;
		font-size: 76%;
	}
	.o1420 #mainNav > li > a:after {
		top: 10px;
		left: 30px;
	}

	.o1420 #mainNav > li > ul {left: 100px;}

	.o1420 #subNav a {left: 32px;}
	.o1420 #subNavNews a {bottom: 182px;}
	.o1420 #subNavEnglish a {bottom: 120px;}

	.o1420 #bgImg,
	.o1420 #bgImgDummy,
	.o1420 #pageTitle {
		margin: 0 0 0 -140px;
		padding: 0 0 0 100px;
	}



/*---------------------------------------------
	for -1249px
  ---------------------------------------------*/

	.u1249 .col.half {
		float: none;
		width: auto;
	}

	.u1249 .half.gutter {padding-left: 0;}
	.u1249 .half.gutter:first-child {padding-right: 0;}

	.u1249 .hideNarrow {display: none;}

	.u1249 .showNarrow {display: block;}
	.u1249 br.showNarrow {display: inline;}

	.u1249 #logo {width: 150px;}

	.u1249 #logo a {
		height: 150px;
		padding: 40px 0 0 15px;
	}

	.u1249 #logo p {margin: 0 0 15px;}
	.u1249 #logo p img {width: 122px;}
	.u1249 #logo p:first-child img {width: 105px;}

	.u1249 #pageTitle h1,
	.u1249 #pageTitle .copy {font-size: 150%;}

	.u1249 #pageTitle h1 br,
	.u1249 #pageTitle .copy br {display: none;}

	.u1249 #pageTitle .text {font-size: 90%;}

	.contentsBox > h2,
	.listBox4 > h2 {font-size: 130%;}

	.u1249 .tag li {width: 50%;}
	.u1249 .tag li.child-4,
	.u1249 .tag li.child-7,
	.u1249 .tag li.child-10,
	.u1249 .tag li.child-13,
	.u1249 .tag li.child-16 {
		clear: none;
		padding-left: 10px;
	}
	.u1249 .tag li.child-3,
	.u1249 .tag li.child-5,
	.u1249 .tag li.child-7,
	.u1249 .tag li.child-9,
	.u1249 .tag li.child-11,
	.u1249 .tag li.child-13,
	.u1249 .tag li.child-15,
	.u1249 .tag li.child-17 {
		clear: both;
		padding-left: 0;
	}
	.u1249 .tag li.child-2,
	.u1249 .tag li.child-4,
	.u1249 .tag li.child-6,
	.u1249 .tag li.child-8,
	.u1249 .tag li.child-10,
	.u1249 .tag li.child-12,
	.u1249 .tag li.child-14,
	.u1249 .tag li.child-16,
	.u1249 .tag li.child-18 {padding-right: 0;}
	.u1249 .tag li.child-3,
	.u1249 .tag li.child-6,
	.u1249 .tag li.child-9,
	.u1249 .tag li.child-12,
	.u1249 .tag li.child-15,
	.u1249 .tag li.child-18 {padding-right: 10px;}

	.u1249 .mainvisual2 .imgArea {width: 50%;}

	.u1249 .mainvisual2 .textArea {width: 50%;}

	.u1249 .imageList1 dt {font-size: 90%;}

	.u1249 .imageList1 em {
		display: block;
		margin: 0 auto 15px;
		font-size: 350%;
	}

	.u1249 .listBox2 section {width: 50%}

	.u1249 .listBox3 section {width: 50%}

	.u1249 .listBox3 section.child-1 a {background-color: #588fe3;}
	.u1249 .listBox3 section.child-2 a,
	.u1249 .listBox3 section.child-3 a {background-color: #3aaade;}
	.u1249 .listBox3 section.child-4 a,
	.u1249 .listBox3 section.child-5 a {background-color: #27c0dc;}
	.u1249 .listBox3 section.child-6 a,
	.u1249 .listBox3 section.child-7 a {background-color: #02aa9f;}
	.u1249 .listBox3 section.child-8 a,
	.u1249 .listBox3 section.child-9 a {background-color: #219e62;}
	.u1249 .listBox3 section.child-10 a,
	.u1249 .listBox3 section.child-11 a {background-color: #629f44;}
	.u1249 .listBox3 section.child-12 a,
	.u1249 .listBox3 section.child-13 a {background-color: #899f44;}

	.u1249 .listBox3 section.child-1 a:hover {background-color: #689ae6;}
	.u1249 .listBox3 section.child-2 a:hover,
	.u1249 .listBox3 section.child-3 a:hover {background-color: #4db2e1;}
	.u1249 .listBox3 section.child-4 a:hover,
	.u1249 .listBox3 section.child-5 a:hover {background-color: #3cc6e0;}
	.u1249 .listBox3 section.child-6 a:hover,
	.u1249 .listBox3 section.child-7 a:hover {background-color: #1bb2a8;}
	.u1249 .listBox3 section.child-8 a:hover,
	.u1249 .listBox3 section.child-9 a:hover {background-color: #37a871;}
	.u1249 .listBox3 section.child-10 a:hover,
	.u1249 .listBox3 section.child-11 a:hover {background-color: #71a856;}
	.u1249 .listBox3 section.child-12 a:hover,
	.u1249 .listBox3 section.child-13 a:hover {background-color: #95a856}

	.u1249 .listBox4 section {width: 50%}

	.u1249 .contactList address {font-size: 83%;}

	.u1249 .topMainvisualArea .textArea,
	.u1249 .topMainvisualArea .imgArea,
	.u1249 .topMainvisualArea .btn,
	.u1249 .topMainvisualArea .pagenation {width: 50%;}

	.u1249 .topMainvisualArea .textArea {
		padding-left: 5%;
		padding-right: 5%;
	}
	.u1249 .topMainvisualArea section a:hover .textArea:before {
		width: 100%;
		left: -100%;
	}
	.u1249 .topMainvisualArea section a:hover .textArea:after {
		left: -50%;
		margin: auto auto auto -75px;
	}