/**
 * Style for PC
 */

body {
    min-width: 0;
}

@keyframes scrollable {
    0% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(0px);
    }
}

@-webkit-keyframes crossfade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes crossfade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-ms-keyframes crossfade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes crossfade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

*,
*:before,
*:after {
    max-height: 999999px;
}

#aboutWrap {
    position: relative;
    overflow: hidden;
}

#aboutHead,
#aboutMain {
    position: relative;
    font: 16px/26px;
    color: #000;
}

#aboutMain {
    opacity: 0;
}

#aboutMain.active {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in 200ms;
    -moz-transition: opacity 300ms ease-in 200ms;
    -ms-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms;
}

#aboutHead *,
#aboutHead *:before,
#aboutHead *:after,
#aboutMain *,
#aboutMain *:before,
#aboutMain *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#aboutHead .cFix:after,
#aboutMain .cFix:after {
    content: "";
    clear: both;
    display: block;
}

#aboutHead h2,
#aboutMain h2 {
    margin: 0;
    font-weight: normal;
}

#aboutHead li,
#aboutMain li {
    list-style: none;
}

#aboutHead p,
#aboutMain p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

#aboutHead .spInline,
#aboutHead .spInlineBlock,
#aboutHead .spBlock,
#aboutHead .tbPortraitBlock,
#aboutMain .spInline,
#aboutMain .spInlineBlock,
#aboutMain .spBlock,
#aboutMain .tbPortraitBlock {
    display: none;
}

#aboutHead .pcInline,
#aboutMain .pcInline {
    display: inline;
}

#aboutHead .pcInlineBlock,
#aboutMain .pcInlineBlock {
    display: inline-block;
}

#aboutHead .pcBlock,
#aboutMain .pcBlock {
    display: block;
}

#aboutHead .titStyle01,
#aboutMain .titStyle01 {
    font-size: 44px;
    line-height: 60px;
    color: #76756b;
    text-align: center;
    margin-bottom: 17px;
}

#aboutHead .btnStyle01 a,
#aboutMain .btnStyle01 a {
    display: inline-block;
    min-width: 160px;
    font-size: 13px;
    line-height: 20px;
    padding: 11px 15px 9px;
    background: #333;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

#aboutHead .btnStyle01 a:before,
#aboutMain .btnStyle01 a:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(../images/ico_01.png) no-repeat center center;
    margin-right: 7px;
    vertical-align: -1px;
}

#aboutHead .btnStyle02 a,
#aboutMain .btnStyle02 a {
    display: inline-block;
    min-width: 80px;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 6px 6px 15px;
    background: #fff;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333;
}

#aboutHead .btnStyle02 a:before,
#aboutMain .btnStyle02 a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/ico_10.png);
    background-repeat: no-repeat;
    background-position: 7px 50%;
    background-size: auto 16px;
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (min-width:481px) {
    #aboutGlobalHead {
        position: relative;
        height: 71px;
        z-index: 1000;
    }

    #aboutGlobalHead #js-header {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: transform 400ms ease-in-out;
        -moz-transition: transform 400ms ease-in-out;
        -ms-transition: transform 400ms ease-in-out;
        transition: transform 400ms ease-in-out;
    }

    #aboutGlobalHead.aboutFixed {
        position: relative;
        z-index: 1000;
    }

    #aboutGlobalHead.aboutFixed #js-header {
        position: fixed;
        left: 0;
        top: -71px;
        width: 100%;
        -webkit-transform: translateY(71px);
        -moz-transform: translateY(71px);
        -ms-transform: translateY(71px);
        transform: translateY(71px);
    }

    .aboutMainHeadWrap {
        position: relative;
        height: 100vh;
        min-height: 740px;
    }

    .aboutMainHeadWrap .aboutMainHead {
        width: 100%;
        height: 100%;
    }

    .aboutMainHeadWrap #aboutHead {
        width: 100%;
        height: 100%;
        position: static;
        min-height: 590px;
    }

    .aboutSectionWrap {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .aboutSectionWrap .aboutSection {
        width: 100%;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #aboutBreadCrumb {
        position: relative;
        width: 100%;
        height: 53px;
        background: rgba(255, 255, 255, 0.5);
        z-index: 100;
    }

    #aboutBreadCrumb .breadCrumbInner {
        width: 1160px;
        margin: 0 auto;
    }

    #aboutBreadCrumb .breadCrumbInner .bread-crumb {
        margin: 0;
        line-height: 53px;
    }
}


.scrollify-section {
    position: relative;
    min-height: 761px;
}

.scrollify-wrap {
    padding-top: 48px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.fixed-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

/* 背景画像設定 */
.bg-setting {
    background-image: none;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* 数字で見るブリヂストン / At a Glance */
.bg-at-a-glance {
    background-image: url(../images/bg-at-a-glance.jpg);
}

/* 製品 / Major Products and Operations */
.bg-major-products {
    background-image: url(../images/bg-major-products.jpg);
}

/* 事業活動と拠点 / Activities & Locations */
.bg-activities-and-locations {
    background-image: url(../images/bg-activities-and-locations.jpg);
}

/* イベント・協賛活動 / Event/Sponsorship */
.bg-event-sponsorship {
    background-image: url(../images/bg-event-sponsorship.jpg);
}

/* 背景画像設定 ここまで */


#aboutMainvis {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    /* background:url(../images/mainvis.jpg) no-repeat center center;
	background-size:cover; */
}

/* @media only screen and (max-width:480px) {
	#aboutMainvis {
		background:url(../images/mainvis_sp.jpg) no-repeat center center;
		background-size:cover;
	}
} */
#aboutMainvis .mainvisMain {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutMainvis .mainvisMain .mainvisTitle {
    font-size: 64px;
    line-height: 80px;
    margin: 0 0 15px;
    font-weight: 100;
}

#aboutMainvis .mainvisMain .mainvisText01,
#aboutMainvis .mainvisMain .mainvisText02,
#aboutMainvis .mainvisMain .mainvisText03 {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8);
}

#aboutMainvis .mainvisMain .mainvisTitle,
#aboutMainvis .mainvisMain .mainvisText01,
#aboutMainvis .mainvisMain .mainvisText02,
#aboutMainvis .mainvisMain .mainvisText03 {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 1000ms;
    -moz-transition-duration: 1000ms;
    -ms-transition-duration: 1000ms;
    transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#aboutMainvis.loaded .mainvisMain .mainvisTitle,
#aboutMainvis.loaded .mainvisMain .mainvisText01,
#aboutMainvis.loaded .mainvisMain .mainvisText02,
#aboutMainvis.loaded .mainvisMain .mainvisText03 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

#aboutMainvis.loaded .mainvisMain .mainvisText01 {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms;
}

#aboutMainvis.loaded .mainvisMain .mainvisText02 {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
}

#aboutMainvis.loaded .mainvisMain .mainvisText03 {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}

.mainvisBtn .btn {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 20px auto 0;
    padding: 20px 0;
    background-image: url(/corporate/global-common/images/ico_12.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.mainvisBtn .btn:hover {
    background-image: url(/corporate/global-common/images/ico_13.png);
}

@media only screen and (min-width: 481px) {
    #aboutMainvis {
        position: relative;
        margin-top: -53px;
        background: #000;
    }

    #aboutMainvis .mainvisMain {
        position: relative;
        top: auto;
        transform: none;
    }

    .aboutMainHeadWrap .aboutMainHead {
        height: auto;
    }

    .aboutMainHeadWrap {
        height: auto;
    }

    .mainvisTextContainer {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }

    #aboutMainvis.loaded .mainvisMain .mainvisTitle {
        margin-top: 19%;
        width: 100%;
    }

    .mainvisText {
        width: 100%;
    }
}

@media screen and (max-width: 1279px) and (min-width: 481px) {
    .aboutMainHeadWrap {
        height: auto;
        min-height: auto;
    }

    #aboutMainvis {
        margin-top: 64px;
    }

    .aboutMainHeadWrap #aboutHead {
        min-height: auto;
    }

    #aboutNews {
        position: relative;
    }

    #aboutMainvis.loaded .mainvisMain .mainvisTitle {
        margin-top: 7%;
    }
}

@media screen and (max-width: 1279px) and (min-width: 980px) {
    #aboutMainvis {
        margin-top: 0;
    }

    #aboutMainvis.loaded .mainvisMain .mainvisTitle {
        margin-top: 14%;
    }
}

#aboutMainvisMov {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}

#aboutMainvisMov .mainvisMain {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    height: 175px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutMainvisMov .mainvisMain .mainvisTitle {
    font-size: 64px;
    line-height: 80px;
    margin: 0 0 15px;
    font-weight: 100;
}

#aboutMainvisMov .mainvisMain .mainvisTitle,
#aboutMainvisMov .mainvisMain .mainvisText01,
#aboutMainvisMov .mainvisMain .mainvisText02,
#aboutMainvisMov .mainvisMain .mainvisText03 {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-property: transform, opacity;
    -moz-transition-property: transform, opacity;
    -ms-transition-property: transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 1000ms;
    -moz-transition-duration: 1000ms;
    -ms-transition-duration: 1000ms;
    transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#aboutMainvisMov.loaded .mainvisMain .mainvisTitle,
#aboutMainvisMov.loaded .mainvisMain .mainvisText01,
#aboutMainvisMov.loaded .mainvisMain .mainvisText02,
#aboutMainvisMov.loaded .mainvisMain .mainvisText03 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

#aboutMainvisMov.loaded .mainvisMain .mainvisText01 {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms;
}

#aboutMainvisMov.loaded .mainvisMain .mainvisText02 {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
}

#aboutMainvisMov.loaded .mainvisMain .mainvisText03 {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}

#aboutMainvisMov .videoMainWrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

#aboutMainvisMov .videoMain {
    position: relative;
    padding-bottom: 56.25%;
}

#aboutMainvisMov .videoMain iframe,
#aboutMainvisMov .videoMain .videoOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

#aboutMainvisMov .videoMain .videoOverlay {
    background-color: #000;
    opacity: 0.4;
}

#aboutLnav {
    height: 0;
    opacity: 0;
    position: fixed;
    right: 9px;
    top: 50%;
    margin-top: -180px;
    z-index: 1000;
    pointer-events: none;
    -webkit-transform: translateX(32px);
    -moz-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-transition-property: opacity, transform;
    -moz-transition-property: opacity, transform;
    -ms-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 1000ms;
    -moz-transition-duration: 1000ms;
    -ms-transition-duration: 1000ms;
    transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#aboutLnav .lnavList {
    position: relative;
    display: inline-block;
    text-align: right;
}

