@charset "UTF-8";
@import "base.css";
@import "fonts.css";


/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 120%;
}

dt img,dd img,li img { vertical-align: bottom; }

a   {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

*:first-child+html p {letter-spacing:0;} 

/*----------------------------------------
■基本リンク
----------------------------------------*/
a:link    {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover   {color:#000; text-decoration:underline;}
a:active  {outline:none;}


/*----------------------------------------
■サブページテキスト幅
----------------------------------------*/
p.text{width:px; margin:0 auto; padding:0 0 20px 0;}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
.GmapFont { padding: 5px;}
.title { font-size:85%; line-height:1.8;}
.txt01 { font-size:69%; line-height:1.4;}

html {background: none;}
body {color: #000; background:#FFF; position:relative;}


/* マージン設定 */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

#wrapper_cover  {width:auto; min-width:; height:auto; padding:0; margin:auto 0; text-align:center;}
#wrapper{width:100%; height:auto;  padding:0; margin:0 auto; text-align:left;}
#main {width:960px; margin:0 auto 120px; overflow:hidden;}

.f_libre{font-family: 'Libre Baskerville', serif;}

/*Header*/

#header {
	width:960px;
	height:100px;
	margin:0 auto;
	position:relative;}

#header h1{
	width:960px;
	height:67px;
	margin:0 auto;
	padding:28px 0 0 0;
	position:absolute;
	text-align:center;}

/*Navigation*/

#navi {width:960px; height:48px; margin:0 auto 16px; padding:10px 0 20px 0; 
display: flex;
align-content:center;
justify-content:space-around;
}


/*#navi li {width:122px; height:48px; float:left;}
#navi li.navi01 { width:122px; height:48px; padding-left:17px;}
#navi li.navi02 { width:122px; height:48px; padding-left:4px;}
#navi li.navi03 { width:122px; height:48px; padding-left:15px;}
#navi li.navi04 { width:122px; height:48px; padding-left:18px;}
#navi li.navi05 { width:122px; height:48px; padding-left:29px;}
#navi li.navi06 { width:122px; height:48px; padding-left:13px;}
#navi li.navi07 { width:122px; height:48px; padding-left:0px;}*/


/* Main Image */
#outer_topImage {
	width:100%;
	height:625px;
	background:url(../images/top_img.jpg) no-repeat center top;}

#topImage {
	width:960px;
	height:625px;
	margin:0 auto;}


/*TopFooter*/
#footer {
	width:960px;
	height:138px;
	margin:0 auto;
	position:relative;}

#f_english{width:60px; height:61px; margin:0; padding:0; position:absolute; top:36px; right:148px;}
#f_contact{width:60px; height:61px; margin:0; padding:0; position:absolute; top:36px; right:74px;}
#f_insta{width:60px; height:61px; margin:0; padding:0; position:absolute; top:36px; right:0px;}


.copy {text-align:center; margin:0 auto; padding:62px 0 0 0; font-family: 'Libre Baskerville', serif; font-size:10px; letter-spacing:0.15em;}

/*SubFooter*/
ul#footer_navi {
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	font-family: 'Libre Baskerville', serif; font-size:12px; letter-spacing:0.15em; text-align:center; border-top:#000000 1px solid; border-bottom:#000000 1px solid; 
	display: flex;
 align-content:center;
 justify-content:space-around;}

ul#footer_navi li{width:120px; padding:17px 0;}
ul#footer_navi li a{display:block;}
ul#footer_navi li a:link   {color:#000000; text-decoration:none;}
ul#footer_navi li a:visited{color:#000000; text-decoration:none;}
ul#footer_navi li a:hover  {color:#a4a4a4; text-decoration:none;}
ul#footer_navi li a:active {color:#000000; text-decoration:none;}


#subfooter {
	width:960px;
	height:110px;
	margin:0 auto;
	border-bottom:#000000 1px solid;
	position:relative;}

#subf_english{width:60px; height:61px; margin:0; padding:0; position:absolute; top:25px; right:148px;}
#subf_contact{width:60px; height:61px; margin:0; padding:0; position:absolute; top:25px; right:74px;}
#subf_insta{width:60px; height:61px; margin:0; padding:0; position:absolute; top:25px; right:0px;}


#subf_logo{width:60px; height:61px; margin:0; padding:0; position:absolute; top:30px; left:408px;}
.copy02 {text-align:center; margin:0 auto; padding:23px 0 23px 0; font-family: 'Libre Baskerville', serif; font-size:10px; letter-spacing:0.15em;}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

