@charset "utf-8";

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

	Content Index

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

.contentIndex {
}

/* .indexContainer */
.contentIndex .indexContainer {
}

.contentIndex .indexContainer .contentList4col {
	margin: 0 -20px 0 0;
}

.contentIndex .indexContainer .contentList4col li {
	margin: 30px 20px 0 0;
	width: 220px;
}

/* .item */
.contentIndex .item .thumb {
	margin-top: 0;
}

.contentIndex .item .date {
	font-size: 11px;
	font-weight: bold;
	margin-top: 7px;
	text-align: center;
}

.contentIndex .item .text1 {
	font-weight: bold;
	margin-top: 7px;
	text-align: center;
}

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

	Table

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

.tableHistory table tbody th {
	background-color: transparent;
	width: 130px;
}

body[data-page-type="sp"] .tableHistory table {
	display: block;
}

body[data-page-type="sp"] .tableHistory table tbody {
	display: block;
}

body[data-page-type="sp"] .tableHistory table tbody tr {
	display: block;
}

body[data-page-type="sp"] .tableHistory table tbody th,
body[data-page-type="sp"] .tableHistory table tbody td {
	border: none;
	display: block;
}

body[data-page-type="sp"] .tableHistory table tbody th {
	background-color: transparent;
	border-left: 3px solid #ced1d8;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 10px;
	width: auto;
}

body[data-page-type="sp"] .tableHistory table tr + tr th {
	margin-top: 20px;
}

body[data-page-type="sp"] .tableHistory table tbody td {
	margin-top: 1px;
	padding: 5px;
}

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

	Top Page Layout

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

div#container.topColumn div.content {
	padding: 0 0 100px;
	width: auto;
}

div.topColumn div#main {
	padding-left: 0;
	padding-right: 0;
	width: auto;
}

/*-----------------------------------------------
	div.toppageNews
-----------------------------------------------*/

div.topColumn div.toppageNews {
}

div.topColumn div.toppageNews .headingLevel3 {
	margin-top: 40px;
}

/*-----------------------------------------------
	div.newsRelease
-----------------------------------------------*/

div.topColumn div.newsRelease ul.separate li dl.index dd {
	clear: both;
	padding-top: 4px;
}

div.topColumn div.newsRelease dl.index dt,
div.topColumn div.newsRelease ul.separate li dl.index dd.icon {
	clear: none;
	padding-top: 0;
}

/*-----------------------------------------------
	div.sectionLead
-----------------------------------------------*/

div.topColumn div.sectionLead {
	margin: 0 auto;
	padding: 15px 0;
	width: 960px;
}

div.topColumn div.sectionLead .lead {
	margin: 0;
	text-align: right;
}

/*-----------------------------------------------
	div.sectionPickup
-----------------------------------------------*/

div.topColumn div.sectionPickup {
	background-color: #f2f4f6;
	padding-bottom: 25px;
}

div.topColumn div.sectionPickup div.wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
}

div.topColumn div.sectionPickup div.header {
	margin-bottom: 30px;
}

div.topColumn div.sectionPickup div.header .heading {
	background-color: #000;
	color: #fff;
	display: inline-block;
	*display: inline;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.15;
	min-width: 200px;
	padding: 10px 20px;
	*zoom: 100%;
}

div.topColumn div.sectionPickup div.flexslider {
	position: relative;
}

div.topColumn div.sectionPickup div.flexslider ul.slides {
	margin: 0;
}

div.topColumn div.sectionPickup div.flexslider ul.slides > li {
	background-image: none;
	margin: 0;
	padding: 0;
}

div.topColumn div.sectionPickup div.flexslider ul.flex-direction-nav {
	margin: 0;
}

div.topColumn div.sectionPickup div.flexslider ul.flex-direction-nav li {
	background-image: none;
	margin: -10px 0 0;
	padding: 0;
	position: absolute;
	top: 50%;
}

div.topColumn div.sectionPickup div.flexslider ul.flex-direction-nav li img {
	height: 21px;
	width: 13px;
}

