@charset "utf-8";
/* ==========================================================================
 
   common

========================================================================== */
#contents {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .05em;
}

.rg-menu-activation {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background-color: #c80421;
}

.rg-header img {
    vertical-align: middle;
}

.rg-section-tit img {
    width: auto;
    height: 30px;
}

.rg-section-tit {
    line-height: 80px;
    text-align: center;
    border-bottom: 1px solid #fff;
    background-color: #c80421;
}

.rg-section-tit img {
    vertical-align: middle;
}

.section {
    box-sizing: border-box;
}

.rg-section-ttl {
    position: absolute;
    top: 63px;
    width: 100%;
    height: 80px;
    text-align: center;
    background-color: #c80421;
}

.fp-tableCell {
    position: relative;
}

.rg-section-ttl img {
    height: 18px;
}

.rg-section-ttl img {
    margin-top: 30px;
}

a:hover {
    text-decoration: none;
}

a p {
    color: #c80421;
}

@media screen and (min-width: 768px) {
    /* for tablet */
    body,
    html {
        min-width: 1000px;
        min-height: 1333px;
    }
    .section {
        overflow: hidden;
    }
    .rg-logo img {
        /*width: 150px;*/
        height: 20px;
    }
    .rg-menu-item img {
        width: auto;
        height: 12px;
    }
    .rg-menu-sub-item a {
        -webkit-transition: .1s background linear;
        -moz-transition: .1s background linear;
        -ms-transition: .1s background linear;
        -o-transition: .1s background linear;
        transition: .1s background linear;
        background-color: rgba(200, 4, 33, 0);
    }
    .rg-menu-sub-item a:hover {
        background-color: rgba(200, 4, 33, .1);
    }
    .rg-header-wrap {
        position: relative;
        z-index: 100;
    }
    .rg-header-wrap {
        position: fixed;
        top: 0;
        width: 100%;
    }
    .rg-header-wrap {
        -webkit-transition: .25s transform ease-out;
        -moz-transition: .25s transform ease-out;
        -ms-transition: .25s transform ease-out;
        -o-transition: .25s transform ease-out;
        transition: .25s transform ease-out;
    }
    .rg-header-wrap.is-hide {
        -webkit-transform: translateY(-110px);
        -moz-transform: translateY(-110px);
        -ms-transform: translateY(-110px);
        -o-transform: translateY(-110px);
        transform: translateY(-110px);
    }
    #footer {
        -webkit-transition: .25s transform ease-out;
        -moz-transition: .25s transform ease-out;
        -ms-transition: .25s transform ease-out;
        -o-transition: .25s transform ease-out;
        transition: .25s transform ease-out;
    }
    #footer.is-hide {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    .rg-header__inner {
        /* position: relative; */
    }
    .rg-header {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 60px;
        border-top: 3px solid #c80421;
        background-color: #fff;
    }
    .rg-logo {
        line-height: 60px;
        /* position: absolute; */
        top: 10px;
        left: 10px;
    }
    .rg-menu {
        position: static;
        margin-top: -60px;
        padding-left: 406px;
    }
    .rg-header__inner {
        width: 980px;
        height: 60px;
        margin: 0 auto;
    }
    .rg-menu-item {
        display: inline-block;
        vertical-align: top;
    }
    .rg-menu-item a {
        font-size: 12px;
        font-weight: bold;
        line-height: 60px;
        display: block;
        padding: 0 20px;
    }
    .rg-menu-sub {
        position: absolute;
        left: 0;
        width: 100%;
        height: 46px;
        -webkit-transform: perspective(2000) rotateX(-90deg);
        -moz-transform: perspective(2000) rotateX(-90deg);
        -ms-transform: perspective(2000) rotateX(-90deg);
        -o-transform: perspective(2000) rotateX(-90deg);
        transform: perspective(2000) rotateX(-90deg);
        transform-origin: center 0 0;
        text-align: center;
        background: rgba(255, 255, 255, .7);
        perspective-origin: 50% 50%;
    }
    .rg-menu-sub-item img {
        vertical-align: middle;
    }
    .rg-menu-sub-item a {
        line-height: 46px;
        display: block;
        width: 100%;
    }
    .rg-menu-sub-item {
        display: inline-block;
    }
    .rg-menu-btn {
        display: none;
    }
    .rg-menu-wrapper {
        display: block !important;
        opacity: 1 !important;
    }
    .rg-btn-close {
        display: none;
    }
    .rg-menu-item-2 {
        margin-left: 24px;
    }
    .rg-menu-item-3 {
        margin-left: 22px;
    }
    .rg-menu-sub-item {
        padding: 0 20px;
    }
    .rg-section__inner {
        padding-top: 93px;
    }
    .rg-contents-area__inner {
        overflow: hidden;
        padding-top: 20px;
    }
    #size-detect {
        font-family: 'normal';
    }
    .rg-menu-item img {
        height: 15px;
    }
    .rg-menu-sub-item img {
        height: 16px;
    }
    .rg-menu-sub-item:nth-child(3) img {
        height: 16px;
    }
    .for-sp {
        display: none !important;
    }
    .multiple-items div img {
        box-sizing: border-box;
        border: 1px solid #dfdfdf;
    }
    .multiple-items div img.brand {
        border: none;
    }
    .for-sp {
        display: none;
    }
}

