/*
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: ten-mincho-text, 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_copy p{
	font-size:9pt;
	text-align: center;
}




.logo {
	width: 180px;
	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:14pt;
	letter-spacing: 4px;
}

.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:50px;
}












.main_title{
	font-size:16pt;
	margin-bottom:30px;
}









.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;
}




.sp_img{
	display:none;
}



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

.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 {
	text-align: left;
}


#project_info01 {
	text-align: left;
}

.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 {
	text-align: left;
}

.detail p span{
	display:block;
}

.detail p br{
	display:none;
}


.main_detail {
	text-align: left;
}


.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 li.title {
	width: 100%;
	text-align: left;
}


#project_info01 {
	margin-top: 50px;
}

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



}