div.topColumn div.sectionPickup div.flexslider ul.flex-direction-nav li.flex-nav-prev {
	left: -23px;
}

div.topColumn div.sectionPickup div.flexslider ul.flex-direction-nav li.flex-nav-next {
	right: -23px;
}

div.topColumn div.sectionPickup div.flexslider div.composition div.artwork p {
	margin: 0;
}

div.topColumn div.sectionPickup div.flexslider div.composition div.text h3 {
	font-size: 18px;
	font-weight: bold;
}

/*-----------------------------------------------
	div.sectionPoint
-----------------------------------------------*/

div.topColumn div.sectionPoint {
	margin: 40px auto 0;
	padding: 0 10px;
	width: 940px;
}

div.topColumn div.sectionPoint div.header {
}

div.topColumn div.sectionPoint div.header .heading {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
}

div.topColumn div.sectionPoint div.header .lead {
	font-size: 15px;
	margin-top: 10px;
}

div.topColumn div.sectionPoint div.wrapper {
	background-image: url("../img/bg/ptn_section_point.png");
	background-repeat: no-repeat;
	height: 268px;
	margin-top: 50px;
	position: relative;
	width: 940px;
}

div.topColumn div.sectionPoint div.wrapper .title {
	position: absolute;
	text-align: center;
	top: 121px;
	width: 140px;
}

div.topColumn div.sectionPoint div.wrapper .title img {
	height: 30px;
	width: 90px;
}

div.topColumn div.sectionPoint div.wrapper ul {
	margin: 0;
}

div.topColumn div.sectionPoint div.wrapper ul li {
	background-image: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

div.topColumn div.sectionPoint div.wrapper ul li img {
	height: 82px;
	width: 82px;
}

div.topColumn div.sectionPoint div.wrapper div.contents {
}

div.topColumn div.sectionPoint div.wrapper div.contents .title {
	left: 285px;
}

div.topColumn div.sectionPoint div.wrapper div.contents ul li.news {
	left: 186px;
	top: 0;
}

div.topColumn div.sectionPoint div.wrapper div.contents ul li.sports {
	left: 146px;
	top: 93px;
}

div.topColumn div.sectionPoint div.wrapper div.contents ul li.global {
	left: 186px;
	top: 186px;
}

div.topColumn div.sectionPoint div.wrapper p.mark {
	left: 458px;
	margin: 0;
	position: absolute;
	top: 122px;
}

div.topColumn div.sectionPoint div.wrapper p.mark img {
	height: 24px;
	width: 24px;
}

div.topColumn div.sectionPoint div.wrapper div.skills {
}

div.topColumn div.sectionPoint div.wrapper div.skills .title {
	right: 285px;
}

div.topColumn div.sectionPoint div.wrapper div.skills ul li.knowhow {
	right: 186px;
	top: 0;
}

div.topColumn div.sectionPoint div.wrapper div.skills ul li.planning {
	right: 146px;
	top: 93px;
}

div.topColumn div.sectionPoint div.wrapper div.skills ul li.execution {
	right: 186px;
	top: 186px;
}

/*-----------------------------------------------
	div.sectionHeader
-----------------------------------------------*/

div.topColumn div.sectionHeader {
	background-color: #f2f4f6;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 200px;
	margin-top: 60px;
}

div.topColumn div.sectionHeader div.header {
	margin: 0 auto;
	padding: 79px 10px 0;
	width: 940px;
}

div.topColumn div.sectionHeader div.header .heading {
	background-color: #000;
	color: #fff;
	display: inline-block;
	*display: inline;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.15;
	min-width: 200px;
	padding: 10px 20px;
	*zoom: 100%;
}

div.topColumn div.sectionHeader.corp {
	background-image: url("../img/common/section_header_corp.jpg");
}

div.topColumn div.sectionHeader.person {
	background-image: url("../img/common/section_header_person.jpg");
}

/*-----------------------------------------------
	div.sectionWrapper
-----------------------------------------------*/

div.topColumn div.sectionWrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
}