@media screen and (min-width: 1680px) {
    .rg-header__inner {
        width: 1573px;
    }
}

@media screen and (max-width: 767px) {
    #size-detect {
        font-family: 'small';
    }
    .rg-contents-area {
        padding-top: 30px !important;
    }
    .rg-section-tit {
        line-height: 60px;
    }
    .rg-logo img {
        height: 20px;
        margin: 18px 19px;
    }
    .rg-section-tit img {
        width: auto;
        height: 18px;
    }
    .section {
        height: auto !important;
    }
    .fp-tableCell {
        display: block;
        height: auto !important;
    }
    .container_inner {
        height: 100%;
    }
    .rg-header-wrap {
        position: relative;
        z-index: 100;
        height: 100%;
    }
    .rg-menu-sub {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    .rg-menu-sub-item {
        margin-top: 20px;
    }
    .rg-menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: #c80421;
        /* padding-top: 140px; */
    }
    .rg-menu-item {
        margin-bottom: 32px;
    }
    .rg-menu {
        padding-top: 150px;
    }
    .is-menu-open {
        position: fixed;
        height: 100% !important;
    }
    .is-menu-open body,
    .is-menu-open .container,
    .is-menu-open .container_inner {
        height: 100% !important;
    }
    .rg-menu-wrapper {
        display: none;
        opacity: 0;
    }
    .rg-menu-wrapper.is-show {
        display: block;
    }
    .rg-header {
        position: relative;
        width: 100%;
    }
    .rg-header.is-fixed {
        position: fixed;
        top: 0;
    }
    .rg-menu-btn {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .rg-btn-close {
        position: absolute;
        top: 75px;
        left: 3px;
        width: 50px;
        height: 50px;
    }
    .rg-header {
        background-color: #fff;
    }
    .csstransitions.js-ready .container_inner {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .csstransitions.js-nav .container_inner {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    .section-message {
        /*padding-bottom: 110px;*/
    }
    .fp-scrollable {
        height: auto !important;
    }
    #fullpage {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    #contents {
        font-size: 13px;
    }
    .rg-contents-text p {
        line-height: 1.7;
        margin-bottom: 5px;
    }
    .rg-contents-tit img {
        height: 15px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .for-pc {
        display: none;
    }
    .rg-section-ttl {
        position: relative;
        top: 0;
        height: 60px;
    }
    .rg-section-ttl img {
        height: 12px;
    }
    .rg-section-ttl img {
        margin-top: 24px;
    }
    .for-pc {
        display: none !important;
    }
    ul.rg-menu-sub {
        margin-bottom: 52px;
    }
    .rg-menu-btn img {
        width: 25px;
        margin-top: 7px;
        margin-right: 10px;
    }
    .rg-btn-close img {
        width: 20px;
    }
    .rg-menu-sub-item:nth-child(3) img {
        height: 13px;
    }
    .rg-menu-item img {
        height: 16px;
    }
    .rg-menu-sub-item img {
        height: 13px;
    }
}

/* ==========================================================================

   modules

========================================================================== */
.rg-contents-thumb__inner{
	display: inline-block;
	overflow:hidden;
	position: relative;
	background-color: #fff;
    z-index: 10;
}
.rg-contents-thumb__shadow{
	background-color: #999999;
    position: absolute;
    right: 46px;
    bottom: -84px;
    width: 72%;
    height: 100%;

}
.rg-contents-thumb{
	position: relative;
}
.section-message .rg-contents-thumb img{
	transform-origin: center center;

    -webkit-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-ms-transform: perspective(1000px);
	-o-transform: perspective(1000px);
	transform: perspective(1000px);
    perspective-origin: 50% 50%;
}

@media screen and (min-width: 768px){
	.section-message .rg-contents-thumb{
		width: 413px;
		float: left;
		position: relative;
	}

	.rg-contents-thumb__shadow{
		background-color: #999999;
		width: 335px;
		height: 380px;
		position: absolute;
		right: 0;
		bottom: -89px;
	}

	.section-message .rg-contents-thumb img{
		/* width: 375px; */
		width:400px;
		position: relative;
		
	}

	#section5 .rg-contents-thumb img {
		width: 309px;
	}
	#section5 .rg-contents-thumb {
    	width: 572px;
    	margin-bottom: 63px;
    	float: right;
    }
    #section5 .rg-contents-thumb__shadow {
	    background-color: #c80421;
	    width: 294px;
	    height: 398px;
	    position: absolute;
	    right: 108px;
	    bottom: -28px;
	}

	#section2 .rg-section-tit {
		margin-top: 110px;
	}
}