#aboutLnav .lnavList:before {
    content: "";
    position: absolute;
    right: 6px;
    top: 15px;
    bottom: 15px;
    width: 2px;
    background: #ccc;
}

#aboutLnav .lnavList li {
    position: relative;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    padding-right: 28px;
    text-shadow: 0 0 4px #fff;
}

#aboutLnav .lnavList li a {
    display: inline-block;
    height: 40px;
}

#aboutLnav .lnavList li a span {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms, max-width 1ms linear 400ms;
    -moz-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms, max-width 1ms linear 400ms;
    -ms-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms, max-width 1ms linear 400ms;
    transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms, max-width 1ms linear 400ms;
}

#aboutLnav .lnavList li a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 14px;
    position: absolute;
    right: 0;
    top: 13px;
}

#aboutLnav .lnavList li a.active {
    color: #b00;
}

#aboutLnav .lnavList li a.active span {
    max-width: 99999px;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
    -moz-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
    -ms-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
    transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
}

#aboutLnav .lnavList li a.active:after {
    border-color: #b00;
    background-color: #b00;
}

#aboutLnav .lnavHandle {
    display: none;
}

#aboutLnav.lnavVisible {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    /* pointer-events:auto; */
    z-index: 20;
}

#aboutLnav.lnavVisible .lnavList li a {
    pointer-events: auto;
}

#aboutNews {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    color: #fff;
    min-height: 50px;
}

#aboutNews .newsTitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    background: #ccc;
    color: #000;
}

#aboutNews .newsTitle .innerTxt,
#aboutNews .newsLink .innerTxt {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

#aboutNews .newsList {
    overflow: hidden;
    margin: 0 160px;
    height: 100%;
}

#aboutNews .newsList .newsItem .link {
    color: #fff;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#aboutNews .newsList .newsItem .link .newsItemDate {
    position: absolute;
    top: 0;
    left: 33px;
    display: block;
    padding: 12px 0;
}

#aboutNews .newsList .newsItem .link .newsItemText {
    display: block;
    margin-left: 150px;
    padding: 12px 0;
}

#aboutNews .newsList .newsItem .link img {
    margin-left: 10px;
    vertical-align: baseline;
}

#aboutNews .newsLink {
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
    height: 100%;
}

#aboutNews .newsLink a {
    display: block;
    height: 100%;
    padding-left: 43px;
    color: #fff;
    background: url(../images/ico_01.png) no-repeat 27px center;
}

#aboutScrollIcon {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 31px;
    height: 80px;
    margin-left: -15px;
    animation: scrollable 1500ms ease-out infinite;
}

#aboutScrollIcon img {
    width: 100%;
    height: 100%;
}

#aboutInfo {
    padding-top: 53px;
}

#aboutInfo .infoMain {
    position: relative;
}

#aboutInfo .infoMain .infoListWrap {
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

#aboutInfo .infoMain .infoListWrap .infoList {
    height: 459px;
    overflow: hidden;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem {
    float: left;
    width: 360px !important;
    height: 459px;
    position: relative;
    border-left: 1px solid #ccc;
    text-align: center;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem:nth-child(3n),
#aboutInfo .infoMain .infoListWrap .infoList .infoItemLarge:nth-child(2n) {
    border-right: 1px solid #ccc;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemIcon {
    width: 110px;
    padding-top: 45px;
    margin: 0 auto 60px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemTitle {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemTitle .positionFix {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemNumber {
    padding-top: 36px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemNumber .infoItemNumberCount {
    display: block;
    font-size: 60px;
    color: #b00;
    line-height: 75px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemNumber .infoItemNumberUnit {
    position: relative;
    top: -8px;
    display: block;
    font-size: 24px;
    color: #333;
    line-height: 30px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemLink {
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    text-align: center;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.infoItemLarge {
    width: 540px !important;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.infoItemLarge .infoItemTitle {
    padding-top: 46px;
    margin-bottom: 44px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusiness {
    position: relative;
    width: 75.555556%;
    margin: 0 auto;
    padding-top: 14px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessTitle {
    font-size: 22px;
    line-height: 30px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessPercentage {
    clear: both;
    color: #b00;
    padding-top: 87px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessPercentageCount {
    font-size: 50px;
    line-height: 60px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessPercentageUnit {
    font-size: 30px;
    line-height: 30px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessTires {
    float: left;
    width: 50%;
    text-align: left;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessTires .infoItemBusinessIcon {
    float: left;
    margin-right: 9px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessTires .infoItemBusinessTitle {
    line-height: 58px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessDiversifiedProducts {
    float: right;
    width: 50%;
    text-align: right;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessDiversifiedProducts .infoItemBusinessIcon {
    float: right;
    margin-left: 9px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessChart {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
    height: 60px;
    background: #b00;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessChart .infoItemBusinessChartBar {
    width: 50%;
    height: 100%;
    background: #dc8383;
    -webkit-transition: width 1000ms ease 400ms;
    -moz-transition: width 1000ms ease 400ms;
    -ms-transition: width 1000ms ease 400ms;
    transition: width 1000ms ease 400ms;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.active .infoItemBusinessChart .infoItemBusinessChartBar {
    width: 83%;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketNotice {
  font-size: small;
  text-align: right;
  padding-right: 2em;
  margin-top: -2em;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarket {
    position: relative;
    width: 76.296296%;
    margin: 0 auto;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketList {
    float: left;
    width: 50%;
    text-align: left;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem {
    position: relative;
    margin-bottom: 8px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketTitle {
    font-size: 16px;
    line-height: 22px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketChart {
    width: 134px;
    height: 20px;
    background: #e5e5e5;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketChart .infoItemMarketChartBar {
    width: 0;
    height: 100%;
    -webkit-transition: width 1000ms ease 400ms;
    -moz-transition: width 1000ms ease 400ms;
    -ms-transition: width 1000ms ease 400ms;
    transition: width 1000ms ease 400ms;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.active .infoItemMarketListItem .infoItemMarketChart .infoItemMarketChartBar {}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.active .infoItemMarketJapan .infoItemMarketChart .infoItemMarketChartBar {
    width: 24%;
    background: #b00;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.active .infoItemMarketAmericas .infoItemMarketChart .infoItemMarketChartBar {
    width: 46%;
    background: #d33f3f;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.active .infoItemMarketEurope .infoItemMarketChart .infoItemMarketChartBar {
    width: 20%;
    background: #dc8383;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.active .infoItemMarketOthers .infoItemMarketChart .infoItemMarketChartBar {
    width: 11%;
    background: #fdcdcd;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketPercentage {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    text-align: right;
    color: #b00;
    line-height: 40px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketPercentageCount {
    font-size: 32px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketPercentageUnit {
    font-size: 22px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketPieChartWrap {
    float: right;
    width: 50%;
    text-align: right;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketPieChart {
    position: absolute;
    top: 21px;
    right: 0;
    width: 175px;
    height: 175px;
}

#aboutInfo .infoMain .infoListWrap .infoList .infoItem.infoItemEmpty {
    width: 0 !important;
    border: 0;
}

#aboutInfo .infoMain .infoListWrap .dataDate {
    padding-top: 16px;
    padding-right: 8px;
    text-align: right;
}

#aboutInfo .infoMain .infoListNavi {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100px;
    height: 459px;
}

#aboutInfo .infoMain .infoListNavi a {
    display: block;
    height: 100px;
    width: 60px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1100;
}

#aboutInfo .infoMain .infoListNavi img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutInfo .infoMain .infoListNavi.infoListNaviPrev {
    margin-left: -640px;
}

#aboutInfo .infoMain .infoListNavi.infoListNaviPrev a {
    left: 25px;
}

#aboutInfo .infoMain .infoListNavi.infoListNaviPrev img {
    left: 40px;
}

#aboutInfo .infoMain .infoListNavi.infoListNaviNext {
    margin-left: 540px;
}

#aboutInfo .infoMain .infoListNavi.infoListNaviNext a {
    right: 25px;
}

#aboutInfo .infoMain .infoListNavi.infoListNaviNext img {
    right: 40px;
}

#aboutVideo {
    position: relative;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#aboutVideo .videoMainWrap {
    position: absolute;
    width: 100%;
}

#aboutVideo .videoMain {
    position: relative;
    padding-bottom: 56.25%;
}

#aboutVideo .videoMain iframe,
#aboutVideo .videoMain .videoOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

#aboutProducts {
    padding-top: 53px;
    position: relative;
}

#aboutProducts .productsMain {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

#aboutProducts .productsMain .productsListWrap {
    border-bottom: 1px solid #ccc;
}

#aboutProducts .productsMain .productsItem {
    float: left;
    width: 50%;
    padding-bottom: 30px;
    border-right: 1px solid #ccc;
    overflow: hidden;
}

#aboutProducts .productsMain .productsItem .productsItemImageWrap {}

#aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImage {
    position: relative;
    overflow: visible;
}

#aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImage.lock {
    overflow: hidden;
    /* height: 250px; */
}

#aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImageList .flex-viewport {
    overflow: visible !important;
}

#aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImageList .productsItemImageListItem {
    float: left;
    width: 280px;
}

#aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImageList .productsItemImageListItem img {
    width: 100%;
}

#aboutProducts .productsMain .productsItem .productsItemMain {
    position: relative;
    clear: both;
}

#aboutProducts .productsMain .productsItem .productsItemMain .productsItemTitle {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 7px;
}

#aboutProducts .productsMain .productsItem .productsItemMain .productsItemText {
    text-align: left;
    word-spacing: -0.05em;
    height: 156px;
}

#aboutProducts .productsMain .productsItem .productsItemMain .productsItemLink {
    text-align: right;
}

#aboutProducts .productsMain .productsItem.productsTires .productsItemImage {
    float: right;
    margin-bottom: 35px;
}

#aboutProducts .productsMain .productsItem.productsTires .productsItemMain {
    float: right;
    margin: 0 10%;
}

#aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemImage {
    float: left;
    margin-bottom: 35px;
}

#aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemMain {
    float: left;
    margin: 0 10%;
}

#aboutProducts .productsMain .productsSide {
    position: absolute;
    top: 0;
    height: 100%;
    background: #333;
}

#aboutProducts .productsMain .productsSide .productsSideArrow {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
}

#aboutProducts .productsMain .productsSide .productsSideArrow a {
    display: block;
    width: 100%;
    height: 100%;
}