h2{width:960px; margin:0 auto; padding:0 0 45px 0;}
h3{width:960px; height:auto; margin:0 auto 50px; padding:15px 0; font-size:17px;
   border-bottom:#000000 solid 1px; font-family: 'Libre Baskerville', serif; letter-spacing:0.1em; text-align:center;}


/*company*/
table.c_table{
	width:710px;
	height:auto;
	margin:0 auto 45px;
	padding:0;
	line-height:1.7;
	letter-spacing:0.1em;}


table.c_table th{width:200px; height:auto; padding:0px 18px 23px 170px; margin:0;  vertical-align:top;}
table.c_table td{ vertical-align:top; padding:0 0 23px 0; margin:0;}
.maptext{width:710px; height:auto; margin:0 auto; padding-bottom:5px;}


/*company_en*/
table.c_tableen{
	width:710px;
	height:auto;
	margin:0 auto 45px;
	padding:0;
	line-height:1.7;
	letter-spacing:0.1em;}


table.c_tableen th{width:200px; height:auto; padding:0px 18px 23px 50px; margin:0;  vertical-align:top;}
table.c_tableen td{ vertical-align:top; padding:0 0 23px 0; margin:0;}








/*News*/
.news_block{
	width:695px;
	height:auto;
	margin:0 auto 80px;
	padding:25px 40px;
	overflow:hidden;
	border:#000 1px solid;}


.news_title  {width:300px; height:auto;margin:0 auto; padding:0;}
.news_title p{font-size:16px; padding:0 0 0 20px; background:url(../images/new_icon.jpg) no-repeat 2px 3px;}
.news_text   {width:390px; height:auto;margin:0 auto; padding:0 0 0 10px;}


.blog_block{width:900px; height:auto; margin:0 auto; overflow:hidden;}
.blog_img{width:259px; height:362px; margin:0 auto; float:left;}
.blog_rss{width:575px; height:auto; margin:0 auto; float:right;}

.insta{width:850px; height:auto; margin:0 auto; padding:0; overflow:hidden;}

.column{width:575px; height:auto;}

dl.column_box{
	width:575px;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;}

*  {margin:0; padding:0;}

dl.column_box dt{
	width:110px;
	height:auto;
	padding:24px 0px;
	float:left;
	clear:both;
	background:url(../images/line.jpg) repeat-x bottom;}
	
dl.column_box dd{
	width:450px;
	height:auto;
	overflow:hidden;
	padding:24px 0px;
	float:left;
	background:url(../images/line.jpg) repeat-x bottom;}


/*Contact*/
p.form_info{width:600px; margin:0 auto 15px;}
div.form{
	width:600px;
	height:auto;
	margin:0 auto;
	padding:0;
	}

div.form table{
	width:600px;
	height:auto;
	margin:0 auto 30px;}

div.form table th.form_title, span.form_title{width:170px; padding:10px 0; font-family: 'Libre Baskerville', serif; font-size:18px;}
div.form table td{padding:20px 0;}

input.form_text{width:380px; height:22px; margin:0; padding:10px; border:#000 1px solid;}
textarea.form_comment{width:380px; height:180px; margin:0; padding:10px; border:#000 1px solid;}

div.form_bt{width:490px; height:70px; margin:0 auto; padding:0; overflow:hidden;}
.bt_r{width:223px; height:70px; margin:0 auto; padding:0; float:right;}
.bt_l{width:223px; height:70px; margin:0 auto; padding:0; float:left;}


/*Recruit*/
ul#recruit_list{ width:430px; height:auto; margin:0 auto 60px; padding:0;}
ul#recruit_list li{padding-bottom:15px;}


/*Member*/
.member_block{
	width:800px;
	height:auto;
	margin:0 auto 80px;
	padding:10px 0 10px 55px;
	border-left:#000 7px solid;}

.member_name{
	width:100%;
	height:auto;
	margin:0 auto 20px;
	padding:0 0 17px 0;
	border-bottom:#000 1px solid;}

.font20m{font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ 明朝","MS Mincho"; font-size:20px;}
.font16men{font-family: 'Libre Baskerville', serif; font-size:16px; letter-spacing:0.10em;}

.font11l{font-family: 'Libre Baskerville', serif; font-size:11px; letter-spacing:0.15em; padding-left:20px;}

/*About*/
.about_block   {width:510px; height:auto; padding:0px; margin:0 auto;}
.about_block h4{padding-bottom:18px; font-size: 22px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",
    serif;font-weight: bold;}
.about_block p {padding:0 0 55px 8px;}


.about_block_en   {width:600px; height:auto; padding:0; margin:0 auto;}
.aboutlist_en{padding-bottom:18px; font-family: 'Libre Baskerville', serif; font-size:16px;}
.about_block_en p {padding:0 0 55px 20px;}



.ourworks{width:920px; height:auto; margin:0 auto 80px; padding:0; overflow:hidden;}
.ourworks_img{width:402px; height:auto; margin:0; padding:0; float:left;}
.ourworks_text{width:468px; height:auto; margin:0; padding:0; float:right;}
.ourworks_table{width:468px; height:auto; margin:0; padding:0;}
.ourworks_table th{width:85px; height:auto; margin:0; padding:10px 10px 10px 0;}
.ourworks_table td{width:auto; height:auto; margin:0; padding:10px 0px 10px 0;}



.showroom{width:880px; height:auto; margin:0 auto 50px; padding:0; overflow:hidden;}
.showroom_img{width:402px; height:auto; margin:0; padding:0; float:left;}
.showroom_text{width:428px; height:auto; margin:0; padding:0; float:right; line-height:2.0;}



ul#instafeed {width:840px; margin:0 auto; padding:0 0 0 10px;}
ul#instafeed li{ float:left; padding:0 10px 0 0;}
ul#instafeed li img{ width:200px;}