@media screen and (max-width: 767px){
	.rg-contents-thumb__inner{
		background-color: transparent;
	}
	.rg-contents-thumb__shadow {
	    right: 46px;
	    bottom: -62px;
	    width: 72%;
	    height: 88%;
	}
	.section-message .rg-contents-thumb{
		text-align: left;
		position: relative;
		width: 90%;
		margin: 0 auto;
		margin-top: 45px;

	}
	.section-message .rg-contents-thumb img{
		width: 80%;
		position: relative;
	}
	#section5 .rg-contents-thumb img{
		width: 335px;
	}
	#section5 .rg-contents-thumb {
		margin-top: 0px;
	}
	#section3.section-message .rg-contents-thumb {
		margin-bottom: 106px;
	}
	#section5 .rg-contents-thumb__shadow {
	    right: 3%;
	    bottom: -16px;
	    width: 84%;
	    height: 94%;
	}
}
/* ==========================================================================

   Loading

========================================================================== */
.rg-loading {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.rg-loading.is-fade {
    -webkit-transition: .3s opacity linear;
    -moz-transition: .3s opacity linear;
    -ms-transition: .3s opacity linear;
    -o-transition: .3s opacity linear;
    transition: .3s opacity linear;
    opacity: 0;
}

.loading-rect {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.rg-loading-rect-container {
    position: relative;
    width: 40px;
    height: 40px;
}

.rg-loading-rect-container .rg-loading-rect-item {
    position: relative;
    float: left;
    width: 50%;
    height: 50%;
}

.rg-loading-rect-container .rg-loading-rect-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    background-color: #c80421;
}

.rg-loading-rect-container.animate .rg-loading-rect-item:before {
    -webkit-animation: loading-animation 2.4s infinite linear both;
    animation: loading-animation 2.4s infinite linear both;
}

.rg-loading-rect-container.animate .rg-loading-rect-item-2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.rg-loading-rect-container.animate .rg-loading-rect-item-3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.rg-loading-rect-container.animate .rg-loading-rect-item-4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

@-webkit-keyframes loading-animation {
  0%, 10% {
    opacity: 0; 
  } 25%, 75% {
    opacity: 1; 
  } 90%, 100% {
    opacity: 0; 
  } 
}

@keyframes loading-animation {
  0%, 10% {
    opacity: 0; 
  } 25%, 75% {
    opacity: 1; 
  } 90%, 100% {
    opacity: 0; 
  } 
}


/* ==========================================================================

   Scene Youtube
   
========================================================================== */
.youtube-capture .ico-play img{
	width: 76px;
	height: 76px;
}

.ico-play{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -38px;
	margin-top: -38px;
}
.youtube-poster{
	position: relative;
	z-index: 1;
}
.youtube-capture{
	
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	position: relative;
	
}
iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	
	
}
.youtube-capture img{
	width: 100%;
	height: auto;
	z-index: 1;
	position: relative;
}
#youtube-container{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 173px;
	position: relative;
	
}
.youtube{
	/*position: absolute;*/
	width: 100%;
	height: 100%;
}
.youtube.is-hide{
	display: none;
}
@media screen and (min-width: 768px){
	#youtube-container img{
		display: none;
	}
}
@media screen and (max-width: 767px){
	iframe{
		top: 0;
	}

	#youtube-container{
		padding-top: 0;
	}
}