#aboutProducts .productsMain .productsSide.pcBlock .productsSideArrow a {
    width: 47px;
    height: 75px;
    z-index: 1100;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutProducts .productsMain .productsSide .productsSideArrow img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutProducts .productsMain .productsSide.productsLeftSide {
    left: 0;
}

#aboutProducts .productsMain .productsSide.productsLeftSide .productsSideArrow {
    right: -99px;
    background: url(../images/products_bg_01.png) repeat-y right center;
}

#aboutProducts .productsMain .productsSide.productsLeftSide .productsSideArrow a,
#aboutProducts .productsMain .productsSide.productsLeftSide .productsSideArrow img {
    right: 1px;
}

#aboutProducts .productsMain .productsSide.productsRightSide {
    right: 0;
}

#aboutProducts .productsMain .productsSide.productsRightSide .productsSideArrow {
    left: -99px;
    background: url(../images/products_bg_02.png) repeat-y left center;
}

#aboutProducts .productsMain .productsSide.productsRightSide .productsSideArrow a,
#aboutProducts .productsMain .productsSide.productsRightSide .productsSideArrow img {
    left: 1px;
}

#aboutActivitiesAndLocations {
    padding-top: 53px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain {
    position: relative;
    background-color: #fff;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .spScrollIcon {
    display: none;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList {
    text-align: center;
    background: #666;
    font-size: 0;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem {
    display: inline-block;
    border-left: 1px solid #999;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem:last-of-type {
    border-right: 1px solid #999;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a {
    display: block;
    height: 55px;
    font-size: 14px;
    line-height: 44px;
    font-weight: bold;
    padding: 9px 16px 6px;
    color: #fff;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a img {
    vertical-align: top;
    height: 100%;
    width: 40px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a.active {
    background: #b00;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap {
    position: relative;
    height: 416px;
    overflow: hidden;
}

#aboutActivitiesAndLocations .locationsMapWrap {
    z-index: 10;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 55px;
    background: #f1f1f1;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll {
    position: relative;
    width: 980px;
    margin: 0 auto;
    overflow: visible;
    -webkit-transition: transform 1000ms ease-in-out;
    -moz-transition: transform 1000ms ease-in-out;
    -ms-transition: transform 1000ms ease-in-out;
    transition: transform 1000ms ease-in-out;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaEurope {
    -webkit-transform-origin: -20px 120px;
    -moz-transform-origin: -20px 120px;
    -ms-transform-origin: -20px 120px;
    transform-origin: -20px 120px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaEurope.locationsMapZoomIn {
    -webkit-transform: scale(6);
    -moz-transform: scale(6);
    -ms-transform: scale(6);
    transform: scale(6);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAsia {
    -webkit-transform-origin: 210px 200px;
    -moz-transform-origin: 210px 200px;
    -ms-transform-origin: 210px 200px;
    transform-origin: 210px 200px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAsia.locationsMapZoomIn {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaJapan {
    -webkit-transform-origin: 410px 140px;
    -moz-transform-origin: 410px 140px;
    -ms-transform-origin: 410px 140px;
    transform-origin: 410px 140px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaJapan.locationsMapZoomIn {
    -webkit-transform: scale(9);
    -moz-transform: scale(9);
    -ms-transform: scale(9);
    transform: scale(9);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAmerica {
    -webkit-transform-origin: 930px 150px;
    -moz-transform-origin: 930px 150px;
    -ms-transform-origin: 930px 150px;
    transform-origin: 930px 150px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAmerica.locationsMapZoomIn {
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapZoomIn .locationsMapCaption {
    opacity: 0;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapZoomIn .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaCaption {
    display: none;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapZoomIn .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaImage {
    display: block;
    opacity: 1;
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -ms-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayLink {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    z-index: 10;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaEurope.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayLink {
    width: 451px;
    height: 100%;
    -webkit-transform: translateX(-163px);
    -moz-transform: translateX(-163px);
    -ms-transform: translateX(-163px);
    transform: translateX(-163px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAsia.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayLink {
    width: 477px;
    height: 100%;
    -webkit-transform: translateX(-156px);
    -moz-transform: translateX(-156px);
    -ms-transform: translateX(-156px);
    transform: translateX(-156px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaJapan.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayLink {
    width: 451px;
    height: 100%;
    -webkit-transform: translateX(-238px);
    -moz-transform: translateX(-238px);
    -ms-transform: translateX(-238px);
    transform: translateX(-238px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAmerica.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayLink {
    width: 691px;
    height: 100%;
    -webkit-transform: translateX(-303px);
    -moz-transform: translateX(-303px);
    -ms-transform: translateX(-303px);
    transform: translateX(-303px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayImage {
    width: auto;
    height: 416px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayCaption {
    position: absolute;
    left: 50%;
    text-align: left;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaEurope.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
    top: 13px;
    -webkit-transform: translateX(115px);
    -moz-transform: translateX(115px);
    -ms-transform: translateX(115px);
    transform: translateX(115px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAsia.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
    top: 110px;
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaJapan.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
    top: 133px;
    -webkit-transform: translateX(-74px);
    -moz-transform: translateX(-74px);
    -ms-transform: translateX(-74px);
    transform: translateX(-74px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAmerica.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
    top: 179px;
    -webkit-transform: translateX(-9px);
    -moz-transform: translateX(-9px);
    -ms-transform: translateX(-9px);
    transform: translateX(-9px);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayCaption .locationsMapOverlayAreaCount {
    font-size: 2em;
    color: #b00;
    line-height: 1.5;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayCaption .locationsMapOverlayAreaTitle {
    font-size: 0.8em;
    line-height: 1.4;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .japanAttention {
    position: absolute;
    right: 50%;
    bottom: 26px;
    font-size: 0.8em;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap {
    /*position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;*/
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages {
    position: absolute;
    left: 50%;
    top: 55px;
    width: 1410px;
    height: 363px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages .locationsMapImage {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages .locationsMapImage,
#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages .locationsMapImage img,
#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages .locationsMapBg,
#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages .locationsMapBg img {
    width: 100%;
    height: 100%;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages .locationsMapBg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList {
    position: relative;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem {
    display: none;
    position: relative;
    width: 100%;
    height: 495px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem.active {
    display: block;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapFrame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapPoints {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapPoints .locationsMapPointsImage {
    display: none;
    position: absolute;
    left: 50%;
    top: 35px;
    width: 1410px;
    height: 401px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapPoints .locationsMapPointsImage img {
    width: 100%;
    height: 100%;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption {
    position: absolute;
    left: 50%;
    top: 128px;
    width: 440px;
    text-align: center;
    padding-top: 88px;
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption .locationsMapTitle {
    font-size: 30px;
    line-height: 36px;
    color: #535353;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption .locationsMapNumber {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 33px;
    line-height: 40px;
    color: #535353;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption .locationsMapNumber .locationsMapNumberCount {
    font-size: 80px;
    line-height: 88px;
    color: #b00;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1100;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem {
    position: absolute;
    left: 50%;
    top: 16px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem a {
    display: block;
    height: 400px;
    position: relative;
    padding-left: 14px;
    pointer-events: none;
  }

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem a::before {
    border-left: 1px solid #d0d0d0;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem a::after {
    border-right: 2px solid #b00;
    border-bottom: 2px solid #b00;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 60px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: none;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaTitle {
    padding-top: 51px;
    font-size: 12px;
    line-height: 17px;
    color: #535353;
    font-weight: bold;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaCount {
    position: absolute;
    left: 14px;
    top: -4px;
    font-size: 32px;
    line-height: 38px;
    color: #b00;
    letter-spacing: -0.024em;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaImage {
    display: none;
    opacity: 0;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaEurope {
    margin-left: -365px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaEurope a::before {
    height: 112px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAsia {
    margin-left: -202px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAsia a::before {
    height: 145px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaJapan {
    margin-left: -96px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaJapan a::before {
    height: 141px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAmerica {
    margin-left: 308px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAmerica a::before {
    height: 133px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem.locationsMapOverview .locationsMapCaption {}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem.locationsMapOverview .locationsMapCaption .locationsMapTitle {
    font-size: 24px;
    line-height: 30px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities {
    position: absolute;
    left: 0;
    top: 343px;
    width: 100%;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList {
    width: 1050px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    padding-left: 14px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem {
    position: relative;
    display: inline-block;
    height: 84px;
    padding-right: 42px;
    background: url(../images/ico_06.png) no-repeat right center;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem .activitiesItemImage img {
    width: 110px;
    height: 84px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem .activitiesItemImage img {
    height: 84px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem .activitiesItemImage img {
    height: 84px;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem .activitiesItemText {
    position: absolute;
    left: -1.9em;
    top: 89px;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem:last-child {
    padding-right: 0;
    background: none;
}

#aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem:last-child .activitiesItemText {
    left: 0;
}

#aboutActivitiesAndLocations .locationsLink {
    background: #f1f1f1;
}

#aboutActivitiesAndLocations .locationsLinkInner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    height: 60px;
}

#aboutActivitiesAndLocations .locationsLinkLeft {
    width: 0;
    overflow: hidden;
    position: absolute;
    top: -60px;
    left: 0;
    z-index: 20;
}

#aboutActivitiesAndLocations .locationsLinkLeft.active {
    overflow: visible;
    width: auto;
}

#aboutActivitiesAndLocations .locationsInformations {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.8rem;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp span {
    display: block;
    float: left;
    line-height: 1.1;
    margin-right: 12px;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp span::before {
    content: "";
    display: block;
    float: left;
    width: 0.8em;
    height: 0.8em;
    border-radius: 0.8em;
    border: 1px solid #000;
    margin-top: 1px;
    margin-right: 4px;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp .tire::before {
    background-color: #000;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp .rawMaterials::before {
    background-color: #fff;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp .diversifiedProducts::before {
    background-color: #7d96c1;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp .rAndD::before {
    background-color: #023886;
    border-radius: 0;
    border: none;
}

#aboutActivitiesAndLocations .locationsInformations .iconExp .rAndD::after {
    background-color: #666;
    content: "";
    display: block;
    float: left;
    width: 0.8em;
    height: 0.8em;
    margin-top: 1px;
    margin-right: 4px;
}

#aboutActivitiesAndLocations .locationsLinkRight {
    width: 66%;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}

#aboutActivitiesAndLocations .locationsLink .btnStyle01 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#aboutActivitiesAndLocations .locationsLinkDetail {
    margin-right: 0.4em;
}

#aboutActivitiesAndLocations .locationsLinkZoomOut,
#aboutActivitiesAndLocations .locationsLinkDetail {
    max-width: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in-out 0ms, max-width 1ms linear 400ms, max-height 1ms linear 400ms;
    -moz-transition: opacity 400ms ease-in-out 0ms, max-width 1ms linear 400ms, max-height 1ms linear 400ms;
    -ms-transition: opacity 400ms ease-in-out 0ms, max-width 1ms linear 400ms, max-height 1ms linear 400ms;
    transition: opacity 400ms ease-in-out 0ms, max-width 1ms linear 400ms, max-height 1ms linear 400ms;
}

#aboutActivitiesAndLocations .locationsLink .locationsLinkZoomOut.active,
#aboutActivitiesAndLocations .locationsLinkDetail.active {
    display: inline-block;
    max-width: 99999px;
    max-height: 99999px;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}

#aboutTechnologyAndInnovationAndCsr {
    padding-top: 51px;
    overflow: hidden;
}

#aboutTechnologyAndInnovationAndCsr .technologyAndInnovationAndCsrInner {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
}

#aboutTechnologyAndInnovationAndCsr .titStyle01 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 23px;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMainWrap {
    position: relative;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain {
    width: 100%;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationImage img {
    width: 100%;
    position: relative;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationContents {
    float: right;
    margin: 0 10%;
    padding: 89px 0 0;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationContents .technologyAndInnovationText {
    font-size: 16px;
    letter-spacing: -0.01em;
    height: 121px;
}

#aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationContents .technologyAndInnovationLink {
    text-align: right;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr {
    float: right;
    width: 50%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain {
    position: relative;
    width: 100%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList {
    border-left: 1px solid #ccc;
    position: relative;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListWrap {
    /* float:left; */
    width: 100%;
    height: 100%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem {
    width: 5%;
    overflow: hidden;
    position: relative;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemImage img {
    width: 100%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents {
    padding: 51px 0 30px;
    margin: 0 10%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents .csrItemTitle {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 11px;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents .csrItemText {
    height: 121px;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents .csrItemLink {
    text-align: right;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi {
    position: absolute;
    top: 0;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi a {
    display: block;
    position: absolute;
    top: 100%;
    width: 32px;
    height: 60px;
    z-index: 1100;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi img {
    position: absolute;
    top: 100%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviPrev {
    left: 0;
    width: 94px;
    padding-top: 50%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviPrev a,
#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviPrev img {
    left: 27px;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviNext {
    right: 0;
    width: 94px;
    padding-top: 50%;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviNext a,
#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviNext img {
    right: 25px;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav {
    font-size: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    position: absolute;
    bottom: 240px;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav li {
    display: inline-block;
    width: 24px;
    text-align: center;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav li a {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #ccc;
    border-radius: 8px;
}

#aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav li a.flex-active {
    background: #b00;
    border-color: #b00;
}


#aboutSponsorships {
    padding-top: 51px;
}

#aboutSponsorships .sponsorshipsListWrap {
    background: #f1f1f1;
    padding-top: 20px;
}

.bg-setting #aboutSponsorships .sponsorshipsListWrap {
    background-color: transparent;
}

#aboutSponsorships .sponsorshipsList {
    width: 1160px;
    margin: 0 auto 20px;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge {
    float: left;
    width: 50%;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge .sponsorshipsItemImageWrap {
    position: relative;
    width: 565px;
    height: 546px;
    border: 1px solid #ccc;
    background: #fff;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge.sponsorshipsOlympic .sponsorshipsItemImage {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -77px;
    text-align: center;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge.sponsorshipsMotorSports .sponsorshipsItemImageWrap {
  display: flex;
  align-items: center;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem {
    float: left;
    width: 50%;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemImageWrap {
    position: relative;
    width: 565px;
    height: auto;
    border: 1px solid #ccc;
    margin-left: 15px;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemImage img,
#aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge .sponsorshipsItemImage img {
    width: 100%;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemCaption {

    width: 100%;
    height: auto;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemCaption .sponsorshipsItemCaptionLogo,
#aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemCaption .sponsorshipsItemCaptionTitle {
    display: inline-block;
    vertical-align: middle;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemCaption .sponsorshipsItemCaptionTitle {
    font-size: 20px;
    margin-bottom: 0;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldSolarChallenge {}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldSolarChallenge .sponsorshipsItemCaption {
    background: #fff;
    color: #000;
    padding: 15px 0 15px 20px;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldSolarChallenge .sponsorshipsItemCaptionLogo {
    margin-right: 18px;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldGolfChampionships .sponsorshipsItemCaption {
    background: #000;
    color: #fff;
    padding: 6px 0 0 16px;
}

#aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldGolfChampionships .sponsorshipsItemCaption .sponsorshipsItemCaptionLogo {
    margin-right: 28px;
}

#aboutSponsorships .sponsorshipsLink {
    width: 1160px;
    margin: 0 auto;
    text-align: right;
}

#history {
    padding-bottom: 0;
}

#aboutHistory {
    padding-top: 52px;
}

#aboutHistory .historyTitle {
    margin-bottom: 11px;
}

#aboutHistory .historyTimelineList {
    position: relative;
    width: 902px;
    height: 38px;
    margin: 0 auto 26px;
    background: url(../images/history_bg_01.png) no-repeat center 29px;
}

#aboutHistory .historyTimelineList .flex-disabled {
    display: none !important;
}

#aboutHistory .historyTimelineList .flex-nav-prev {
    position: absolute;
    left: -60px;
    top: 0;
}

#aboutHistory .historyTimelineList .flex-nav-prev a:after {
    left: 30px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#aboutHistory .historyTimelineList .flex-nav-next {
    position: absolute;
    right: -60px;
    top: 0;
}

#aboutHistory .historyTimelineList .flex-nav-next a:after {
    right: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#aboutHistory .historyTimelineList .flex-nav-prev a,
#aboutHistory .historyTimelineList .flex-nav-next a {
    display: block;
    padding: 30px;
}

#aboutHistory .historyTimelineList .flex-nav-prev a:after,
#aboutHistory .historyTimelineList .flex-nav-next a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

#aboutHistory .historyTimelineList .historyTimelineItem {
    float: left;
    width: 86px !important;
    height: 38px;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
}

#aboutHistory .historyTimelineList .historyTimelineItem a {
    display: block;
    position: relative;
}

#aboutHistory .historyTimelineList .historyTimelineItem a.active {
    color: #b00;
}

#aboutHistory .historyTimelineList .historyTimelineItem a .historyTimelineDot {
    display: inline-block;
    border-radius: 14px;
    width: 14px;
    height: 14px;
    padding: 2px;
    border: 1px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 23px;
}

#aboutHistory .historyTimelineList .historyTimelineItem a .historyTimelineDot:after {
    content: "";
    display: inline-block;
    border-radius: 8px;
    width: 8px;
    height: 8px;
    border: 2px solid #ccc;
    background: #fff;
    vertical-align: top;
}

#aboutHistory .historyTimelineList .historyTimelineItem a.active.clicked .historyTimelineDot {
    border-color: #b00;
}

#aboutHistory .historyTimelineList .historyTimelineItem a.active .historyTimelineDot:after {
    border-color: #b00;
    background-color: #b00;
}

#aboutHistory .historyTimelineList .historyTimelineItem.historyYear1906 {
    width: 130px !important;
    margin-right: 65px;
}

#aboutHistory .historyTimelineList .historyTimelineItem.spInfoIcon {
    display: none !important;
}

#aboutHistory .historyMain {
    width: 100%;
    overflow: hidden;
    background: #333;
    position: relative;
}

#aboutHistory .historyMain .historyListWrap {
    width: 80%;
    margin: 0 auto;
}

#aboutHistory .historyMain .historyList .flex-viewport {
    overflow: visible !important;
}

#aboutHistory .historyMain .historyList .slides {
    width: 2000%;
}

#aboutHistory .historyMain .historyList .historyItem {
    position: relative;
    float: left;
}

#aboutHistory .historyMain .historyList .historyItem .historyItemImage img {
    max-width: 100%;
}

#aboutHistory .historyMain .historyList .historyItem .historyItemYear {
    position: absolute;
    z-index: 100;
    left: -36px;
    bottom: 143px;
    padding: 3px;
    border: 2px solid transparent;
    border-radius: 72px;
}

#aboutHistory .historyMain .historyList .historyItem.clicked .historyItemYear {
    border-color: #b00;
}

#aboutHistory .historyMain .historyList .historyItem .historyItemYear span {
    display: block;
    width: 62px;
    height: 62px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 62px;
    text-align: center;
    background: #b00;
    border-radius: 62px;
}

#aboutHistory .historyMain .historyList .historyItem .historyItemCaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 180px;
    border-top: 2px solid #b00;
    background: rgba(0, 0, 0, 0.6);
}

#aboutHistory .historyMain .historyList .historyItem .historyItemCaption .historyItemTitle {
    width: 207px;
    height: 117px;
    margin: 0 auto;
    padding-top: 29px;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
}

#aboutHistory .historyMain .historyList .historyItem .historyItemCaption .historyItemLink {
    text-align: center;
}

#aboutHistory .historyMain .historyList .historyItem .historyItemCaption .historyItemLink a {
    background: #666;
}

#aboutHistory .historyMain .historySide {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background: #333;
}

#aboutHistory .historyMain .historySide .historySideArrow {
    position: absolute;
    top: 0;
    width: 163px;
    height: 100%;
}

#aboutHistory .historyMain .historySide .historySideArrow a {
    display: block;
    width: 32px;
    height: 60px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 1100;
}

#aboutHistory .historyMain .historySide .historySideArrow img {
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

#aboutHistory .historyMain .historySide.historyLeftSide {
    left: 0;
}

#aboutHistory .historyMain .historySide.historyLeftSide .historySideArrow {
    right: -163px;
    background: url(../images/history_bg_02.png) repeat-y left center;
}

#aboutHistory .historyMain .historySide.historyLeftSide .historySideArrow a,
#aboutHistory .historyMain .historySide.historyLeftSide .historySideArrow img {
    right: 58px;
}

#aboutHistory .historyMain .historySide.historyRightSide {
    right: 0;
}

#aboutHistory .historyMain .historySide.historyRightSide .historySideArrow {
    left: -163px;
    background: url(../images/history_bg_03.png) repeat-y right center;
}

#aboutHistory .historyMain .historySide.historyRightSide .historySideArrow a,
#aboutHistory .historyMain .historySide.historyRightSide .historySideArrow img {
    left: 59px;
}

#aboutHistory .historyLink {
    padding: 20px;
    background: #f1f1f1;
    text-align: center;
}

#aboutHistory .historyLink a {
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px);
}

#aboutOther {
    padding: 80px 0 35px;
}

#aboutOther .otherList {
    font-size: 0;
    text-align: left;
    width: 980px;
    margin: 0 auto;
}

#aboutOther .otherList .otherItem {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 20px;
}

#aboutOther .otherList .otherItem:nth-of-type(4n) {
    margin-right: 0;
}

#aboutOther .otherList .otherItem a {
    display: block;
    width: 230px;
    height: 80px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    background: url(../images/ico_arrow.png) no-repeat 10px 50%;
}

#aboutOther .otherList .otherItem a .positionFix {
    display: block;
    box-sizing: border-box;
    padding-left: 16px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#aboutOther .otherList .otherItem a .positionFix .txtSmaller {
    font-size: 0.85em;
}

#aboutFoot {
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width:481px) {

    .isNotTouchScreen #aboutHead .btnStyle01 a:hover,
    .isNotTouchScreen #aboutMain .btnStyle01 a:hover,
    .isNotTouchScreen #aboutHead .btnStyle02 a:hover,
    .isNotTouchScreen #aboutMain .btnStyle02 a:hover {
        opacity: 0.6;
    }

    .isNotTouchScreen #aboutLnav .lnavList li a:hover {
        color: #b00;
    }

    .isNotTouchScreen #aboutLnav .lnavList li a:hover span {
        max-width: 99999px;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
        -moz-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
        -ms-transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
        transition: opacity 400ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
    }

    .isNotTouchScreen #aboutLnav .lnavList li a:hover:after {
        border-color: #b00;
        background-color: #b00;
    }

    .isNotTouchScreen #aboutNews .newsList .newsItem .link:hover {
        color: #f00;
    }

    .isNotTouchScreen #aboutNews .newsLink a:hover {
        color: #f00;
    }

    .isNotTouchScreen #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a:hover {
        background: #b00;
    }

    .isNotTouchScreen #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem a:hover::before {
        border-color: #000;
    }

    .isNotTouchScreen #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem a:hover .locationsMapAreaTitle {
        color: #b00;
    }

    .isNotTouchScreen #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav li a:hover {
        background: #b00;
        border-color: #b00;
    }

    .isNotTouchScreen #aboutHistory .historyTimelineList .historyTimelineItem a:hover {
        color: #b00;
    }

    .isNotTouchScreen #aboutHistory .historyTimelineList .historyTimelineItem a:hover .historyTimelineDot:after {
        border-color: #b00;
        background-color: #b00;
    }

    .isNotTouchScreen #aboutOther .otherList .otherItem a:hover {
        opacity: 0.6;
    }

}


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

    /**
	 * Style for SP
	 */
    #aboutHead,
    #aboutMain {
        overflow: hidden;
    }

    #aboutHead .pcInline,
    #aboutHead .pcInlineBlock,
    #aboutHead .pcBlock,
    #aboutMain .pcInline,
    #aboutMain .pcInlineBlock,
    #aboutMain .pcBlock {
        display: none;
    }

    #aboutHead .spInline,
    #aboutMain .spInline {
        display: inline;
    }

    #aboutHead .spInlineBlock,
    #aboutMain .spInlineBlock {
        display: inline-block;
    }

    #aboutHead .spBlock,
    #aboutMain .spBlock {
        display: block;
    }

    #aboutHead img,
    #aboutMain img {
        width: 100%;
    }

    #aboutHead p,
    #aboutMain p {
        font-size: 1.3em;
        line-height: 1.5;
    }

    #aboutHead .titStyle01,
    #aboutMain .titStyle01 {
        font-size: 2.6em;
        line-height: 1.5;
    }

    #aboutHead .btnStyle01 a,
    #aboutMain .btnStyle01 a {
        width: auto;
        min-width: 141px;
        font-size: 1rem;
        padding: 8px 12px;
    }

    #aboutHead .btnStyle01 a:before,
    #aboutMain .btnStyle01 a:before {
        width: 10px;
        width: 2.13333vw;
        height: 15px;
        height: 3.2vw;
        background-size: contain;
        margin-right: 10px;
        margin-right: 2vw;
        vertical-align: 1px;
        vertical-align: -0.13333vw;
    }

    #aboutHead .btnStyle02 a,
    #aboutMain .btnStyle02 a {
        width: auto;
        min-width: 90px;
        font-size: 1.1rem;
        padding: 8px 0 8px 16px;
    }

    #aboutHead .btnStyle02 a:before,
    #aboutMain .btnStyle02 a:before {
        background-size: auto 50%;
        background-position: 14px 40%;
        left: 0;
    }

    #aboutBreadCrumb {
        display: none;
    }

    #aboutMainvis {
        position: relative;
        height: 384px;
        height: 80vw;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8);
        padding-top: 1px;
    }

    #aboutMainvis .mainvisMain {
        position: relative;
        bottom: 0;
        top: 0;
        transform: none;
        padding: 20px 0;
        background-color: #000;
    }

    #aboutMainvis .mainvisMain .mainvisTitle {
        font-size: 2.4em;
        line-height: 1.5;
        letter-spacing: -0.025em;
    }

    #aboutMainvis .mainvisMain .mainvisText {
        text-align: left;
        font-size: 1.2em;
        line-height: 1.5;
        padding: 0px 19px;
        padding: 0vw 4vw;
    }

    #aboutMainvis {
        height: auto;
    }

    .mainvisTextContainer {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }

    #aboutMainvis.loaded .mainvisMain .mainvisTitle {
        margin: 9% 0 2%;
        width: 100%;
    }

    .mainvisText {
        width: 100%;
    }

    .mainvisBtn .btn {
        width: 40px;
        height: 40px;
        margin: 10px auto 0;
        padding: 7px 0;
    }

    /* .mainvisBtn .btn::after {
				top: 15px;
				width: 8px;
				height: 8px;
			} */

    #aboutMainvisMov {
        height: 260px;
    }

    #aboutMainvisMov .mainvisMain {
        top: 45px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #aboutMainvisMov .videoMainWrap {
        top: 45px;
    }

    #aboutLnav {
        top: 60px;
        bottom: 0;
        right: 0;
        height: auto;
        margin-top: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -ms-transition-duration: 400ms;
        transition-duration: 400ms;
    }

    #aboutLnav .lnavList {
        box-sizing: border-box;
        display: none;
        width: 398px;
        width: 82.933333vw;
        height: 100%;
        padding-top: 41px;
        padding-top: 8.533333vw;
        text-align: left;
        background: rgba(0, 0, 0, 0.7);
        -webkit-transition: transform 200ms ease-in-out;
        -moz-transition: transform 200ms ease-in-out;
        -ms-transition: transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out;
        -webkit-transform: translate3d(82.933333vw, 0, 0);
        -moz-transform: translate3d(82.933333vw, 0, 0);
        -ms-transform: translate3d(82.933333vw, 0, 0);
        transform: translate3d(82.933333vw, 0, 0);
    }

    #aboutLnav .lnavList:before {
        display: none;
    }

    #aboutLnav .lnavList.active {
        display: block;
    }

    #aboutLnav .lnavList.active.open {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #aboutLnav .lnavList li {
        height: 51px;
        height: 10.666667vw;
        padding-left: 0;
        text-shadow: none;
    }

    #aboutLnav .lnavList li a {
        display: block;
        padding-left: 73px;
        padding-left: 15.2vw;
        font-size: 19px;
        font-size: 4vw;
        line-height: 51px;
        line-height: 10.666667vw;
        color: #fff;
    }

    #aboutLnav .lnavList li a:after {
        display: none;
    }

    #aboutLnav .lnavList li a span {
        display: block;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
    }

    #aboutLnav .lnavHandle {
        display: block;
        position: absolute;
        right: 0;
        top: 30px;
        top: 6vw;
        width: 38px;
        width: 8vw;
        height: 96px;
        height: 20vw;
        border-radius: 6px;
        border-radius: 1.2vw;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: rgba(0, 0, 0, 0.7);
        text-indent: -99999px;
        overflow: hidden;
    }

    #aboutLnav .lnavHandle a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    #aboutLnav .lnavHandle a:before,
    #aboutLnav .lnavHandle a:after {
        content: "";
    }

    #aboutLnav .lnavHandle a:before,
    #aboutLnav .lnavHandle a span,
    #aboutLnav .lnavHandle a:after {
        position: absolute;
        display: block;
        background: #fff;
        width: 19px;
        width: 4vw;
        height: 3px;
        height: 0.66667vw;
        left: 11px;
        left: 2.26667vw;
    }

    #aboutLnav .lnavHandle a:before {
        top: 35px;
        top: 7.2vw;
    }

    #aboutLnav .lnavHandle a span {
        top: 46px;
        top: 9.6vw;
    }

    #aboutLnav .lnavHandle a:after {
        top: 58px;
        top: 12vw;
    }

    #aboutLnav.lnavVisible {
        pointer-events: auto;
    }

    #aboutNews {
        position: relative;
        height: auto;
        padding: 16px 19px;
        padding: 3.33333vw 4vw;
    }

    #aboutNews .newsTitle {
        font-size: 1.62em;
        line-height: 1.5;
        position: static;
        width: auto;
        height: auto;
        text-align: left;
        background: transparent;
        color: inherit;
        margin-bottom: 6px;
        margin-bottom: 1.33333vw;
    }

    #aboutNews .newsTitle .innerTxt,
    #aboutNews .newsLink .innerTxt {
        position: static;
    }

    #aboutNews .newsList {
        height: auto;
        margin: 0;
        margin-bottom: 16px;
        margin-bottom: 3.33333vw;
    }

    #aboutNews .newsList ul {
        width: 999999px;
    }

    #aboutNews .newsList .newsItem {
        font-size: 1.46em;
        line-height: 1.5;
        float: left;
        width: 767px;
    }

    #aboutNews .newsList .newsItem .link .newsItemDate {
        padding-left: 0;
        position: static;
        padding: 0;
    }

    #aboutNews .newsList .newsItem .link .newsItemText {
        margin-left: 0;
        padding: 0;
    }

    #aboutNews .newsList .newsItem .link .newsItemText img {
        width: auto;
    }

    #aboutNews .newsLink {
        position: static;
        width: auto;
        text-align: right;
    }

    #aboutNews .newsLink a {
        font-size: 1.46em;
        display: inline-block;
        padding-left: 17px;
        padding-left: 3.46667vw;
        background-position: 0;
    }

    #aboutScrollIcon {
        display: none;
    }

    #aboutInfo {
        padding-top: 69px;
        padding-top: 14.4vw;
        padding-bottom: 38px;
        padding-bottom: 8vw;
    }

    #aboutInfo .infoTitle {
        margin-bottom: 28px;
        margin-bottom: 5.86667vw;
    }

    #aboutInfo .infoMain .infoListWrap {
        width: 390px;
        width: 81.33333vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList {
        height: 300px;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem {
        border-left: 0;
        border-right: 1px solid #ccc;
        width: 195px !important;
        width: 50% !important;
        height: 300px;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem:nth-child(2n) {
        border-right: 0;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemIcon {
        width: 64px;
        width: 13.33333vw;
        padding-top: 14px;
        padding-top: 2.93333vw;
        margin: 0 auto 31px;
        margin: 0 auto 6.375vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemTitle {
        font-size: 1.4em;
        line-height: 1.2;
        margin-bottom: 17px;
        margin-bottom: 3.6vw;
        position: relative;
        height: 1em;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemTitle .positionFix {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemNumber {
        position: absolute;
        top: 50%;
        width: 100%;
        padding-top: 0;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemNumber .infoItemNumberCount {
        font-size: 41px;
        font-size: 8.53333vw;
        line-height: 42px;
        line-height: 8.8vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemNumber .infoItemNumberUnit {
        font-size: 20px;
        font-size: 4.26667vw;
        line-height: 19px;
        line-height: 4vw;
        top: 0;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemLink {
        bottom: 17px;
        bottom: 3.46667vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem.infoItemLarge {
        width: 390px !important;
        width: 81.33333vw !important;
        border: 0;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem.infoItemLarge .infoItemTitle {
        padding-top: 14px;
        padding-top: 2.93333vw;
        margin: 0 auto 13px;
        margin: 0 auto 2.8vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusiness,
    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarket {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketNotice {
      position: absolute;
      bottom: 0;
      right: 0;
    }
    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusiness {
        width: 90%;
        padding-top: 0;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessTitle {
        font-size: 16px;
        font-size: 3.333333vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessIcon {
        height: 48px;
        height: 10vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessIcon img {
        width: auto;
        height: 100%;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessPercentage {
        padding-top: 48px;
        padding-top: 10vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessPercentageCount {
        font-size: 32px;
        font-size: 6.66667vw;
        line-height: 1.2;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessPercentageUnit {
        font-size: 24px;
        font-size: 5vw;
        line-height: 1.2;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessChart {
        height: 33px;
        height: 7vw;
        top: 57px;
        top: 12vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessTires .infoItemBusinessTitle {
        line-height: 48px;
        line-height: 10vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusinessDiversifiedProducts .infoItemBusinessTitle {
        line-height: 24px;
        line-height: 5vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarket {
        width: 90%;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketList {
        width: 50%;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem {
        margin-bottom: 8px;
        margin-bottom: 1.666667vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketTitle,
    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketPercentageCount,
    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketPercentageUnit {
        font-size: 16px;
        font-size: 3.333333vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketTitle {
        line-height: 22px;
        line-height: 4.583333vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketPercentage {
        top: 10px;
        top: 2.083333vw;
        line-height: 41px;
        line-height: 8.6vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketListItem .infoItemMarketChart {
        width: 76%;
        height: 19px;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketPieChartWrap {
        width: 46%;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarketPieChart {
        right: 10px;
        right: 2vw;
        top: 10px;
        top: 2vw;
        width: 126px;
        width: 26vw;
        height: 126px;
        height: 26vw;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemBusiness + .infoItemLink,
    #aboutInfo .infoMain .infoListWrap .infoList .infoItem .infoItemMarket + .infoItemLink {
        width: 90%;
        text-align: right;
        margin: 0 auto;
        right: 0;
    }

    #aboutInfo .infoMain .infoListWrap .infoList .infoItem.infoItemEmpty {
        width: 0 !important;
    }

    #aboutInfo .infoMain .infoListWrap .dataDate {
        font-size: 1em;
    }

    #aboutInfo .infoMain .infoListNavi {
        width: 45px;
        width: 9.33333vw;
        height: 100%;
    }

    #aboutInfo .infoMain .infoListNavi a {
        height: 100%;
        width: 100%;
    }

    #aboutInfo .infoMain .infoListNavi img {
        width: 32px;
        width: 6.66667vw;
    }

    #aboutInfo .infoMain .infoListNavi.infoListNaviPrev {
        left: 0;
        right: auto;
        margin-left: 0;
    }

    #aboutInfo .infoMain .infoListNavi.infoListNaviPrev a,
    #aboutInfo .infoMain .infoListNavi.infoListNaviPrev img {
        left: auto;
        right: 0;
    }

    #aboutInfo .infoMain .infoListNavi.infoListNaviNext {
        left: auto;
        right: 0;
        margin-left: 0;
    }

    #aboutInfo .infoMain .infoListNavi.infoListNaviNext a,
    #aboutInfo .infoMain .infoListNavi.infoListNaviNext img {
        left: 0;
        right: auto;
    }

    #aboutVideo {}

    #aboutVideo .videoMainWrap {
        position: relative;
    }

    #aboutVideo .videoMain .videoOverlay {
        display: none;
    }

    #aboutProducts {
        padding-top: 74px;
        padding-top: 15.33333vw;
    }

    #aboutProducts .productsTitle {
        margin-bottom: 29px;
        margin-bottom: 6.13333vw;
    }

    #aboutProducts .productsMain .productsItem {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 26px;
        margin-bottom: 5.33333vw;
        border-right: 0;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap {
        position: relative;
        height: 0;
        margin-bottom: 22px;
        margin-bottom: 4.53333vw;
        padding-bottom: 30%;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImageList {
        float: none;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsItemImageList .productsItemImageListItem {
        width: 179px;
        width: 37.33333vw;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsSide {
        width: 63px;
        width: 13.2vw;
        height: 100%;
        background: none;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsSide.productsRightSide {
        right: 0;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsSide.productsRightSide .productsSideArrow {
        width: 100%;
        left: 0;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsSide.productsRightSide .productsSideArrow a {
        position: relative;
        left: 0;
        z-index: 1100;
    }

    #aboutProducts .productsMain .productsItem .productsItemImageWrap .productsSide.productsRightSide .productsSideArrow a img {
        left: 14px;
        left: 2.93333vw;
        width: 44px;
        width: 9.2vw;
    }

    #aboutProducts .productsMain .productsItem.productsTires .productsItemImage,
    #aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemImage {
        position: absolute;
        left: 0;
        top: 0;
        float: none;
        width: 100%;
        height: 100%;
    }

    #aboutProducts .productsMain .productsItem.productsTires .productsItemMain,
    #aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemMain {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 0px 19px;
        padding: 0vw 4vw;
        height: auto;
    }

    #aboutProducts .productsMain .productsItem.productsTires .productsItemMain .productsItemTitle,
    #aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemMain .productsItemTitle {
        color: #333;
        font-size: 1.62em;
        line-height: 1.5;
        margin-bottom: 11px;
        margin-bottom: 2.26667vw;
    }

    #aboutProducts .productsMain .productsItem.productsTires .productsItemMain .productsItemText,
    #aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemMain .productsItemText {
        height: auto;
        word-spacing: 0;
        margin-bottom: 14px;
        margin-bottom: 2.93333vw;
    }

    #aboutProducts .productsMain .productsItem.productsTires .productsItemMain .productsItemLink,
    #aboutProducts .productsMain .productsItem.productsDiversifiedProducts .productsItemMain .productsItemLink {
        position: static;
        margin-right: 0;
        padding-right: 0;
    }

    #aboutActivitiesAndLocations {
        padding-top: 71px;
        padding-top: 14.8vw;
    }

    #aboutActivitiesAndLocations .ActivitiesAndLocationsTitle {
        margin-bottom: 29px;
        margin-bottom: 6.13333vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain {
        background-color: transparent;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations {
        position: relative;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .spScrollIcon {
        display: none;
        position: absolute;
        top: 93%;
        right: 0%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 100;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .spScrollIcon.show-true {
        display: block;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .spScrollIcon .spInfoIconGraph {
        display: block;
        background-image: url(../images/ico_11.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        overflow: hidden;
        text-indent: -999px;
        width: 40px;
        height: 60px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .spScrollIcon.show-true .spInfoIconGraph {
        -webkit-animation: 1500ms linear 0ms infinite alternate crossfade;
        -moz-animation: 1500ms linear 0ms infinite alternate crossfade;
        -ms-animation: 1500ms linear 0ms infinite alternate crossfade;
        animation: 1500ms linear 0ms infinite alternate crossfade;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList {
        font-size: 1em;
        background: none;
        overflow: hidden;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem {
        margin-bottom: 3%;
        border: none !important;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a {
        display: block;
        height: 28px;
        height: 5.86667vw;
        font-size: 1.2em;
        line-height: 27px;
        line-height: 5.6vw;
        padding: 0px 10px;
        padding: 0vw 4vw;
        color: #333;
        border-bottom: 2px solid transparent;
        white-space: nowrap;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 29px;
        height: 6vw;
        background: no-repeat left center;
        position: relative;
        top: 1px;
        top: -0.26667vw;
        background-size: auto 100%;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a.active {
        color: #b00;
        border-color: #b00;
        background: none;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem a.active:before {
        background-position: right;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem.locationsTabTirePlants a:before {
        width: 29px;
        width: 6.13333vw;
        background-image: url(../images/locations_ico_01_sp.png);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem.locationsTabRawMaterialsPlants a:before {
        width: 26px;
        width: 5.46667vw;
        background-image: url(../images/locations_ico_02_sp.png);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem.locationsTabDiversifiedProductsPlants a:before {
        width: 31px;
        width: 6.4vw;
        background-image: url(../images/locations_ico_03_sp.png);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsTabList .locationsTabItem.locationsTabRAndDFacilities a:before {
        width: 36px;
        width: 7.46667vw;
        background-image: url(../images/locations_ico_04_sp.png);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap {
        height: 363px;
        overflow: auto;
        background-color: #fff;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap:before {
        display: none;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll {
        width: 100%;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 42px;
        height: 8.66667vw;
        background: #f1f1f1;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaEurope {
        -webkit-transform-origin: -16px 86px;
        -moz-transform-origin: -16px 86px;
        -ms-transform-origin: -16px 86px;
        transform-origin: -16px 86px;
        -webkit-transform-origin: -3.33333vw 18vw;
        -moz-transform-origin: -3.33333vw 18vw;
        -ms-transform-origin: -3.33333vw 18vw;
        transform-origin: -3.33333vw 18vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAsia {
        -webkit-transform-origin: 102px 106px;
        -moz-transform-origin: 102px 106px;
        -ms-transform-origin: 102px 106px;
        transform-origin: 102px 106px;
        -webkit-transform-origin: 21.33333vw 22vw;
        -moz-transform-origin: 21.33333vw 22vw;
        -ms-transform-origin: 21.33333vw 22vw;
        transform-origin: 21.33333vw 22vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaJapan {
        -webkit-transform-origin: 192px 102px;
        -moz-transform-origin: 192px 102px;
        -ms-transform-origin: 192px 102px;
        transform-origin: 192px 102px;
        -webkit-transform-origin: 40vw 21.33333vw;
        -moz-transform-origin: 40vw 21.33333vw;
        -ms-transform-origin: 40vw 21.33333vw;
        transform-origin: 40vw 21.33333vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAmerica {
        -webkit-transform-origin: 528px 102px;
        -moz-transform-origin: 528px 102px;
        -ms-transform-origin: 528px 102px;
        transform-origin: 528px 102px;
        -webkit-transform-origin: 110vw 21.33333vw;
        -moz-transform-origin: 110vw 21.33333vw;
        -ms-transform-origin: 110vw 21.33333vw;
        transform-origin: 110vw 21.33333vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapScrollable {
        width: 1410px;
        height: 363px;
        overflow: hidden;
        margin: 0 auto;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap.locationsMapZoomIn {
        overflow: hidden;
        height: 0;
        padding-top: 63.75%;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap.locationsMapZoomIn .locationsMapScrollable {
        width: 100%;
        height: auto;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap.locationsMapZoomIn .locationsMapScrollable .locationsMapOverlay {}

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap.locationsMapZoomIn .locationsMapAll.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayLink {
        width: 100%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        left: 0;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap.locationsMapZoomIn .locationsMapScrollable .locationsMapOverlay .locationsMapOverlayImage {
        width: 150%;
        height: auto;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapAll.locationsMapZoomIn.locationsMapAreaEurope + .locationsMapOverlay .locationsMapOverlayImage {
        -webkit-transform: translateX(-17%);
        -moz-transform: translateX(-17%);
        -ms-transform: translateX(-17%);
        transform: translateX(-17%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapAll.locationsMapZoomIn.locationsMapAreaAsia + .locationsMapOverlay .locationsMapOverlayImage {
        -webkit-transform: translateX(-25%);
        -moz-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapAll.locationsMapZoomIn.locationsMapAreaJapan + .locationsMapOverlay .locationsMapOverlayImage {
        -webkit-transform: translateX(-14%);
        -moz-transform: translateX(-14%);
        -ms-transform: translateX(-14%);
        transform: translateX(-14%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapAll.locationsMapZoomIn.locationsMapAreaAmerica + .locationsMapOverlay .locationsMapOverlayImage {
        -webkit-transform: translateX(-21%);
        -moz-transform: translateX(-21%);
        -ms-transform: translateX(-21%);
        transform: translateX(-21%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapAll.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {}

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaEurope.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
        top: 5%;
        -webkit-transform: translateX(60%);
        -moz-transform: translateX(60%);
        -ms-transform: translateX(60%);
        transform: translateX(60%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAsia.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
        top: 20%;
        -webkit-transform: translateX(60%);
        -moz-transform: translateX(60%);
        -ms-transform: translateX(60%);
        transform: translateX(60%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaJapan.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
        top: 30%;
        -webkit-transform: translateX(-110%);
        -moz-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapAll.locationsMapAreaAmerica.locationsMapZoomIn + .locationsMapOverlay .locationsMapOverlayCaption {
        top: 40%;
        -webkit-transform: translateX(-45%);
        -moz-transform: translateX(-45%);
        -ms-transform: translateX(-45%);
        transform: translateX(-45%);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayCaption .locationsMapOverlayAreaCount {
        font-size: 3em;
        line-height: 1.2;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .locationsMapOverlayCaption .locationsMapOverlayAreaTitle {
        font-size: 1em;
        line-height: 1.2;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapOverlay .japanAttention {
        width: 210px;
        font-size: 1em;
        text-align: left;
        text-indent: -0.6em;
        line-height: 1.4;
        position: absolute;
        right: 4%;
        bottom: 3%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap {
        position: relative;
        left: 1px;
        left: 0vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMap .locationsMapImages,
    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapPoints .locationsMapPointsImage {
        width: 1410px;
        height: 363px;
        top: 42px;
        top: 8.66667vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList {
        height: 363px;
        left: 1px;
        left: 0vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapPoints {
        width: 100%;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption {
        top: 104px;
        width: 307px;
        padding-top: 61px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption .locationsMapTitle {
        font-size: 19px;
        font-size: 4vw;
        line-height: 23px;
        line-height: 4.8vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption .locationsMapNumber {}

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapCaption .locationsMapNumber .locationsMapNumberCount {
        font-size: 60px;
        font-size: 12.53333vw;
        line-height: 61px;
        line-height: 12.8vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList {
        height: 96px;
        height: 20vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem {
        top: 11px;
        top: 2.26667vw;
        padding-left: 9px;
        padding-left: 1.86667vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaTitle {
        padding-top: 40px;
        padding-top: 8.4vw;
        font-size: 1.2em;
        line-height: 1.2;
        word-wrap: break-word;
        width: 6em;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem .locationsMapAreaCount {
        left: 9px;
        left: 1.86667vw;
        top: 0;
        font-size: 24px;
        font-size: 5.06667vw;
        line-height: 29px;
        line-height: 6.13333vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaEurope {
        margin-left: 0;
        height: 86px;
        height: 17.86667vw;
        left: 290px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAsia {
        margin-left: 0;
        height: 105px;
        height: 21.86667vw;
        left: 480px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaJapan {
        margin-left: 0;
        height: 102px;
        height: 21.33333vw;
        left: 600px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaJapan a::before {
        height: 130px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAmerica {
        margin-left: 290px;
        height: 102px;
        height: 21.33333vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem .locationsMapAreaList .locationsMapAreaItem.locationsMapAreaAmerica a::before {
        height: 110px;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem.locationsMapOverview .locationsMapCaption {}

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .locations .locationsMapWrap .locationsMapList .locationsMapItem.locationsMapOverview .locationsMapCaption .locationsMapTitle {
        font-size: 1rem;
        line-height: 1.4;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .activities {
        top: auto;
        bottom: 25px;
        bottom: 5.2vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList {
        width: 502px;
        width: 104.53333vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem {
        height: 54px;
        height: 11.2vw;
        padding-right: 27px;
        padding-right: 5.6vw;
        background-size: auto 100%;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem:first-child {
        margin-left: 1px;
        margin-left: -3.2vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem .activitiesItemImage img {
        width: auto;
        height: 54px;
        height: 11.2vw;
    }

    #aboutActivitiesAndLocations .activitiesAndLocationsMain .activities .activitiesList .activitiesItem .activitiesItemText {
        top: 57px;
        top: 11.86667vw;
        font-size: 9px;
        font-size: 1.86667vw;
        line-height: 14px;
        line-height: 2.93333vw;
    }

    #aboutActivitiesAndLocations .locationsLinkInner {
        width: 100%;
        height: auto;
        padding: 16px 19px 0;
        padding: 16px 4vw 0;
    }

    #aboutActivitiesAndLocations .locationsLinkLeft {
        left: 19px;
        left: 4vw;
    }

    #aboutActivitiesAndLocations .locationsInformations {
        margin-bottom: 12px;
        float: left;
        font-size: 1em;
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #aboutActivitiesAndLocations .locationsInformations .dataDate {
        font-size: 1em;
        margin-bottom: 8px;
    }

    #aboutActivitiesAndLocations .locationsInformations .iconExp span {
        margin-bottom: 4px;
    }

    #aboutActivitiesAndLocations .locationsLinkRight {
        width: 100%;
        float: right;
        position: static;
        top: auto;
        right: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #aboutActivitiesAndLocations .locationsLinkRight .locationsLinkDetail,
    #aboutActivitiesAndLocations .locationsLinkRight .locationsLinkMore {
        margin-bottom: 16px;
    }

    #aboutTechnologyAndInnovationAndCsr {
        padding-top: 0;
        border: 0;
    }

    #aboutTechnologyAndInnovationAndCsr .technologyAndInnovationAndCsrInner {
        min-width: 0;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation {
        float: none;
        width: 100%;
        padding-top: 74px;
        padding-top: 15.46667vw;
        border-bottom: 1px solid #ccc;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationTitle {
        margin-bottom: 42px;
        margin-bottom: 8.8vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain {
        position: static;
        border-top: 0;
        width: 100%;
        height: auto;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationImage {
        float: none;
        width: 100%;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationContents {
        float: none;
        width: 100%;
        padding: 23px;
        padding: 4.8vw;
        margin: 0;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationContents .technologyAndInnovationText {
        height: auto;
        margin-bottom: 12px;
        margin-bottom: 2.53333vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutTechnologyAndInnovation .technologyAndInnovationMain .technologyAndInnovationContents .technologyAndInnovationLink {
        position: static;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr {
        float: none;
        width: 100%;
        padding-top: 73px;
        padding-top: 15.2vw;
        border-bottom: 1px solid #ccc;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrTitle {
        margin-bottom: 31px;
        margin-bottom: 6.4vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain {
        width: 100%;
        height: auto;
        border: 0;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListWrap {
        float: none;
        width: 100%;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem {
        width: 100%;
        height: 600px;
        overflow: hidden;
        position: relative;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemImage {
        float: none;
        width: 100%;
        margin-bottom: 30px;
        margin-bottom: 6vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents {
        float: none;
        width: 344px;
        width: 71.6vw;
        margin: 0 auto;
        padding: 1px;
        padding: 0vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents .csrItemTitle {
        font-size: 1.62em;
        line-height: 1.5;
        margin-bottom: 7px;
        margin-bottom: 1.46667vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents .csrItemText {
        margin-bottom: 13px;
        margin-bottom: 2.66667vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrList .csrItem .csrItemContents .csrItemLink {
        position: absolute;
        bottom: 23px;
        bottom: 4.8vw;
        right: 23px;
        right: 4.8vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi {
        width: auto;
        height: 100%;
        padding: 0;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi a {
        display: block;
        padding-top: 0;
        position: absolute;
        bottom: auto;
        top: 50%;
        width: 31px;
        width: 6.53333vw;
        height: 64px;
        height: 13.33333vw;
        z-index: 10;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi img {
        position: absolute;
        bottom: auto;
        top: 50%;
        width: 31px;
        width: 6.53333vw;
        height: 64px;
        height: 13.33333vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviPrev {
        width: 68px;
        width: 14.26667vw;
        left: 0;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviPrev a,
    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviPrev img {
        left: 12px;
        left: 2.53333vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviNext {
        width: 68px;
        width: 14.26667vw;
        left: auto;
        right: 0;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviNext a,
    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .csrListNavi.csrListNaviNext img {
        right: 12px;
        right: 2.53333vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav {
        position: absolute;
        top: 34%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        padding: 0;
        bottom: auto;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav li {
        width: 15px;
        width: 3.2vw;
    }

    #aboutTechnologyAndInnovationAndCsr #aboutCsr .csrMain .flex-control-nav li a {
        width: 5px;
        width: 1.06667vw;
        height: 5px;
        height: 1.06667vw;
        border-width: 1px;
        border-width: 0.26667vw;
        border-radius: 5px;
        border-radius: 1.06667vw;
    }

    #aboutSponsorships {
        padding-top: 74px;
        padding-top: 15.33333vw;
    }

    #aboutSponsorships .sponsorshipsTitle {
        margin-bottom: 30px;
        margin-bottom: 6.26667vw;
    }

    #aboutSponsorships .sponsorshipsListWrap {
        padding-bottom: 20px;
    }

    #aboutSponsorships .sponsorshipsList {
        width: 442px;
        width: 92vw;
        margin: 0 auto;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge {
        float: none;
        width: 100%;
        border-left: 0;
        border-right: 0;
        margin-bottom: 19px;
        margin-bottom: 4vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge .sponsorshipsItemImageWrap {
        width: 100%;
        height: 363.84px;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItemLarge.sponsorshipsOlympic .sponsorshipsItemImage {
        width: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem {
        float: none;
        width: 100%;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemImageWrap {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemImage {
        position: static;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem .sponsorshipsItemCaption {
        height: 64px;
        height: 13.33333vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldSolarChallenge {
        margin-bottom: 19px;
        margin-bottom: 4vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldSolarChallenge .sponsorshipsItemCaption {
        padding: 12px 0px 0px 13px;
        padding: 3vw 0vw 0vw 2.66667vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldSolarChallenge .sponsorshipsItemCaption .sponsorshipsItemCaptionLogo {
        width: 42px;
        width: 16.66667vw;
        margin-right: 15px;
        margin-right: 3.2vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldGolfChampionships {
        margin-bottom: 19px;
        margin-bottom: 4vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldGolfChampionships .sponsorshipsItemCaption {
        padding: 11px 0px 0px 10px;
        padding: 2.26667vw 0vw 0vw 2.13333vw;
    }

    #aboutSponsorships .sponsorshipsList .sponsorshipsItem.sponsorshipsWorldGolfChampionships .sponsorshipsItemCaption .sponsorshipsItemCaptionLogo {
        width: 119px;
        width: 24.8vw;
        margin-right: 20px;
        margin-right: 4.13333vw;
    }

    #aboutSponsorships .sponsorshipsLink {
        width: 100%;
        padding-right: 19px;
        padding-right: 4vw;
    }

    #aboutHistory {
        padding-top: 74px;
        padding-top: 15.33333vw;
    }

    #aboutHistory .historyTitle {
        margin-bottom: 30px;
        margin-bottom: 6.26667vw;
    }

    #aboutHistory .historyTimeline {
        width: 100%;
        padding: 0 19px 0;
        padding: 0 4vw 0;
        margin: 0 0 26px;
        margin: 0 0 5.33333vw;
    }

    #aboutHistory .historyTimeline .historyTimelineList {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        background: none;
    }

    #aboutHistory .historyTimeline .historyTimelineList:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 14px;
        width: 100%;
        height: 1px;
        background: #ccc;
        z-index: 100;
    }

    #aboutHistory .historyTimeline .historyTimelineList .slides {
        position: relative;
        z-index: 110;
    }

    #aboutHistory .historyTimeline .historyTimelineList .historyTimelineItem {
        position: relative;
        width: auto !important;
        height: 58px;
        height: 12vw;
        font-size: 1.46em;
        line-height: 1.5;
        z-index: 300;
        margin-right: 18px !important;
    }

    #aboutHistory .historyTimelineList .historyTimelineItem.spInfoIcon {
        display: block !important;
    }

    #aboutHistory .historyTimeline .historyTimelineList .historyTimelineItem.spInfoIcon .spInfoIconGraph {
        display: block;
        background-image: url(../images/ico_09.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center;
        overflow: hidden;
        text-indent: -999px;
        width: 40px;
    }

    #aboutHistory .historyTimelineList .historyTimelineItem a {
        height: 100%;
    }

    #aboutHistory .historyTimeline .historyTimelineList .historyTimelineItem a .historyTimelineDot {
        width: 24px;
        height: 24px;
        border-width: 1px;
        border-radius: 24px;
        margin-left: -10px;
        bottom: 2px;
        top: auto;
    }

    #aboutHistory .historyTimeline .historyTimelineList .historyTimelineItem a .historyTimelineDot:after {
        position: absolute;
        width: 16px;
        height: 16px;
        border-width: 1px;
        border-radius: 10px;
        left: 3px;
        top: 3px;
    }

    #aboutHistory .historyMain {}

    #aboutHistory .historyMain .historyListWrap {
        width: 352px;
        width: 73.33333vw;
        left: 0;
    }

    #aboutHistory .historyMain .historyList .historyItem {
        width: 176px;
        width: 36.66667vw;
    }

    #aboutHistory .historyMain .historyList .historyItem .historyItemYear {
        left: 0;
        top: auto;
        bottom: 51%;
        padding: 3px;
        border-width: 2px;
        border-radius: 100%;
        -webkit-transform: translate(-50%, 50%);
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    #aboutHistory .historyMain .historyList .historyItem .historyItemYear span {}

    #aboutHistory .historyMain .historyList .historyItem .historyItemCaption {
        height: 300px;
        position: relative;
        border-top-width: 3px;
    }

    #aboutHistory .historyMain .historyList .historyItem .historyItemCaption .historyItemTitle {
        width: 90%;
        height: 230px;
        padding-top: 30px;
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1.3;
    }

    #aboutHistory .historyMain .historyList .historyItem .historyItemCaption .historyItemLink a {
        background: #333;
    }

    #aboutHistory .historyMain .historySide {
        width: 64px;
        background: transparent;
    }

    #aboutHistory .historyMain .historySide .historySideArrow {
        width: 100%;
    }

    #aboutHistory .historyMain .historySide .historySideArrow a {
        display: block;
        height: 100%;
        width: 64px;
        width: 13.33333vw;
        position: absolute;
        z-index: 10;
    }

    #aboutHistory .historyMain .historySide .historySideArrow img {
        width: 32px;
        width: 6.66667vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #aboutHistory .historyMain .historySide.historyLeftSide {
        left: 0;
    }

    #aboutHistory .historyMain .historySide.historyLeftSide .historySideArrow {
        right: 0;
        background-size: 100% 100%;
    }

    #aboutHistory .historyMain .historySide.historyLeftSide .historySideArrow a {
        left: 0;
        right: auto;
    }

    #aboutHistory .historyMain .historySide.historyLeftSide .historySideArrow img {
        left: 16px;
        right: auto;
    }

    #aboutHistory .historyMain .historySide.historyRightSide {
        right: 0;
    }

    #aboutHistory .historyMain .historySide.historyRightSide .historySideArrow {
        left: 0;
        background-size: 100% 100%;
    }

    #aboutHistory .historyMain .historySide.historyRightSide .historySideArrow a {
        left: auto;
        right: 0;
    }

    #aboutHistory .historyMain .historySide.historyRightSide .historySideArrow img {
        left: auto;
        right: 16px;
    }

    #aboutHistory .historyLinkWrap .historyLink {
        width: 100%;
        text-align: right;
    }

    #aboutHistory .historyLinkWrap .historyLink a {
        transform: none;
    }

    #aboutOther {
        padding: 77px 0px 29px;
        padding: 16vw 0vw 6vw;
    }

    #aboutOther .otherTitle {
        margin-bottom: 28px;
        margin-bottom: 5.86667vw;
    }

    #aboutOther .otherList {
        padding: 0px 8px;
        padding: 0vw 1.73333vw;
        width: auto;
    }

    #aboutOther .otherList::after {
        display: block;
        content: "";
        clear: both;
    }

    #aboutOther .otherList .otherItem {
        width: 50%;
        font-size: 1.1rem;
        line-height: 26px;
        line-height: 5.33333vw;
        padding: 10px 10px;
        padding: 2vw 2.13333vw;
        margin: 0;
        display: block;
        float: left;
    }

    #aboutOther .otherList .otherItem a {
        width: auto;
        padding: 13px 0px 10px;
        padding: 2.8vw 0vw 2vw;
    }
}

.-isHidden {
    position: relative;
    top: 50px;
    opacity: 0 !important;
}

.-fadeIn {
    position: relative;
    top: 0;
    opacity: 1 !important;
    transition: opacity .5s, top .5s;
}

.js-modal__open {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.js-modal__videoContainer {
    display: table;
    max-width: 980px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.js-modal__videoInner {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    vertical-align: middle;
}

.js-modal__videoInner span {
    display: block;
    position: relative;
}

.js-modal__videoInner span::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -30px;
    right: 5px;
    width: 40px;
    height: 40px;
    border-top: solid 3px #fff;
    transform: rotate(45deg);
    cursor: pointer;
}

.js-modal__videoInner span::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -30px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-top: solid 3px #fff;
    transform: rotate(-45deg);
    cursor: pointer;
}