@charset "UTF-8";
html {
		font-size: 62.5%;
		overflow-x:hidden !important;
		}

body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		line-height: 1;
		word-break: normal;
		
		}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
		margin: 0;
		padding: 0;
		border: none;
		font-size: 100%;
		font-weight: normal;
		vertical-align: baseline;
		background: transparent; }

img {
		vertical-align: bottom; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {
		display: block;
		line-height: 1; }

a, label {
		cursor: pointer; }

blockquote {
		padding: 0;
		margin: 0;
		display: block; }

address, em {
		font-style: normal; }

hr {
		border: 0;
		margin: 0;
		padding: 0; }

ul, ol, li {
		list-style: none; }

textarea {
		resize: vertical;
		overflow: hidden;
		-webkit-appearance: none;
		border: none; }

input, button, select {
		vertical-align: middle;
		border-radius: 0;
		border: none;
		background: transparent;
		margin: 0;
		padding: 0;
		-webkit-appearance: none; }

table {
		border-collapse: collapse; }

*:before,
*:after {
		padding: 0;
		margin: 0;
		line-height: 1; }

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

define style

=================================================================== */
.gHeader, .gHeader .gNavi, .lHeader ul, .gFooter .footBody .inner, .gFooter .footFooter .inner, .gFooter .footFooter #lNaviFooter, .contentsItem .contentsBody, .serviceInfo, .serviceInfo .sectionBody, .companyInfo .inner, .companyInfo .companyBox .inner, .newsBox .newsHeader ul, .contentsCompany, .contentsCompany .inner, .contentsMission .lowerBox .inner, .contentsMap .inner, .contentsNewsDetail .articleBox .heading, .contentsNewsDetail .articleBox .footer, .contentsNewsDetail .articleBox.lower, .contentsNewsDetail .articleBox .articleBlock .body, #service .serviceBox, #service .serviceBox .leftBlock, #service .serviceBox .rightBlock {
		zoom: 1; }
		.gHeader:before, .gHeader .gNavi:before, .lHeader ul:before, .gFooter .footBody .inner:before, .gFooter .footFooter .inner:before, .gFooter .footFooter #lNaviFooter:before, .contentsItem .contentsBody:before, .serviceInfo:before, .serviceInfo .sectionBody:before, .companyInfo .inner:before, .companyInfo .companyBox .inner:before, .newsBox .newsHeader ul:before, .contentsCompany:before, .contentsCompany .inner:before, .contentsMission .lowerBox .inner:before, .contentsMap .inner:before, .contentsNewsDetail .articleBox .heading:before, .contentsNewsDetail .articleBox .footer:before, .contentsNewsDetail .articleBox.lower:before, .contentsNewsDetail .articleBox .articleBlock .body:before, #service .serviceBox:before, #service .serviceBox .leftBlock:before, #service .serviceBox .rightBlock:before, .gHeader:after, .gHeader .gNavi:after, .lHeader ul:after, .gFooter .footBody .inner:after, .gFooter .footFooter .inner:after, .gFooter .footFooter #lNaviFooter:after, .contentsItem .contentsBody:after, .serviceInfo:after, .serviceInfo .sectionBody:after, .companyInfo .inner:after, .companyInfo .companyBox .inner:after, .newsBox .newsHeader ul:after, .contentsCompany:after, .contentsCompany .inner:after, .contentsMission .lowerBox .inner:after, .contentsMap .inner:after, .contentsNewsDetail .articleBox .heading:after, .contentsNewsDetail .articleBox .footer:after, .contentsNewsDetail .articleBox.lower:after, .contentsNewsDetail .articleBox .articleBlock .body:after, #service .serviceBox:after, #service .serviceBox .leftBlock:after, #service .serviceBox .rightBlock:after {
				content: "";
				display: block; }
		.gHeader:after, .gHeader .gNavi:after, .lHeader ul:after, .gFooter .footBody .inner:after, .gFooter .footFooter .inner:after, .gFooter .footFooter #lNaviFooter:after, .contentsItem .contentsBody:after, .serviceInfo:after, .serviceInfo .sectionBody:after, .companyInfo .inner:after, .companyInfo .companyBox .inner:after, .newsBox .newsHeader ul:after, .contentsCompany:after, .contentsCompany .inner:after, .contentsMission .lowerBox .inner:after, .contentsMap .inner:after, .contentsNewsDetail .articleBox .heading:after, .contentsNewsDetail .articleBox .footer:after, .contentsNewsDetail .articleBox.lower:after, .contentsNewsDetail .articleBox .articleBlock .body:after, #service .serviceBox:after, #service .serviceBox .leftBlock:after, #service .serviceBox .rightBlock:after {
				clear: both; }

#loading {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fdedff;
		z-index: 10; }
		#loading .loadingBar {
				position: absolute;
				left: 0;
				top: 0;
				width: 0;
				height: 3px;
				background-color: #da1884; }