/* ==========================================================================

   Section Who we are

========================================================================== */
.section-about{
	text-align: center;
	color: #fff;
	background-color: #c80421;
}

.section-about .rg-section-tit{
	margin-bottom: 10px;
	width: 100%;
}

.section-about .rg-contents-area{
	width: 90%;
	max-width: 670px;
	margin: 0 auto;
	padding: 58px 0 0 0;
}
.section-about .rg-contents-tit{
	margin-bottom: 77px;
}

.section-about .rg-contents-tit img{
	/*width: 134px;*/
	height: 20px;
}
.section-about .rg-contents-area p{
	margin-bottom: 20px;
	letter-spacing: 0.08em;
	text-align:justify;
}

#section2 .rg-contents-area > p {
	font-size: calc(1em + 2px);
}
@media screen and (min-width: 768px){

}
@media screen and (max-width: 767px){
	.section-about .rg-contents-area {
		padding: 30px 0 60px 0;
	}
	.section-about .rg-contents-tit img {
	     width: auto; 
		 height: 15px;
	     margin-top: 0;
	}
	.section-about .rg-contents-area p {
	    margin-bottom: 10px;
	}
	.section-about .rg-contents-tit {
	    margin-bottom: 0px;
	}
}



/* ==========================================================================

   Section Our Mission

========================================================================== */
.section-message{
	text-align: center;
}

.section-message .rg-ceo-name-area{
	position: absolute;
	left: 15px;
	bottom: 15px;
}

#size-detect{
	display: none;
}

.rg-ceo-name-area{
	text-align: left;
	color: #fff;
	letter-spacing: 0.1em;
}
.rg-ceo-tit{
	font-size: 12px;
	margin-bottom: 6px;
}
.rg-ceo-name{
	font-size: 15px;
}

/*typo*/

.typo-item {
    position: absolute;
    display: block;
    overflow: hidden;
}

.typo-item-1 {
    top: 0;
    left: 50%;
}

.typo-item-2 {
    top: 82px;
    left: 150px;
}

.typo-item-3 {
    top: 80px;
    left: calc(50% + 300px);
}

.typo-item-4 {
    top: 82px;
    left: 150px;
}

.typo-item-5 {
    top: 82px;
    left: 195px;
}

.typo-item-6 {
    top: 160px;
    left: 156px;
}

.typo-item-7 {
    top: 213px;
    left: 185px;
}
.typo-container{
     -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
@media screen and (min-width: 768px){
	.typo-container{
		position: relative;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	   

	}
	.section-message .rg-contents-tit img{
		height: 20px;
	}
	.section-message .rg-contents-area{
		 overflow:hidden; 
		width: 950px;
		margin: 0 auto;
		font-size: 12px;
		letter-spacing: -0.01em;
		line-height: 1.6;
	}
	.section-message .rg-contents-message-typo img{
		/*width: 348px;*/
	}


	.section-message .rg-contents-message-typo{
		margin-bottom: 4px;
	}

	.section-message .rg-contents-text{
		text-align: left;
		/* width: 50%; */
		/* float: left; */
		/* padding-left: 440px; */
		float: right;
		width: 500px;
	}

	.section-message .rg-contents-text p{
		margin-bottom: 15px;
		text-align: justify;
	}
	
	.rg-message-area{
		height: 480px;
		line-height:2.06;
	}
	
	.rg-message-indent{
		/* margin-top: 100px; */
	}
}

@media screen and (max-width: 767px){
	.rg-ceo-tit {
	    font-size: 9px;
	    margin-bottom: -2px;
	}
	.rg-ceo-name {
	    font-size: 12px;
	}

	.typo-container{
		width: 470%;
-webkit-transform: scale(0.47);
		-moz-transform: scale(0.47);
		-ms-transform: scale(0.47);
		-o-transform: scale(0.47);
		transform: scale(0.36);
		transform-origin: 0 0;
		height:90px;
	}

	.section-message .rg-ceo-name-area {
	    bottom: 8px;
	}
	.rg-message-indent{
		/*padding-top: 120px;*/
	}
	.section-message .rg-contents-message-typo img{
	
		margin-bottom: 3px;
	}
	.section-message .rg-contents-text{
		text-align: left;
		width: 90%;
    	margin: 0 auto;
    	font-size: 12px;
	}
	.typo-item-1 {
		width: 80%;
		top: 0;
		left: -10%;
	}

	.typo-item-3 {
		top: 80px;
		left: 20%;
	}
}


/* ==========================================================================

   Section Regional Presence

========================================================================== */
#section4 {
    text-align: center;
    /* background-color: #eeb3bc; */
}

