@font-face {
  font-family: "folk";
  src: url("font/A-OTF-FolkPro-Medium.otf") format('opentype');
	   
}
@font-face {
  font-family: "";
  src: url("font/Oregon_LDO.ttf") format('opentype');
}

@font-face {
  font-family: "folk_r";
  src: url("font/A-OTF-FolkPro-Regular.otf") format('opentype');
	   
}
/** globle **/
html,body {
    height: 100%;
	margin:0; padding:0;
}
.f7{font-size:7px;}.f11{font-size:11px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f24{font-size:24px;}.f30{font-size:30px;}.f32{font-size:32px;}.f36{font-size:36px;}
.border{
	border-image:url(img/line.png) 1;
	-moz-border-image: url(img/line.png) 1;
    -webkit-border-image: url(img/line.png) 1;
    -o-border-image: url(img/line.png) 1;
	border-style:solid;
	border-width:1px;}
.border_top{ border-image:url(img/line.png) 1;
	-moz-border-image: url(img/line.png) 1;
    -webkit-border-image: url(img/line.png) 1;
    -o-border-image: url(img/line.png) 1;
	border-top:1px solid;
	border-bottom:0px;
	}
.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}
.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}
.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr30{ padding-right:30px;}.pr40{ padding-right:40px;}.pr50{ padding-right:50px;}.pr60{ padding-right:60px;}
.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}.pl40{ padding-left:40px;}.pl50{ padding-left:50px;}.pl60{ padding-left:60px;}
.mt10{ margin-top:10px}.mt20{ margin-top:20px}.mt30{ margin-top:30px}.mt40{ margin-top:40px}
img{ max-width: 100%; max-height:100%;}
.folk{font-family: "folk";
}
.folk_r{font-family: "folk-r";
}
.ore{font-family: "ore";
}
.ls2 {letter-spacing:2px;}.ls4{letter-spacing:4px;}.ls8{letter-spacing:8px;}.ls16{letter-spacing:16px;}.ls18{letter-spacing:18px;}.ls20{letter-spacing:20px;}
a {	text-decoration:none; outline: none; color:#000000;}
a:link { text-decoration: none; color:#000000;}
a:visited { text-decoration: none; color:#000000;}
a:hover { text-decoration: none; color:#000000;}
a:active { text-decoration: none; color:#000000;}
a:focus{ outline: none; }
body {
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
    font-family: "folk";
    text-align: center;
	height:100%;
}
ul {
    padding: 0;
	margin:0;
	list-style:none;
    list-style-type: none;
}
p{
    padding: 0;
	margin: 0;
}
table {
	padding-top:4%;
	padding-left:10%;
	padding-right:10%;
	border:none;
	width:100%;
	border-spacing:0;
}
td{
	text-align:left;}
	
.wrapper {
	height:100%;
}


/** top page **/
.top_text{
	display:table-cell;
	vertical-align:middle;
	font-weight:lighter;
	font-family:"folk-r";
}

.top_container {
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	background:#FFFFFF;
	overflow: auto;
	border:none;
}
.top_block {
	display: table;
	height:100%;
	width:100%;  
}
.top_block_inner {
	display: table-cell;    
    vertical-align: middle;
}
.top_block_inner img{
	width:200px;
	height:auto;
}

.top_nav{
	padding-top:4%;
}
.top_nav ul {
	float:none;
	align-content:center;
}

.top_nav li {
  font-family: "ore";
  font-size:10px;
  letter-spacing: 3px;
  padding:0 10px 0 10px;
  list-style:none outside none;
  cursor:pointer;
  display:inline-block;

}
.top_nav li a {
  display:block;
  padding:5px;
}

.right {
	float:right;
}
.left {
	float:left;
}
/** vision **/

.nav{
	display: table;
	font-family: "ore";
    font-size:10px;
	width:100%;  
	}
.logo{
	display: table-cell; 
	vertical-align:middle;
	padding-left:40px;
}
.logo img{
	width:180px;
	height:auto;
	float:left;
}
.menu {
	height:60px;
	padding-right:40px;
	display: table-cell;    
    vertical-align: middle;
}
.menu ul {
	float:right;
	align-content:center;
}

.menu ul li { 
  letter-spacing: 3px;
  padding:0 10px 0 10px;
  list-style:none outside none;
  cursor:pointer;
  display:inline-block;

}
.container {
	position:absolute;
	top:60px;
	left:20px;
	right:20px;
	bottom:20px;
	background:#FFFFFF;
	overflow: auto;
	border:none;
}


.title_n {
	padding:0 0 60px 0;
	}
.title_n span{
	border-color:#000000;
	border-style: solid;
	border-width: thin;
	border-right: 0;
	padding:4px;
	}
.title_n span:last-child { border-right: thin solid black; }
.main_text{
	padding:30px 0 30px 0;
	text-align: center;
}
.sub_text{
	padding:50px 0 30px 0;
	font-size:14px;
	font-weight:lighter;	
}
.align-c {
	text-align: center;
}
.align-l {
	text-align: left;
}
.list-text {
	font-size: 14px;
	margin-top: 10px;
}
.list-text span {
	font-size: 10px;
}

/**works**/
.wrapper_w {
	width:100%;
	height:100%;
}
.container_w {
	margin-left:20px;
	margin-right:20px;
	top:60px;
	left:20px;
	right:20px;
	background:#FFFFFF;
	overflow: auto;
}

.copyright_w {
	position:relative;
	display:table;
	align-content:center;
	font-size:7px;
	width:100%;
	height:20px;
}
.copyright_w p {
	font-size:7px;
	display:table-cell;
	vertical-align:middle;	
}

.arrow{width:100%; display:table; text-align:center;}
.arrow p{display:table-cell;vertical-align: middle;}

/**company**/

.t_company {
    background-image:url(img/bg.jpg);
	background-repeat:repeat;
	margin:4% 15% 8% 15%;
	padding:2% 2% 2% 2%;
}
.t_company table{
	background-color:#FFFFFF;
	border-collapse: collapse;
	text-align:left;
}
.t_company table td{
    display: inline-block;
	padding:15px 15px 15px 30px;
}
.t_company table tr{
	border-bottom:1px #f2f2f2 solid;
}
.t_company table tr:last-child{ border:none; }
	
.t1 {
	width:20%;
}

.t2 {
	width:50%;
}

/**fadein-out effect**/

.fade{
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	position:absolute;
	display:table;
	vertical-align:middle;
    width:100%;
    height:100%;
    background-color: #FFF;
    -moz-box-shadow: 0 0 100px 1px #444;
    -webkit-box-shadow: 0 0 100px 1px #444;
    box-shadow: 0 0 100px 1px #444;
    font-size:20px;
}




@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadein {
    -webkit-animation: fadeIn;
    animation: fadeIn;
    opacity: 1;
}

.fadeout {
    -webkit-animation: fadeOut;
    animation: fadeOut;
    opacity: 0;
}
.hide {
	display:none;
}
.fast {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

/**copy right**/
.copyright {
	position:absolute;
	bottom:0px;
	display:table;
	width:100%;
	height:20px;
}
.copyright p {
	display:table-cell;
	vertical-align:middle;
}

/* お問合わせフォーム ここから*/
#inq-box {
	width:100%;
	height:100%;
	margin:0 0 80px 0;
}
#if_size
{
	width:100%;
}

#table_form {
	position:relative;
	width:100%;
	height:100%;
	text-align:left;
	}


.table_form {
	padding:0 10% 10% 10%;
}
.table_form table tr{
	display:table;
	padding-top:5%;
}
	
#inq {
	display:table;
	width:100%;
}

.table_cell_input {
	position:relative;
	word-break:break-all;
	margin-top:10px;
}

.table_cell_left {
	display:table-cell;
	display:block;
	width:90px;
	vertical-align:top;
	margin:0;
}
.table_cell_right {
	position:relative;
	display:table-cell;
	align-content:center;
	word-break:break-all;
	width:80%;
}

.errorms, .errorms-com {
	position:relative;
	top:0;
	bottom:3px;
	left:0;
}

.textarea100 {
	padding:8px 16px;
	font-size:11px;
	color:#000;
	border:solid 1px #ccc;
	margin:0;
	width:100%;
	height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.textarea1000 {
	padding:8px 16px;
	font-size:11px;
	color:#000;
	border:solid 1px #ccc;
	margin:0;
	width:100%;
	height:60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#comment {
	overflow:hidden;
}

.pseudoUI-select {
	padding: 6px 35px 6px 10px;
	width: 40%;
	border: 1px solid #ccc;
	border-radius: 5px;	
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	background-color:#FFFFFF;
}

.pseudoUI-select:before {
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 10px;
	content: "\f103";
	font-family: FontAwesome;
	font-size:14px;
	color:#000000;
}

.pseudoUI-select:after {
	margin-top: -2px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";
}

.pseudoUI-select select {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
}


#button_submit {
	width:184px;
	height:100%;
	margin:10px auto 0 auto;
}
.button_submit {
	background: url(img/btn_send.jpg) top no-repeat;
	width:184px;
	height:44px;
	border:0;
	text-align:center;
	letter-spacing:2px;
	cursor:pointer;
	margin-bottom:10%;
}
.button_back {
	background-color:#787878;
	border:1px solid #CCCCCC;
	border-width:1px;
	width:184px;
	height:44px;
	line-height:30px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	margin-bottom:10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }

/* お問合わせフォーム ここまで*/