@charset "utf-8";
/* CSS Document */
.contents_inner .mobile {
	display: none;
}
.contents_inner .img_change {
	visibility: hidden;
}
#contents-body {
	padding: 0;
}
.contents_inner {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding: 0 0 64px;
}
.contents_inner .lay_link_bar {
	position: absolute;
	top: -99999px;
}
#contents-body .contents_inner a,
#contents-body .contents_inner a img {
	text-decoration: none;
}
.contents_inner .view {
	position: absolute;
	top: -99999px;
}
#contents-body .section {
	margin: 0;
}
.container_btn {
	text-align: center;
	margin: 45px 0 0 0;
	background: #fff;
	padding: 35px 0 0;
}
.container_btn a {
	margin: 0 10px 0;
	position: relative;
	display: inline-block;
	/*-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}
.container_btn a img {
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;*/
}
.container_btn a .lay_red {
	position: absolute;
	top: -99999px;
	left: 0;
}
.container_btn a .lay_green {
	position: relative;
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.container_bnr {
	text-align: center;
	padding: 52px 0 37px;
	background: #fff;
	margin: 0 0 1px;
	position: relative;
	/* left: 1px; */
}
.container_bnr a,
.container_bnr .lay_ac {
	margin: 0 10px;
}
.container_bnr .lay_ac {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.container_bottom_bnr {
	text-align: center;
	padding: 12px 0 46px;
	background: #fff;
	/* margin: 0 0 64px; */
}

/*============================
#container_main
============================*/
#container_main {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 48.9%;
}
#container_main .copy {
	position: absolute;
	top: 0;
	left: 365px;
	z-index: 2;
	visibility: hidden;
	overflow: hidden;
	height: 169px;
	width: 570px;
}
#container_main .copy .txt_01 {
	position: relative;
	top: 56px;
	height: 15px;
	margin: 0 0 0 100px;
}
#container_main .copy .txt_01 img {
	position: relative;
	display: block;
	float: left;
}
#container_main .box_k {
	position: absolute;
	top: 83px;
	left: 1px;
	/*-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
	z-index: 1;
}
#container_main .box_k img {
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;*/
}
#container_main .box_k .lay_green {
    position: absolute;
    top: -99999px;
    left: 0;
    /*-ms-transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg); */
    /* transform: rotateY(180deg); */
}
#container_main .box_k .lay_red {
    position: relative;
    /* z-index: 1; */
}
#container_main .txt_03 {
	position: absolute;
	top: 97px;
	left: 84px;
	-ms-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
#container_main .main_txt_01 {
	position: absolute;
	top: 497px;
	left: 401px;
	z-index: 2;
	visibility: hidden;
}
#container_main .container_person {
	position: absolute;
	top: 217px;
	left: 828px;
	z-index: 2;
	visibility: hidden;
}
#container_main .container_person .box_k {
    left: 144px;
    top: -7px;
}
#container_main .container_person .txt_01 {
    /* margin: 13px 0 0 0; */
    position: absolute;
    left: -36px;
    top: 196px;
}
#container_main .container_person .txt_01 .lay_green {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
#container_main .box_img {
	overflow: hidden;
	/*-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
	/* transform: rotateY(180deg); */
}
#container_main .container_person .box_img .waku,
#container_main .container_person .copy_img .waku {
	position: absolute;
	top: 0;
	left: 0;
}
#container_main .container_person .box_img .lay_red {
	position: relative;
}
#container_main .container_person .box_img .lay_green {
	opacity: 1;
	top: -99999px;
}
#container_main .box_img .lay_green {
	/*-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);*/
}
#container_main .box_img img {
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;*/
	/* position: relative; */
	/* z-index: 1; */
	/* display: block; */
}
#container_main .box_img .mobile {
	position: absolute;
	top: -99999px;
}
#container_main .txt_k_01,
#container_main .copy_txt_k_01 {
	/* margin: -3px 0 0 0; */
	position: absolute;
	top: -7px;
	left: 190px;
	-ms-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
#container_main .txt_k_01 .lay_green,
#container_main .box_img .lay_green {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
#container_main .txt_k_01 .lay_green {
	visibility: hidden;
}
#container_main .box_img .lay_green {
	/* opacity: 1; */
	/* z-index: 1; */
}
#container_main .btn_left {
	position: absolute;
	top: 436px;
	left: 59px;
	z-index: 2;
	visibility: hidden;
}
#container_main .btn_right {
	position: absolute;
	top: 436px;
	right: 59px;
	z-index: 2;
	visibility: hidden;
}
#container_main .inner {
	position: relative;
}
#container_main .matsuko {
	position: absolute;
	top: 185px;
	left: 228px;
	visibility: hidden;
}