div.topColumn div.sectionWrapper .layout3col div.col {
	margin-left: 50px;
	width: 280px;
}

div.topColumn div.sectionWrapper .layout3col div.first {
	margin-left: 0;
}

div.topColumn .layout3col_boxSeparate div.boxCol {
	padding: 24px 19px;
	width: 260px;
}

div.topColumn div.flexComposition div.areaContent1 + div.typeWrapCenter div.areaContent2 {
	margin-top: 30px;
}

div.topColumn div.sectionWrapper .ccm-layout-wrapper + .ccm-layout-wrapper .boxLayoutSeparate div.boxCol {
	margin-top: 20px;
}

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

	CV Button

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

ul.cv {
	margin: 0;
}

ul.cv li {
	background-image: none;
	margin: 0;
	padding: 0;
}

ul.cv li + li {
	margin-left: 20px;
}

ul.cv li .button {
	background-image: url("../img/icon/arrow_cv_button.png");
	background-position: 165px 50%;
	background-repeat: no-repeat;
	padding: 11px 15px;
	width: 150px;
}

ul.cv li .button,
ul.cv li .button:link,
ul.cv li .button:visited {
	background-color: #ea2758;
	border-bottom-color: #c8103f;
	color: #fff;
}

ul.cv li .button:hover,
ul.cv li .button:active {
	background-color: #c8103f;
	border-bottom-color: #c8103f;
	color: #fff;
}

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

	Switch Resource

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

/*-----------------------------------------------
	Common
-----------------------------------------------*/

.commonSwitchPc {
	display: block;
}

.commonSwitchSp {
	display: none;
}

body[data-page-type="sp"] .commonSwitchPc {
	display: none;
}

body[data-page-type="sp"] .commonSwitchSp {
	display: block;
}

/* /////////////////////////////////////// Page Type : SP /////////////////////////////////////// */

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

	Template

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

body[data-page-type="sp"] {
	min-width: inherit;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	width: 320px;
}

body[data-page-type="sp"] div#header {
	border-top: 5px solid #000;
}

body[data-page-type="sp"] div#header div.content {
	padding: 15px 10px;
	width: auto;
}

body[data-page-type="sp"] div#header div.heading {
	display: none;
}

body[data-page-type="sp"] div#header div.wrapper p.logo {
	float: none;
	margin-top: 0;
}

body[data-page-type="sp"] div#header div.wrapper p.logo img {
	width: 210px;
}

body[data-page-type="sp"] div#globalNavSp {
	height: 5px;
	position: relative;
	z-index: 10;
}

body[data-page-type="sp"] div#globalNavSp div.content {
	display: none;
	padding: 0;
}

body[data-page-type="sp"] div#globalNavSp ul.navCat li.cat {
	border-bottom: 1px solid #3f3f3f;
}

body[data-page-type="sp"] div#globalNavSp a.btnCat {
	padding: 15px 0 15px 20px;
}

body[data-page-type="sp"] div#globalNavSp a.btnCat img {
	height: 20px;
	width: auto;
}

body[data-page-type="sp"] div#globalNavSp div.navUnit {
	display: none;
}

body[data-page-type="sp"] div#globalNavSp div.navUnit ul.navBiz {
	padding: 0 20px;
}

body[data-page-type="sp"] div#globalNavSp div.navUnit ul.navBiz li.biz {
	background-position: 0 15px;
	background-size: 20px auto;
	font-size: 15px;
	margin: 0;
	padding: 15px 0 15px 30px;
}

body[data-page-type="sp"] div#globalNavSp div.navUnit ul.navBiz li.biz > a {
	line-height: 1.2;
}

body[data-page-type="sp"] div#globalNavSp div.navUnit ul.navSrv li {
	margin-top: 15px;
}

body[data-page-type="sp"] div#globalNavSp ul.link {
	background-color: #000;
	margin: 0;
	padding: 20px;
	text-align: left;
}

body[data-page-type="sp"] div#globalNavSp ul.link li {
	background-image: url("../img/icon/arrow_right.gif");
	display: block;
}

