html,body{
	height:100%;
	margin:0;
	padding:0;
}

@font-face {
	font-family: 'font1';
	src: url('../font/A-OTF-SHINGOPRO-REGULAR.OTF');
}

#wrap{
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
	text-align:center;
	overflow:hidden;
}

p { margin:0; }

.clear:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

header{
	width:100%;
	height:85px;
	z-index:5;
	position:fixed;
	background-color: rgba(0,0,0,0.3);
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.menu li a:hover{
	color:#3abd39;
	text-decoration:underline;
}

.logo{
	margin:15px 0 0 32px;
	float:left;
	background:url(../img/logo_img.png) no-repeat;
	width:294px;
	height:52px;
}
.logo a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}

.menu{
	float:right;
	padding-top:23px;
	width:800px;
	height:52px;
}

.menu li{
	display:inline-block;
	width:16%;
}
.menu .menue_mark {
	width:50px;
	height:50px;
}
.menu li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}
.li_home a { background:url(../img/menu_home.png) no-repeat center center;background-size:45%; }
.li_service a { background:url(../img/menu_service.png) no-repeat center center;background-size:70%; }
.li_news a { background:url(../img/menu_news.png) no-repeat center center;background-size:45%; }
.li_recruit a { background:url(../img/menu_recruit.png) no-repeat center center;background-size:70%; }
.li_contact a { background:url(../img/menu_contact.png) no-repeat center center;background-size:80%; }
.menue_mark a { background:url(../img/menu_icon.png) no-repeat center center;background-size:45%; }
.li_home a:hover { background:url(../img/menu_home_a.png) no-repeat center center;background-size:45%; }
.li_service a:hover { background:url(../img/menu_service_a.png) no-repeat center center;background-size:70%; }
.li_news a:hover { background:url(../img/menu_news_a.png) no-repeat center center;background-size:45%; }
.li_recruit a:hover { background:url(../img/menu_recruit_a.png) no-repeat center center;background-size:70%; }
.li_contact a:hover { background:url(../img/menu_contact_a.png) no-repeat center center;background-size:80%; }
.menue_mark a:hover { background:url(../img/menu_icon_a.png) no-repeat center center;background-size:45%; }

/*.menu li.menue_mark{
	background:url(../img/menue_mark.png) no-repeat;
	width:17px;
	height:17px;
	padding-top:0;
	margin:15px 20px 0 0;
}*/

.btn_menu {
	display:none;
	background:url(../img/menu_icon_a.png) no-repeat center center;
	background-size:contain;
	width:50px;
	height:50px;
	position:absolute;
	top:15px;
	right:15px;
}
.menu_sub {
	clear:both;
	display:none;
	width:100%;
	padding-top:21px;
}
.menu_sub ul {
	background-color:rgba(0, 0, 0, 0.3);
	width:90%;
	text-align:center;
	margin:0 auto;
}
.menu_sub ul li a {
	color:#000;
	font-weight:bold;
	font-family: 'font1';
	width:100%;
	height:50%;
	display:block;
	text-shadow:0px 0px 5px #fff;
}

#top_page{
	position:relative;
	background:url(../img/top_img.png) no-repeat center;
	background-size:cover;
	width:100%;
	height:100%;
	text-indent:"10";
}

.tokimeku_box{
	width:100%;
	height:732px;
	margin:0 auto;
	padding-top:20%;
}

.tokimeku_title {
	background:url(../img/tokimeku_img.png) no-repeat;
	margin:0 auto;
	width:600px;
	height:180px;
	background-size:100%;
}
.tokimeku_title p {
	color:#fff;
	font-size:130%;
	font-family: 'font1';
	line-height:1.5;
	padding-top:15%;
	text-shadow:1px 1px 3px #000;
}

.btn_more {
	background:url(../img/btn_see_more.png) no-repeat;
	background-size:contain;
	margin:0 auto;
	width:200px;
	height:60px;
	margin-top:100px;
}
.btn_more a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}
.btn_more .arrow_more {
	background:url(../img/ico_arrow_more.png) no-repeat;
	background-size:contain;
	margin:0 auto;
	width:40px;
	height:20px;
	margin-top:100px;
}

/*サービスのところ*/
#service{
	position:relative;
	margin:0 auto;
	background:url(../img/service.png) no-repeat center;
	background-size:cover;
	width:100%;
	/*height:100%;*/
}

#content{
	position:relative;
	margin:0 auto;
	background-size:cover;
	width:100%;
	height:660px;
}

.service_box{
	width:100%;
	height:79.5%;
	margin:0 auto;
	padding-top:10%;
}

