@charset "utf-8";

/* ======================================================
 * home.css
 * ------------------------------------------------------
 * @keyframes
 * @media print, screen and (min-width: 768px)
 * @media only screen and (max-width: 767px)
====================================================== */

/* ======================================================
 * PC
====================================================== */
@keyframes homeLinkIcon01 {50%{right: -5px;}}

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	/* ----- container ----- */
	#home .container {
		width: 100%;
		padding: 0 30px;
	}
	#home .container > * {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* ----- Assist ----- */
	#home .Assist {
		margin-top: 0;
	}
	
	/* ----- image-set ----- */
	#home .column-layout .image-set .image_inner > a {
		display: block;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- home-hero-layout ----- */
	.home-hero-layout {
		position: relative;
		width: calc(100% + 60px) !important;
		margin: 0 -30px !important;
	}
	.home-hero-layout .hero_carousel {
		height: 750px;
		opacity: 0;
		overflow: hidden;
	}
	.home-hero-layout .hero_carousel.slick-initialized {
		height: auto;
		opacity: 1;
	}
	.home-hero-layout .hero_carousel .hero_carousel_item {
		display: block;
		position: relative;
		width: 100%;
	}
	.home-hero-layout .hero_carousel > .hero_carousel_item + .hero_carousel_item {
		display: none;
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_image img {
		width: 100%
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_caption {
		position: absolute;
		top: 16.5%;
		left: 50%;
		width: 1710px;
		max-width: 100%;
		padding: 0 40px;
		transform: translateX(-50%);
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_text img {
		display: inline;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-list {
		margin: 0;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-slide {
		margin: 0;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-dots {
		left: 50%;
		bottom: 6px;
		width: auto;
		max-width: 240px;
		padding-right: 46px;
		font-size: 0;
		transform: translateX(-50%);
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-dots li {
		vertical-align: top;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-dots li > button {
		border: 1px solid #e4e4e4;
		text-indent: -9999px;
		transition-property: border-color, background-color;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-dots > li > button:hover,
	.home-hero-layout .hero_carousel.slick-slider .slick-dots > .slick-active > button{
		border: 1px solid #00ada9;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button {
		position: absolute;
		top: 50%;
		right: 0;
		margin: -10px 0 0 0 !important;
		width: 15px;
		height: 20px;
		text-indent: -9999em;
		overflow: hidden;
		cursor: pointer;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::before,
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::after {
		display: block;
		position: absolute;
		top: 0;
		width: 5px;
		height: 100%;
		background-color: #a9a9a9;
		content: "";
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::before {
		left: 0;
		z-index: 1;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::after {
		right: 0;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button.is-paused::before {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		margin: -8px 0 0 -5px;
		border-top: 8px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 10px solid #a9a9a9;
		background-color: transparent;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button.is-paused::after {
		width: 0;
		opacity: 0;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev,
	.home-hero-layout .hero_carousel.slick-slider .slick-next {
		top: auto;
		bottom: 0;
		width: 24px !important;
		height: 24px !important;
		margin-top: 0 !important;
		background: none !important;
		border-radius: 0;
		text-indent: -9999em;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev {
		left: 50%;
		margin-left: -145px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-next {
		right: 50%;
		margin-right: -145px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev::after,
	.home-hero-layout .hero_carousel.slick-slider .slick-next::after {
		width: 20px !important;
		height: 20px !important;
		margin-top: -10px;
		background: none;
		border-top: 1px solid #a9a9a9 !important;
		border-right: 1px solid #a9a9a9 !important;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev::after {
		left: 16px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-next::after {
		left: 0;
	}
	
	/* ----- home-board-layout ----- */
	.home-board-layout {
		margin: 40px 0;
		padding: 25px;
		background-color: #f4f4f4;
	}
	.home-board-layout .board_detail {
		text-align: center;
	}
	.home-board-layout .board_detail > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- home-attention-layout ----- */
	.home-attention-layout {
		margin: 20px 0;
	}
	.home-attention-layout .attention_item + .attention_item {
		margin-top: -1px;
	}
	.home-attention-layout .attention_item > .block {
		display: block;
		position: relative;
		padding: 25px 45px 25px 35px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	.home-attention-layout .attention_item > a.block {
		transition-property: box-shadow;
		transition-duration: .2s;
	}
	.home-attention-layout .attention_item > a.block:hover {
		box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, .22);
		z-index: 1;
	}
	.home-attention-layout .attention_item > a.block::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 16px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #969696;
		border-right: 1px solid #969696;
		transform: rotate(45deg);
	}
	.home-attention-layout .attention_item > .block.a-blank::after,
	.home-attention-layout .attention_item > .block.a-pdf::after {
		border: none;
		transform: rotate(0);
	}
	.home-attention-layout .attention_item > .block.a-blank::after {
		background: url("/chinese/common/images/com_ic02.png") no-repeat 0 0;
	}
	.home-attention-layout .attention_item > .block.a-pdf::after {
		width: 14px;
		height: 14px;
		margin-top: -7px;
		background: url("/chinese/common/images/com_ic03.png") no-repeat 0 0;
	}
	.home-attention-layout .attention_item > a.block:hover::after {
		animation: pattern06 .4s;
	}
	.home-attention-layout .attention_title {
		position: relative;
		padding-left: 43px;
	}
	.home-attention-layout .attention_title::before {
		position: absolute;
		top: 50%;
		left: 0;
		width: 28px;
		height: 28px;
		margin-top: -14px;
		background: url("/chinese/images/index_attention_ic01.png") no-repeat 0 0;
		content: "";
	}
	
	/* ----- home-products-layout ----- */
	.home-products-layout {
		display: flex;
		align-items: center;
		width: calc(100% + 60px) !important;
		min-width: 1260px;
		height: 400px;
		margin-top: 40px;
		margin-left: -30px !important;
		margin-right: -30px !important;
		padding: 40px 30px;
		background: url("/chinese/images/index_products_bg01.jpg") no-repeat 50% 50%;
		background-size: cover;
	}
	.home-products-layout .products_inner {
		width: 1200px;
		margin: 0 auto;
	}
	.home-products-layout .products_inner > *:first-child {
		margin-top: 0 !important;
	}
	.home-products-layout .products_heading {
		text-align: center;
	}
	.home-products-layout .products_heading > a {
		display: inline-block;
		color: #fff;
	}
	.home-products-layout .products_heading .products_heading_label {
		display: inline-block;
		font-size: 4.8rem;
		font-weight: bold;
		line-height: 1.1;
		letter-spacing: 1px;
	}
	.home-products-layout .products_heading > a .products_heading_label::after {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0;
		height: 30px;
		width: 30px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		transform: rotate(45deg);
		content: "";
	}
	.home-products-layout .products_heading > a:hover .products_heading_label::after {
		animation: homeLinkIcon01 .4s;
	}
	.home-products-layout .products_heading + * {
		margin-top: 65px;
	}
	
	/* ----- home-wide-layout ----- */
	.home-wide-layout {
		position: relative;
		width: calc(100% + 60px) !important;
		min-width: 1260px;
		margin-left: -30px !important;
		margin-right: -30px !important;
		padding: 60px 30px;
		background-color: #00ada9;
	}
	.home-wide-layout .wide_inner {
		width: 1200px;
		margin: 0 auto;
	}
	.home-wide-layout .wide_inner > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- home-column-layout ----- */
	.home-column-layout {
		margin-top: 30px;
		padding-right: 1px;
	}
	.home-column-layout > .column_item {
		margin: 1px 0 0 1px;
	}
	.home-column-layout[data-row-pc="2"] > .column_item {
		width: calc((100% - 1px) / 2);
	}
	.home-column-layout[data-row-pc="3"] > .column_item {
		width: calc((100% - 2px) / 3);
	}
	.home-column-layout[data-row-pc="4"] > .column_item {
		width: calc((100% - 3px) / 4);
	}
	/* for IE11 & Edge */
	_:-ms-lang(x)::backdrop, .home-column-layout[data-row-pc="3"] > .column_item {
		width: calc(((100% - 2px) / 3) - 0.1px);
	}
	
	/* ----- home-index-layout ----- */
	.home-index-layout > .block {
		display: block;
		position: relative;
		background-color: #fff;
		color: #fff;
	}
	.home-index-layout > .block::after {
		display: none;
	}
	.home-index-layout .index_caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 22px;
	}
	.home-index-layout .index_title {
		font-size: 2rem;
		text-align: center;
		line-height: 1.2;
	}
	.home-index-layout > a.block .index_title .index_title_label::after {
		display: inline-block;
		position: relative;
		top: -2px;
		right: 0;
		width: 10px;
		height: 10px;
		margin-left: 5px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		content: "";
	}
	.home-index-layout > .a-blank.block .index_title .index_title_label::after {
		top: -3px;
		margin-left: 10px;
		background: url("/chinese/common/images/com_ic01.png") no-repeat 0 0;
		border: none;
		transform: rotate(0);
	}
	.home-index-layout > .a-pdf.block .index_title .index_title_label::after {
		top: -1px;
		width: 14px;
		height: 14px;
		margin-left: 10px;
		background: url("/chinese/common/images/com_ic03.png") no-repeat 0 0;
		border: none;
		transform: rotate(0);
	}
	.home-index-layout > a.block:hover .index_title .index_title_label::after {
		animation: homeLinkIcon01 .4s;
	}
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	/* ----- container ----- */
	.container {
		padding: 0 15px;
	}
		/* ----- Assist ----- */
	.Assist {
		margin-top: 50px;
	}
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- home-hero-layout ----- */
	.home-hero-layout {
		position: relative;
		margin:0 -15px 16px;
	}
	.home-hero-layout .hero_carousel {
		height: 300px;
		overflow: hidden;
	}
	.home-hero-layout .hero_carousel.slick-initialized {
		height: auto;
	}
	.home-hero-layout .hero_carousel .hero_carousel_item {
		position: relative;
		width: 100%;
	}
	.home-hero-layout .hero_carousel > .hero_carousel_item + .hero_carousel_item {
		display: none;
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_image img {
		width: 100%
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0 15px 40px;
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_text {
		text-align: center;
	}
	.home-hero-layout .hero_carousel .hero_carousel_item .hero_carousel_text img {
		display: inline;
		width: 345px;
		max-width: 100%;
	}
	.home-hero-layout .hero_carousel.slick-slider {
		padding-bottom: 45px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-dots {
		position: absolute;
		left: 50%;
		bottom: 6px;
		width: auto;
		padding: 0 35px 0 0;
		font-size: 0;
		transform: translateX(-50%);
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-dots li {
		vertical-align: top;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button {
		position: absolute;
		top: 50%;
		right: 0;
		margin: -9px 0 0 0 !important;
		width: 14px;
		height: 18px;
		border-radius: 0;
		background: none;
		text-indent: -9999em;
		overflow: hidden;
		cursor: pointer;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::before,
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::after {
		display: block;
		position: absolute;
		top: 0;
		width: 5px;
		height: 100%;
		background-color: #a9a9a9;
		content: "";
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::before {
		left: 0;
		z-index: 1;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button::after {
		right: 0;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button.is-paused::before {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		margin: -8px 0 0 -5px;
		border-top: 8px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 10px solid #a9a9a9;
		background-color: transparent;
	}
	.home-hero-layout .hero_carousel.slick-slider .home-carousel-button.is-paused::after {
		width: 0;
		opacity: 0;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev,
	.home-hero-layout .hero_carousel.slick-slider .slick-next {
		bottom: 0 !important;
		width: 24px !important;
		height: 24px !important;
		margin-top: 0 !important;
		background: none !important;
		border-radius: 0;
		text-indent: -9999em;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev {
		left: 15px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-next {
		right: 15px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev::after,
	.home-hero-layout .hero_carousel.slick-slider .slick-next::after {
		width: 20px !important;
		height: 20px !important;
		margin-top: -10px;
		background: none;
		border-top: 1px solid #a9a9a9 !important;
		border-right: 1px solid #a9a9a9 !important;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-prev::after {
		left: 9px;
	}
	.home-hero-layout .hero_carousel.slick-slider .slick-next::after {
		margin-left: 0;
		left: -2px;
	}
	
	/* ----- home-board-layout ----- */
	.home-board-layout {
		margin: 15px 0;
		padding: 15px;
		background-color: #f4f4f4;
	}
	.home-board-layout .board_detail {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.home-board-layout .board_detail > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- home-attention-layout ----- */
	.home-attention-layout {
		margin: 15px 0;
	}
	.home-attention-layout .attention_item + .attention_item {
		margin-top: -1px;
	}
	.home-attention-layout .attention_item > .block {
		display: block;
		position: relative;
		padding: 12px 25px 12px 15px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	.home-attention-layout .attention_item > a.block::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #969696;
		border-right: 1px solid #969696;
		transform: rotate(45deg);
	}
	.home-attention-layout .attention_item > .block.a-blank::after,
	.home-attention-layout .attention_item > .block.a-pdf::after {
		margin-left: 0;
		margin-right: 0;
		border: none;
		transform: rotate(0);
	}
	.home-attention-layout .attention_item > .block.a-blank::after {
		background: url("/chinese/common/images/com_ic02_sp.png") no-repeat 0 0;
		background-size: 10px 10px;
	}
	.home-attention-layout .attention_item > .block.a-pdf::after {
		width: 13px;
		height: 13px;
		margin-top: -7px;
		background: url("/chinese/common/images/com_ic03_sp.png") no-repeat 0 0;
		background-size: 13px 13px;
	}
	.home-attention-layout .attention_title {
		position: relative;
		padding-left: 32px;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.home-attention-layout .attention_title::before {
		position: absolute;
		top: 50%;
		left: 0;
		width: 21px;
		height: 21px;
		margin-top: -11px;
		background: url("/chinese/images/index_attention_ic01_sp.png") no-repeat 0 0;
		background-size: 21px 21px;
		content: "";
	}
	/* ----- home-products-layout ----- */
	.home-products-layout {
		margin: 0 -15px 0;
		padding: 90px 15px 88px;
		background: url("/chinese/images/index_products_bg01_sp.jpg") no-repeat 50% 50%;
		background-size: cover;
	}
	.home-products-layout .products_inner > *:first-child {
		margin-top: 0 !important;
	}
	.home-products-layout .products_heading {
		text-align: center;
	}
	.home-products-layout .products_heading > a {
		display: inline-block;
		color: #fff;
	}
	.home-products-layout .products_heading .products_heading_label {
		display: inline-block;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 1px;
	}
	.home-products-layout .products_heading > a .products_heading_label::after {
		display: inline-block;
		position: relative;
		top: -1px;
		right: 0;
		height: 14px;
		width: 14px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		content: "";
	}
	.home-products-layout .products_heading + * {
		margin-top: 25px;
	}
	
	/* ----- home-wide-layout ----- */
	.home-wide-layout {
		margin-left: -15px;
		margin-right: -15px;
		padding: 20px 15px;
		background-color: #00ada9;
	}
	.home-wide-layout .wide_inner > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- home-column-layout ----- */
	.home-column-layout {
		margin-top: 30px;
	}
	.home-column-layout > .column_item {
		margin: 1px 0 0 1px;
	}
	.home-column-layout[data-row-sp="1"] > .column_item {
		width: 100%;
	}
	.home-column-layout[data-row-sp="2"] > .column_item {
		width: calc((100% - 1px) / 2);
	}
	.home-column-layout[data-row-sp="1"] > .column_item:nth-child(-n+1),
	.home-column-layout[data-row-sp="2"] > .column_item:nth-child(-n+2){
		margin-top: 0 !important;
	}
	.home-column-layout[data-row-sp="1"] > .column_item,
	.home-column-layout[data-row-sp="2"] > .column_item:nth-child(2n+1){
		margin-left: 0 !important;
	}
	
	/* ----- home-index-layout ----- */
	.home-index-layout > .block {
		display: block;
		position: relative;
		background-color: #fff;
		color: #fff;
	}
	.home-index-layout > .block::after {
		display: none;
	}
	.home-index-layout .index_image img {
		width: 100%;
	}
	.home-index-layout .index_caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 15px;
	}
	.home-index-layout .index_title {
		font-size: 2rem;
		text-align: center;
		line-height: 1.2;
	}
	.home-index-layout > a.block .index_title .index_title_label::after {
		display: inline-block;
		position: relative;
		top: -2px;
		right: 0;
		width: 10px;
		height: 10px;
		margin-left: 5px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		content: "";
	}
	.home-index-layout > .a-blank.block .index_title .index_title_label::after {
		top: -3px;
		margin-left: 10px;
		background: url("/chinese/common/images/com_ic01_sp.png") no-repeat 0 0;
		background-size: 10px 10px;
		border: none;
		transform: rotate(0);
	}
	.home-index-layout > .a-pdf.block .index_title .index_title_label::after {
		top: -1px;
		width: 13px;
		height: 13px;
		margin-left: 10px;
		background: url("/chinese/common/images/com_ic03_sp.png") no-repeat 0 0;
		background-size: 13px 13px;
		border: none;
		transform: rotate(0);
	}
	
}

/* ======================================================
 * SP Media Queries
====================================================== */
@media (orientation: landscape) and (max-width: 767px){
}
@media only screen and (max-width: 360px) {
	.home-glance-layout .glance_heading .glance_heading_label,
	.home-products-layout .products_heading .products_heading_label {
		font-size: calc((22/360)*100vw);
	}
}
@media only screen and (max-width: 340px) {
}