/*============================
#img_green
============================*/
#img_green {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
}
#img_green .inner {
}
#img_green .imgChange {
}
#img_green .matsuko {
}

/*============================
#img_red
============================*/
#img_red {
	position: relative;
	/* z-index: 1; */
	/* visibility: hidden; */
	top: -99999px;
}
#img_red .inner {
}
#img_red .imgChange {
}
#img_red .matsuko {
}

/*============================
#container_link
============================*/
#container_link {
	position: relative;
	/* display: inline-block; */
	text-align: center;
	padding: 56px 0 35px 0;
	margin: 0 -20px 0;
	background: #fff;
}
#container_link .box_link {
	position: relative;
	display: inline-block;
	width: 240px;
	margin: 126px 40px 0px 41px;
}
#container_link .box_k {
	position: absolute;
	top: -58px;
	left: 4px;
	z-index: 2;
}
/*#container_link .box_k .inner {
	-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#container_link .box_k img {
	-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;
}*/
#container_link .box_k .lay_green {
}
#container_link .box_k .lay_red {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
#container_link .txt_01 {
	position: absolute;
	top: -58px;
	left: 65px;
	z-index: 2;
}
#container_link .txt_01 .lay_green,
#container_link .txt_01 .lay_red {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
#container_link .txt_01 .lay_red {
	opacity: 1;
}
#container_link .box_img {
	position: relative;
	cursor: pointer;
	/* border-radius: 200px; */
}
#contents-body #container_link a:hover img {
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
}
#container_link .box_img .lay_green {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
#container_link .box_img .inner {
	/*-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}
#container_link .lay_ot {
	position: relative;
	z-index: 1;
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;*/
}
#container_link .box_ov {
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;*/
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
}
#container_link .lay_red {
}

.container_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.container_bg .inner {
	width: 1280px;
	position: relative;
	height: 100%;
	margin: 0 auto;
}
.container_bg .lay_left,
.container_bg .lay_right {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 0 0 -19px;
	left: -100%;
}
.container_bg .lay_right {
	left: 100%;
	margin-left: 19px;
}
.container_bg .lay_left .box_bg {
	float: right;
}
.box_bg {
	float: left;
	width: 57px;
	height: 100%;
	position: relative;
	/*-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}
.box_bg:nth-child(2n+0) {
	/* background-position: 0 57px; */
	margin: 57px 0 0 0;
}
.box_bg .lay_red {
	background:url(/pages/contents/passo/cp/image/kpasso/container_bg_red_01.png) repeat-y;
	position: relative;
	/* z-index: 1; */
	height: 100%;
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;*/
}
.box_bg .lay_green {
	background:url(/pages/contents/passo/cp/image/kpasso/container_bg_green_01.png) repeat-y;
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	height: 100%;
	/*-ms-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;*/
	width: 100%;
}
.lay_center {
	position: relative;
	width: 100%;
	height: 100%;
	width: 1960px;
	margin-left: -20px;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#container_sns {
	position: absolute;
	top: 33px;
	right: 20px;
}
#container_sns li {
	float: right;
	list-style: none;
	margin: 0 0 0 12px;
}

