@charset "UTF-8";

/* *******************************************
 * common
 ****************************************** */
 
/* */
.btn--index {
	position: relative;
	display: inline-block;
	padding: 10px 15px 10px 25px;
	padding-right: 10px;
	border: 3px solid #fff;
	border-radius: 0;
	background: rgba(0,0,0,0.2);
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
a.index-btn:hover .btn--index,
.btn--index:hover {
	color: #333;
	background: #fff;
}
.btn--index > i {
	margin-left: 35px;
}
.btn--index > i:before {
	font-weight: bold;
}
.btn--index02 {
	position: relative;
	display: inline-block;
	padding: 3px 3px 2px 5px;
	border: 1px solid #666;
	border-radius: 0;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
}
.btn--index02 > i {
	margin-left: 3px;
}
.btn--index02 > i:before {
	font-size: 8px;
}

/* */
.index-box {
	position: relative;
	background: #000;
	color: #fff;
	overflow: hidden;
}
.index-box .index-btn {
	display: block;
}
.index-box a {
	color: #fff;
	/* position: relative; */
}
.index-box-num .index-btn:before,
.index-box-about .index-btn:before,
.index-box-rd .index-btn:before,
.index-box-cm .index-btn:before,
.index-box-2 .index-btn:before,
.index-box-3 .index-btn:before,
.index-box-4 .index-btn:before,
.index-box-6 .index-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	-webkit-transform: scale(1) rotateZ(0);
	transform: scale(1) rotateZ(0);
	-webkit-transition: all 3s;
	transition: all 3s;
}
@media only screen and (min-width: 768px), print{
	.index-box-cm .index-btn:before {
		background: url("../img/index/index_bg_cm.jpg") center no-repeat fixed;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px){
	.index-box-cm .index-btn:before {
		background: url("../img/index/index_bg_cm_sp.jpg") center no-repeat scroll;
		background-size: cover;
	}
}
@media only screen and (min-width: 768px), print{
	.index-box-rd .index-btn:before {
		background: url("../img/index/index_bg_rd.jpg") center no-repeat fixed;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px){
	.index-box-rd .index-btn:before {
		background: url("../img/index/index_bg_rd_sp.jpg") center no-repeat scroll;
		background-size: cover;
	}
}
@media only screen and (min-width: 768px), print{
	.index-box-num .index-btn:before {
		background: url("../img/index/index_bg_numbers.jpg") center no-repeat;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px){
	.index-box-num .index-btn:before {
		background: url("../img/index/index_bg_numbers_sp.jpg") center no-repeat scroll;
		background-size: cover;
	}
}
@media only screen and (min-width: 768px), print{
	.index-box-about .index-btn:before {
		background: url("../img/index/index_bg_more_about.gif") center no-repeat;
		/*background: url("../img/index/index_bg_more_about.jpg") center no-repeat;*/
		background-size: cover;
	}
}
@media only screen and (max-width: 767px){
	.index-box-about .index-btn:before {
		background: url("../img/index/index_bg_more_about_sp.jpg") center no-repeat scroll;
		background-size: cover;
	}
}
.index-box-2 .index-btn:before {
	background: url("../img/index/index_bg02.jpg") center no-repeat fixed;
	background-size: cover;
}
.index-box-3 .index-btn:before {
	background: url("../img/index/index_bg03.jpg") center no-repeat fixed;
	background-size: cover;
}
.index-box-4 .index-btn:before {
	background: url("../img/index/index_bg04.jpg") center no-repeat fixed;
	background-size: cover;
}
.index-box-6 .index-btn:before {
	background: url("../img/index/index_bg06.jpg") center no-repeat fixed;
	background-size: cover;
}
.index-box-num .index-btn:hover:before,
.index-box-about .index-btn:hover:before,
.index-box-cm .index-btn:hover:before,
.index-box-2 .index-btn:hover:before,
.index-box-3 .index-btn:hover:before,
.index-box-4 .index-btn:hover:before,
.index-box-6 .index-btn:hover:before {
	opacity: 0.6;
}
.index-box-num .index-btn:hover:before {
	-webkit-transform: scale(1.1) rotateZ(-1deg);
	transform: scale(1.1) rotateZ(-1deg);
}
.index-box-about .index-btn:hover:before {
	-webkit-transform: scale(1.1) rotateZ(-1deg);
	transform: scale(1.1) rotateZ(-1deg);
}
.index-box-cm .index-btn:hover:before {
	-webkit-transform: scale(1.1) rotateZ(-1deg);
	transform: scale(1.1) rotateZ(-1deg);
}
.index-box-2 .index-btn:hover:before {
	-webkit-transform: scale(1.1) rotateZ(-1deg);
	transform: scale(1.1) rotateZ(-1deg);
}
.index-box-3 .index-btn:hover:before {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.index-box-4 .index-btn:hover:before {
	-webkit-transform: scale(1.1) rotateZ(1deg);
	transform: scale(1.1) rotateZ(1deg);
}
.index-box-6 .index-btn:hover:before {
	-webkit-transform: scale(1.1) rotateZ(-1deg);
	transform: scale(1.1) rotateZ(-1deg);
}

/* 1 */
.index-box-1_box1 .wrp-grid h2 {
	font-family: 'Minion W01 Caption',"游明朝", YuMincho, 'Nud Motoya Mincho W50',"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
    font-weight: normal;
}

.index-box-1 .index-box_inner {
	z-index: 2;
}
.index-box-1_box1 {
	position: relative;
	z-index: 2;
}
.index-box-1_box2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-filter: saturate(100%) contrast(100%);
	filter: saturate(100%) contrast(100%);
	-webkit-animation: heartBeat 3s infinite;
	animation: heartBeat 3s 1.3946s infinite;
}
.index-box-1_box2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	opacity: 0;
	-webkit-transition: all 0.145s linear;
	transition: all 0.145s linear;
}
.index-box-1_box2 li.js-current {
	opacity: 1;
}
.index-box-1_box2-1 {
	background: url("../img/index/index_bg01_1.jpg") center no-repeat fixed;
}
.index-box-1_box2-2 {
	background: url("../img/index/index_bg01_2.jpg") center no-repeat fixed;
}
.index-box-1_box2-3 {
	background: url("../img/index/index_bg01_3.jpg") center no-repeat fixed;
}
.index-box-1_box2-4 {
	background: url("../img/index/index_bg01_4.jpg") center no-repeat fixed;
}
.index-box-1_box2-5 {
	background: url("https://www.ngkntk.co.jp/resource/img/index/index_bg01_5.jpg") center no-repeat fixed;
}
.index-box-1_box2-6 {
	background: url("https://www.ngkntk.co.jp/resource/img/index/index_bg01_6.jpg") center no-repeat fixed;
}
.index-box-1_box2-7 {
	background: url("https://www.ngkntk.co.jp/resource/img/index/index_bg01_7.jpg") center no-repeat fixed;
}
.index-box-1_box2-8 {
	background: url("https://www.ngkntk.co.jp/resource/img/index/index_bg01_8.jpg") center no-repeat fixed;
}
.index-box-1_box2-9 {
	background: url("https://www.ngkntk.co.jp/resource/img/index/index_bg01_9.jpg") center no-repeat fixed;
}

/* 5 */
.index-box-5_box1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.index-box-5_box1 > span {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.index-box-5_box1 > span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: auto 100% !important;
	-webkit-transition: all 3s;
	transition: all 3s;
}
.index-box-5_box1-1:before {
	background: #000 url("../img/index/index_bg05_1.jpg") center left no-repeat fixed;
}
.index-box-5_box1-2:before {
	background: #ededed url("../img/index/index_bg05_2.jpg") center right no-repeat fixed;
}
.index-box-5 .index-btn:hover + .index-box-5_box1 > .index-box-5_box1-1:before {
	-webkit-transform: scale(1.2) rotate(-1deg);
	transform: scale(1.2) rotate(-1deg);
}
.index-box-5 .index-btn:hover + .index-box-5_box1 > .index-box-5_box1-2:before {
	-webkit-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}

/* banner */
.index-irnews{
	padding: 0;
}
.index-irnews time{
	display: inline-block;
}
.index-irnews time + div{
	display: inline-block;
}
.index-box-1_box1-3 li .index-irnews__inner{
	display: block;
}
.index-box-1_box1-3 li .index-irnews__txt{
	width: 260px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-box-1_box1-1 li .index-irnews__txt.index-irnews__txt-en{
	width: 100%;
}
.index-box-1_box1-3 li .index-irnews__icon{
	float: right;
	width: 80px;
	text-align: right;
	text-overflow: clip;
	overflow: auto;
}
@media only screen and (max-width: 767px){
	.index-box-1_box1-3 li .index-irnews__txt{
		display: block;
		float: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 230px;
	}
	.index-box-1_box1-3 li .index-irnews__icon{
		display: block;
		float: right;
		text-align: right;
		text-overflow: clip;
		overflow: auto;
		width: 70px;
	}
	.index-box-1_box1-3 li .index-irnews__icon i{
		font-size: 12px;
	}
	.index-important_box {
		font-size: 12px;
		padding: 0 0 15px;
	}
	.index-important_box p{
		padding: 5px 0;
	}
}
@media only screen and (min-width: 768px), print{
	.index-important_box {
		margin: 0 0 45px;
		padding: 5px 15px 10px;
		background: rgba(0,0,0,0.6);
	}
	.index-important_box p {
		background: transparent;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.index-important_box p:hover {
		background: #000;
	}
}
.index-news-open{
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 100%;
	text-align: center;
}
.index-news-open a{
	display: inline-block;
	margin: 0 auto;
	width: 220px;
	height: 40px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #000;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.index-news-open a:hover{
	background: #fff;
	color: #000;
}
.index-news-open i{
	margin-left: 5px;
	font-size: 10px;
}
[lang=en] .index-box-1_box1-1 li .index-irnews__inner {
	display: block;
}

/* *******************************************
 * SP
 ****************************************** */
@media only screen and (max-width: 767px){
	.index-box_inner {
		position: relative;
		padding: 50px 0 60px;
		text-align: center;
		display:none;
	}

    .index-box{
        display: none;
    }

	.index-box_banner img{
		width: 100%;
	}
	.index-box_banner{
		display:inline-block;
	}
	.index-btn-prev,
	.index-btn-next {
		display: none;
	}
	.index-box .hdg-lv1 {
		margin: 0 -15px 30px;
		font-size: 24px;
		text-align: center !important;
		letter-spacing: 0;
	}
	.index-box a {
		text-decoration: none;
	}
	.index-box .txt-mincho {
		font-size: 14px;
	}
	.index-news-open{
		display: none;
	}
	
	/* 1 */
	.index-box-1 .index-box_inner {
		padding: 100px 0;
	}
	.index-box-1 h1 img {
		max-width: 100%;
		min-width: 280px;
		height: auto;
	}
	.index-box-1_box1 {
		background: #000;
		padding-bottom: 15px;
	}
	.index-box-1_box1 .wrp-container {
		padding-bottom: 0;
	}
	.index-box-1_box1 .wrp-grid {
		margin-right: -15px;
		margin-left: -15px;
	}
	.index-box-1_box1 .btn-block{
		float: right;
	}
	.index-box-1_box1-3,
	.index-box-1_box1-1,
	.index-box-1_box1-2 {
		margin-bottom: 13px;
	}
	.index-box-1_box1-3 .index-box-1_box1-inner,
	.index-box-1_box1-1 .index-box-1_box1-inner{
		padding-bottom: 13px;
		border-bottom: 1px solid #666;
	}
	html[lang=en] .index-box-1_box1-1 {
		margin-bottom: 10px;
		border-bottom: none;
	}
	.index-box-1_box1 h2 {
		float: left;
		width: 50%;
		font-size: 20px;
	}
	.index-box-1_box1 h2 i {
		display: none;
	}
	.index-box-1_box1 ul {
		clear: both;
	}
	.index-box-1_box1 li {
		margin-top: 10px;
	}
	.index-box-1_box1 li:first-child {
		margin-top: 0;
	}
	.index-box-1_box1 li > a > time,
	.index-box-1_box1 li > a > div {
		display: inline-block;
		font-size: 9px;
	}
	.index-box-1_box1 ul p {
		font-size: 10px;
	}
	/*
	.index-box-1_box1-1 li p {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	*/
	.index-box-1_box1-2 {
		margin-bottom: 0;
	}
	.index-box-1_box1-2 li .index-box-1_box1-2_sub {
		display: table;
	}
	.index-box-1_box1-2 li .index-box-1_box1-2_img {
		display: table-cell;
		width: 146px;
		padding: 0 10px 0 0;
		vertical-align: top;
	}
	.index-box-1_box1-2 li .index-box-1_box1-2_txt {
		display: table-cell;
		vertical-align: top;
	}
	.index-box-1_box2 {
		height: 350px;
	}
	.index-box-1_box2-1,
	.index-box-1_box2-2,
	.index-box-1_box2-3,
	.index-box-1_box2-4,
	.index-box-1_box2-5,
	.index-box-1_box2-6,
	.index-box-1_box2-7,
	.index-box-1_box2-8,
	.index-box-1_box2-9 {
		background-attachment: scroll !important;
	}
	.index-box-1_box3 {
		display: none;
	}
	
	/* 2 */
	.index-box-2 {
		padding-bottom: 20px;
		background: #000;
	}
	.index-box-2 .index-btn:before {
		background-attachment: scroll;
	}
	.index-box-2 .index-btn:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30%;
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,#000 90%);
		z-index: 1;
	}
	
	/* 3 */
	.index-box-3 .index-btn:before {
		background-attachment: scroll;
	}
	.index-box-3_box1 {
		display: none;
	}
	
	/* 4 */
	.index-box-4 .index-btn:before {
		background-attachment: scroll;
	}
	.index-box-4_box1 {
		display: none;
	}
	
	/* 5 */
	.index-box-5 .index-btn {
		position: relative;
		z-index: 2;
	}
	.index-box-5_box1-1:before {
		background-attachment: scroll;
	}
	.index-box-5_box1-2:before {
		background-attachment: scroll;
	}
	
	/* 6 */
	.index-box-6 .index-btn:before {
		background-attachment: scroll;
	}
	
	/* cm */
	.index-box-cm {
		position: relative;
	}
	.index-box-cm .index-btn {
		position: relative;
		z-index: 2;
	}
	.index-box-cm .index-box_inner {
		position: relative;
		padding: 18px 0 10px;
		text-align: center;
	}
	.index-box-cm .index-box_inner .wrp-container{
		padding: 0;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		min-height: 290px;
	}
	.index-box-cm .index-txt-cm_sp{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.index-box-cm .index-txt-cm_sp img{
		width: 100%;
		height: auto;
	}
	.index-box-cm .index-btn-cm{
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.index-box-cm .index-btn-cm > span{
		display: block;
		margin: 0 10px;
		width: auto;
		height: 55px;
		position: relative;
		background: #b2ff59;
		-webkit-animation: btnEffect 3s infinite;
		animation: btnEffect 3s infinite;
	}
	.index-box-cm .index-btn:hover .index-btn-cm > span{
		background: #b2ff59;
	}
	.index-box-cm .index-btn-cm .index-btn-cm01{
		width: 55px;
		height: auto;
		position: absolute;
		bottom: 4px;
		left: 3px;
	}
	.index-box-cm .index-btn-cm .index-btn-cm02{
		width: 225px;
		height: auto;
		position: absolute;
		top: 19px;
		right: 10px;
	}
	.index-box-cm .index-btn:hover .index-btn-cm > span{
		-webkit-animation: btnEffect 3s infinite;
		animation: btnEffectHover 3s infinite;
	}
	@keyframes btnEffect{
		50%{
			box-shadow: 0 1px 40px 1px #b2ff59;
		}
	}
	@keyframes btnEffectHover{
		50%{
			box-shadow: 0 1px 40px 1px #b2ff59;
		}
	}
	.index-box-cm .index-txt-cm{
		display: none;
	}
	
	/* rd */
	.index-box-rd {
		
	}
	
	/* numbers  more_about */
	.index-box-num-about{
		
	}
	
	/* numbers */
	.index-box-num .index-btn{
		position: relative;
	}
	
	/* more_about */
	.index-box-about .index-btn{
		position: relative;
	}
	.index-contents-nav{
		display: none;
	}
}

/* *******************************************
 * PC
 ****************************************** */
@media only screen and (min-width: 768px), print{
	.index-box_banner{
		display: none;
		width: 100%;
		height: auto;
	}

	.index-box_banner img{
		width: 100%;
	}
	.l-container {
		padding-top: 0;
		position: relative;
	}
	.index-box {
		box-sizing: border-box;
		min-height: 500px;
	}
	.index-box_inner {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 500px;
	}
	.hdg-lv1 {
		text-shadow: rgba(0,0,0,0.5) 0 0 10px;
	}
	.index-btn-prev,
	.index-btn-next {
		position: absolute;
		left: 0;
		width: 100%;
		background: rgba(0,0,0,0.4);
		font-size: 12px;
		text-align: center;
		cursor: pointer;
		z-index: 3;
	}
	.index-btn-prev {
		top: 0;
		padding: 109px 0 6px;
	}
	.index-btn-next {
		bottom: 0;
		padding: 9px 0 6px;
	}
	.index-btn-next i:before {
		font-weight: bold;
	}
	/* 1 */
	.index-box-1 {
		padding-top: 170px;
	}
	.index-box-1 .index-box_inner {
		margin-top: -150px;
	}
	.index-box-1_box1 {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.index-box-1_box1 .wrp-container{
		position: relative;
	}
	.index-box-1_box1 .index-news-area{
		min-height: 500px;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0 15px;
		left: 0;
		bottom: -143px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.index-box-1_box1 .index-news-area.index-news-area-open{
		bottom: 0;
	}
	.index-box-1_box1 .index-news-text:after {
		content: "";
		clear: both;
		display: block;
	}
	.index-box-1_box1 .index-news-text .icn--right{
		display: inline-block;
		float: right;
	}
	.index-box-1_box1 .index-news-text .index-news-title{
		display: inline-block;
		max-width: 82%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
	.index-box-1_box1 .index-news-text .lbl--new02{
		display: inline-block;
	}
	.index-box-1_box1 div > .wrp-grid {
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 45px;
		padding: 30px 0 30px;
		background: rgba(0,0,0,0.6);
	}
	[lang=en] .index-box-1_box1 div > .wrp-grid{
		margin: 0 0 10px;
		padding: 30px 0 30px;
	}
	.index-box-1_box1 a {
		text-decoration: none;
	}
	.index-box-1_box1 h2 {
		width: 120px;
		font-size: 24px;
		line-height: 1;
	}
	.index-box-1_box1 h2 > a {
		display: block;
	}
	.index-box-1_box1 h2 > a > i {
		margin-left: 0.5em;
		font-size: 16px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.index-box-1_box1 h2 > a:hover > i {
		margin-left: 0.8em;
	}
	.index-box-1_box1 h2 > a > i:before {
		font-weight: bold;
	}
	.index-box-1_box1 li {
		font-size: 12px;
	}
	.index-box-1_box1 li > a {
		display: block;
		position: relative;
	}
	.index-box-1_box1 li > a > p,
	.index-box-1_box1 li > a > time,
	.index-box-1_box1 li > a > div {
		position: relative;
	}
	.index-box-1_box1 li > a:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: -6px 0 0 -6px;
		padding: 6px;
		background: #000;
		opacity: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.index-box-1_box1 li > a:hover:before {
		opacity: 1;
	}
	.index-box-1_box1 p {
		margin-top: 4px;
		font-size: 14px;
		line-height: 1.6;
	}
	.index-box-1_box1-1 ul {
		margin-top: 24px;
	}
	.index-box-1_box1-1 li {
		margin-top: 20px;
		line-height: 1.5;
	}
	.index-box-1_box1-1 li:first-child {
		margin-top: 0;
	}
	.index-box-1_box1-1 li div {
		display: inline-block;
	}
	[lang=en] .index-box-1_box1-1 li .index-irnews__inner .index-irnews__txt {
		width: 470px;
		float: left;
	}
	[lang=en] .index-box-1_box1-1 li .index-irnews__inner .index-irnews__icon {
		width: 80px;
		float: right;
	}
	.index-box-1_box1-1 li p {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.index-box-1_box1-2 {
		box-sizing: border-box;
	}
	.index-box-1_box1-2 h2 {
	}
	.index-box-1_box1-2 ul {
		display: table;
		width: 100%;
	}
	.index-box-1_box1-2 li {
		display: block;
		box-sizing: border-box;
		margin-top: 20px;
		line-height: 1.5;
	}
	.index-box-1_box1-2 li time {
		display: block;
		margin-top: 3px;
	}
	.index-box-1_box1-2 li .index-box-1_box1-2_sub {
		display: table;
	}
	.index-box-1_box1-2 li .index-box-1_box1-2_img {
		display: table-cell;
		width: 100px;
		padding: 0 10px 0 0;
		vertical-align: top;
	}
	.index-box-1_box1-2 li .index-box-1_box1-2_txt {
		display: table-cell;
		vertical-align: top;
	}
	.index-box-1_box1-3 li {
		margin-top: 20px;
		line-height: 1.5;
	}
	.index-box-1_box2 {
		display: none;
	}
	.index-box-1_box3 {
		position: absolute;
		z-index: 1;
	}
	.index-box-1_box3:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../img/index/index_bg07.png") left top repeat;
	}
	
	/* 2 */
	.index-box-2 {
		text-align: right;
	}
	.index-box-2 .index-box_inner {
		margin-top: -150px;
	}
	
	/* 3 */
	.index-box-3 {
		text-align: center;
	}
	.index-box-3 .hdg-lv1 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.index-box-3 .index-box_inner {
		margin-top: -180px;
	}
	.index-box-3_box1 {
		display: table;
		width: 100%;
		max-width: 740px;
		margin: 70px auto 0;
	}
	.index-box-3_box1 > li {
		display: table-cell;
		width: 20%;
		padding: 0 8px;
		-webkit-transition: all 2s;
		transition: all 2s;
	}
	.index-box-3_box1 > li > img {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transition: all 2s;
		transition: all 2s;
	}
	.index-box-3 .index-btn:hover li > img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	/* 4 */
	.index-box-4 .index-box_inner {
		margin-top: -150px;
	}
	.index-box-4_box1 {
		position: absolute;
		top: -60px;
		right: 0;
		width: 55%;
	}
	.index-box-4_box1 > div > div {
		position: relative;
		display: inline-block;
	}
	.index-box-4_box1_arw1,
	.index-box-4_box1_arw2 {
		position: absolute;
		display: block;
		width: 15px;
		height: 24px;
		background: url("../img/index/index_icn01.png") center no-repeat;
		-webkit-animation: arrowAnim 1.7s infinite;
		animation: arrowAnim 1.7s infinite;
	}
	.index-box-4_box1_arw3,
	.index-box-4_box1_arw4,
	.index-box-4_box1_arw5,
	.index-box-4_box1_arw6 {
		position: absolute;
		display: block;
		width: 20px;
		height: 32px;
		background: url("../img/index/index_icn02.png") center no-repeat;
		-webkit-animation: arrowAnim 1.7s infinite;
		animation: arrowAnim 1.7s infinite;
	}
	.index-box-4_box1_arw1 {
		top: 21%;
		left: 65%;
	}
	.index-box-4_box1_arw2 {
		top: -30%;
		left: 46%;
	}
	.index-box-4_box1_arw3 {
		top: -28%;
		left: 24.5%;
	}
	.index-box-4_box1_arw4 {
		top: 23%;
		left: 30.3%;
	}
	.index-box-4_box1_arw5 {
		top: 39%;
		left: 40.7%;
	}
	.index-box-4_box1_arw6 {
		top: 14%;
		left: 66.2%;
	}
	
	/* 5 */
	.index-box-5 {
		position: relative;
		text-align: center;
	}
	.index-box-5 .index-btn {
		position: relative;
		z-index: 2;
	}
	.index-box-5 .index-box_inner {
		margin-top: -100px;
	}
	
	/* cm */
	.index-box-cm {
		position: relative;
	}
	.index-box-cm .index-btn {
		position: relative;
		z-index: 2;
	}
	.index-box-cm .index-box_inner {
		margin-top: -280px;
		height: 560px;
	}
	.index-box-cm .index-box_inner .wrp-container{
		position: relative;
		height: 560px;
	}
	.index-box-cm .index-txt-cm{
		width: 453px;
		height: 357px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.index-box-cm .index-btn-cm{
		width: 585px;
		height: 100px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.index-box-cm .index-btn-cm > span{
		display: block;
		width: 585px;
		height: 100px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #b2ff59;
		-webkit-animation: btnEffect 3s infinite;
		animation: btnEffect 3s infinite;
	}
	.index-box-cm .index-btn:hover .index-btn-cm > span{
		background: #b2ff59;
	}
	.index-box-cm .index-btn-cm .index-btn-cm01{
		position: absolute;
		top: -22px;
		left: 6px;
	}
	.index-box-cm .index-btn-cm .index-btn-cm02{
		position: absolute;
		top: 37px;
		right: 32px;
	}
	.index-box-cm .index-btn:hover .index-btn-cm > span{
		-webkit-animation: btnEffect 3s infinite;
		animation: btnEffectHover 3s infinite;
	}
	@keyframes btnEffect{
		50%{
			box-shadow: 0 1px 40px 1px #b2ff59;
		}
	}
	@keyframes btnEffectHover{
		50%{
			box-shadow: 0 1px 40px 1px #b2ff59;
		}
	}
	.index-box-cm .index-txt-cm_sp{
		display: none;
	}
	
	/* rd */
	.index-box-rd {
		text-align: center;
	}
	.index-box-rd .hdg-lv1 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.index-box-rd .index-box_inner {
		margin-top: -180px;
	}
	.index-box-rd_box1 {
		display: table;
		width: 1200px;
		margin: 60px auto 0;
	}
	[lang=en] .index-box-rd_box1 {
		width: 790px;
	}
	.index-box-rd_box1 > li {
		display: table-cell;
		width: 33.3333333333%;
		padding: 0 0 0 30px;
		-webkit-transition: all 2s;
		transition: all 2s;
	}
	[lang=en] .index-box-rd_box1 > li {
		width: 50%;
		text-align: center;
	}
	.index-box-rd_box1 > li:first-child {
		padding: 0 0 0 0;
	}
	.index-box-rd_box1 > li a{
		text-decoration: none;
	}
	.index-box-rd_box1 > li .index-box-rd_box1-img{
		width: 378px;
		height: 198px;
		border: 1px solid #fff;
		overflow: hidden;
	}
	[lang=en] .index-box-rd_box1 > li .index-box-rd_box1-img{
		margin: auto;
	}
	.index-box-rd_box1 > li .index-box-rd_box1-ttl{
		margin-top: 15px;
	}
	.index-box-rd_box1 > li .index-box-rd_box1-img img {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 2s;
		transition: all 2s;
	}
	.index-box-rd_box1 > li a:hover .index-box-rd_box1-img img  {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	/* numbers  more_about */
	.index-box-num-about{
		
	}
	.index-box-num-about_inner{
		width: 100%;
	}
	.index-box-num-about_inner .index-box-num,
	.index-box-num-about_inner .index-box-about{
		float: left;
		width: 50%;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.index-box-num-about_inner .index-box-num .wrp-container,
	.index-box-num-about_inner .index-box-about .wrp-container{
		width: 100%;
	}
	
	/* numbers */
	.index-box-num {
	}
	.index-box-num .hdg-lv1 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.index-box-num .index-box_inner {
		margin-top: -100px;
	}
	.index-box-num .index-btn:hover li > img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	/* more_about */
	.index-box-about {
	}
	.index-box-about .hdg-lv1 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.index-box-about .index-box_inner {
		margin-top: -100px;
	}
	.index-box-about .index-btn:hover li > img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	.index-contents-nav{
		position: fixed;
		top: 50%;
		right: 16px;
		width :11px;
		margin-top: -30px;
		z-index: 100;
	}
	.index-contents-nav li{
		padding: 6px 0;
		text-align: center;
	}
	.index-contents-nav li a{
		display: block;
		width: 9px;
		height: 9px;
		margin: 0 auto;
		background: #6a7778;
		border-radius: 11px;
	}
	.index-contents-nav li.active a{
		width: 11px;
		height: 11px;
		background: #ffffff;
	}
}

/* 天地の狭いモニタ向けの調整 */
@media only screen and (min-width: 768px) {
	.index-txt-cm {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
}
@media only screen and (min-width: 768px) and (max-height: 860px) {
	.index-txt-cm {
		-webkit-transform: scale(0.8) translateY(20px);
		transform: scale(0.8) translateY(20px);
	}
}
@media only screen and (min-width: 768px) and (max-height: 680px) {
	.index-txt-cm {
		top: 60px;
		-webkit-transform: scale(0.7) translateY(30px);
		transform: scale(0.7) translateY(30px);
	}
}
@media only screen and (min-width: 768px) and (max-height: 780px) {
	.index-box-rd .wrp-container,
	.index-box-3 .wrp-container,
	.index-box-num-about .wrp-container {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
@media only screen and (min-width: 768px) and (max-height: 680px) {
	.index-box-rd .wrp-container,
	.index-box-3 .wrp-container,
	.index-box-num-about .wrp-container {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@media only screen and (min-width: 1100px) {
	.box-special-numbers-2-box1 {
		margin-left: -540px;
	}
	.box-special-numbers-2-box2 {
		margin-left: 60px;
	}
}

@-webkit-keyframes arrowAnim {
	0% {
		margin-top: 0;
	}
	60% {
		margin-top: 0;
	}
	70% {
		margin-top: 4px;
	}
	80% {
		margin-top: 2px;
	}
	90% {
		margin-top: 4px;
	}
	100% {
		margin-top: 0;
	}
}
@keyframes arrowAnim {
	0% {
		margin-top: 0;
	}
	60% {
		margin-top: 0;
	}
	70% {
		margin-top: 4px;
	}
	80% {
		margin-top: 2px;
	}
	90% {
		margin-top: 4px;
	}
	100% {
		margin-top: 0;
	}
}


@-webkit-keyframes heartBeat {
	0% {
		transform: scale(1);
		-webkit-filter: saturate(100%) contrast(100%);
		filter: saturate(100%) contrast(100%);
	}
	30% {
		transform: scale(1.01);
		-webkit-filter: saturate(90%) contrast(125%);
		filter: saturate(90%) contrast(125%);
	}
	30.5% {
		transform: scale(1.025);
		-webkit-filter: saturate(50%) contrast(160%);
		filter: saturate(50%) contrast(160%);
	}
	60% {
		transform: scale(1);
		-webkit-filter: saturate(100%) contrast(100%);
		filter: saturate(100%) contrast(100%);
	}
	100% {
		transform: scale(1);
		-webkit-filter: saturate(100%) contrast(100%);
		filter: saturate(100%) contrast(100%);
	}
}
@keyframes heartBeat {
	0% {
		transform: scale(1);
		-webkit-filter: saturate(100%) contrast(100%);
		filter: saturate(100%) contrast(100%);
	}
	30% {
		transform: scale(1.01);
		-webkit-filter: saturate(90%) contrast(125%);
		filter: saturate(90%) contrast(125%);
	}
	30.5% {
		transform: scale(1.025);
		-webkit-filter: saturate(50%) contrast(160%);
		filter: saturate(50%) contrast(160%);
	}
	60% {
		transform: scale(1);
		-webkit-filter: saturate(100%) contrast(100%);
		filter: saturate(100%) contrast(100%);
	}
	100% {
		transform: scale(1);
		-webkit-filter: saturate(100%) contrast(100%);
		filter: saturate(100%) contrast(100%);
	}
}