body[data-page-type="sp"] div#globalNavSp ul.link li + li {
	margin-left: 0;
	margin-top: 15px;
}

body[data-page-type="sp"] div.navGlobal ul.link li a:link,
body[data-page-type="sp"] div.navGlobal ul.link li a:visited {
	color: #fff;
}

body[data-page-type="sp"] div.navGlobal ul.link li a:hover {
	color: #fff;
}

body[data-page-type="sp"] div.navGlobal p.btnMenu {
	margin: 0;
	padding: 0 10px;
	text-align: right;
}

body[data-page-type="sp"] div.navGlobal p.btnMenu a {
	background-color: #000;
	border-radius: 0 0 4px 4px;
	display: inline-block;
	padding: 5px 6px 8px;
}

body[data-page-type="sp"] div.navGlobal p.btnMenu img {
	height: 19px;
	width: 22px;
}

body[data-page-type="sp"] div#globalNavEnSp {
	height: 5px;
	position: relative;
	z-index: 10;
}

body[data-page-type="sp"] div#globalNavEnSp div.content {
	display: none;
	padding: 0;
}

body[data-page-type="sp"] div#globalNavEnSp ul.navCat li.cat {
	border-bottom: 1px solid #3f3f3f;
}

body[data-page-type="sp"] div#globalNavEnSp a.btnCat {
	font-size: 18px;
	padding: 15px 0 15px 20px;
}

body[data-page-type="sp"] div#globalNavEnSp a.btnCat:link,
body[data-page-type="sp"] div#globalNavEnSp a.btnCat:visited {
	color: #fff;
	text-decoration: none;
}

body[data-page-type="sp"] div#globalNavEnSp ul.link {
	background-color: #000;
	margin: 0;
	padding: 20px;
	text-align: left;
}

body[data-page-type="sp"] div#globalNavEnSp p.btnMenu {
	margin: 0;
	padding: 0 10px;
	text-align: right;
}

body[data-page-type="sp"] div#globalNavEnSp p.btnMenu a {
	background-color: #000;
	border-radius: 0 0 4px 4px;
	display: inline-block;
	padding: 5px 6px 8px;
}

body[data-page-type="sp"] div#container div.content {
	padding-bottom: 50px;
	width: auto;
}

body[data-page-type="sp"] div#container div.content div#main {
	display: block;
	float: none;
	width: auto;
}

body[data-page-type="sp"] div#container div.content div#utility {
	display: block;
	float: none;
	margin-top: 40px;
	padding: 0 10px;
	width: auto;
}

body[data-page-type="sp"] div#footer ul.bnrList {
	padding: 0 10px;
	width: auto;
}

body[data-page-type="sp"] div#footer ul.bnrList li {
	width: 100%;
}

body[data-page-type="sp"] div#footer ul.bnrList li + li {
	margin-left: 0;
	margin-top: 15px;
}

body[data-page-type="sp"] div#footer p.copyrights {
	font-size: 9px;
}

body[data-page-type="sp"] div#footer p#btnScrollTop {
	right: 20px;
}

body[data-page-type="sp"] div#footer p#btnScrollTop img {
	height: 24px;
	width: 24px;
}

body[data-page-type="sp"] div.cvWrapper div.content {
	width: 235px;
}

body[data-page-type="sp"] div.cvWrapper div.content ul.cv {
	width: auto;
}

body[data-page-type="sp"] div.cvWrapper div.content ul.cv li {
	display: block;
	float: none;
}

body[data-page-type="sp"] div.cvWrapper div.content ul.cv li + li {
	margin: 20px 0 0 0;
}

body[data-page-type="sp"] div.cvWrapper div.content ul.cv li .button {
	background-position: 211px 50%;
	display: block;
	font-size: 18px;
	padding: 15px 20px;
	width: auto;
}

body[data-page-type="sp"] div.navWrapper div.content {
	width: auto;
}

body[data-page-type="sp"] div.navWrapper div.navUnit {
	padding: 25px 20px;
}