.service_title{
	background:url(../img/service_title.png) no-repeat;
	margin:0 auto;
	width:250px;
	height:130px;
	background-size:100%;
}

.service_menue{
	position:absolute;
	width:100%;
	bottom:0;
	padding-bottom:0;
}

.service_menue li{
	float:left;
	padding-top:5px;
	width:33%;
	height:auto;
}
/*
.service_menue li a{
	text-align:center;
	display:block;
	width:100%;
	height:93px;
}*/
.service_menue li div img {
	width:100%;
}

.sd{
	margin:0 auto;
	width:33%;
	height:93px;
	background-color:#3abdff ;
/*	float:left;*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
}
.sd:hover + #service {
	background:url(../img/service.png) no-repeat;
}
.wd:hover + #service {
	background:url(../img/wb_back.png) no-repeat;
}
.dtp:hover + #service {
	background:url(../img/dtp_back.png) no-repeat;
}

.wd{
	margin:0 auto;
	width:33%;
	height:93px;
	background-color:#3abd39 ;
/*	float:left;*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
}

.dtp{
	margin:0 auto;
	width:34%;
	height:93px;
	background-color:#ffbd39 ;
/*	float:left;*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
}

.sd2{
	margin:0 auto;
	width: 33%;
	height: 220px;
	background-color:#3abdff;
/*	float:left;*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	display:none;
	z-index:10;
}

.wd2{
	margin:0 auto;
	width: 33%;
	height: 220px;
	background-color:#3abd39;
/*	float:left;*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	display:none;
	z-index:10;
}

.dtp2{
	margin:0 auto;
	width: 34%;
	height: 220px;
	background-color:#ffbd39;
/*	float:left;*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	display:none;
	z-index:10;
}

.service_menue_sub { display:none; }
.service_menue_sub img { width:100%; }

clear{
	clear:both;
}

/*新着情報*/

#news{
	position:relative;
	margin:0 auto;
	background-size:cover;
	width:100%;
	height:500px;
}

.news_box{
	width:100%;
	margin:0 auto;
}

.news_list{
	width:80%;
	height:380px;
	margin:0 auto;
	padding-top:100px;
	margin-left:15%;
	color:#000;
	font-size:100%;
}

.news_title{
	background:url(../img/news_title.png) no-repeat ;
	background-size:contain;
	margin:0 auto;
	margin-left:90px;
	margin-bottom:10px;
	width:204px;
	height:28px;
	padding:0;
}

.update{
	margin:0 auto;
	width:90%;
	height:90%;
	font-size: 110%;
	font-family:"font1";
}

dl,dt,dd{
	margin:0;
	padding:0;

}

.update dl {
	width: 100%;
	height:340px;
	margin: 0 auto;
}

.update dt {
	width: 15%;
	height:85px;
	float:left;
	text-align:center;
	border-bottom: 2px #999999 solid;
	line-height:5;
}
.update dd {
	width:75%;
	height:85px;
	float:left;
	text-align:left;
	border-bottom: 2px #999999 solid;
	line-height:5;
}
.news_more{
	width:18%;
	float:right;
	margin-top:25px;
	cursor: pointer;
}
.fade {  
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}  
.fade:hover {
	opacity: 0.5;
	filter: alpha(opacity=60);
} 


dl dt:first-child{
	border-top: 2px #999999 solid;
}
dl dt:first-child + dd{
	border-top: 2px #999999 solid;
}


.clear{
clear:both;
}

/*採用情報*/
#recruit{
	position:relative;
	width:100%;
	background-color:#666666;
	color:#fff;
	font-family:'font1';
}

.recruit_box{
	width:100%;
	height:450px;
	margin:0 auto;
	padding-top:40px;
}

.recruit_title{
	background:url(../img/recruit_title.png) no-repeat center;
	margin:0 auto;
	padding-top:30px;
	width:200px;
	height:180px;
	background-size:100%;
}

.recruit_content{
	width:600px;
	height:90px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-family:'font1';
	font-size:100%;
	line-height:1.5;
}
/*フリップボード*/