#section4 .rg-contents-tit img {
    height: 20px;
}

.map {
    position: absolute;
    right: 0;
    left: 0;
    width: 720px;
    margin: 0 auto;
}

.map1 {
    position: relative;
}

#section4 .map-container {
    height: 334px;
    margin-top: 70px;
    margin-bottom: 50px;
}

#section4 .map-number {
    width: 587px;
    height: auto;
    margin: 0 auto;
    margin-top: -300px;
    overflow: hidden;
}

.map-number-border {
    clear: both;
    width: 100%;
    height: 1px;
    /* background-color: #c80421; */
	background-color: #000000;
}

.map-number-border--top {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.map-number-border--bottom {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

#section4 .map-number .counts {
    float: left;
    box-sizing: border-box;
    width: 33%;
    height: 100px;
    text-align: center;
}

.count-num-box {
    margin-top: 18px;
    margin-bottom: 8px;
}

#section4 .map-number .counts img.count-unit {
    height: 12px;
    vertical-align: top;
}

#section4 .map-number .counts.count1 img.count-unit {
    height: 12px;
}

.count-num-box {
    display: inline-block;
    overflow: hidden;
}

.count-txt-box {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    #section4 .rg-contents-tit img {
        height: 15px;
    }
    #section4 .map-number .counts img.count-unit {
        height: 12px;
        margin-top: -20px;
        vertical-align: bottom;
    }
    #section4 .map-number .counts.count1 img.count-unit {
        height: 12px;
    }
    #section4 .map-number .counts.count2 img.count-unit {
        /*margin-bottom: -2px;*/
    }
    #section4 .map-number .counts img.count-unit.count-unit2 {
        margin-bottom: 10px;
    }
    .map {
         width: 95%;
        margin: 0 auto;
    }
    #section4 .map-container {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #section4 .map-container {
        height: auto;
    }
    #section4 .map-number {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    #section4 .map-number .counts {
        height: 84px;
        padding: 0;
    }
   
    #section4 .count-num-box {
        margin-top: 20px;
        margin-bottom: -7px;
    }
    #section4 .map-number .counts img.for-sp {
        margin-top: 8px;
    }
    #section4 {
        padding-bottom: 40px;
    }
    .line1 {
        height: 10px;
        padding-top: 4px;
    }
    .line2 {
        height: 18px;
    }
    .count {
        height: 27px;
    }
}


/* ==========================================================================

   Section Where to find us

========================================================================== */
#section5 {
    text-align: center;
}

#section5 .rg-contents-text img.google-link {
    width: 50px;
    -webkit-transition: .1s opacity linear;
    transition: .1s opacity linear;
    border-bottom: none;
}

#section5 .rg-contents-text img.google-link:hover {
    opacity: .7;
}