body[data-page-type="sp"] div.navWrapper div.navUnit ul.nav {
	padding: 0;
	width: auto;
}

body[data-page-type="sp"] div.navWrapper div.navUnit ul.nav + ul.nav {
	margin-top: 30px;
}

body[data-page-type="sp"] div.navWrapper div.navUnit ul.nav > li + li {
	margin-top: 30px;
}

body[data-page-type="sp"] div.navWrapper div.navUnit ul.nav p.cat {
	display: table-cell;
	min-width: 95px;
}

body[data-page-type="sp"] div.navWrapper div.navUnit ul.nav ul.subNav {
	display: table-cell;
}

body[data-page-type="sp"] div.navWrapper div.navUnit ul.nav ul.subNav li + li {
	margin-top: 14px;
}

body[data-page-type="sp"] div.navWrapper ul.navLink {
	border-top: none;
	padding: 0;
}

body[data-page-type="sp"] div.navWrapper ul.navLink li {
	border-top: 1px solid #292e32;
	float: none;
	margin: 0;
}

body[data-page-type="sp"] div.navWrapper ul.navLink li a {
	background-position: 296px 50%;
	padding: 18px 20px;
}

body[data-page-type="sp"] div.navWrapper ul.navLink.en {
	text-align: left;
}

body[data-page-type="sp"] div.navWrapper ul.navLink.en li {
	display: block;
}

body[data-page-type="sp"] div#kvContainer div.keyvisual {
	background-image: none;
	width: auto;
}

body[data-page-type="sp"] div#kvContainer div.keyvisual div.content {
	width: auto;
}

body[data-page-type="sp"] div#kvContainer div.keyvisual div.content p.figure {
	height: 180px;
	position: relative;
}

body[data-page-type="sp"] div#kvContainer div.keyvisual div.content p.figure img {
	clip: inherit;
	left: inherit;
	position: relative;
}

body[data-page-type="sp"] div#kvContainer div.txtLead {
	padding: 15px 10px;
}

body[data-page-type="sp"] div#kvContainer div.txtLead p.lead {
	width: auto;
}

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

	Layout

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

body[data-page-type="sp"] div.column div.col {
	display: block;
	float: none;
	margin-left: 0;
	margin-right: 0;
	width: auto;
}

body[data-page-type="sp"] div[class*="layout2col"] div.col,
body[data-page-type="sp"] div[class*="layout3col"] div.col,
body[data-page-type="sp"] div[class*="layout4col"] div.col,
body[data-page-type="sp"] div[class*="layout5col"] div.col,
body[data-page-type="sp"] div[class*="layout6col"] div.col {
	box-sizing: border-box;
	width: 100%;
}

body[data-page-type="sp"] div[class*="col_separate"] {
	background-image: none;
}

body[data-page-type="sp"] div[class*="_separate"] div.col > div:first-child,
body[data-page-type="sp"] div[class*="_separate"] div.col > p:first-child,
body[data-page-type="sp"] div[class*="_separate"] div.col > ul:first-child,
body[data-page-type="sp"] div[class*="_separate"] div.col > ol:first-child,
body[data-page-type="sp"] div[class*="_separate"] div.col > dl:first-child,
body[data-page-type="sp"] div[class*="_separate"] div.col > table:first-child {
	margin-top: 15px;
}

body[data-page-type="sp"] div.boxColumn div.boxCol {
	box-sizing: border-box;
	height: auto !important;
	margin-left: 0;
	width: 100%;
}

body[data-page-type="sp"] div.boxColumn div.boxCol + div.boxCol {
	margin-top: 20px;
}

body[data-page-type="sp"] div.flexComposition div.areaContent2 {
	float: none;
}

body[data-page-type="sp"] div.flexComposition div.areaContent2 + div.areaContent3 {
	margin-top: 20px;
}

body[data-page-type="sp"] div.flexComposition div.typeWrapLeft div.areaContent2 {
	display: block;
	float: none;
	margin-right: 0;
	max-width: inherit;
}

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

	Theme Skin

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