.gHeader {
		position: fixed;
		top: 0;
		width: 100%;
		height: 75px;
		box-sizing: border-box;
		padding: 0 30px;
		z-index: 6;
		background-color: #fdedff;
		min-width: 1212px; }
		.gHeader .logo {
				float: left;
				padding: 21px 0 14px 0; }
		.gHeader:after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				bottom: -6px;
				width: 100%;
				height: 6px;
				background: url(../images/bg_headerShadow.png) repeat-x;
				z-index: 1; }
		.gHeader .gNavi {
				float: right;
				position: relative;
				z-index: 3; }
				.gHeader .gNavi .gNaviList {
						float: left;
						position: relative;
						text-align: center; }
						.gHeader .gNavi .gNaviList a {
								color: #000000;
								display: block;
								text-align: center;
								padding: 32px 0 29px; }
								.gHeader .gNavi .gNaviList a span {
										border-left: 1px solid #d5d5d5;
										display: block; }
						.gHeader .gNavi .gNaviList .lineBox {
								position: absolute;
								bottom: 0;
								line-height: 0;
								font-size: 0;
								width: 100%; }
						.gHeader .gNavi .gNaviList .listLine {
								height: 3px;
								position: relative;
								bottom: 0;
								background-color: #da1884;
								width: 0%;
								display: inline-block;
								text-align: center;
								transition: width 0.3s; }
						.gHeader .gNavi .gNaviList:nth-child(1) {
								width: 111px; }
						.gHeader .gNavi .gNaviList:nth-child(2) {
								width: 111px; }
								.gHeader .gNavi .gNaviList:nth-child(2) .lineBox {
										display: none; }
								.gHeader .gNavi .gNaviList:nth-child(2).selected .lineBox {
										display: block;
										bottom: auto;
										top: 72px; }
						.gHeader .gNavi .gNaviList:nth-child(3) {
								width: 111px; }
						.gHeader .gNavi .gNaviList:nth-child(4) {
								width: 111px; }
						.gHeader .gNavi .gNaviList:nth-child(5) {
								width: 111px; }
						.gHeader .gNavi .gNaviList:last-child a span {
								border-right: 1px solid #d5d5d5; }
						.gHeader .gNavi .gNaviList.selected span {
								color: #da1884; }
						.gHeader .gNavi .gNaviList.selected .listLine {
								background-color: #da1884;
								width: 100%; }
						.gHeader .gNavi .gNaviList:hover .listLine {
								width: 100%;
								background-color: #da1884;
								transition: width 0.3s; }
						.gHeader .gNavi .gNaviList:hover > a {
								color: #da1884; }
						.gHeader .gNavi .gNaviList:hover:nth-child(2) {
								width: 111px; }
								.gHeader .gNavi .gNaviList:hover:nth-child(2):hover .lNavi {
										visibility: inherit;
										opacity: 1;
										transition: all 0.5s;
										height: auto; }
		.gHeader .lNavi {
				visibility: hidden;
				opacity: 0;
				height: 0;
				width: 213px;
				background-color: #fdedff;
				color: #000000;
				border-top: 3px solid #da1884;
				position: relative;
				top: -3px;
				box-sizing: border-box;
				transition: all 0.5s; }
				.gHeader .lNavi:after {
						content: "";
						display: block;
						position: absolute;
						background-color: #fdedff;
						top: -17px;
						left: 50px;
						border-top: 7px solid transparent;
						border-right: 6px solid transparent;
						border-bottom: 7px solid #da1884;
						border-left: 6px solid transparent; }
				.gHeader .lNavi .lNaviList {
						border-bottom: 1px solid #d5d5d5; }
						.gHeader .lNavi .lNaviList > a {
								display: inline-block;
								padding: 19px 0 19px 19px;
								box-sizing: border-box;
								width: 100%;
								height: 100%;
								text-align: left;
								font-size: 13px;
								color: #555555; }
								.gHeader .lNavi .lNaviList > a:hover {
										color: #da1884; }
						.gHeader .lNavi .lNaviList:last-child {
								border-bottom: none; }

.lHeader {
		margin-top: 75px;
		width: 100%;
		height: 55px;
		line-height: 55px;
		background-color: #2c2c2c; }
		.lHeader ul li {
				float: left;
				color: #FFFFFF;
				font-size: 14px;
				padding: 0 0 0 49px; }
				.lHeader ul li.selected {
						opacity: 0.5; }
				.lHeader ul li a {
						display: block;
						color: #e6e6e6;
						opacity: 1;
						transition: 0.3s opacity; }
						.lHeader ul li a:hover {
								opacity: 0.8;
								transition: 0.3s opacity; }
						.lHeader ul li a.selected {
								opacity: 0.5; }
				.lHeader ul li:first-child {
						padding: 0 29px 0 53px;
						background-color: #353535;
						color: #e6e6e6;
						position: relative; }
						.lHeader ul li:first-child:after {
								content: '';
								background: url(../images/bg_lHeader.png) no-repeat;
								display: block;
								position: absolute;
								top: 0;
								right: -23px;
								width: 23px;
								height: 55px; }

.gFooter .footHeader .pageTop {
		width: 100%;
		background-color: #2c2c2c;
		text-align: center;
		height: 50px; }
		.gFooter .footHeader .pageTop span {
				position: relative;
				top: 20px;
				opacity: 1;
				transition: opacity 0.5s; }
		.gFooter .footHeader .pageTop:hover span {
				opacity: 0.7;
				transition: opacity 0.5s; }

.gFooter .footBody {
		background-color: #414141;
		padding: 44px 0 60px; }
		.gFooter .footBody a {
				color: #FFFFFF;
				opacity: 1;
				transition: opacity 0.5s; }
				.gFooter .footBody a:hover {
						opacity: 0.7;
						transition: opacity 0.5s; }
		.gFooter .footBody .sitemap {
				width: 30%;
				float: left;
				margin-right: 5%; }
				.gFooter .footBody .sitemap p {
						color: #FFFFFF;
						padding-bottom: 20px;
						border-bottom: 1px solid #d5d5d5;
						font-size: 13px; }
				.gFooter .footBody .sitemap > ul li {
						padding-top: 21px; }
						.gFooter .footBody .sitemap > ul li a {
								font-size: 12px;
								color: #a8a8a8;
								display: inline-block;
								height: 14px; }
								.gFooter .footBody .sitemap > ul li a .icon {
										position: relative;
										left: 8px; }
				.gFooter .footBody .sitemap:nth-child(3) {
						margin-bottom: 50px; }
				.gFooter .footBody .sitemap:nth-child(3), .gFooter .footBody .sitemap:last-child {
						margin-right: 0; }

.gFooter .footFooter {
		background-color: #2c2c2c;
		height: 50px;
		overflow: hidden; }
		.gFooter .footFooter .inner {
				padding: 20px 0; }
		.gFooter .footFooter a {
				font-size: 11px;
				color: #e6e6e6;
				opacity: 1;
				transition: opacity 0.5s; }
				.gFooter .footFooter a:hover {
						opacity: 0.7;
						transition: opacity 0.5s; }
		.gFooter .footFooter #lNaviFooter {
				float: left; }
				.gFooter .footFooter #lNaviFooter li {
						float: left; }
						.gFooter .footFooter #lNaviFooter li:nth-child(1) {
								margin-right: 39px; }
						.gFooter .footFooter #lNaviFooter li:nth-child(2) {
								margin-right: 36px; }
						.gFooter .footFooter #lNaviFooter li:nth-child(3) {
								margin-right: 40px; }
						.gFooter .footFooter #lNaviFooter li:nth-child(4) {
								margin-right: 40px; }
		.gFooter .footFooter .copyright {
				float: right; }
				.gFooter .footFooter .copyright span {
						color: #e6e6e6;
						font-size: 11px; }

@-webkit-keyframes arrow01 {
		0% {
				-webkit-transform: translateY(0px);
				        transform: translateY(0px); }
		50% {
				-webkit-transform: translateY(6px);
				        transform: translateY(6px); }
		100% {
				-webkit-transform: translateY(0px);
				        transform: translateY(0px); } }

@keyframes arrow01 {
		0% {
				-webkit-transform: translateY(0px);
				        transform: translateY(0px); }
		50% {
				-webkit-transform: translateY(6px);
				        transform: translateY(6px); }
		100% {
				-webkit-transform: translateY(0px);
				        transform: translateY(0px); } }

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

util style

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

base style

=================================================================== */
body {
		font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", YuGothic, "メイリオ", "游ゴシック体", "Yu Gothic", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height: 1;
		color: #2c2c2c;
		-webkit-text-size-adjust: 100%;
		overflow: hidden; }

a {
		color: #162f82;
		outline: none;
		text-decoration: none; }
		a:hover {
				text-decoration: none;
				color: #b9101a; }
		a.block-link {
				display: block; }

p {
		line-height: 1.2; }

figure {
		margin: 0; }

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

address {
		font-style: normal; }

h1 .txt, h2 .txt, h3 .txt {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden; }

.contentsMission .upperBox .txt {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden; }

.contentsGlobal h2 .txt, .contentsGlobal h3 .txt {
		text-indent: 0;
		white-space: normal;
		overflow: visible; }

.mt0 {
		margin-top: 0px !important; }

.mr0 {
		margin-right: 0px !important; }

.mb0 {
		margin-bottom: 0px !important; }

.ml0 {
		margin-left: 0px !important; }

.pt0 {
		padding-top: 0px !important; }

.pr0 {
		padding-right: 0px !important; }

.pb0 {
		padding-bottom: 0px !important; }

.pl0 {
		padding-left: 0px !important; }

.mt5 {
		margin-top: 5px !important; }

.mr5 {
		margin-right: 5px !important; }

.mb5 {
		margin-bottom: 5px !important; }

.ml5 {
		margin-left: 5px !important; }

.pt5 {
		padding-top: 5px !important; }

.pr5 {
		padding-right: 5px !important; }

.pb5 {
		padding-bottom: 5px !important; }

.pl5 {
		padding-left: 5px !important; }

.mt10 {
		margin-top: 10px !important; }

.mr10 {
		margin-right: 10px !important; }

.mb10 {
		margin-bottom: 10px !important; }

.ml10 {
		margin-left: 10px !important; }

.pt10 {
		padding-top: 10px !important; }

.pr10 {
		padding-right: 10px !important; }

.pb10 {
		padding-bottom: 10px !important; }

.pl10 {
		padding-left: 10px !important; }

.mt15 {
		margin-top: 15px !important; }

.mr15 {
		margin-right: 15px !important; }

.mb15 {
		margin-bottom: 15px !important; }

.ml15 {
		margin-left: 15px !important; }

.pt15 {
		padding-top: 15px !important; }

.pr15 {
		padding-right: 15px !important; }

.pb15 {
		padding-bottom: 15px !important; }

.pl15 {
		padding-left: 15px !important; }

.mt20 {
		margin-top: 20px !important; }

.mr20 {
		margin-right: 20px !important; }

.mb20 {
		margin-bottom: 20px !important; }

.ml20 {
		margin-left: 20px !important; }

.pt20 {
		padding-top: 20px !important; }

.pr20 {
		padding-right: 20px !important; }

.pb20 {
		padding-bottom: 20px !important; }

.pl20 {
		padding-left: 20px !important; }

.mt25 {
		margin-top: 25px !important; }

.mr25 {
		margin-right: 25px !important; }

.mb25 {
		margin-bottom: 25px !important; }

.ml25 {
		margin-left: 25px !important; }

.pt25 {
		padding-top: 25px !important; }

.pr25 {
		padding-right: 25px !important; }

.pb25 {
		padding-bottom: 25px !important; }

.pl25 {
		padding-left: 25px !important; }

.mt30 {
		margin-top: 30px !important; }

.mr30 {
		margin-right: 30px !important; }

.mb30 {
		margin-bottom: 30px !important; }

.ml30 {
		margin-left: 30px !important; }

.pt30 {
		padding-top: 30px !important; }

.pr30 {
		padding-right: 30px !important; }

.pb30 {
		padding-bottom: 30px !important; }

.pl30 {
		padding-left: 30px !important; }

.mt35 {
		margin-top: 35px !important; }

.mr35 {
		margin-right: 35px !important; }

.mb35 {
		margin-bottom: 35px !important; }

.ml35 {
		margin-left: 35px !important; }

.pt35 {
		padding-top: 35px !important; }

.pr35 {
		padding-right: 35px !important; }

.pb35 {
		padding-bottom: 35px !important; }

.pl35 {
		padding-left: 35px !important; }

.mt40 {
		margin-top: 40px !important; }

.mr40 {
		margin-right: 40px !important; }

.mb40 {
		margin-bottom: 40px !important; }

.ml40 {
		margin-left: 40px !important; }

.pt40 {
		padding-top: 40px !important; }

.pr40 {
		padding-right: 40px !important; }

.pb40 {
		padding-bottom: 40px !important; }

.pl40 {
		padding-left: 40px !important; }

.mt45 {
		margin-top: 45px !important; }

.mr45 {
		margin-right: 45px !important; }

.mb45 {
		margin-bottom: 45px !important; }

.ml45 {
		margin-left: 45px !important; }

.pt45 {
		padding-top: 45px !important; }

.pr45 {
		padding-right: 45px !important; }

.pb45 {
		padding-bottom: 45px !important; }

.pl45 {
		padding-left: 45px !important; }

.mt50 {
		margin-top: 50px !important; }

.mr50 {
		margin-right: 50px !important; }

.mb50 {
		margin-bottom: 50px !important; }

.ml50 {
		margin-left: 50px !important; }

.pt50 {
		padding-top: 50px !important; }

.pr50 {
		padding-right: 50px !important; }

.pb50 {
		padding-bottom: 50px !important; }

.pl50 {
		padding-left: 50px !important; }

.mt55 {
		margin-top: 55px !important; }

.mr55 {
		margin-right: 55px !important; }

.mb55 {
		margin-bottom: 55px !important; }

.ml55 {
		margin-left: 55px !important; }

.pt55 {
		padding-top: 55px !important; }

.pr55 {
		padding-right: 55px !important; }

.pb55 {
		padding-bottom: 55px !important; }

.pl55 {
		padding-left: 55px !important; }

.mt60 {
		margin-top: 60px !important; }

.mr60 {
		margin-right: 60px !important; }

.mb60 {
		margin-bottom: 60px !important; }

.ml60 {
		margin-left: 60px !important; }

.pt60 {
		padding-top: 60px !important; }

.pr60 {
		padding-right: 60px !important; }

.pb60 {
		padding-bottom: 60px !important; }

.pl60 {
		padding-left: 60px !important; }

/*
#styleguide
icon

```
<i class="icon iconArrowDown"></i>
<i class="icon iconArrowLeft"></i>
<i class="icon iconArrowRight"></i>
<i class="icon iconBlank"></i>
<i class="icon iconBlankBlue"></i>
<i class="icon iconBlankWhite"></i>
<i class="icon iconLink"></i>
<i class="icon iconLinkArrow"></i>
<i class="icon iconPageTop"></i>
<i class="icon iconPdf"></i>
```
*/
.icon {
		display: inline-block; }
		.icon.iconArrowDown {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -27px 0px;
				width: 18px;
				height: 17px;
				background-size: 60px 51px; }
		.icon.iconArrowLeft {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: 0px -24px;
				width: 7px;
				height: 13px;
				background-size: 60px 51px; }
		.icon.iconArrowRight {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -12px -24px;
				width: 7px;
				height: 13px;
				background-size: 60px 51px; }
		.icon.iconBlank {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -50px 0px;
				width: 10px;
				height: 9px;
				background-size: 60px 51px; }
		.icon.iconBlankBlue {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -50px -14px;
				width: 10px;
				height: 9px;
				background-size: 60px 51px; }
		.icon.iconBlankWhite {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -50px -28px;
				width: 10px;
				height: 9px;
				background-size: 60px 51px; }
		.icon.iconLink {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: 0px -42px;
				width: 9px;
				height: 9px;
				background-size: 60px 51px; }
		.icon.iconLinkArrow {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -40px -24px;
				width: 5px;
				height: 6px;
				background-size: 60px 51px; }
		.icon.iconPageTop {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				width: 22px;
				height: 19px;
				background-size: 60px 51px; }
		.icon.iconPdf {
				background-image: url(../images/icon.png);
				background-repeat: no-repeat;
				background-position: -24px -24px;
				width: 11px;
				height: 12px;
				background-size: 60px 51px; }

/*
#styleguide
txt

```
<i class="txt txt_aboutCompany"></i>
<i class="txt txt_aboutRecruit"></i>
<i class="txt txt_aboutService"></i>
<i class="txt txt_company_access"></i>
<i class="txt txt_company_mission"></i>
<i class="txt txt_company_mission_large"></i>
<i class="txt txt_company_mission_small"></i>
<i class="txt txt_company_offices"></i>
<i class="txt txt_company_outline"></i>
<i class="txt txt_company_recruit"></i>
<i class="txt txt_indexCompany01"></i>
<i class="txt txt_indexCompany02"></i>
<i class="txt txt_indexService01"></i>
<i class="txt txt_indexService02"></i>
<i class="txt txt_indexService03"></i>
<i class="txt txt_mainVisual_large"></i>
<i class="txt txt_mainVisual_small"></i>
<i class="txt txt_mission_01"></i>
<i class="txt txt_mission_02"></i>
<i class="txt txt_mission_03"></i>
<i class="txt txt_mission_04"></i>
<i class="txt txt_mission_05"></i>
<i class="txt txt_mission_06"></i>
<i class="txt txt_mission_07"></i>
<i class="txt txt_mission_08"></i>
<i class="txt txt_mission_09"></i>
<i class="txt txt_mission_title_01"></i>
<i class="txt txt_pageTop"></i>
<i class="txt txt_real_logos_real"></i>
<i class="txt txt_real_logos_realnetworks"></i>
<i class="txt txt_real_logos_realplayer"></i>
<i class="txt txt_real_logos_realtimes"></i>
<i class="txt txt_service01"></i>
<i class="txt txt_service02"></i>
<i class="txt txt_service03"></i>
<i class="txt txt_subVisual_company_large"></i>
<i class="txt txt_subVisual_company_small"></i>
<i class="txt txt_subVisual_global_large"></i>
<i class="txt txt_subVisual_global_small"></i>
<i class="txt txt_subVisual_legal_large"></i>
<i class="txt txt_subVisual_legal_small"></i>
<i class="txt txt_subVisual_map_large"></i>
<i class="txt txt_subVisual_map_small"></i>
<i class="txt txt_subVisual_newsArchive_2007_large"></i>
<i class="txt txt_subVisual_newsArchive_2007_small"></i>
<i class="txt txt_subVisual_newsArchive_2008_large"></i>
<i class="txt txt_subVisual_newsArchive_2008_small"></i>
<i class="txt txt_subVisual_newsArchive_2009_large"></i>
<i class="txt txt_subVisual_newsArchive_2009_small"></i>
<i class="txt txt_subVisual_newsArchive_2010_large"></i>
<i class="txt txt_subVisual_newsArchive_2010_small"></i>
<i class="txt txt_subVisual_newsArchive_2011_large"></i>
<i class="txt txt_subVisual_newsArchive_2011_small"></i>
<i class="txt txt_subVisual_newsArchive_2012_large"></i>
<i class="txt txt_subVisual_newsArchive_2012_small"></i>
<i class="txt txt_subVisual_newsArchive_2013_large"></i>
<i class="txt txt_subVisual_newsArchive_2013_small"></i>
<i class="txt txt_subVisual_newsArchive_2014_large"></i>
<i class="txt txt_subVisual_newsArchive_2014_small"></i>
<i class="txt txt_subVisual_newsArchive_2015_large"></i>
<i class="txt txt_subVisual_newsArchive_2015_small"></i>
<i class="txt txt_subVisual_newsArchive_2016_large"></i>
<i class="txt txt_subVisual_newsArchive_2016_small"></i>
<i class="txt txt_subVisual_newsArchive_2017_large"></i>
<i class="txt txt_subVisual_newsArchive_2017_small"></i>
<i class="txt txt_subVisual_newsArchive_2018_large"></i>
<i class="txt txt_subVisual_newsArchive_2018_small"></i>
<i class="txt txt_subVisual_newsArchive_2019_large"></i>
<i class="txt txt_subVisual_newsArchive_2019_small"></i>
<i class="txt txt_subVisual_newsArchive_2020_large"></i>
<i class="txt txt_subVisual_newsArchive_2020_small"></i>
<i class="txt txt_subVisual_newsArchive_2021_large"></i>
<i class="txt txt_subVisual_newsArchive_2021_small"></i>
<i class="txt txt_subVisual_newsArchive_2022_large"></i>
<i class="txt txt_subVisual_newsArchive_2022_small"></i>
<i class="txt txt_subVisual_newsArchive_2023_large"></i>
<i class="txt txt_subVisual_newsArchive_2023_small"></i>
<i class="txt txt_subVisual_newsArchive_2024_large"></i>
<i class="txt txt_subVisual_newsArchive_2024_small"></i>
<i class="txt txt_subVisual_newsArchive_2025_large"></i>
<i class="txt txt_subVisual_newsArchive_2025_small"></i>
<i class="txt txt_subVisual_news_large"></i>
<i class="txt txt_subVisual_news_small"></i>
<i class="txt txt_subVisual_notfound_large"></i>
<i class="txt txt_subVisual_notfound_small"></i>
<i class="txt txt_subVisual_outline_large"></i>
<i class="txt txt_subVisual_outline_small"></i>
<i class="txt txt_subVisual_privacy_large"></i>
<i class="txt txt_subVisual_privacy_small"></i>
<i class="txt txt_subVisual_real_logos_large"></i>
<i class="txt txt_subVisual_real_logos_small"></i>
<i class="txt txt_subVisual_recruit_large"></i>
<i class="txt txt_subVisual_recruit_small"></i>
<i class="txt txt_subVisual_service_large"></i>
<i class="txt txt_subVisual_service_small"></i>
<i class="txt txt_subVisual_terms-of-service_large"></i>
<i class="txt txt_subVisual_terms-of-service_small"></i>
<i class="txt txt_subVisual_trademark_policy_large"></i>
<i class="txt txt_subVisual_trademark_policy_small"></i>
```
*/
.txt {
		display: inline-block; }
		.txt.txt_aboutCompany {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -577px -748px;
				width: 352px;
				height: 24px;
				background-size: 1508px 963px; }
		.txt.txt_aboutRecruit {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -780px;
				width: 451px;
				height: 23px;
				background-size: 1508px 963px; }
		.txt.txt_aboutService {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -484px -706px;
				width: 410px;
				height: 26px;
				background-size: 1508px 963px; }
		.txt.txt_company_access {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -776px -287px;
				width: 158px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_company_mission {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -448px;
				width: 254px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_company_mission_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -202px;
				width: 539px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_company_mission_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1274px -23px;
				width: 209px;
				height: 16px;
				background-size: 1508px 963px; }
		.txt.txt_company_offices {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -310px;
				width: 235px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_company_outline {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -856px -333px;
				width: 102px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_company_recruit {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -379px;
				width: 103px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_indexCompany01 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -456px -780px;
				width: 366px;
				height: 23px;
				background-size: 1508px 963px; }
		.txt.txt_indexCompany02 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -184px;
				width: 151px;
				height: 23px;
				background-size: 1508px 963px; }
		.txt.txt_indexService01 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -828px -212px;
				width: 123px;
				height: 22px;
				background-size: 1508px 963px; }
		.txt.txt_indexService02 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -811px -402px;
				width: 118px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_indexService03 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -856px -184px;
				width: 98px;
				height: 22px;
				background-size: 1508px 963px; }
		.txt.txt_mainVisual_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				width: 695px;
				height: 60px;
				background-size: 1508px 963px; }
		.txt.txt_mainVisual_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -923px;
				width: 693px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_01 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -65px;
				width: 556px;
				height: 48px;
				background-size: 1508px 963px; }
		.txt.txt_mission_02 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px 0px;
				width: 542px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_03 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -900px;
				width: 504px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_04 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -877px;
				width: 504px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_05 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -325px -808px;
				width: 365px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_06 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -854px;
				width: 672px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_07 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -831px;
				width: 697px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_mission_08 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -946px;
				width: 626px;
				height: 17px;
				background-size: 1508px 963px; }
		.txt.txt_mission_09 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -748px;
				width: 572px;
				height: 27px;
				background-size: 1508px 963px; }
		.txt.txt_mission_title_01 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -126px;
				width: 165px;
				height: 24px;
				background-size: 1508px 963px; }
		.txt.txt_pageTop {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1332px -125px;
				width: 103px;
				height: 14px;
				background-size: 1508px 963px; }
		.txt.txt_real_logos_real {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -898px -264px;
				width: 48px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_real_logos_realnetworks {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -333px;
				width: 151px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_real_logos_realplayer {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -212px;
				width: 123px;
				height: 22px;
				background-size: 1508px 963px; }
		.txt.txt_real_logos_realtimes {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -775px -264px;
				width: 118px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_service01 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -817px -155px;
				width: 140px;
				height: 24px;
				background-size: 1508px 963px; }
		.txt.txt_service02 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -239px;
				width: 135px;
				height: 20px;
				background-size: 1508px 963px; }
		.txt.txt_service03 {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -155px;
				width: 112px;
				height: 24px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_company_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -84px;
				width: 256px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_company_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -884px -379px;
				width: 72px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_global_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -706px;
				width: 479px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_global_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -870px -126px;
				width: 71px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_legal_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -538px -370px;
				width: 156px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_legal_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -840px -239px;
				width: 104px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_map_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -552px -664px;
				width: 321px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_map_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -23px;
				width: 123px;
				height: 17px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2007_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -580px;
				width: 272px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2007_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -65px;
				width: 116px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2008_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -276px -664px;
				width: 271px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2008_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1084px -85px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2009_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -664px;
				width: 271px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2009_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1088px -125px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2010_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -370px;
				width: 261px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2010_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -125px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2011_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -42px;
				width: 248px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2011_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1206px -105px;
				width: 111px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2012_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px 0px;
				width: 261px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2012_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1086px -105px;
				width: 115px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2013_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -263px -622px;
				width: 259px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2013_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -105px;
				width: 115px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2014_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -622px;
				width: 258px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2014_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1328px -85px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2015_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -277px -580px;
				width: 257px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2015_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -45px;
				width: 116px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2016_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -263px -538px;
				width: 259px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2016_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1208px -65px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2017_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -538px;
				width: 258px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2017_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1087px -65px;
				width: 116px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2018_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -264px -496px;
				width: 258px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2018_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1330px -45px;
				width: 116px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2019_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -496px;
				width: 259px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2019_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1087px -45px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2020_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -274px -454px;
				width: 269px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2020_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1210px -125px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2021_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -118px;
				width: 256px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2021_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -85px;
				width: 113px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2022_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -454px;
				width: 269px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2022_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1206px -85px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2023_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -266px -370px;
				width: 267px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2023_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1330px -65px;
				width: 116px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2024_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -393px -328px;
				width: 267px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2024_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1322px -105px;
				width: 117px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2025_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -406px -286px;
				width: 268px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_newsArchive_2025_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1209px -45px;
				width: 116px;
				height: 15px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_news_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -544px -202px;
				width: 140px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_news_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -966px -145px;
				width: 69px;
				height: 14px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_notfound_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -328px;
				width: 388px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_notfound_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -808px;
				width: 320px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_outline_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -476px -160px;
				width: 215px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_outline_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -808px -379px;
				width: 71px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_privacy_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -286px;
				width: 401px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_privacy_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -1094px -23px;
				width: 175px;
				height: 17px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_real_logos_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -244px;
				width: 636px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_real_logos_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -356px;
				width: 208px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_recruit_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -468px -118px;
				width: 205px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_recruit_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -287px;
				width: 71px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_service_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -261px -118px;
				width: 202px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_service_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -264px;
				width: 70px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_terms-of-service_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -160px;
				width: 471px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_terms-of-service_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -402px;
				width: 106px;
				height: 18px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_trademark_policy_large {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: 0px -412px;
				width: 503px;
				height: 37px;
				background-size: 1508px 963px; }
		.txt.txt_subVisual_trademark_policy_small {
				background-image: url(../images/txt.png);
				background-repeat: no-repeat;
				background-position: -700px -425px;
				width: 177px;
				height: 18px;
				background-size: 1508px 963px; }

body {
		position: relative;
		width: 100%;
		min-width: 1200px; }

a {
		font-size: 14px;
		font-size: 1.4rem; }

.strong {
		font-weight: bold; }

.red {
		color: #b9101a; }

.wrapper {
		overflow: hidden;
		clear: both;
		width: 1024px;
		margin: 0 auto; }

.container {
		width: 1064px;
		margin: 0 auto; }

.hide {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden; }

.fl {
		float: left; }

/*
スプライトのアイコンは基本文字消す
*/
.icon {
		display: inline-block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden; }

.text {
		display: inline-block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden; }

.text-header {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold; }

.text-header-2 {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4; }

.text-header-3 {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold; }

.text-header-4 {
		font-size: 20px;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.5; }

.text-default {
		line-height: 2;
		font-size: 14px;
		font-size: 1.4rem; }

.text-sub {
		font-size: 15px;
		font-size: 1.5rem; }

/*
共通パーツ
*/
#wrapper {
		position: relative; }

#contents {
		position: relative;
		top: 0;
		z-index: 5; }

.inner {
		width: 80%;
		margin: 0 10%; }

/*
トップページのレイアウト用
*/
.sectionLayout {
		background-color: #fdedff; }
		.sectionLayout .sectionHeader {
				width: 100%;
				text-align: center;
				padding: 30px 0; }
				.sectionLayout .sectionHeader.white {
						background-color: #fdedff; }
				.sectionLayout .sectionHeader.black {
						background-color: #000000; }
		.sectionLayout .sectionFooter {
				text-align: center; }

/*
下層ページのレイアウト用
*/
.contentsItem {
		padding-top: 30px;
		box-sizing: border-box; }
		.contentsItem .contentsHeader h2 {
				font-size: 21px;
				color: #000000;
				font-weight: bold; }
				.contentsItem .contentsHeader h2 .txt.txtJa {
						font-size: 21px;
						color: #000000;
						font-weight: bold; }
				.contentsItem .contentsHeader h2 .txt.txtEn {
						font-size: 13px; }
		.contentsItem .contentsBody {
				margin-top: 20px;
				position: relative; }

.btn {
		text-align: center;
		display: inline-block;
		box-sizing: border-box;
		height: 44px;
		line-height: 44px;
		cursor: pointer; }
		.btn.btnNormal {
				width: 238px; }
		.btn a {
				display: block; }
		.btn .btnLink {
				width: 100%;
				display: block;
				font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", YuGothic, "メイリオ", "游ゴシック体", "Yu Gothic", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
		.btn.blue {
				background-color: #da1884;
				transition: background-color 0.6s; }
				.btn.blue .btnLink {
						color: #FFFFFF; }
				.btn.blue:hover {
						background-color: #2c2c2c;
						transition: background-color 0.6s; }
		.btn.borderWhite {
				background-color: transparent;
				border: 1px solid #FFFFFF; }
				.btn.borderWhite .btnLink {
						color: #FFFFFF;
						font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", YuGothic, "メイリオ", "游ゴシック体", "Yu Gothic", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
		.btn.pager {
				width: 40px;
				height: 40px;
				line-height: 40px;
				color: #FFFFFF;
				background-color: #414141;
				text-align: center;
				vertical-align: middle;
				font-size: 14px;
				transition: 0.3s background-color; }
				.btn.pager.selected {
						background-color: #227ae1; }
				.btn.pager.prev span {
						position: relative;
						top: 1px;
						left: -1px; }
				.btn.pager.next span {
						position: relative;
						top: 1px;
						left: 1px; }
				.btn.pager:hover {
						background-color: #227ae1;
						transition: 0.3s background-color; }

.tag {
		display: inline-block;
		text-align: center;
		width: 100px;
		padding: 5px 0;
		color: #FFFFFF;
		font-size: 12px;
		font-style: normal; }
		.tag.tagInfo {
				background-color: #00c0a2; }
		.tag.tagRelease {
				background-color: #569bd8; }

.line {
		display: inline-block; }
		.line.lineSmall {
				width: 12px;
				height: 1px; }
		.line.lineNormal {
				width: 20px;
				height: 2px; }
		.line.white {
				background-color: #fdedff; }
		.line.gray {
				background-color: #d5d5d5; }

.table tr {
		border-bottom: 1px solid #d5d5d5; }
		.table tr:first-child {
				border-top: 1px solid #d5d5d5; }

.table th, .table td {
		font-size: 14px; }

.table th {
		padding: 15px 20px;
		background-color: #eeeeee;
		vertical-align: middle; }

.table td {
		padding: 17px 20px; }
		.table td ul li {
				line-height: 24px;
				list-style-type: disc; }

.table .txt {
		display: block;
		line-height: 20px; }

.table .txtLink {
		display: inline-block;
		color: #da1884; }

.guideList dt {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 2;
		margin-bottom: 10px; }

.guideList dd {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 2;
		margin-bottom: 40px; }

.guideList ol {
		padding-left: 40px; }
		.guideList ol li {
				margin-bottom: 30px;
				list-style-type: lower-alpha; }

#mainVisual {
		margin-top: 0px;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3; }
		#mainVisual .bgMainVisual {
				position: relative;
				top: 0;
				width: 100%;
				height: 100%; }
				#mainVisual .bgMainVisual .bgList {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						opacity: 1; }
						#mainVisual .bgMainVisual .bgList:nth-child(1) {
								background: url(../images/pic_mainvisual_04.png) no-repeat center center;
								background-size: cover; }
						#mainVisual .bgMainVisual .bgList:nth-child(2) {
								background: url(../images/pic_mainvisual_01.png) no-repeat center center;
								background-size: cover; }
						#mainVisual .bgMainVisual .bgList:nth-child(3) {
								background: url(../images/pic_mainvisual_02.png) no-repeat center center;
								background-size: cover; }
#mainVisual .bgMainVisual .bgList:nth-child(4) {
								background: url(../images/pic_mainvisual_03.png) no-repeat center center;
								background-size: cover; }
						#mainVisual .bgMainVisual .bgList.fadeOut {
								opacity: 0;
								transition: opacity 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
		#mainVisual .mainVisualText {
				position: absolute;
				top: 44%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				    -ms-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				text-align: center;
				z-index: 10; }


@media all and (max-width: 1396px) {
	h1.mainVisualText img{
		width:100%;
		display:block;
		border: solid 0px #F7080C;
		margin:0 auto;
	}	
}
@media all and (max-width: 1196px) {
	h1.mainVisualText img{
		width:85%;
		border: solid 0px #F402D5;
		margin:0 auto;
	}
}

@media all and (max-width: 1000px) {
	h1.mainVisualText img{
		width:80%;
		border: solid 0px #5900FF;
		margin:0 auto;
	}
}
@media all and (max-width: 879px) {
	h1.mainVisualText img{
		width:85%;
		border: solid 0px #0301E8;
		margin:0 auto;
	}
}
@media all and (max-width: 800px) {
	#mainVisual .mainVisualText img{
		width:100%;
		border: solid 0px #0ABCE9;
		margin:0 auto;
	}
}

@media all and (max-width: 736px) {
	h1.mainVisualText img{
		width:100%;
		border: solid 0px #01F898;
		margin:0 auto;
	}
}
				
				
				
		#mainVisual .pageDown {
				text-align: center;
				position: absolute;
				bottom: -75px;
				left: 0;
				width: 100%;
				z-index: 10; }
				#mainVisual .pageDown > a {
						display: block;
						width: 50px;
						height: 50px;
						margin: 0 auto;
						border-radius:50px;
						border: solid 2px #ff195a;
						
						 }
						#mainVisual .pageDown > a .icon {
								position: relative;
								top: 17px; }

.subVisual {
		width: 100%;
		height: 465px;
		text-align: center;
		position: relative;
		z-index: 3;
		background-color: #414141; }
		.subVisual .subVisualText {
				position: absolute;
				top: 46%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				    -ms-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				text-align: center;
				z-index: 10; }
				.subVisual .subVisualText .txt {
						display: block;
						margin: 0 auto; }
				.subVisual .subVisualText .line {
						height: 2px;
						width: 30px;
						margin: 26px 0;
						background-color: #fdedff;
						display: inline-block;
						text-align: center; }
		.subVisual.company {
				background: url(../images/bg_subVisual_company.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.news {
				background: url(../images/bg_subVisual_news.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.newsArchive {
				background: url(../images/bg_subVisual_newsArchive.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.service {
				background: url(../images/bg_subVisual_service.jpg) no-repeat center center;
				background-size: cover;
				margin-top: 75px; }
		.subVisual.outline {
				background: url(../images/bg_subVisual_outline.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.recruit {
				background: url(../images/bg_subVisual_recruit.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.map {
				background: url(../images/bg_subVisual_accessMap.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.global {
				background: url(../images/bg_subVisual_global.jpg) no-repeat center center;
				background-size: cover; }
		.subVisual.privacy, .subVisual.terms-of-service, .subVisual.legal, .subVisual.real_logos, .subVisual.trademark_policy, .subVisual.notfound {
				height: 268px;
				margin-top: 75px; }

.pagenation {
		text-align: center; }
		.pagenation > ul li {
				display: inline-block; }

.serviceInfo {
		width: 100%;
		padding-bottom: 60px; }
		.serviceInfo .sectionHeader {
				padding: 56px 0 39px; }
		.serviceInfo .serviceBox {
				width: 33.33%;
				float: left;
				border-right: 1px solid #d5d5d5;
				border-bottom: 1px solid #d5d5d5;
				box-sizing: border-box;
				overflow: hidden;
				position: relative; }
				.serviceInfo .serviceBox a {
						display: block; }
				.serviceInfo .serviceBox p {
						font-size: 13px;
						color: #555555;
						padding-top: 17px;
						line-height: 25px; }
				.serviceInfo .serviceBox figure {
						height: 332px;
						position: relative;
						overflow: hidden; }
						.serviceInfo .serviceBox figure .serviceImage {
								width: 100%;
								height: 100%;
								display: block;
								transition: -webkit-transform 0.5s;
								transition: transform 0.5s;
								-webkit-transform: scale(1);
								    -ms-transform: scale(1);
								        transform: scale(1); }
						.serviceInfo .serviceBox figure .mask {
								position: absolute;
								top: 0;
								left: 0;
								display: block;
								width: 100%;
								height: 100%;
								transition: background-color 0.8s;
								background-color: transparent; }
				.serviceInfo .serviceBox .blankMark {
						display: block;
						position: absolute;
						bottom: 1px;
						right: 1px;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 0 0 12px 12px;
						border-color: transparent transparent #d5d5d5 transparent;
						transition: border-color 0.8s; }
				.serviceInfo .serviceBox .serviceTextBox {
						padding: 24px 29px 19px; }
						.serviceInfo .serviceBox .serviceTextBox h2 {
								position: relative; }
						.serviceInfo .serviceBox .serviceTextBox .txt {
								display: block;
								height: 22px; }
						.serviceInfo .serviceBox .serviceTextBox .textBox {
								display: block;
								position: relative; }
								.serviceInfo .serviceBox .serviceTextBox .textBox .textJa {
										display: inline-block;
										font-size: 10px;
										padding-top: 7px;
										color: #555555; }
        .serviceInfo .serviceBox:nth-child(3) {
						border-right: none; }

				#iPhoneX .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_panting.png) no-repeat center center;
						background-size: cover; }
				#iPhoneX .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_3D.png) no-repeat center center;
						background-size: cover; }
				#iPhoneX .serviceBox:nth-child(3) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_PU.png) no-repeat center center;
						background-size: cover; }
				#iPhoneX .serviceBox:nth-child(4) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_ponpon.png) no-repeat center center;
						background-size: cover; }
				#iPhoneX .serviceBox:nth-child(5) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_mirror.png) no-repeat center center;
						background-size: cover; }
				#iPhoneX .serviceBox:nth-child(6) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_belt.png) no-repeat center center;
						background-size: cover; }
				#iPhoneX .serviceBox:nth-child(7) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhoneX_water.png) no-repeat center center;
						background-size: cover; }


				#iPhone8 .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/iPhoneX/thumb_iPhone8_pallet.png) no-repeat center center;
						background-size: cover; }

				#iPhone7 .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_modeHard.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7 .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_ribbonPU.jpg) no-repeat center center;
						background-size: cover; }
        #iPhone7 .serviceBox:nth-child(3) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_letter.jpg) no-repeat center center;
						background-size: cover; }
        #iPhone7 .serviceBox:nth-child(4) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_ribbonHard.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7 .serviceBox:nth-child(5) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_winter.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7 .serviceBox:nth-child(6) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_amecomiHard.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7 .serviceBox:nth-child(7) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_hybrid.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7 .serviceBox:nth-child(8) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_amecomiFlap.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7 .serviceBox:nth-child(9) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_silicone.jpg) no-repeat center center;
						background-size: cover; }	
				#iPhone7 .serviceBox:nth-child(10) figure .serviceImage {
						background: url(../indexIMG/iPhone7/thumb_iPhone7_glass.jpg) no-repeat center center;
						background-size: cover; }


				#iPhone7Plus .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/iPhone7Plus/thumb_iPhone7Plus_hard.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7Plus .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/iPhone7Plus/thumb_iPhone7Plus_hybrid.jpg) no-repeat center center;
						background-size: cover; }
				#iPhone7Plus .serviceBox:nth-child(3) figure .serviceImage {
						background: url(../indexIMG/iPhone7Plus/thumb_iPhone7Plus_winter.jpg) no-repeat center center;
						background-size: cover; }


				#iPhone6 .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/iPhone6/thumb_iPhone6_glitter.jpg) no-repeat center center;
						background-size: cover; }


				#iPad .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/iPad/thumb_iPad_Pro.jpg) no-repeat center center;
						background-size: cover; }
				#iPad .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/iPad/thumb_iPad_mini4.jpg) no-repeat center center;
						background-size: cover; }

				#XPXZS .serviceBox:first-child figure .serviceImage {
						background: url(../indexIMG/XperiaXZS/thumb_XPXZS_hard.jpg) no-repeat center center;
						background-size: cover; }
				#XPXZS .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/XperiaXZS/thumb_XPXZS_soft.jpg) no-repeat center center;
						background-size: cover; }
				#XPXZS .serviceBox:nth-child(3) figure .serviceImage {
						background: url(../indexIMG/XperiaXZS/thumb_XPXZS_flap.jpg) no-repeat center center;
						background-size: cover; }


				#XPXZ .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/XperiaXZ/thumb_XPXZ_metalsoft.jpg) no-repeat center center;
						background-size: cover; }
				#XPXZ .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/XperiaXZ/thumb_XPXZ_wallet.jpg) no-repeat center center;
						background-size: cover; }
				#XPXZ .serviceBox:nth-child(3) figure .serviceImage {
						background: url(../indexIMG/XperiaXZ/thumb_XPXZ_flapstuds.jpg) no-repeat center center;
						background-size: cover; }


        #XPXP .serviceBox:nth-child(1) figure .serviceImage {
						background: url(../indexIMG/XperiaXPerformance/thumb_XPXP_hard.jpg) no-repeat center center;
						background-size: cover; }
				#XPXP .serviceBox:nth-child(2) figure .serviceImage {
						background: url(../indexIMG/XperiaXPerformance/thumb_XPXP_metalsoft.jpg) no-repeat center center;
						background-size: cover; }
				#XPXP .serviceBox:nth-child(3) figure .serviceImage {
								background: url(../indexIMG/XperiaXPerformance/thumb_XPXP_book.jpg) no-repeat center center;
								background-size: cover; }


				#rakusuma .serviceBox:nth-child(1) figure .serviceImage {
								background: url(../indexIMG/rakusuma4/thumb_rakusuma.jpg) no-repeat center center;
								background-size: cover; }


				#battery .serviceBox:nth-child(1) figure .serviceImage {
								background: url(../indexIMG/battery/thumb_battery_mirror.jpg) no-repeat center center;
								background-size: cover; }
				/*#battery .serviceBox:nth-child(2) figure .serviceImage {
								background: url(../indexIMG/battery/thumb_battery_print.jpg) no-repeat center center;
								background-size: cover; }*/


				#other .serviceBox:nth-child(1) figure .serviceImage {
								background: url(../indexIMG/other/thumb_other_neckstrap.jpg) no-repeat center center;
								background-size: cover; }
				#other .serviceBox:nth-child(2) figure .serviceImage {
								background: url(../indexIMG/other/thumb_other_waterproofCase.jpg) no-repeat center center;
								background-size: cover; }
				#other .serviceBox:nth-child(3) figure .serviceImage {
								background: url(../indexIMG/other/thumb_other_gripring.jpg) no-repeat center center;
								background-size: cover; }
				#other .serviceBox:nth-child(4) figure .serviceImage {
								background: url(../indexIMG/other/thumb_other_slide.jpg) no-repeat center center;
								background-size: cover; }
				#other .serviceBox:nth-child(5) figure .serviceImage {
								background: url(../indexIMG/other/thumb_other_charmstrap.jpg) no-repeat center center;
								background-size: cover; }





				.serviceInfo .serviceBox:hover .blankMark {
						border-color: transparent transparent #da1884 transparent;
						transition: border-color 0.8s; }
				.serviceInfo .serviceBox:hover .serviceImage {
						transition: -webkit-transform 0.5s;
						transition: transform 0.5s;
						-webkit-transform: scale(1.1);
						    -ms-transform: scale(1.1);
						        transform: scale(1.1); }
				.serviceInfo .serviceBox:hover .mask {
						transition: background-color 1.5s;
						background-color: transparent; }
		.serviceInfo .sectionFooter {
				padding-top: 37px; }