.flip-boards{
	margin:0 auto ;
	margin-top:30px;
	width:300px;
}
.flip-boards .board
{
	margin: 0 auto;
	position: relative;
	width: 202px;
	height: 60px;
	cursor: pointer;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.flip-boards .board div
{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-boards .board .front
{
	background:url(../img/btn03.png) no-repeat ;
	margin:0 auto 2px auto;
	width:202px;
	height:60px;
}

.flip-boards .board .flipped
{
	background:url(../img/btn05.png) no-repeat;
	margin:0 auto;
	width:202px;
	height:60px;
}
.flip-boards .board h2{
	margin-top:80px;
}
.flip-boards .board.top:hover
{
	-webkit-transform: rotateX( 180deg );
	-moz-transform: rotateX( 180deg );
	-ms-transform: rotateX( 180deg );
	transform: rotateX( 180deg );
}
.flip-boards .board.top .flipped
{
	-webkit-transform: rotateX( 180deg );
	-moz-transform: rotateX( 180deg );
	-ms-transform: rotateX( 180deg );
	transform: rotateX( 180deg );
}
.flip-boards .flip_none {
	display:none;
	background:url(../img/btn05.png) no-repeat;
	margin:0 auto;
	width:202px;
	height:60px;
}

/*コンタクト*/

#contact{
	position:relative;
	margin:0 auto;
	background:url(../img/contact_img.png) no-repeat center;
	background-size:cover;
	max-width:100%;
	height:100%;
}
.contact_title{
	width:100%;
	/*height:100%;*/
	margin:0 auto;
	padding-top:130px;
}

.contact_sub{
	background:url(../img/contact_title.png) no-repeat center;
	margin:0 auto;
	width:250px;
	height:110px;
	background-size:100%;
}

.contact_box{
	width:1200px;
	height:400px;
	margin:0px auto;
	background-color:#fff;
	margin-top:80px;
	/*padding:21px;*/
	padding-top:5px;
}

.contact_box ul li { position:relative; }

.left_contact_box{
	float:left;
	width:560px;
	height:380px;
	margin-right:20px;
	margin-left:20px;
}

.left_contact_box ul li {
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.left_contact_box ul li:nth-child(odd) {
	background-color:#666666;
	width:200px;
	height:32px;
	margin-bottom:18px;
	margin-right:0;
	border:2px solid #666666;
	line-height:1.8;
	text-align:left;
	font-family:'font1';
	font-size:100%;
}
.left_contact_box ul li:nth-child(even) {
	background-color:#ffffff;
	width:360px;
	height:32px;
	margin-bottom:18px;
	margin-left:0;
	border:2px solid #666666;
	font-family:'font1';
	font-size:100%;
}
.left_contact_box ul li.policy{
	background-color:#ffffff;
	width:600px;
	height:32px;
	margin-top:18px;
	color:#666666;
	border:none;
	text-align:left;
	line-height:1.8;
}
.left_contact_box ul li:nth-child(1){
	margin-top:25px;
}

.left_contact_box ul li:nth-child(2){
	margin-top:25px;
}

.right_contact_box{
	float:left;
	width:575px;
	height:380px;
	margin-top:25px;
}
.right_contact_box ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.right_contact_box .r_content1{
	width:560px;
	height:32px;
	margin:0 auto;
	background-color:#666666;
	font-family:'font1';
	font-size:100%;
	text-align:left;
	line-height:1.8;
	border:2px solid #666666;
}
.right_contact_box .r_content2{
	width:560px;
	height:249px;
	margin:0 auto;
	border:1px solid #000;
	font-family:'font1';
	font-size:100%;
	border:2px solid #666666;
}
.right_contact_box .r_content3{
	width:100%;
	height:25%;
}

.left_contact_box ul li input[type=text]{
	width:350px;
	height:28px;
}

.right_contact_box .r_content_btn input[type=submit]{
	background:url(../img/btn06.png) no-repeat center;
	width:208px;
	height:52px;
	float:right;
	margin-top:25px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.right_contact_box textarea {
	resize: none;
	width: 100%;
	height: 90%;
	padding:0;
	margin:0;
	margin-top:1%;
}
.error{
	width:350px;
	height:30px;
	color:#ff0000;
	font-size:70%;
}

.input[type=text]{
	width:350px;
	height:350px;
}


clear{
clear:both;
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 10;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color:#000000;
	opacity:0.3;
}
#page-top a:hover {
	text-decoration: none;
	background-color:#A9A9A9;
}

#page-top div{
	display: block;
	width:100px;
	height:30px;
	opacity:0.3;
	background-color:#A9A9A9;
}

@media screen and (max-width: 1200px) {
	.menu { width:60%; }
	.li_home a { background-size:50%; }
	.li_news a { background-size:48%; }
	.sd { height:70px; }
	.sd2 { height:210px; }
	.wd { height:70px; }
	.wd2 { height:210px; }
	.dtp { height:70px; }
	.dtp2 { height:210px; }
	.news_list {
		margin-left:auto;
		text-align:center;
	}
	.news_title { margin-left:15px; }
	.contact_title { padding-top:100px; }
	.contact_box {
		width:95%;
		padding:0;
		margin-top:50px;
	}
	.update { width:100%; }
	.update dd { width:85%; }
	.left_contact_box { width:46%; }
	.left_contact_box ul li:nth-child(even) { width:65%; }
	.left_contact_box ul li:nth-child(odd) { width:25%; }
	.left_contact_box ul li input[type=text] { width:100%; }
	.left_contact_box ul li.policy { width:100%!important; }
	.right_contact_box { width:48%; }
	.right_contact_box .r_content1 { width:100%; }
	.right_contact_box .r_content2 { width:100%; }
}
@media screen and (max-width: 800px) {
	.logo { margin:12px 0 0 12px; }
	.service_box { padding-top:15%; }
	.sd { height:50px; }
	.sd2 { height:155px; }
	.wd { height:50px; }
	.wd2 { height:155px; }
	.dtp { height:50px; }
	.dtp2 { height:155px; }
	.update dt {
		font-size:14px;
		line-height:6;
	}
	.update dd {
		font-size:14px;
		line-height:6;
	}
	.news_more {
		width:20%;
		margin-right:5px;
	}
	
	.flip-boards .board.top { display:none; }
	.flip-boards .flip_none { display:block; }
	.contact_title { padding-top:120px; }
	.right_contact_box { width:46%; }
}
@media screen and (max-width: 750px) {
	.menu { display:none; }
	.btn_menu { display:block; }
	.menu_sub { display:block; }
	/*.tokimeku_box { padding-top:30%; }
	.tokimeku_title { width:80%;height:15%; }
	.service_box { padding-top:30%; }
	.service_title { width:40%; }*/
	/*.contact_box { margin-top:20%; }*/
}
@media screen and (max-width: 600px) {
	.tokimeku_box { padding-top:30%; }
	.tokimeku_title { width:80%;height:15%; }
	.tokimeku_title p { font-size:80%; }
	#service {
		background: url(../img/service.png) no-repeat center top;
		background-size: auto 40%;
	}
	.service_box {
		height:50%;
		padding-top:20%;
	}
	.service_title { width:40%; }
	.service_menue { display:none; }
	.service_menue_sub { display:block; }
	.service_menue_sub li:first-child { background-color:#3abdff; }
	.service_menue_sub li:nth-child(2) { background-color:#3abd39; }
	.service_menue_sub li:nth-child(3) { background-color:#ffbd39; }
	#news { height:320px; }
	.news_list { width:95%; }
	.news_title { margin:0 auto;margin-bottom:20px; }
	.update dt { width:20%; }
	.update dd { width:80%; }
	.update dt, .update dd {
		font-size:10px;
		height:50px;
		line-height:5;
	}
	.news_more { margin-top:0; }
	.news_more img { width:100%; }
	.recruit_box { height:380px; }
	.recruit_title {
		padding-top:0;
		margin-top:5%;
		height:150px;
		background-size:80%;
	}
	.left_contact_box {
		margin-left:0;
		width:50%;
	}
	.contact_title { padding-top: 90px; }
	.contact_sub { background-size:70%; }
	.left_contact_box ul li:nth-child(odd) { width:30%; }
	.left_contact_box ul li:nth-child(even) { width:70%; }
}
@media screen and (max-width: 450px) {
	.service_box {
		height:20%;
		padding-top:25%;
	}
	.news_title {
		width:150px;
		height:20px;
	}
	.news_more {
		width:13%;
		margin-top:19px;
	}
	.recruit_content {
		text-align:left;
		font-size:15px;
		margin-left:12px;
	}
	#contact { height:37%; }
	.left_contact_box {
		width:100%;
		margin-right:0;
	}
	.left_contact_box ul li:nth-child(odd) {
		width:100%;
		margin:0;
	}
	.left_contact_box ul li:nth-child(even) {
		width:100%;
		margin:0;
	}
	.left_contact_box ul li.policy { margin-bottom:20px; }
	.right_contact_box { width:100%;padding-top:10px; }
}
@media screen and (max-width: 400px) {
	header { height:50px; }
	.logo {
		margin:10px 0 0 10px;
		background-size:contain;
		width:170px;
		height:30px;
	}
	.btn_menu {
		width:30px;
		height:30px;
		top:10px;
		right:10px;
	}
	.menu_sub { padding-top:10px; }
	.news_more {
		width:1%;
		margin-top:20px;
	}
	.news_more a:before { content:"⇒"; }
	.news_more img { display:none; }
	.recruit_box { height:380px; }
	.recruit_content {
		width:85%;
		margin:0 auto;
	}
	.contact_title { padding-top:120px; }
	.contact_box { margin-top:7%; }
	.left_contact_box ul li.policy { font-size:14px; }
	.right_contact_box { padding-top:7px; }
	.right_contact_box ul li:last-child { margin-bottom:90px; }
}