body[data-page-type="sp"] img {
	box-sizing: border-box;
	display: block;
	height: auto;
	width: 100%;
}

body[data-page-type="sp"] img[width="0"],
body[data-page-type="sp"] img[width="1"][height="1"] {
	width: auto;
}

body[data-page-type="sp"] .externalIcon,
body[data-page-type="sp"] .iconPdf,
body[data-page-type="sp"] .iconExcel,
body[data-page-type="sp"] .iconWord,
body[data-page-type="sp"] .iconPpt,
body[data-page-type="sp"] .iconFile {
	padding-bottom: 2px;
	padding-top: 2px;
}

body[data-page-type="sp"] input[type="submit"],
body[data-page-type="sp"] button {
	-webkit-appearance: none;
}

body[data-page-type="sp"] input.inboundFormPostCodeToAddress {
	font-size: 11px;
	padding: 5px;
}

body[data-page-type="sp"] div.composition {
	overflow: visible;
}

body[data-page-type="sp"] div.composition div.artwork {
	display: block;
	float: none;
	margin: 0;
}

body[data-page-type="sp"] div#header div.topicPath ul.nav {
	width: auto;
}

body[data-page-type="sp"] div#headingContainer div.content {
	width: auto;
}

body[data-page-type="sp"] div#headingContainer div.content div.headingLevel2 {
	padding-left: 20px;
	padding-right: 20px;
}

body[data-page-type="sp"] div[class*="headingImageLevel"] img {
	width: 100%;
}

body[data-page-type="sp"] ul.pagination li {
	margin: 0;
}

body[data-page-type="sp"] ul.pagination li a,
body[data-page-type="sp"] ul.pagination li span {
	padding: 2px 7px;
}

body[data-page-type="sp"] div.tabNav {
	border-bottom: 1px solid #9ca1ab;
}

body[data-page-type="sp"] div.tabNav .tab {
	background-position: 284px 50%;
	background-repeat: no-repeat;
	background-size: 7px 7px;
	border-color: #9ca1ab;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-radius: 0;
	display: block;
	outline: none;
	padding: 7px 20px 6px 10px;
}

body[data-page-type="sp"] div.tabNav .tab,
body[data-page-type="sp"] div.tabNav .tab:link,
body[data-page-type="sp"] div.tabNav .tab:visited {
	background-color: #fff;
	background-image: url("../img/icon/tab_sp_default.png");
	color: #333;
}

body[data-page-type="sp"] div.tabNav a.tab:hover,
body[data-page-type="sp"] div.tabNav a.tab:active,
body[data-page-type="sp"] div.tabNav a.tab:focus {
	background-color: #9ca1ab;
	background-image: url("../img/icon/tab_sp_active.png");
	border-color: #9ca1ab;
	color: #fff;
}

body[data-page-type="sp"] div.tabNav .current .tab,
body[data-page-type="sp"] div.tabNav .current .tab:link,
body[data-page-type="sp"] div.tabNav .current .tab:visited,
body[data-page-type="sp"] div.tabNav .current .tab:hover,
body[data-page-type="sp"] div.tabNav .current .tab:active,
body[data-page-type="sp"] div.tabNav .current .tab:focus {
	background-color: #9ca1ab;
	background-image: url("../img/icon/tab_sp_active.png");
	border-color: #9ca1ab;
	color: #fff;
	padding-bottom: 6px;
}

body[data-page-type="sp"] div.tabNav ul.inline li {
	display: block;
	float: none;
	margin-left: 0;
	padding-bottom: 0;
	width: auto;
}

body[data-page-type="sp"] div.tabUnit div.tabContent {
	border-color: #9ca1ab;
}

body[data-page-type="sp"] div.navMenu div.navContent ul li {
	display: block;
	float: none;
	margin: 0;
}

body[data-page-type="sp"] div.lineStyle ul li {
	display: block;
	margin-right: 0;
	white-space: normal;
}

body[data-page-type="sp"] div.lineStyle ul li.item-last,
body[data-page-type="sp"] div.lineStyle ol li.item-last {
	margin-right: 0;
}