#section5 .rg-contents-text {
    font-size: 12px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.office-name{
	overflow: hidden;
}
@media screen and (min-width: 768px) {
    #section5 .rg-contents-tit img {
        height: 20px;
    }
    #section5 .rg-contents-area {
        font-size: 12px;
        line-height: 1.2;
        margin: 0 auto;
        letter-spacing: -.01em;
    }
    #section5 .rg-contents-area {
        width: 845px;
    }
    #section5 .rg-contents-area {
        padding-top: 80px;
    }
    #section5 .rg-contents-text {
        float: left;
        margin-top: 150px;
    }
    #section5 .rg-contents-text p {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.7em;
    }
    #section5 .rg-contents-text img {
        width: 256px;
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid black;
    }
    #section5 .rg-contents-text {
        width: 273px;
    }
    #section5 .rg-contents-text p {
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 767px) {
    #section5 .rg-contents-text p {
        font-weight: bold;
    }
    #section5 {
        padding-bottom: 30px;
    }
    #section5 .rg-contents-text img {
        width: 212px;
        margin-top: 70px;
        margin-bottom: 10px;
        padding-bottom: 4px;
        border-bottom: 1px solid black;
    }
    #section5 .rg-contents-text p {
        margin-bottom: 10px;
    }
    #section5 .rg-contents-text img.google-link {
        width: 41px;
        margin-top: 0;
    }
    #section5 .rg-contents-thumb {
        position: relative;
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }
}

/* ==========================================================================

   Section Our brands

========================================================================== */
.slide-box p {
	color: #000;
	margin-top: 20px;
	font-size: 18px;
}

.slick-slider {
    width: 842px;
    margin: 30px auto;
}

.multiple-items div img {
    width: 270px;
}

.slick-prev,
.slick-next {
    top: 41%;
    width: 20px;
    height: 65px;
    background-size: 20px;
}

.slick-prev {
    left: -45px;
    background-image: url(../img/slick/arrow-prev.png);
}

.slick-next {
    right: -45px;
    background-image: url(../img/slick/arrow-next.png);
}

.slick-list.draggable {
    margin-left: 10px;
}

.slide-box-img {
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    -o-transform: perspective(1000px);
    transform: perspective(1000px);
    /*perspective: 1000pxpx;*/
    perspective-origin: 50% 50%;
}

img.link-font {
    height: 30px;
    margin-top: 25px;
    -webkit-transition: .1s opacity linear;
    transition: .1s opacity linear;
}

a:hover img.link-font {
    opacity: .7;
}

.multiple-items div img.brand {
    width: auto;
    height: 16px;
    margin: 20px auto 40px auto;
}
.multiple-items div a img {
    -webkit-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}
.multiple-items div a:hover img {
    opacity: .7;
}

.slick-dots {
    margin-top: 20px;
}

.slick-dots li {
    width: 40px;
    height: 4px;
    margin: 0 5px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #c80421;
}

.slick-dots li button:before {
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 5px;
    content: '';
    text-align: center;
    opacity: 1;
    background-color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#section6 p {
    font-size: 16px;
    margin-bottom: 70px;
    text-align: center;
	width: 83%;
    margin: 0 auto;
}

img.outside {
    width: 10px !important;
    height: 8px;
    display: inline !important;
    vertical-align: middle;
    margin-left: 3px;
}

@media screen and (min-width: 768px) {
    .slick-list {
        margin-top: -30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .multiple-items {
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }
    .multiple-items div.slide-box {
        float: left;
        overflow: hidden;
        box-sizing: border-box;
        width: 50%;
        border-top: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
    }
    .multiple-items div img {
        width: 100%;
        border: none;
    }
    .multiple-items div img.brand {
        display: block;
        width: auto;
        height: 10px;
        margin: 15px auto 27px auto;
    }
    img.link-font {
        display: block;
        height: 18px;
        margin: 20px 0;
    }
    #section6 p {
        font-size: 13px;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    #section6 .slide-box p {
        font-size: 11px;
        width: 100%;
        margin: 20px 0;
        -webkit-transition: .1s opacity linear;
        transition: .1s opacity linear;
    }
    #section6 .slide-box a:hover p {
        opacity: .7;
    }
	#section6 .blank {
		height: 26px;
	}
}

/* ==========================================================================

   Section News

========================================================================== */
#section7 .left-side p.read-more {
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 0;
    padding-right: 30px;
    cursor: pointer;
    -webkit-transition: .1s opacity linear;
    transition: .1s opacity linear;
    text-align: right;
    text-decoration: none;
    color: #c80421;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: 98% 7px;
    background-size: 11px;
}

#section7 .left-side p.read-more:hover {
    opacity: .7;
}

#section7 .left-side p.read-more.open {
    background-image: url(../img/minus.png);
}

