@charset "UTF-8";


.goog-te-banner-frame{
	position: fixed !important;
	z-index: 2010;
}
.goog-te-spinner-pos + iframe.goog-te-menu-frame{
	position: fixed !important;
	z-index: 2000;
}

header{
	position: fixed;
	background-color: rgba(0, 0, 0, 0.29);
}

h3{
	text-align: center;
	font-family: RyuminB, RyuminM, "リュウミン B-KL", "Ryumin Bold KL", "リュウミン M-KL", "Ryumin Medium KL", "リュウミン R-KL", "Ryumin Regular KL";
	font-size: 2.6rem;
	line-height: 1.8;
}

a,
a:link,
a:visited{
	/*text-decoration: underline;*/
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	opacity: 1
}

.contents{
	width: 100%;
	margin: 0 auto;
}

/*新スライダー*/
.slider{
    margin: 0;
    padding: 0;
}

.slider li img{
    max-width: 100%;
    max-height: 100%;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    object-fit: cover;
}

/*スライダー枠*/
.video_box,
.bg_box{
	position: fixed;
	top: 0;
	width: 100%;
	overflow: hidden;
}

#video_box1{ z-index: 3; }
#video_box2{ z-index: 2; }
#video_box3{ z-index: 1; }

.video_box .soliloquy-container,
.soliloquy-wrapper,
.soliloquy-viewport,
.soliloquy-viewport ul,
.soliloquy-viewport ul li,
.metaslider,
#metaslider_container_7,
#metaslider_7,
ul.slides,
ul.slides li{
	height: 100vh;
	max-height: 100vh !important;
	max-width: none !important;
}
.soliloquy-viewport ul li,
ul.slides li{
	background-size: cover;
	background-position: 50%;
}
body .metaslider .flexslider .slides li img{
	display: none;
}

.soliloquy-pager,
.soliloquy-container .soliloquy-wrapper .soliloquy-prev,
.soliloquy-container .soliloquy-wrapper .soliloquy-next,
.soliloquy-container .soliloquy-wrapper .soliloquy-image{
	display: none;
}

.video_box video{
	/*position: fixed;*/
	background-size: cover;
	background-position: 50%;
	bottom: 0;
	min-width: 100%;
	min-height: 100vh;
}

.entry-content{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	/*margin-top: 100vh;*/
}

