/*
Theme Name: ORIGINAL
*/




* {
margin: 0;
padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
font-size: 100%;
overflow-y: scroll;
-webkit-font-smoothing: antialiased;
text-rendering:optimizeLegibility;
}

ul, li{
list-style:none;
}

img{
	display:block;
	width:100%;
	height:auto;
}

::selection {
background-color: #000;
color:#fff;
}


a{
text-decoration:none;
color:#000;
	text-decoration: underline;
}

.text_border{
text-decoration:underline;
}


.font_bold{
font-weight:bold;
}


.font12{
font-size:12pt;
}


.font13{
font-size:13pt;
}


.font14{
font-size:14pt;
}

.font15{
font-size:15pt;
}

.font16{
font-size:16pt;
}

.font17{
font-size:17pt;
}

.font18{
font-size:18pt;
}

.font19{
font-size:19pt;
}

.font20{
font-size:20pt;
}



.clear{
clear: both;
}



img{
	width:100%;
	height:auto;
}


body {
	color:#000;
	line-height:200%;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}



.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 9998;
	opacity: 1;
	background: #fff;
}



.loader
{
	position: absolute;
	display: inline-block;
	top:50%;
	left:50%;
	margin-left:-17px;
	margin-top:-30px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #6f6259;
	border-right-color: transparent;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
}


@-webkit-keyframes spin
{
0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
50%  { -webkit-transform: rotate(180deg); opacity: 1; }
100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
0% { -moz-transform: rotate(0deg); opacity: 0.4; }
50%  { -moz-transform: rotate(180deg); opacity: 1; }
100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}





.inner{
	padding: 0px 140px;
}



#header{
	margin-top:80px;
}


#footer{
	margin-top:80px;
	padding:30px 0;
}


#footer .footer_m{
		text-align: center;
}

#footer .footer_m a{
	font-size:9pt;
	display:inline-block;
}

#footer .footer_copy p{
	font-size:9pt;
	text-align: center;
}




.logo {
	width: 120px;
	margin: 0 auto;
}

.logo_text{
	margin-top:20px;
	text-align: center;
}

.logo_text p{
	font-size:10pt;
	letter-spacing:2px;
	font-family: YuGothic, 游ゴシック, sans-serif;
}









.main_detail{
	text-align:center;
}




.main_detail ul li.title p{
	font-size:12pt;
	letter-spacing: 4px;
}

.main_detail ul li.title p span{

}


.main_detail ul li.subtitle{
	margin-top:10px;
}

.main_detail ul li.subtitle p{
	font-size:16pt;
	letter-spacing: 4px;
}

.main_detail ul li.note{
	margin-top:20px;
}

.main_detail ul li.note p{
	font-size:11pt;
	letter-spacing: 2px;
}

.detail{
	margin-top:10px;
}

.detail p span{
	font-size:12pt;
}

.detail p{
	font-size:10pt;
	letter-spacing: 2px;
	text-align: center;
}





#project_info01{
	margin-top:100px;
	text-align:center;
}




.project_box{
	margin-bottom:20px;
}





#top_logo > p{
	width:250px;
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	top: 50%;
	left:50%;
}






.top_scroll {
	position: absolute;
	z-index:999;
	bottom: 10px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);

}



.scrol_line {
	height:80px;
	width:2px;
	margin-bottom:13px;
	overflow:hidden;
	z-index: 999;
	position: relative;
	display: inline-block;
}


.scrol_line:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0px;
	width: 1px;
	height: 100%;
	background: #E8BAB2;
	background-size: 100%;
	-webkit-animation: lineAnime 2s ease-in-out infinite;
	animation: lineAnime 2s ease-in-out infinite;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


@keyframes lineAnime {
	0% {
	transform: translateY(-100%); }
	100% {
	transform: translateY(100%); } 
}


.top_scroll a {
	text-decoration:none;
}

.scrol_text p{
	font-size:10pt;
	color:#E8BAB2;
}









.main_title{
	margin-bottom:30px;
}