body[data-page-type="sp"] div.lineStyle .separate li {
	padding-right: 11px;
}

body[data-page-type="sp"] div.lineStyle .separate li.item-only,
body[data-page-type="sp"] div.lineStyle .separate li.item-last {
	padding-right: 0;
}

body[data-page-type="sp"] div.listUnitStyleBackground {
	padding-left: 10px;
	padding-right: 10px;
}

body[data-page-type="sp"] div.formBalloon {
	margin-bottom: 10px;
	width: auto;
}

body[data-page-type="sp"] div.formBalloon.inboundFormSubmitErrorBox {
	position: relative;
	top: inherit !important;
}

body[data-page-type="sp"] div.formBalloon:before,
body[data-page-type="sp"] div.formBalloon:after {
	border-style: solid;
	border-width: 9px 7px;
	content: "";
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	z-index: 11;
}

body[data-page-type="sp"] div.formBalloon:before {
	border-color: #f3cdcd transparent transparent transparent;
	bottom: -18px;
}

body[data-page-type="sp"] div.formBalloon:after {
	border-color: #fff4f5 transparent transparent transparent;
	bottom: -17px;
}

body[data-page-type="sp"] div.formBalloon div.boxBody {
	background-color: #fff4f5;
	background-image: none;
	border: 1px solid #f3cdcd;
	border-radius: 6px;
	padding: 8px;
}

body[data-page-type="sp"] div.formBalloon div.boxText {
	height: auto !important;
}

body[data-page-type="sp"] p.inquiryFlow {
	display: none;
}

body[data-page-type="sp"] p.inquiryFlow img {
	display: block;
	width: 100%;
}

body[data-page-type="sp"] table.form {
	display: block;
}

body[data-page-type="sp"] table.form tbody,
body[data-page-type="sp"] table.form tbody tr {
	display: block;
}

body[data-page-type="sp"] table.form tbody tr {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}

body[data-page-type="sp"] table.form tbody tr:first-child {
	border-top: 1px solid #ccc;
}

body[data-page-type="sp"] table.form tbody th {
	background: none;
	border: none;
	display: block;
	font-weight: bold;
	padding: 0 0 10px;
	width: 100%;
}

body[data-page-type="sp"] table.form tbody td {
	background: none;
	border: none;
	display: block;
	padding: 0;
	width: 100%;
}

body[data-page-type="sp"] table.form div.formElementContent span.formBubble {
	background-color: #ff0000;
	left: -10px;
	height: 100%;
	overflow: hidden;
	top: 0;
	width: 4px;
}

body[data-page-type="sp"] table.form div.formElementContent span.formBubble img {
	visibility: hidden;
}

body[data-page-type="sp"] table.form div.formElementContent ul {
	margin-right: 0;
}

body[data-page-type="sp"] table.form div.formElementContent ul li {
	display: block;
	float: none;
	height: auto !important;
	margin-right: 0;
	white-space: normal;
	width: auto !important;
}

body[data-page-type="sp"] table.form div.formElementContent ul li + li {
	margin-top: 10px;
}

body[data-page-type="sp"] input[type="file"] {
	display: inline-block;
	width: 100%;
}

body[data-page-type="sp"] .boxFigCaption {
	width: 100% !important;
}

body[data-page-type="sp"] div.newsRelease ul.separate > li > dl.index dt {
	line-height: 1.15;
	margin-bottom: 5px;
}

body[data-page-type="sp"] div.newsRelease ul.separate > li > dl.index dt img {
	display: inline-block;
}

body[data-page-type="sp"] div.newsRelease ul.separate > li > dl.index dd:not([class="icon"]) {
	clear: both;
}

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

	Unique Elements

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

body[data-page-type="sp"] .contentIndex .indexContainer .contentList4col {
	margin: 0;
}

body[data-page-type="sp"] .contentIndex .indexContainer .contentList4col li {
	display: block;
	float: none;
	height: auto !important;
	margin-left: 40px;
	margin-right: 40px;
	width: auto;
}