.text_message1,
.text_message2,
.text_message3{
	background-position: 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.text_message1{
	background-image: url(../img/top_page/m1.svg);
	height: 100vh;
}
body.lang_en   .text_message1{ background-image: url(../img/top_page/m1_en.svg); }
body.lang_zhcn .text_message1{ background-image: url(../img/top_page/m1_zhcn.svg); }
body.lang_zhtw .text_message1{ background-image: url(../img/top_page/m1_zhtw.svg); }
body.lang_th   .text_message1{ background-image: url(../img/top_page/m1_th.svg); }
.text_message2{
	background-image: url(../img/top_page/m2.svg);
	height: 100vh;
}
body.lang_en   .text_message2{ background-image: url(../img/top_page/m2_en.svg); }
body.lang_zhcn .text_message2{ background-image: url(../img/top_page/m2_zhcn.svg); }
body.lang_zhtw .text_message2{ background-image: url(../img/top_page/m2_zhtw.svg); }
body.lang_th   .text_message2{ background-image: url(../img/top_page/m2_th.svg); }
.text_message3{
	background-image: url(../img/top_page/m3.svg);
	height: 100vh;
	background-size: 35%;
}
body.lang_en   .text_message3{ background-image: url(../img/top_page/m3_en.svg); }
body.lang_zhcn .text_message3{ background-image: url(../img/top_page/m3_zhcn.svg); }
body.lang_zhtw .text_message3{ background-image: url(../img/top_page/m3_zhtw.svg); }
body.lang_th   .text_message3{ background-image: url(../img/top_page/m3_th.svg); }

.article_area{
}

.article_list{
	width: 100%;
	margin-bottom: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1a1a+0,1a1a1a+50,d6d6d6+51,d6d6d6+100 */
	background: #1a1a1a; /* Old browsers */
	background: -moz-linear-gradient(left, #1a1a1a 0%, #1a1a1a 50%, #d6d6d6 51%, #d6d6d6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1a1a1a 0%,#1a1a1a 50%,#d6d6d6 51%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1a1a1a 0%,#1a1a1a 50%,#d6d6d6 51%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 */
}
.article_list table{
	border-collapse: collapse;
}
.article_list table th{
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	box-sizing: border-box;
	width: 200px;
	min-width: 260px;
	min-height: 162px;
	padding: 67px 0 0 60px;
}
.article_list table th > span{
	font-family: RyuminB, RyuminM, "リュウミン B-KL", "Ryumin Bold KL", "リュウミン M-KL", "Ryumin Medium KL", "リュウミン R-KL", "Ryumin Regular KL";
	font-size: 2.6rem;
	line-height: 1.2;
	color: #baa56a;
}
.article_list table th a{
	display: inline-block;
	color: #d6d6d6;
	margin-top: 6px;
}
.article_list table th a:hover{
	text-decoration: none;
	color: #ccb277;
}
.article_list table td{
	background-color: #d6d6d6;
	padding: 21px 40px;
	min-width: 300px;
}
.article_list table td a{
	display: inline-block;
	vertical-align:  top;
	color: #000;
	margin: 9px 0;
	max-width: 540px;
}
.article_list table td .date{
	display: inline-block;
	vertical-align:  top;
	font-size: 1.2rem;
	width: 100px;
	margin: 9px 0;
}
.article_list table td a:hover{
	text-decoration: none;
	color: #ccb277;
}
.article_list table td.works{
	padding: 0;
}
.article_list table td.works .images{
	background-image: url(../img/top_page/100.jpg);
	width: calc(100vw - 260px - (100vw - 1000px) / 2);
	height: 160px;
}

.panel{
	box-sizing: border-box;
	width: 360px;
	padding: 30px 32px;
	margin: 0 auto;
}
.panel .ta_center{
	margin: 0px 0 7px;
}
.panel h3{
	margin: 0px 0 20px;
}
.panel a.button{
	display: block;
	text-align: center;
	font-family: RyuminB, RyuminM, "リュウミン B-KL", "Ryumin Bold KL", "リュウミン M-KL", "Ryumin Medium KL", "リュウミン R-KL", "Ryumin Regular KL";
	font-size: 1.2rem;
	color: #000;
	width: 180px;
	padding: 7px 0;
	margin: 40px auto 0;
	border: 1px solid #000;
	transition: 0.2s linear;
}
.panel a.button:hover{
	text-decoration: none;
	color: #fff !important;
	background-color: #baa56a;
	border-color: #baa56a !important;
}

.jigyou{
	background-image: url(../img/top_page/1.jpg);
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed;
	padding: 110px;
}
.jigyou .panel{
	background-color: #e6e6e6;
}

.gijutu{
	background-image: url(../img/top_page/2.jpg);
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed;
	padding: 110px;
}
.gijutu .panel{
	color: #baa56a;
	background-color: #24283b;
}
.gijutu .panel a.button{
	color: #baa56a;
	border-color: #baa56a;
}

.jisseki{
	background-image: url(../img/top_page/3.jpg);
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed;
	padding: 110px;
}
.jisseki .panel{
	color: #baa56a;
	background-color: #422320;
}
.jisseki .panel a.button{
	color: #baa56a;
	border-color: #baa56a;
}

.mirai{
	background-color: #e8dec0;
	padding: 70px 0 100px;
}
.mirai .name{
	text-align: right;
	font-family: RyuminB, RyuminM, "リュウミン B-KL", "Ryumin Bold KL", "リュウミン M-KL", "Ryumin Medium KL", "リュウミン R-KL", "Ryumin Regular KL";
	font-size: 2rem;
	background-color: #e8dec0;
	margin-top: 50px;
}
body.lang_zhcn .mirai .name{
	font-family: "NotoSerifSub";
}
.mirai h3{
	margin-bottom: 55px;
}

.sisan{
	background-image: url(../img/top_page/4.jpg);
	background-size: cover;
	background-position: 50%;
}
.sisan .panel{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.59);
	box-sizing: border-box;
	width: 710px;
	height: 480px;
	padding-top: 145px;
}
.sisan .panel a.button{
	color: #fff;
	border-color: #fff;
	margin-top: 80px;
}

footer{
	display: none;
	margin: 0;
}
.entry-content footer{
	display: block;
}

.metaslider{
    display: none;
}

/* PC用 */
@media (min-width: 741px) {
	

}

/* タブレット用 */
@media (max-width: 1024px) {
    .slider li img{
        height: auto;
    }
    .text_message1{
        height: 37vh;
    }
    
    .article_list .page_width{
        width: 100%;
    }
    
    .text_message2_sp{
        display: none;
    }
    .text_message3_sp{
        display: none;
    }
    .mirai .page_width{
        width: 90%;
    }
    
    .sisan .panel{
        width: 100%;
    }
    
    header nav{
        position: relative;
    }
    
    header .page_width{
        width: 100%;
    }
    
    header nav .box > a{
        margin-left: 0;
    }
    
    footer .page_width{
        width: 90%;
    }
}

/* スマホ用 */
@media (max-width: 740px) {
    .slider li img{
        height: auto;
    }
    .text_message2_sp{
        display: block;
    }
    .text_message3_sp{
        display: block;
    }
	.bg_box_sp{
		margin-top: 20vmin;
	}
	.video_box .soliloquy-container,
	.soliloquy-wrapper,
	.soliloquy-viewport,
	.soliloquy-viewport ul,
	.soliloquy-viewport ul li,
	.metaslider,
	#metaslider_container_7,
	#metaslider_7,
	ul.slides,
	ul.slides li{
		height: auto;
		max-height: 100vh !important;
		max-width: none !important;
	}
	.entry-content{
		position: static;
		margin-top: 0;
	}
/*
	.text_message1,
	.text_message2,
	.text_message3{
		background-size: 70%;
		background-attachment: scroll;
	}
*/
	.text_message1{
		background-size: 70%;
		background-attachment: scroll;
		position: absolute;
		height: 50px;
		width: 100%;
		top: 65px;
	}
/*
	.text_message2_sp{
		background: rgba(0, 0, 0, 0.7);
		padding: 20vmin 0;
		text-align: center;
		margin-bottom: 4px;
	}
	.text_message2_sp img{
		width: 70%;
	}
*/
	.text_message2_sp{
		position: relative;
		margin-bottom: 4px;
	}
	.text_message3_sp{
		position: relative;
		margin: 4px 0;
	}
	.text_message2_sp img.catch,
	.text_message3_sp img.catch{
		position: absolute;
		width: 85%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
/*
	.text_message3{
		background-size: 90%;
	}
*/

	.article_list .page_width{
		width:  100%;
		margin: 0;
	}
	.article_list table,
	.article_list table tbody,
	.article_list table tr,
	.article_list table th,
	.article_list table td{
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	.article_list table th{
		background-color: #000;
		min-width: auto;
		min-height: auto;
		padding: 3vmin 0 3vmin 5vmin;
	}
	.article_list table th img{
		height: 7vmin;
	}
	.article_list table td{
		padding: 4vmin 0 5vmin 5vmin;
	}
	.article_list table th a,
	.article_list table th span{
		display: inline-block;
		vertical-align: middle;
		margin: 0 5vmin 0 0;
	}
	.article_list table th span img{
		vertical-align: text-top;
	}
	.article_list table td .date{
		width: 24vmin;
	}
	.article_list table td a{
		max-width: 65vmin;
	}

	.panel{
		width: 100%;
		margin: 0;
	}
	.jigyou,
	.gijutu,
	.jisseki{
		background-attachment: scroll;
		padding: 20vw 5vw;
	}
	.sisan .panel{
		width: 100%;
		height: auto;
		padding: 20vmin 0;
	}
	.sisan .panel a.button{
		margin-top: 14vmin;
	}
}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
}

/* スマホ用 横向 */
@media (max-width: 740px) and (orientation: landscape) {
}