.main_title p{
	font-size:14pt;
	font-weight: bold;
}

.main_title p span{
	background: linear-gradient(transparent 74%, #E8BAB2 0%);
}






.work_index{
	margin-top:50px;
	width:100%;
	padding:50px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	background: #eaeaea;
}


.work_box{
	display:inline-block;
	padding:0 15px;
	margin-bottom:50px;
	width:50%;
}


.work_box ul li.thum{
filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.15));
}

.work_box ul li.info{
	margin-top:20px;
}


.work_box ul li.info p{
	font-size:11pt;
}

.work_box ul li.kind p{
	font-size:10pt;
}



.photo_index{
margin-top:60px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.photo_box{
	display:inline-block;
	padding:0 5px;
	margin-bottom:10px;
	width:33.3333%;
}

.project_box:last-child {
	margin-bottom: 0px;
}




#staff_info{
	margin-top:100px;
}





.staff_box_index{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.staff_box_index .staff_box{
	margin-right:50px;
}






.staff_box_index .staff_box ul li p{
	color:#222;
	font-family: ten-mincho-text, serif;
	line-height:160%;
}


.staff_box_index .staff_box ul li.kind p{
	font-size: 10pt;
}

.staff_box_index .staff_box ul li.name_jp{
	margin-top:15px;
}


.staff_box_index .staff_box ul li.name_jp p{
	font-size: 14pt;
	letter-spacing: 4px;
}

.staff_box_index .staff_box ul li.name_en{
	margin-top:20px;
}



.staff_box_index .staff_box ul li.name_en p{
	font-size: 13pt;
}






#staff_info{
	text-align:center;
}


.company_index{
	display:inline-block;
}



.contact_mail a{
	font-size:11pt;
}




.company_index ul{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom:10px;
}


.company_index ul li{
display:inline-block;
}

.company_index ul li.title{
	width:120px;
	text-align: left;
}

.company_index ul li p{
	font-size:10pt;
	text-align: left;
}

.company_index ul li.title p{
	font-weight:bold;
}

#other_page{
	margin:100px 0;
}


#other_page .inner{
	max-width:1080px;
	margin:0 auto;
}


#other_page .main_title p{
	text-align:center;
}


.st_text p{
	text-align:left;
	font-size:10pt;
}


.text_right{
	text-align:right;
	display:block;
}




.sp_img{
	display:none;
}



@media screen and (max-width: 566px) {

.sp_img{
	display:block!important;
}

.pc_img{
	display:none!important;
}


.inner{
	padding : 0 40px;
}


.logo {
	width: 40%;
}


.main_title {
	margin-bottom: 20px;
}



.main_detail ul li.subtitle p {
	font-size: 14pt;
}

.work_index {
	margin-top: 30px;
	width: 100%;
	padding: 20px;
}

.work_box {
	padding: 0;
	margin-bottom: 30px;
	width: 100%;
}

#staff_info {

}


#project_info01 {

}

.project_box {
	margin-bottom: 30px;
}


.staff_box_index .staff_box {
	margin-right: 0px;
	margin-bottom: 40px;
	width:100%;
}

.staff_box_index .staff_box:last-child{
	margin-bottom: 0px;
}

.project_info02_img {
	width: 100%;
	margin-top: 40px;
}




.detail p {

}

.detail p span{
	display:block;
}

.detail p br{
	display:none;
}


.main_detail {

}


.work_box ul li.info p {
	font-size: 10pt;
	line-height: 160%;
}

.photo_index {
	margin-top: 30px;
}


.photo_box {
	display: inline-block;
	padding: 0 3px;
	margin-bottom: 6px;
	width:50%;
}

	
	.company_index ul {
		display:block;
	}

.company_index ul li.title {
	width: 100%;
}
	
	
	
	.company_index ul li p {
		text-align:center;
	}
	


#project_info01 {
	margin-top: 50px;
}

.logo_text p {
	font-size: 8pt;
}



	
	#top_logo > p{
		width:50%;
	}

	
	
}