#section7 .left-side li a {
    text-decoration: underline;
}

#section7 .left-side ul {
    margin-bottom: 20px;
}

#section7 .left-side li {
    font-size: 12px;
    letter-spacing: 0;
}

#section7 .left-side li.date {
    margin-bottom: 2px;
    color: #c80421;
}

@media screen and (min-width: 768px) {
    #section7 .left-side {
        position: relative;
        width: 100%;
        margin: 0;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    #section7 .right-side {
        float: center;
        box-sizing: border-box;
        width: 38.5%;
        padding-left: 20px;
    }
    #section7 .left-side p {
        font-size: 12px;
        margin-bottom: 20px;
        color: black;
    }
    #section7 .right-side p {
        font-size: 16px;
        margin-bottom: 50px;
        letter-spacing: 0;
    }
    #section7 .left-side img.tit1 {
        width: 258px;
        margin-bottom: 40px;
    }
    #section7 .right-side img.tit2 {
        width: 185px;
        margin-bottom: 40px;
    }
    #section7 .contents {
        width: 862px;
        margin: 0 auto;
        margin-top: 30px;
    }
    img.press-contact {
        width: 268px;
    }
}

@media screen and (max-width: 767px) {
    #section7 .left-side {
        padding-bottom: 20px;
    }
    #section7 .right-side p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 30px;
    }
    #section7 .right-side img.tit2 {
        width: 175px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #section7 .left-side {
        padding-bottom: 47px;
        /* border-bottom: 1px solid #c80421; */
    }
    img.press-contact {
        width: 203px;
        margin-top: 20px;
    }
    #section7 .left-side a p.read-more {
        margin-bottom: 40px;
        background-position: 96% 6px;
    }
    #section7 .left-side li.date {
        margin-bottom: 0;
    }
    #section7 .left-side li {
        font-size: 11px;
        margin-bottom: 20px;
        color: black;
    }
    #section7 .contents {
        width: 90%;
        margin: 0 auto;
    }
    #section7 .left-side img.tit1 {
        width: 243px;
        margin-bottom: 20px;
    }
	#section7 .blank {
		height: 26px;
	}
}


/* ==========================================================================

   SNS

========================================================================== */

.sns-area {
    width: 100%;
    display: block;
    /* float: none; */
    clear: both;
    text-align: center;
    padding-top: 75px;
}
.sns-area img {
	height: 21px;
	margin: 0 10px;
	-webkit-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}

.sns-area img:hover,img.linked-in:hover {
	opacity:0.7;
}
img.linked-in {
	-webkit-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
    width: 34px;
    display: block;
}
@media screen and (max-width: 767px){
	.sns-area {
		margin-bottom: 22px;
		padding-top: 30px;
	}
	img.linked-in {
		width: 40px;
	}
	
	.sns-area img {
	    height: 25px;
	    margin: 0 20px;
	}
}
.slide-box.slick-slide.slick-active{
    outline: none;
}


#section5 .rg-section__inner {
	padding-top:0;
}

/*#section5 .rg-contents-area {
	padding-top:0 !important;
}*/

#section5 .rg-contents-tit1 {
	margin-top:63px;
}

#section5 .rg-contents-tit1 img {
	height:20px;	
}

#section5 .address .address-list {
	margin-top:60px;
}

#section5 .address .address-list li {
	border-top:1px dashed #b3bdc3;
	text-align: left;
	padding: 7px 0 8px 0;
	color: #140e16;
	line-height: 1.4;
}

#section5 .address .address-list li.last {
	border-bottom:1px dashed #b3bdc3;
}

#section5 .address .address-list li p {
	font-weight: bold;
}

@media screen and (max-width: 767px){
	#section5 .rg-contents-tit1 {
    	width: 90%;
    	height: auto;
    	margin: 0 auto;
	}
	#section5 .rg-contents-tit1 img {
		height: 15px;
		margin-top: 35px;
		margin-bottom: 35px;
	}
	#section5 .address .address-list {
		margin-top:0;
	}
}

@media screen and (max-width: 767px){
	#section5 .address .address-list {
    	width: 90%;
    	padding:0 5%;
    	height: auto;
	}
}

#section5 .rg-contents-area__inner .js-anim-thumb {
	display: none;
}