body[data-page-type="sp"] .contentIndex .indexContainer .contentList4col li + li {
	margin-top: 35px;
}

body[data-page-type="sp"] div.topColumn div.sectionLead {
	padding: 14px 10px;
	width: 300px;
}

body[data-page-type="sp"] div.topColumn div.sectionPickup div.wrapper {
	padding: 0;
	width: auto;
}

body[data-page-type="sp"] div.topColumn div.sectionPickup div.header .heading {
	font-size: 20px;
	min-width: 170px;
	padding: 10px 15px;
}

body[data-page-type="sp"] div.topColumn div.sectionPickup div.flexslider {
	margin: 0 auto;
	width: 260px;
}

body[data-page-type="sp"] div.topColumn div.sectionPickup div.flexslider ul.flex-direction-nav li {
	top: 70px;
}

body[data-page-type="sp"] div.topColumn div.sectionPickup div.flexslider div.composition div.artwork {
	margin-bottom: 20px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint {
	width: auto;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.header {
	text-align: center;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper {
	background-image: none;
	height: auto;
	margin-top: 35px;
	width: auto;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper .title {
	left: inherit;
	position: relative;
	right: inherit;
	top: inherit;
	width: 100%;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper .title img {
	display: inline-block;
	height: 34px;
	width: 102px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper ul {
	height: 86px;
	margin-top: 17px;
	position: relative;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper ul li {
	top: 0;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper ul li img {
	height: 86px;
	width: 86px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper p.mark {
	left: inherit;
	margin: 30px 0;
	position: relative;
	top: inherit;
	text-align: center;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper p.mark img {
	display: inline-block;
	height: 18px;
	width: 18px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.contents .title {
	left: inherit;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.contents ul li.news,
body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.contents ul li.sports,
body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.contents ul li.global {
	left: inherit;
	top: inherit;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.contents ul li.news {
	left: 106px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.contents ul li.global {
	left: 212px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.skills .title {
	right: inherit;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.skills ul li.knowhow,
body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.skills ul li.planning,
body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.skills ul li.execution {
	right: inherit;
	top: inherit;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.skills ul li.planning {
	left: 106px;
}

body[data-page-type="sp"] div.topColumn div.sectionPoint div.wrapper div.skills ul li.execution {
	left: 212px;
}

body[data-page-type="sp"] div.topColumn div.sectionHeader {
	background-size: auto 160px;
	height: 160px;
}

body[data-page-type="sp"] div.topColumn div.sectionHeader div.header {
	padding: 60px 0 0 0;
	width: 100%;
}

body[data-page-type="sp"] div.topColumn div.sectionHeader div.header .heading {
	font-size: 20px;
	min-width: 170px;
	padding: 10px 15px;
}

body[data-page-type="sp"] div.topColumn div.sectionWrapper {
	width: auto;
}

body[data-page-type="sp"] div.topColumn div.sectionWrapper .layout3col div.col {
	margin: 0;
	width: auto;
}

body[data-page-type="sp"] div.topColumn div.flexComposition div.areaContent1 img {
	display: inline-block;
	height: 33px;
	width: auto;
}

body[data-page-type="sp"] div.topColumn div.flexComposition div.areaContent1 .focus_img p {
	margin-top: 0;
}
body[data-page-type="sp"] div.topColumn div.flexComposition div.areaContent1 .focus_img img {
	height: auto;
	width: 100%;
}

body[data-page-type="sp"] .escSpStyle div.imgLeft div.artwork,
body[data-page-type="sp"] .escSpStyle div.imgRight div.imgLeft div.artwork {
	float: left;
	margin-right: 10px;
}

body[data-page-type="sp"] .escSpStyle div.imgRight div.artwork,
body[data-page-type="sp"] .escSpStyle div.imgLeft div.imgRight div.artwork {
	float: right;
	margin-left: 10px;
}

body[data-page-type="sp"] .escSpStyle div.composition div.artwork img {
	height: auto;
	width: 100px;
}

body[data-page-type="sp"] img[width="0"] {
	width: auto;
}