/* safari */
#container_link .box_ov,
#container_link .box_k .lay_green,
.container_btn a .lay_green {
	-webkit-transform: rotateY(180deg) translateZ(1px);
}
#container_main .container_person .box_img .lay_green,
#container_link .box_k .lay_green {
	-webkit-transform: translateZ(1px);
}
#container_main .container_person .box_k {
	-webkit-transform: translateZ(10px);
}
#container_main .container_person .box_k .inner,
#container_link .box_k .inner {
	/*-webkit-transform-style: preserve-3d;*/
}
#container_link .box_k .inner {
	-ms-transform: rotateY(540deg);
	-webkit-transform: rotateY(540deg);
	transform: rotateY(540deg);
}
#container_link .box_k .lay_red,
#container_link .txt_01 .lay_red {
	opacity: 0;
}
#container_link .box_k .lay_green,
#container_link .txt_01 .lay_green,
#container_link .box_img .lay_green {
	opacity: 1;
	visibility: visible;
}
#container_link .box_img,
#container_link .box_k,
.container_btn {
	-webkit-perspective: 99999px;
}
/* android */
#container_link .box_link .txt_01:after,
#container_link .box_img .inner:after,
#container_main .main_txt_01:after,
#container_main .container_person .txt_01:after,
#container_main .txt_k_01:after,
#container_main .box_img:after {
    content: ".";
    display: block;
    margin-top: -1em;
    line-height: 1;
    color: transparent;
}
#container_link .box_ov:after,
#container_main .container_person .box_img .lay_green:after {
    content: ".";
    display: block;
    margin-top: -1em;
    line-height: 1;
    color: transparent;
}
.lte8 #container_link .box_link .txt_01:after,
.lte8 #container_link .box_img .inner:after,
.lte8 #container_main .main_txt_01:after,
.lte8 #container_main .container_person .txt_01:after,
.lte8 #container_main .txt_k_01:after,
.lte8 #container_main .box_img:after {
	content: "";
	margin-top: 0;
	position: absolute;
}
.lte8 #container_link .box_ov:after,
.lte8 #container_main .container_person .box_img .lay_green:after {
	content: "";
	margin-top: 0;
	position: absolute;
}
#container_link .box_ov,
#container_main .container_person .box_img .lay_green {
	background: url(/pages/contents/passo/cp/image/common/spacer.gif);
	width: 100%;
}
@media screen and (max-width: 1279px) {
    .contents_inner img,
	.contents_inner #container_link img {
        width: 100%;
    }
	.contents_inner {
        width: 100%;
        overflow: hidden;
 }
	#container_main .copy {
		top: 0;
		width: 100%;
		left: 0;
		height: 25%;
		/* overflow: hidden; */
	}
	#container_main .copy .txt_01 {
		width: 30.2%;
		left: 36.4%;
		position: relative;
		height: 9.6%;
		/* white-space: nowrap; */
		margin-left: 0;
		top: 35.8%;
	}
	#container_main .copy .txt_01 img {
		width: auto;
		height: 100%;
		display: block;
		float: left;
	}
	#container_main .box_k {
		width: 5.4%;
		top: 0;
		left: 28.6%;
		margin: 6.5% 0 0;
	}
	#container_main .txt_03 {
		width: 36%;
		left: 35%;
		top: 0;
		padding: 7.6% 0 0;
	}
	#container_main .main_txt_01 {
		width: 37.7%;
		top: 79.6%;
		left: 31.3%;
	}
	#container_main .container_person {
		width: 14.4%;
		left: 64.8%;
		top: 34.5%;
	}
	#container_main .container_person .box_k {
		width: 25%;
		top: -4.9%;
		left: 77%;
	}
	#container_main .txt_k_01,
	#container_main .copy_txt_k_01 {
		width: 76%;
		top: -3.4%;
		left: 102.2%;
	}
	#container_main .container_person .txt_01 {
		margin-top: 0;
		top: 108.9%;
		width: 144%;
		left: -19.6%;
	}
	#container_main .btn_left,
	#container_main .btn_right {
		width: 3.7%;
		top: 69.7%;
	}
	#container_main .btn_left {
		left: 4.5%;
	}
	#container_main .btn_right {
		right: 4.5%;
	}
	#container_main .matsuko {
		width: 18.8%;
		top: 29.8%;
		left: 17.8%;
	}
	.section .contents_inner #container_sns {
        width: 100%;
        /* text-align: center; */
        top: 0;
        right: 0%;
        margin: 2.4% 10% 0 0;
        padding: 0;
    }
    #container_sns li {
        width: 3.6%;
        margin: 0 0 0 0.7%;
    }
	#container_link {
		padding: 4.2% 0 0%;
		margin: 0 -10%;
		/* white-space: nowrap; */
	}
	#container_link .box_link {
		width: 15.4%;
		margin: 8.5% 2.8% 0;
	}
	#container_link .box_k {
		width: 25.7%;
		top: -24.7%;
		left: 1%;
	}
	#container_link .txt_01 {
		width: 73.5%;
		top: -24.5%;
		left: 26.8%;
	}
	#container_link .box_img {
		width: 100%;
	}
	.container_btn {
        margin: 9.3% 0 0;
        padding: 0;
    }
    .container_btn a {
        width: 46.91%;
        margin: 0 0.78% 0;
    }
	.container_bnr {
        padding: 0 0 0;
        margin: 4% 0 0;
        white-space: nowrap;
    }
    .container_bnr a,
    .container_bnr .lay_ac {
        width: 22.67%;
        display: inline-block;
        margin: 0 0.78% 0%;
    }
    .container_bottom_bnr {
        padding: 4.2% 0 3.4%;
        width: 95.38%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .contents_inner .desktop {
        display: none !important;
    }
    .contents_inner .mobile {
        display: block;
    }
    #contents-body .section {
        margin-right: 0px;
        margin-left: 0px;
    }
    .contents_inner img,
	.contents_inner #container_link img {
        width: 100%;
    }
	.contents_inner {
        width: 100%;
        overflow: hidden;
 	}
 	#container_main {
 		padding-bottom: 98.4%;
 	}
 	#container_main img {
 		display: block;
	}
	#container_main .box_img .mobile {
		position: static;
		top: 0;
	}
	#container_main .box_img .desktop {
		position: absolute;
		top: -99999px;
	}
	#container_main .copy {
		top: 0;
		width: 100%;
		left: 0;
		/* margin: 0; */
		height: 25.5%;
	}
	#container_main .copy .txt_01 {
		width: 67.8%;
		left: 23.8%;
		position: absolute;
		height: 9.4%;
		/* padding-bottom: 7%; */
		/* overflow: hidden; */
		margin: 0;
	}
	#container_main .copy .txt_01 img {
		height: 100%;
		width: auto;
		display: block;
		float: left;
	}
	#container_main .box_k {
		width: 10.4%;
		top: 0;
		left: 9%;
		margin: 4.3% 0 0;
	}
	#container_main .copy .box_k {
		margin: 0;
		/* transform: translateY(65%); */
		/* padding-top: 2.5%; */
		-ms-transform: translateY(140%);
		-webkit-transform: translateY(140%);
		transform: translateY(140%);
	}
	#container_main .copy .box_k .inner {
		position: relative;
	}
	#container_main .box_k img {
		display: block;
	}
	#container_main .txt_03 {
		width: 70%;
		left: 21.3%;
		top: 0;
		padding: 16.3% 0 0;
	}
	#container_main .main_txt_01 {
		width: 66.9%;
		top: 80.7%;
		left: 17.1%;
	}
	#container_main .container_person {
		width: 24.5%;
		left: 68%;
		top: 38.1%;
	}
	#container_main .container_person .box_k {
		width: 25%;
		top: -31%;
		left: 3%;
	}
	#container_main .txt_k_01,
	#container_main .copy_txt_k_01 {
		width: 75%;
		top: -26%;
		left: 28%;
	}
	#container_main .container_person .txt_01 {
		/* margin-top: 4.5%; */
	}
	#container_main .btn_left,
	#container_main .btn_right {
		width: 7%;
		top: 79.1%;
	}
	#container_main .btn_left {
		left: 3%;
	}
	#container_main .btn_right {
		right: 3%;
	}
	#container_main .matsuko {
		width: 30%;
		top: 33.5%;
		left: 4%;
	}
	#container_sns {
        width: 100%;
        text-align: center;
        top: 0;
        right: 34.2%;
        margin: 4.7% 0 0 0;
    }
    .section .contents_inner #container_sns {
    	right: 27%;
    	margin-top: 0;
    	padding-top: 4%;
    }
    #container_sns li {
        width: 6.5%;
        margin: 0 0 0 3.1%;
    }
	#container_link {
		padding: 13.7% 0 0%;
	}
	#container_link .box_link {
		width: 26%;
		margin: 14% 4.4% 0;
	}
	#container_link .box_k {
		width: 25.7%;
		top: -24.7%;
		left: 1%;
	}
	#container_link .box_k img {
		display: block;
	}
	#container_link .txt_01 {
		width: 73.5%;
		top: -24.5%;
		left: 26.8%;
	}
	#container_link .box_img {
		width: 100%;
	}
	.container_btn {
        margin: 12.6% 0 0;
        padding: 0;
    }
    .container_btn a {
        width: 76.4%;
        margin: 0 0 3.8%;
        /* display: block; */
    }
	.container_bnr {
        padding: 0 0 0;
        margin: 4.7% 0 0;
        white-space: normal;
    }
    .container_bnr a,
    .container_bnr .lay_ac {
        width: 36%;
        display: inline-block;
        margin: 0 2.1% 4.2%;
    }
    .container_bottom_bnr {
        padding: 4.2% 0 3%;
        width: 76.4%;
        margin: 0 auto;
    }
}
#knTrace {
	margin: -100px 0 0 0;
}