.newsInfo {
		text-align: center;
		background-color: #eeeeee; }
		.newsInfo .newsBox {
				position: relative;
				top: -90px; }
		.newsInfo .btn {
				display: inline-block; }
		.newsInfo .sectionHeader {
				padding: 60px 0 129px;
				background-color: #2c2c2c; }
		.newsInfo .sectionFooter {
				position: relative;
				top: -52px; }
		.newsInfo .bgGallay {
				width: 100%;
				height: 245px;
				background: url(../images/bg_gallay.jpg) no-repeat center center;
				background-size: cover; }

.companyInfo {
		padding-bottom: 60px; }
		.companyInfo .sectionHeader {
				padding: 57px 0 40px; }
		.companyInfo .sectionFooter {
				margin-top: 39px; }
		.companyInfo .companyBox {
				width: 50%;
				height: 386px;
				float: left;
				text-align: center;
				box-sizing: border-box;
				position: relative;
				overflow: hidden; }
				.companyInfo .companyBox:nth-child(1) {
						position: relative; }
						.companyInfo .companyBox:nth-child(1):after {
								content: "";
								display: block;
								position: absolute;
								top: 0;
								right: 0;
								width: 1px;
								height: 100%;
								background-color: #fdedff;
								z-index: 5; }
				.companyInfo .companyBox > a {
						display: block;
						padding: 117px 0 0;
						width: 100%;
						height: 100%;
						box-sizing: border-box; }
						.companyInfo .companyBox > a h3 {
								position: relative;
								z-index: 3; }
								.companyInfo .companyBox > a h3 > span {
										display: block;
										margin: 0 auto; }
										.companyInfo .companyBox > a h3 > span.line {
												margin: 28px auto 27px; }
								.companyInfo .companyBox > a h3 .textJa {
										font-size: 14px;
										color: #FFFFFF; }
						.companyInfo .companyBox > a .btn {
								background-color: transparent;
								transition: background-color 0.6s; }
								.companyInfo .companyBox > a .btn span {
										color: #FFFFFF;
										transition: color 0.6s;
										font-size: 13px; }
						.companyInfo .companyBox > a:hover .btn {
								background-color: #fdedff;
								transition: background-color 0.8s; }
								.companyInfo .companyBox > a:hover .btn span {
										color: #000000;
										transition: color 0.8s; }
						.companyInfo .companyBox > a:hover .bg {
								transition: -webkit-transform 0.8s;
								transition: transform 0.8s;
								-webkit-transform: scale(1.08);
								    -ms-transform: scale(1.08);
								        transform: scale(1.08); }
				@media screen and (min-width: 1200px) {
						.companyInfo .companyBox .inner {
								min-width: 1024px; } }
				.companyInfo .companyBox .bg {
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 1;
						transition: -webkit-transform 0.8s;
						transition: transform 0.8s;
						-webkit-transform: scale(1);
						    -ms-transform: scale(1);
						        transform: scale(1); }
				.companyInfo .companyBox.mission .bg {
						background: url(../images/thumb_company_01.jpg) no-repeat center center;
						background-size: cover; }
				.companyInfo .companyBox.outline .bg {
						background: url(../images/thumb_company_02.jpg) no-repeat center center;
						background-size: cover; }
				.companyInfo .companyBox .btn {
						margin-top: 27px;
						position: relative;
						z-index: 3; }

#aboutSection {
		text-align: center;
		width: 100%; }
		#aboutSection.fullSize {
				background-color: #2c2c2c;
				padding: 65px 0;
				box-sizing: border-box; }
		#aboutSection.partition {
				background-color: #2c2c2c; }
				#aboutSection.partition .leftBlock {
						width: 50%; }
				#aboutSection.partition .rightBlock {
						width: 50%; }
		#aboutSection h2 {
				font-size: 24px;
				color: #FFFFFF;
				font-weight: bold;
				margin-bottom: 30px; }
		#aboutSection .txt {
				color: #FFFFFF;
				font-size: 14px;
				line-height: 34px; }
		#aboutSection p {
				display: block; }
				
