@charset "utf-8";

/**
 * Setup
 */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
body { background: #000; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a { color: #0066ff; text-decoration: underline;}
a:hover { text-decoration: none;}
a:visited {} 
img{ max-width: 100%;}
input[type="text"],input[type="password"],textarea{ border: 1px solid #ccc;}
li{ list-style: none;}
hr{ border: 1px solid #ddd;}
div,p{ word-break: break-all;}
strong{}
em{ font-style: normal;}
table{ border-collapse: collapse;}
th{ vertical-align: top; font-weight: normal; text-align: left;}
td{ vertical-align: top;}



/*
 * BACKGROUND Rules = #ffffff or #000000
 * TEXT Rules = #fefefe or #010101
*/



/**
 * clearfix
 */
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}



/**
 * Font color, Text align
 */
.red{ color: #E60012;}
.blue{ color: #33B3FF;}
.green{ color: #89BD00;}
.orange{ color: #ffcc00;}
.pink{ color: #F85291;}
.glay{ color: #999966;}
.bold{ font-weight: bold;}
.small{ font-size:77%;}
.right{ text-align: right;}
.left{ text-align: left;}
.center{ text-align: center;}



/**
 * List Style
 */
.decimal,.circle,.disc,.upper_roman,.lower_roman,.lower-latin{ margin-left: 20px;}
.decimal>li{ list-style-type: decimal;}
.circle>li{ list-style-type: circle;}
.disc>li{ list-style-type: disc;}
.upper_roman>li{ list-style-type: upper-roman;}
.lower_roman>li{ list-style-type: lower-roman;}
.lower-latin>li{ list-style-type: lower-latin;}



/**
 * Basic Table Style
 */
.table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.table th,.table td{ padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.table th{ background: #eeeeee;}



/**
 * Font size
 */
.f10 { font-size:65%; }
.f12 { font-size:82%; }
.f14 { font-size:100%; }
.f16 { font-size:115%; }
.f18 { font-size:125%; }
.f20 { font-size:150%; }
.f22 { font-size:165%; }
.f24 { font-size:175%; }
.f25 { font-size:185%; }
.f26 { font-size:195%; }



/**
 * Margin
 */
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}



/**
 * Padding
 */
.pd5{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
.pd25{ padding: 25px;}
.pd30{ padding: 30px;}
.pd35{ padding: 35px;}
.pd40{ padding: 40px;}



/**
 * Layout
 */
#wrapper{
	min-width: 1080px;
}






 /**
 * Common Style
 */
.ttl{
	margin-bottom: 90px;
	text-align: center;
	font-size: 50px;
}

.btn a{
	width: 700px;
	margin: 0 auto;
	padding: 20px;
	display: block;
	border: 3px solid #fff;
	border-radius: 15px;
	background: #C94710;
	text-align: center;
	text-decoration: none;
	font-size: 32px;
	color: #fefefe;
}

.btn span{
	display: block;
	background: url("/assets/img/arr_white.png") right 50% no-repeat;
}

.floating{
	display: none;
}





/**
 * Development
 */
#header{
	min-height: 950px;
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
}

@media screen and (max-width: 1444px){
#header{
	background: url("/assets/img/bg_main.png") center top no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}	
}
@media screen and (min-width: 1445px){
#header{
	background: url("/assets/img/bg_main.png") center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}	
}

#header .sitename{
	margin-bottom: 100px;
	padding-top: 210px;
	text-align: center;
	text-shadow: #000 1px 1px 5px, #000 -1px 1px 5px,
             #000 1px -1px 5px, #000 -1px -1px 5px;
	font-size: 70px;
	color: #fefefe;
}

#header .catch{
	line-height: 130%;
	text-align: center;
	text-shadow: #000 1px 1px 5px, #000 -1px 1px 5px,
             #000 1px -1px 5px, #000 -1px -1px 5px;
	font-size: 40px;
	color: #fefefe;
}





#business{
	padding: 90px 0;
}

@media screen and (max-width: 1544px){
#business{
	background: url("/assets/img/bg_business.png") center top no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}	
}
@media screen and (min-width: 1545px){
#business{
	background: url("/assets/img/bg_business.png") center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}	
}

#business .list{
	width: 1000px;
	margin: 0 auto;
}

#business .list li{
	overflow: hidden;
}

#business .list li+li{
	margin-top: 70px;
}