h2{
	color: #da1884;
    font-family: 'Noto Sans Japanese';
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 200;
}
h2 span{
	color:#000;
	font-size:14px;
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial, 'MS PGothic', sans-serif;
	display:block;
	padding-top:10px;	
}

.sectionHeader h1{
	color: #da1884;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    font-size: 42px;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 8px;
}
.sectionHeader h1 span{
	color:#000;
	font-size:14px;
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial, 'MS PGothic', sans-serif;
	display:block;
	padding-top:10px;	
}
.newsBox {
		text-align: left;
		background-color: #fdedff; }
		.newsBox .newsHeader {
				padding: 30px 31px 10px;
				border-bottom: 1px solid #d5d5d5; }
				.newsBox .newsHeader ul li {
						margin-right: 27px;
						float: left;
						position: relative;
						text-align: center; }
						.newsBox .newsHeader ul li a {
								display: block;
								color: #000000; }
						.newsBox .newsHeader ul li .lineLine {
								display: inline-block;
								text-align: center;
								width: 0%;
								height: 3px;
								position: relative;
								bottom: -12px;
								background-color: #da1884;
								transition: width 0.3s; }
						.newsBox .newsHeader ul li.selected a {
								color: #da1884; }
						.newsBox .newsHeader ul li.selected .lineLine {
								width: 100%;
								background-color: #da1884; }
						.newsBox .newsHeader ul li:hover a {
								color: #da1884; }
						.newsBox .newsHeader ul li:hover .lineLine {
								width: 100%;
								background-color: #da1884;
								transition: width 0.3s; }
		.newsBox .newsBody {
				padding: 0 30px 10px 30px; }
				.newsBox .newsBody ul li a {
						display: table;
						width: 100%;
						padding: 26px 0 25px;
						border-top: 1px solid #d5d5d5;
						transition: color 0.3s;
						color: #555555;
						line-height: 1.8; }
						.newsBox .newsBody ul li a > div {
								display: table-cell;
								vertical-align: middle;
								height: 100%; }
								.newsBox .newsBody ul li a > div:first-child {
										width: 100px; }
								.newsBox .newsBody ul li a > div:last-child {
										width: 110px;
										text-align: right; }
								.newsBox .newsBody ul li a > div .pdf {
										font-size: 12px;
										color: #767676;
										position: relative;
										left: -5px; }
										.newsBox .newsBody ul li a > div .pdf .iconPdf {
												position: relative;
												left: -5px;
												top: 1px; }
								.newsBox .newsBody ul li a > div .newsTag {
										margin-right: 20px; }
								.newsBox .newsBody ul li a > div .newsTitle {
										font-size: 14px;
										line-height: 1.8; }
								.newsBox .newsBody ul li a > div .newsTime {
										font-size: 12px;
										text-align: right;
										color: #767676; }
				.newsBox .newsBody ul li:first-child a {
						border: none; }
				.newsBox .newsBody ul li:hover a {
						color: #da1884;
						transition: color 0.3s; }

.newsItem {
		width: 391px;
		background-color: #fdedff;
		position: relative;
		cursor: pointer; }
		.newsItem:nth-child(1) {
				float: left; }
		.newsItem:nth-child(2) {
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				    -ms-transform: translateX(-50%);
				        transform: translateX(-50%); }
		.newsItem:nth-child(3) {
				float: right; }
		.newsItem .newsImage {
				overflow: hidden;
				width: 391px;
				height: 201px;
				position: relative; }
				.newsItem .newsImage img {
						-webkit-transform: scale(1);
						    -ms-transform: scale(1);
						        transform: scale(1);
						transition: -webkit-transform 0.5s;
						transition: transform 0.5s; }
		.newsItem .newsItemLower {
				padding: 20px 20px 30px;
				box-sizing: border-box; }
		.newsItem .date {
				float: right;
				display: block;
				padding-top: 10px;
				font-size: 12px;
				color: #555555; }
		.newsItem .title {
				margin-top: 10px;
				font-size: 14px;
				line-height: 28px;
				color: #555555; }
		.newsItem .blankMark {
				display: block;
				position: absolute;
				bottom: -8px;
				right: -8px;
				border-top: 9px solid transparent;
				border-right: 9px solid transparent;
				border-bottom: 9px solid transparent;
				border-left: 9px solid #d5d5d5;
				-webkit-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				        transform: rotate(45deg);
				transition: border-left 0.8s; }
		.newsItem:hover .newsImage img {
				-webkit-transform: scale(1.1);
				    -ms-transform: scale(1.1);
				        transform: scale(1.1);
				transition: -webkit-transform 0.5s;
				transition: transform 0.5s; }
		.newsItem:hover .blankMark {
				border-left: 9px solid #da1884;
				transition: border-left 0.8s; }

.contentsnotFound .contentsBox {
		text-align: center;
		padding: 80px 35px !important; }
		.contentsnotFound .contentsBox .txt {
				display: block; }

.contentsCompany {
		background-color: #eeeeee; }
		.contentsCompany .inner {
				padding: 60px 0; }
		.contentsCompany .companyBox {
				width: 31.5%;
				margin-right: 1.5%;
				margin-bottom: 20px;
				float: left;
				text-align: left;
				box-sizing: border-box;
				position: relative;
				background-color: #fdedff; }
				.contentsCompany .companyBox:nth-child(3) {
						margin-right: 0; }
				.contentsCompany .companyBox > a {
						display: block;
						width: 100%;
						height: 100%;
						box-sizing: border-box;
						color: #000000; }
						.contentsCompany .companyBox > a .companyImage {
								overflow: hidden;
								position: relative; }
								.contentsCompany .companyBox > a .companyImage img {
										transition: -webkit-transform 0.5s;
										transition: transform 0.5s;
										-webkit-transform: scale(1);
										    -ms-transform: scale(1);
										        transform: scale(1); }
								.contentsCompany .companyBox > a .companyImage .mask {
										position: absolute;
										top: 0;
										left: 0;
										display: block;
										width: 100%;
										height: 100%;
										transition: background-color 0.8s;
										background-color: transparent; }
						.contentsCompany .companyBox > a h3 {
								position: relative;
								z-index: 3; }
								.contentsCompany .companyBox > a h3 > span {
										display: block; }
								.contentsCompany .companyBox > a h3 .txt.ja {
										font-size: 10px;
										padding-top: 8px;
										color: #555555; }
						.contentsCompany .companyBox > a .serviceTextBox {
								padding: 30px 20px; }
								.contentsCompany .companyBox > a .serviceTextBox p {
										font-size: 13px;
										padding-top: 18px;
										line-height: 30px; }
				.contentsCompany .companyBox .blankMark {
						display: block;
						position: absolute;
						bottom: -8px;
						right: -8px;
						border-top: 9px solid transparent;
						border-right: 9px solid transparent;
						border-bottom: 9px solid transparent;
						border-left: 9px solid #d5d5d5;
						-webkit-transform: rotate(45deg);
						    -ms-transform: rotate(45deg);
						        transform: rotate(45deg);
						transition: border-left 0.8s; }
				.contentsCompany .companyBox:hover .blankMark {
						border-left: 9px solid #da1884;
						transition: border-left 0.8s; }
				.contentsCompany .companyBox:hover .companyImage img {
						transition: -webkit-transform 0.5s;
						transition: transform 0.5s;
						-webkit-transform: scale(1.1);
						    -ms-transform: scale(1.1);
						        transform: scale(1.1); }
				.contentsCompany .companyBox:hover .mask {
						transition: background-color 1.5s;
						background-color: transparent; }

.contentsOutline {
		margin: 60px 0; }
		.contentsOutline .officeInfo {
				text-align: left;
				width: 100%; }
				.contentsOutline .officeInfo .txtLink {
						color: #da1884;
						padding-left: 10px;
						margin-right: 10px; }
				.contentsOutline .officeInfo tr .icon {
						position: relative;
						left: -5px;
						top: -3px; }
				.contentsOutline .officeInfo th {
						padding-left: 30px;
						width: 140px; }
				.contentsOutline .officeInfo td {
						padding-left: 30px;
						line-height: 30px; }
						.contentsOutline .officeInfo td .txt {
								line-height: 30px; }

.contentsRecruit {
		padding: 30px 0 60px; }
		.contentsRecruit .contentsBody {
				margin-top: 30px; }
		.contentsRecruit .recruitInfo {
				text-align: left;
				width: 100%; }
				.contentsRecruit .recruitInfo th, .contentsRecruit .recruitInfo td {
						padding-left: 30px; }
				.contentsRecruit .recruitInfo th {
						width: 140px; }
				.contentsRecruit .recruitInfo td {
						line-height: 34px; }
				.contentsRecruit .recruitInfo ul {
						margin-left: 14px; }
						.contentsRecruit .recruitInfo ul li {
								line-height: 28px; }
				.contentsRecruit .recruitInfo .txt {
						line-height: 34px; }
				.contentsRecruit .recruitInfo .txtSmall {
						font-size: 12px;
						color: #737373; }
		.contentsRecruit .iconBlankBlue {
				position: relative;
				left: -5px; }
		.contentsRecruit a {
				color: #da1884; }
		.contentsRecruit .txtLink[target="_blank"] {
				padding-left: 10px;
				margin-right: 10px; }
		.contentsRecruit .recruitInfoNothing {
				padding: 33px 0 36px 0;
				border: 1px solid #d5d5d5;
				text-align: center;
				font-size: 15px;
				font-size: 1.5rem; }

.contentsMission {
		background: url(../images/bg_mission.jpg) repeat center center;
		background-size: cover;
		position: relative;
		height: 1742px;
		text-align: center; }
		.contentsMission .upperBox {
				position: relative;
				top: 145px; }
				.contentsMission .upperBox h1 {
						margin-bottom: 80px; }
						.contentsMission .upperBox h1 .txt {
								margin: 0 auto; }
						.contentsMission .upperBox h1 .line {
								height: 2px;
								width: 30px;
								margin: 26px 0;
								background-color: #fdedff;
								display: inline-block;
								text-align: center; }
				.contentsMission .upperBox .txt {
						display: block;
						margin: 0 auto 60px; }
						.contentsMission .upperBox .txt.txt_mission_01 {
								margin-bottom: 78px; }
						.contentsMission .upperBox .txt.txt_mission_02 {
								margin-bottom: 45px; }
						.contentsMission .upperBox .txt.txt_mission_03 {
								margin-bottom: 45px; }
						.contentsMission .upperBox .txt.txt_mission_04 {
								margin-bottom: 75px; }
						.contentsMission .upperBox .txt.txt_mission_05 {
								margin-bottom: 75px; }
						.contentsMission .upperBox .txt.txt_mission_06 {
								margin-bottom: 45px; }
						.contentsMission .upperBox .txt.txt_mission_07 {
								margin-bottom: 75px; }
						.contentsMission .upperBox .txt.txt_mission_08 {
								margin-bottom: 80px; }
		.contentsMission .lowerBox {
				position: absolute;
				bottom: 0;
				padding-bottom: 65px;
				background: url(../images/bg_coverBlack.png) repeat-x;
				background-size: contain; }
				.contentsMission .lowerBox .inner {
						padding-top: 100px; }
				.contentsMission .lowerBox .leftBlock {
						float: left;
						width: 48%;
						text-align: left;
						padding-right: 2%; }
				.contentsMission .lowerBox .rightBlock {
						float: right;
						width: 48%;
						text-align: left;
						padding-left: 2%; }
				.contentsMission .lowerBox h2 {
						color: #FFFFFF;
						font-size: 26px;
						font-weight: bold;
						margin-bottom: 30px; }
				.contentsMission .lowerBox .txt {
						color: #FFFFFF;
						font-size: 14px;
						line-height: 35px; }

.contentsGlobal {
		background-color: #fdedff; }
		.contentsGlobal .inner {
				padding-bottom: 60px; }
		.contentsGlobal .contentsItem .slideList:last-child tr {
				border-bottom: 1px solid #d5d5d5; }
		.contentsGlobal .slideLayout .slideList .slideHeading {
				background-color: #414141;
				height: 53px;
				line-height: 53px;
				padding: 0 29px;
				position: relative;
				cursor: pointer;
				margin-bottom: 1px; }
				.contentsGlobal .slideLayout .slideList .slideHeading h3 {
						color: #FFFFFF; }
						.contentsGlobal .slideLayout .slideList .slideHeading h3 .txt.txtJa {
								font-size: 14px; }
						.contentsGlobal .slideLayout .slideList .slideHeading h3 .txt.txtEn {
								font-size: 12px;
								padding-left: 5px; }
				.contentsGlobal .slideLayout .slideList .slideHeading .toggle {
						position: absolute;
						top: 50%;
						right: 30px;
						-webkit-transform: translateY(-50%);
						    -ms-transform: translateY(-50%);
						        transform: translateY(-50%); }
						.contentsGlobal .slideLayout .slideList .slideHeading .toggle .line {
								width: 2px;
								height: 14px;
								background-color: #e6e6e6; }
								.contentsGlobal .slideLayout .slideList .slideHeading .toggle .line.line02 {
										-webkit-transform: rotate(90deg);
										    -ms-transform: rotate(90deg);
										        transform: rotate(90deg);
										position: relative;
										top: 0;
										left: -5px; }
		.contentsGlobal .slideLayout .slideList .slideBody {
				width: 100%;
				display: none; }
		.contentsGlobal .slideLayout .slideList:last-child {
				margin-bottom: 0; }
		.contentsGlobal .slideLayout .slideList.open .line01 {
				display: none; }
		.contentsGlobal .table {
				table-layout: fixed;
				display: table;
				width: 100%; }
				.contentsGlobal .table tr:first-child {
						border-top: none; }
				.contentsGlobal .table tr:last-child {
						border-bottom: 1px solid transparent; }
				.contentsGlobal .table th {
						background-color: #eeeeee;
						width: 160px;
						padding: 15px 20px 15px 31px; }
				.contentsGlobal .table td {
						background-color: #fdedff; }
						.contentsGlobal .table td a {
								color: #da1884; }

.contentsMap .inner {
		padding: 74px 0 60px; }

.contentsMap .iconBlankBlue {
		position: relative;
		left: -5px; }

.contentsMap .txtLink {
		color: #da1884;
		padding-left: 10px;
		margin-right: 10px; }

.contentsMap .leftBlock {
		float: left;
		width: 58%;
		padding-right: 2%; }
		.contentsMap .leftBlock .contentsItem {
				padding-top: 2px; }
				.contentsMap .leftBlock .contentsItem:nth-child(2) {

						padding-top: 30px; }
				.contentsMap .leftBlock .contentsItem .contentsBody {
						margin-top: 27px; }
		.contentsMap .leftBlock .table {
				width: 100%; }
				.contentsMap .leftBlock .table th, .contentsMap .leftBlock .table td {
						line-height: 30px; }
				.contentsMap .leftBlock .table tr {
						text-align: left; }
				.contentsMap .leftBlock .table th {
						width: 150px;
						padding-left: 29px; }
				.contentsMap .leftBlock .table td {
						vertical-align: middle;
						padding: 11px 29px; }
				.contentsMap .leftBlock .table .txt {
						line-height: 30px; }

.contentsMap .rightBlock {
		float: right;
		width: 40%; }
		.contentsMap .rightBlock #gMap {
				width: 100%;
				height: 577px; }

.contentsPrivacy {
		background-color: #eeeeee;
		padding: 60px 0; }
		.contentsPrivacy .contentsBox {
				background-color: #fdedff;
				padding: 24px 35px 80px; }
				.contentsPrivacy .contentsBox .txt {
						font-size: 15px;
						line-height: 30px;
						margin-bottom: 40px; }
				.contentsPrivacy .contentsBox ul li {
						display: inline-block; }
						.contentsPrivacy .contentsBox ul li a {
								color: #da1884; }
						.contentsPrivacy .contentsBox ul li:first-child {
								margin-right: 30px; }
				.contentsPrivacy .contentsBox .icon {
						padding-right: 8px; }

.contentsTradeMarkPolicy {
		overflow: hidden;
		background-color: #eeeeee;
		padding: 60px 0; }
		.contentsTradeMarkPolicy .contentsBox {
				background-color: #FFF;
				padding: 24px 35px 80px; }
		.contentsTradeMarkPolicy .lead {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 2;
				margin-bottom: 20px; }

.contentsTermsOfService {
		background-color: #eeeeee;
		padding: 60px 0;
		overflow: hidden; }
		.contentsTermsOfService .contentsBox {
				background-color: #FFF;
				padding: 24px 35px 80px; }
		.contentsTermsOfService .lead {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 2;
				margin-bottom: 20px; }

.contentsRealLogos {
		background-color: #eeeeee;
		padding: 66px 0; }
		.contentsRealLogos.buttons {
				background-color: #FFF; }
				.contentsRealLogos.buttons .contentsRealLogosLead {
						margin-top: 26px;
						border-bottom: 1px solid #d5d5d5;
						border-top: 1px solid #d5d5d5;
						padding: 12px 25px; }
		.contentsRealLogos .contentsRealLogosButtonList {
				margin-top: 20px; }
				.contentsRealLogos .contentsRealLogosButtonList tr {
						border-top: 1px solid #d5d5d5;
						border-bottom: 1px solid #d5d5d5; }
				.contentsRealLogos .contentsRealLogosButtonList th {
						width: 229px;
						min-height: 82px;
						float: left;
						box-sizing: border-box;
						position: relative; }
						.contentsRealLogos .contentsRealLogosButtonList th img {
								position: absolute;
								top: 50%;
								left: 50%;
								-webkit-transform: translate(-50%, -50%);
								    -ms-transform: translate(-50%, -50%);
								        transform: translate(-50%, -50%); }
				.contentsRealLogos .contentsRealLogosButtonList td {
						border-left: 1px solid #d5d5d5;
						min-height: 82px;
						font-size: 15px;
						padding: 0px 30px 0 30px;
						box-sizing: border-box;
						line-height: 2;
						vertical-align: middle; }
						.contentsRealLogos .contentsRealLogosButtonList td:last-child {
								border-bottom: 1px solid #d5d5d5; }
		.contentsRealLogos .txt {
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden; }
		.contentsRealLogos a {
				color: #da1884; }
		.contentsRealLogos .contentsHeader h2 {
				font-size: 21px;
				font-size: 2.1rem;
				font-weight: bold; }
		.contentsRealLogos .contentsRealLogosLead {
				margin-top: 15px;
				background-color: #FFF;
				padding: 22px 25px 22px 25px;
				font-size: 14px;
				font-size: 1.4rem;
				line-height: 2; }
		.contentsRealLogos .contentsRealLogosDLBox {
				margin-top: 20px;
				overflow: hidden; }
				.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosLine {
						margin-left: -20px; }
				.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox30 {
						width: 33.3%;
						float: left;
						box-sizing: border-box;
						margin: 0 0 20px 0; }
						.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox30 .DLBox30Inner {
								height: 442px;
								margin-left: 20px;
								background-color: #FFF; }
				.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 {
						width: 66.7%;
						float: left;
						box-sizing: border-box; }
						.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60Inner {
								height: 382px;
								margin-left: 20px;
								background-color: #FFF; }
				.contentsRealLogos .contentsRealLogosDLBox .DLBox30Img {
						position: relative;
						width: 100%;
						height: 190px;
						border-bottom: 1px solid #d5d5d5; }
						.contentsRealLogos .contentsRealLogosDLBox .DLBox30Img img {
								position: absolute;
								top: 50%;
								left: 50%;
								-webkit-transform: translate(-50%, -50%);
								    -ms-transform: translate(-50%, -50%);
								        transform: translate(-50%, -50%); }
				.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info {
						padding: 27px 20px; }
						.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoTitle {
								min-height: 23px; }
						.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoLead {
								margin-top: 16px;
								font-size: 12px;
								font-size: 1.2rem; }
						.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoLink {
								margin-top: 15px;
								overflow: hidden; }
								.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoLink li {
										margin-bottom: 15px; }
										.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoLink li a {
												padding-left: 10px;
												position: relative; }
												.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoLink li a:before {
														content: "";
														position: absolute;
														top: 50%;
														left: 0;
														-webkit-transform: translateY(-50%);
														    -ms-transform: translateY(-50%);
														        transform: translateY(-50%);
														background-image: url(../images/icon.png);
														background-repeat: no-repeat;
														background-position: -40px -24px;
														width: 5px;
														height: 6px;
														background-size: 60px 51px; }
						.contentsRealLogos .contentsRealLogosDLBox .DLBox30Info .DLBox30InfoColor {
								display: block;
								padding: 8px 10px;
								margin-top: 8px;
								background-color: #eeeeee;
								font-size: 12px;
								font-size: 1.2rem;
								line-height: 1.5; }
				.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60Inner {
						padding: 30px 20px; }
				.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60Title {
						font-size: 18px;
						font-size: 1.8rem;
						font-weight: bold; }
				.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60List {
						margin-top: 32px; }
						.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60List dt {
								background-color: #eeeeee;
								font-size: 15px;
								font-size: 1.5rem;
								padding: 20px; }
						.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60List dd {
								line-height: 2;
								font-size: 14px;
								font-size: 1.4rem;
								padding: 14px 0;
								margin-bottom: 10px; }

@media screen and (min-width: 1611px) {
		.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox30 .DLBox30Inner {
				height: 424px; }
		.contentsRealLogos .contentsRealLogosDLBox .contentsRealLogosDLBox60 .DLBox60Inner {
				height: 365px; } }

.contentsNews {
		background-color: #eeeeee;
		padding: 30px 0 50px;
		text-align: center; }
		.contentsNews .contentsItem {
				text-align: left; }
		.contentsNews .newsItem {
				overflow: hidden;
				width: 32%; }
				.contentsNews .newsItem .newsImage {
						width: auto; }
						.contentsNews .newsItem .newsImage img {
								width: 100%; }
		.contentsNews .btn {
				margin-top: 50px; }

.contentsNewsArchive {
		background-color: #eeeeee;
		padding: 30px 0 60px; }
		.contentsNewsArchive .contentsBody {
				margin-top: 30px; }
		.contentsNewsArchive .pagenation {
				margin-top: 40px; }
				.contentsNewsArchive .pagenation ul li {
						margin-right: 17px; }
						.contentsNewsArchive .pagenation ul li:last-child {
								margin-right: 0; }

.contentsNewsDetail {
		background-color: #eeeeee;
		text-align: center;
		padding: 60px 0; }
		.contentsNewsDetail .inner {
				width: 80%;
				margin: 0 auto;
				max-width: 720px; }
		.contentsNewsDetail .snsBox {
				float: left;
				width: 100%;
				text-align: right; }
				.contentsNewsDetail .snsBox > ul .list {
						display: inline-block;
						margin-right: 10px; }
						.contentsNewsDetail .snsBox > ul .list:last-child {
								margin-right: 0; }
		.contentsNewsDetail .articleBox {
				text-align: left; }
				.contentsNewsDetail .articleBox .heading {
						border-bottom: 1px solid #d5d5d5;
						margin-bottom: 20px; }
						.contentsNewsDetail .articleBox .heading .articleInfo {
								float: left;
								width: 100%; }
								.contentsNewsDetail .articleBox .heading .articleInfo h1 {
										font-size: 20px;
										font-size: 2.0em;
										color: #555555; 
										padding: 20px 20px 20px 0;
										line-height: 30px;
										font-weight: normal; }
								.contentsNewsDetail .articleBox .heading .articleInfo .date {
										font-size: 12px;
										margin-left: 26px; }
				.contentsNewsDetail .articleBox .body {
						font-size: 13px;
						font-size: 1.3rem; 
						text-align:justify;
						text-justify : inter-ideograph ;
						color: #555555; }
						.contentsNewsDetail .articleBox .body h2 {
								text-align: center;
								font-size: 16px;
								font-size: 1.6em;
								line-height: 1.7; 
                                        						margin: 20px 0 10px 0;
								font-weight: bold;}
						.contentsNewsDetail .articleBox .body h3 {
								font-size: 12px;
								font-size: 1.2em;
								font-weight: bold;
								margin: 40px 0 10px 0;
								line-height: 1.7; }
						.contentsNewsDetail .articleBox .body h4 {
								font-size: 11px;
								font-size: 1.1em;
								font-weight: bold;
								margin: 40px 0 10px 0;
								line-height: 1.7; }
						.contentsNewsDetail .articleBox .body img {

								max-width: 100%;
								height: auto; }

						.contentsNewsDetail .articleBox .body hr {
								border: 0;
								height: 1px;
								background: #eeeeee;
								margin-bottom: 2em; }

						.contentsNewsDetail .articleBox .body table {
								width: 100%;
								text-align: left;
								margin-bottom: 30px; }
								.contentsNewsDetail .articleBox .body table tr {
										border-bottom: 1px solid #d5d5d5; }
										.contentsNewsDetail .articleBox .body table tr:first-child {
												border-top: 1px solid #d5d5d5; }
								.contentsNewsDetail .articleBox .body table th, .contentsNewsDetail .articleBox .body table td {
										font-size: 13px;
										font-size: 1.3em
										line-height: 30px; }
								.contentsNewsDetail .articleBox .body table th {
										padding: 15px 20px;
										background-color: #eeeeee;
										vertical-align: middle;
										width: 140px; }
								.contentsNewsDetail .articleBox .body table td {
										padding: 15px 20px; }
										.contentsNewsDetail .articleBox .body table td ul li {
												line-height: 24px;
												list-style-type: disc; }

						.contentsNewsDetail .articleBox .body ol {
								overflow: hidden;
								margin-bottom: 20px; }
								.contentsNewsDetail .articleBox .body ol li {
										list-style-type: decimal;
										list-style-position: outside;
										margin-bottom:  0.5em;
										margin-left: 2em;
										line-height: 1.7;}
										.contentsNewsDetail .articleBox .body ol li:before {
												content: "";
												position: absolute;
												top: 10px;
												left: 4px;
												width: 5px;
												height: 5px;
												background-color: #b3b1b1;
												border-radius: 5px; }


						.contentsNewsDetail .articleBox .body ul {
								overflow: hidden;
								margin-bottom: 20px; }
								.contentsNewsDetail .articleBox .body ul li {
										list-style-type: disc;
										position: relative;
										display: block;
										margin-bottom: 0.5em;
										padding-left: 1.5em;
										line-height: 1.7; }
										.contentsNewsDetail .articleBox .body  ul li:before {
												content: "";
												position: absolute;
												top: 0.7em;
												left: 4px;
												width: 5px;
												height: 5px;
												background-color: #b3b1b1;
												border-radius: 5px; }

						.contentsNewsDetail .articleBox .body p {
								line-height: 1.9;
								margin-bottom: 28px; }

						.contentsNewsDetail .articleBox .body .subTitle {
								text-align: center;
								font-size: 12px;
								font-size: 1.2em;}

						.contentsNewsDetail .articleBox .body .imgCaption {
								font-size: 11px;
								font-size: 1.1rem;
								line-height: 1.7;
								color: #999999;}
						.contentsNewsDetail .articleBox .body .upperside {
								margin: 5px 0px 5px 0px; !important}
						.contentsNewsDetail .articleBox .body .downside {
								margin: 5px 0px 20px 0px; !important}
						.contentsNewsDetail .articleBox .body .alignRight {
								text-align: right; }

						.contentsNewsDetail .articleBox .body .mt0 {
								margin-top: 0em; }
						.contentsNewsDetail .articleBox .body .mt1 {
								margin-top: 1em; }
						.contentsNewsDetail .articleBox .body .mt2 {
								margin-top: 2em; }
						.contentsNewsDetail .articleBox .body .mt3 {
								margin-top: 3em; }
						.contentsNewsDetail .articleBox .body .mt4 {
								margin-top: 4em; }
						.contentsNewsDetail .articleBox .body .mt5 {
								margin-top: 5em; }

						.contentsNewsDetail .articleBox .body .mb0 {
								margin-bottom: 0em; }
						.contentsNewsDetail .articleBox .body .mb1 {
								margin-bottom: 1em; }
						.contentsNewsDetail .articleBox .body .mb2 {
								margin-bottom: 2em; }
						.contentsNewsDetail .articleBox .body .mb3 {
								margin-bottom: 3em; }
						.contentsNewsDetail .articleBox .body .mb4 {
								margin-bottom: 4em; }
						.contentsNewsDetail .articleBox .body .mb5 {
								margin-bottom: 5em; }

						.contentsNewsDetail .articleBox .body .beforeList {
								margin-bottom: 0.4em; }


						.contentsNewsDetail .articleBox .body b {
								font-weight: bold; }
						.contentsNewsDetail .articleBox .body iframe {
								margin: 20px 0; }
						.contentsNewsDetail .articleBox .body a {
								color: #da1884; }


						.contentsNewsDetail .articleBox .body em {
								font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Helvetica, Arial, 'メイリオ イタリック', 'Yu Gothic', 'MS PGothic', 'Segoe UI', Tahoma, sans-serif;
								font-style: italic; }
						.contentsNewsDetail .articleBox .body strong {
								font-weight: bold; }
						.contentsNewsDetail .articleBox .body .center {
								margin: 0 auto; }
						.contentsNewsDetail .articleBox .body .iframeCenter {
								margin: 0 auto; }
				.contentsNewsDetail .articleBox.lower {
						margin-top: 30px; }
				.articleBlock {
						padding: 30px;
						box-sizing: border-box;
						background-color: #fdedff;
						width: 100%; }
				.contentsNewsDetail .articleBox {
						padding: 30px;
						box-sizing: border-box;
						background-color: #fdedff;
						width: 100%; }
						.contentsNewsDetail .articleBox .articleBlock.prev, .contentsNewsDetail .articleBox .articleBlock.next {
								padding: 30px 30px 20px; }
								.contentsNewsDetail .articleBox .articleBlock.prev .heading, .contentsNewsDetail .articleBox .articleBlock.next .heading {
										margin-bottom: 20px; }
										.contentsNewsDetail .articleBox .articleBlock.prev .heading p, .contentsNewsDetail .articleBox .articleBlock.next .heading p {
												padding-bottom: 8px; }
								.contentsNewsDetail .articleBox .articleBlock.prev .body .title, .contentsNewsDetail .articleBox .articleBlock.next .body .title {
										margin: 10px 0 0;
										font-size: 14px; }
								.contentsNewsDetail .articleBox .articleBlock.prev .body .date, .contentsNewsDetail .articleBox .articleBlock.next .body .date {
										font-size: 12px; }
								.contentsNewsDetail .articleBox .articleBlock.prev .body:hover .title, .contentsNewsDetail .articleBox .articleBlock.next .body:hover .title {
										color: #da1884;
										transition: color 0.3s; }
						.contentsNewsDetail .articleBox .articleBlock.prev {
								width: 49%;
								margin-right: 1%;
								float: left; }
						.contentsNewsDetail .articleBox .articleBlock.next {
								width: 49%;
								margin-left: 1%;
								float: right; }
						.contentsNewsDetail .articleBox .articleBlock .heading {
								padding-bottom: 10px;
								border-bottom: 1px solid #d5d5d5;
								margin-bottom: 32px; }
								.contentsNewsDetail .articleBox .articleBlock .heading > p {
										font-size: 15px;
										font-weight: bold; }
						.contentsNewsDetail .articleBox .articleBlock .body .tag {
								float: left; }
						.contentsNewsDetail .articleBox .articleBlock .body .date {
								float: right; }
						.contentsNewsDetail .articleBox .articleBlock .body .title {
								margin-top: 20px;
								float: left;
								width: 100%;
								color: #000000;
								transition: color 0.3s; }
		.contentsNewsDetail .btn {
				margin-top: 50px; }

#service .serviceBox .leftBlock, #service .serviceBox .rightBlock {
		width: 50%;
		height: 500px;
		float: left;
		position: relative; }

#service .serviceBox .textBox {
		width: 69%;
		color: #000000;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%); }
		#service .serviceBox .textBox h3 .txt {
				display: block; }
				#service .serviceBox .textBox h3 .txt.ja {
						font-size: 12px;
						padding-top: 6px;
						color: #555555; }
		#service .serviceBox .textBox > .txt {
				font-size: 14px;
				line-height: 29px;
				margin-top: 20px;
				word-break: normal; }
		#service .serviceBox .textBox .btn {
				margin-top: 50px; }
				#service .serviceBox .textBox .btn .icon {
						position: relative;
						left: 5px; }

#service .serviceBox .leftBlock .textBox {
		float: right; }

#service .serviceBox .rightBlock .textBox {
		float: left; }

#service .serviceBox.service01 .textBox {
		right: 50px; }

#service .serviceBox.service01 .rightBlock {
		background: url(../images/bg_serviceImage01.jpg) no-repeat center center;
		background-size: cover; }

#service .serviceBox.service02 {
		background: url(../images/bg_serviceImage02.jpg) no-repeat center center;
		background-size: cover; }
		#service .serviceBox.service02 .textBox {
				left: 50px; }
		#service .serviceBox.service02 .rightBlock {
				background-color: rgba(0, 0, 0, 0.7); }
				#service .serviceBox.service02 .rightBlock .textBox {
						color: #FFFFFF; }
						#service .serviceBox.service02 .rightBlock .textBox .txt.ja {
								color: #FFFFFF; }

#service .serviceBox.service03 .textBox {
		right: 50px; }

#service .serviceBox.service03 .rightBlock {
		background: url(../images/bg_serviceImage03.jpg) no-repeat center center;
		background-size: cover; }