#business .list li .pht,
#business .list li .text{
	width: 480px;
}

#business .list li:nth-child(odd) .pht,
#business .list li:nth-child(even) .text{
	float: right;
}

#business .list li:nth-child(even) .pht,
#business .list li:nth-child(odd) .text{
	float: left;
}

#business .list .text .catch{
	margin-bottom: 30px;
	line-height: 130%;
	font-size: 32px;
}

#business .list li:first-child .text p{
	line-height: 150%;
	font-size: 16px;
}

#business .list li+li .text p{
	line-height: 180%;
	font-size: 16px;
}

#business .list .text p+p{
	margin-top: 2em;
}





#performance{
	padding: 90px 0;
	background: url("/assets/img/bg_performance.png") center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#performance .ttl{
	color: #fefefe;
}

#performance .list{
	width: 1000px;
	margin: 0 auto 90px;
}

#performance .list ul{
	overflow: hidden;
}

#performance .list li{
	float: left;
	width: 320px;
	padding: 10px;
	background: #fff;
}

#performance .list li+li{
	margin-left: 20px;
}

#performance .list .catch{
	margin-bottom: 15px;
	line-height: 130%;
	text-align: center;
	font-size: 20px;
}

#performance .list li+li .catch{
	padding-top: 15px;
}

#performance .list .pic{
	margin-bottom: 15px;
	text-align: center;
}

#performance .list .comment{
	line-height: 130%;
}





#group{
	padding: 90px 0;
	background: url("/assets/img/bg_group.png") center top no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

#group .ttl{
	color: #fefefe;
}

#group .cn,
#group .jp{
	width: 1000px;
	margin: 0 auto;
}

#group .country{
	margin-bottom: 15px;
	text-align: center;
	font-size: 32px;
	color: #fefefe;
}

#group .cn .intro{
	margin-bottom: 60px;
	padding: 30px;
	background: #fff;
}

#group .cn .intro .info{
	overflow: hidden;
}

#group .cn .intro .info .pht{
	float: left;
	width: 160px;
	line-height: 130%;
	text-align: center;
}

#group .cn .intro .info .text{
	float: right;
	width: 730px;
}

#group .cn .intro .info .text p{
	line-height: 160%;
}

#group .cn .intro .info .text p+p{
	margin-top: 1em;
}

#group .company{
	margin-bottom: 25px;
	text-align: center;
	font-size: 32px;
}

#group .jp .intro ul{
	overflow: hidden;
}

#group .jp .intro li{
	float: left;
	width: 480px;
	padding: 30px 30px 20px;
	background: #fff;
}

#group .jp .intro li:nth-child(even){
	margin-left: 40px;
}

#group .jp .intro .url{
	margin: -10px 0 20px;
	text-align: center;
}

#group .jp .intro .caption{
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
}

#group .jp .intro .description{
	line-height: 130%;
}





#office{
	padding: 90px 0;
}

#office .ttl{
	color: #fefefe;
}

#office .post{
	margin-bottom: 40px;
	line-height: 160%;
	text-align: center;
	font-size: 30px;
	color: #fefefe;
}

#office .map{
	margin-bottom: 60px;
}

#office .map img{
	width: 100%;
}





#contact .ttl{
	margin-bottom: 40px;
	text-align: center;
}

#contact .ttl span{
	border-bottom: 3px solid #000;
	display: inline-block;
	line-height: 130%;
	font-size: 28px;
	color: #000;
}

#contact .atte{
	margin-bottom: 10px;
}

#contact table{
	margin-bottom: 10px;
}

#contact .table input[type="text"],
#contact .table textarea{
	width: 300px;
	padding: 5px;
}

#contact .btn_submit{
	text-align: center;
}

#contact input[type="submit"]{
	padding: 0 20px;
	font-size: 20px;
}

#contact input[type="submit"]:hover{
	cursor: pointer;
}

#contact .table textarea{
	height: 100px;
}

.contact_done{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	color: #fefefe;
}

.contact_done span{
	width: 100%;
	position: fixed;
	top: 50%;
	margin-left: -50%;
	display: inline-block;
	line-height: 150%;
	font-size: 30px;
}





footer#footer{
	padding: 50px 0;
	text-align: center;
	color: #fefefe;
}













/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.5.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:10%;margin-right:10%;max-height:90%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block !important;}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}