@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@charset "UTF-8";
/* CSS Document */
/* Layout */
@media screen and (max-width: 1079px){
@media screen and (min-width: 835px){

#content {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}
	
.about_box {
	max-width: 1079px;
	min-width:835px;
	marign: 0 auto;
	padding: 80px 0;
	background: rgba(250,250,250,1.0);
	box-sizing: border-box;
	letter-spacing: 0.15em;
}

.about_title {
	width: 70%;
	margin: 0 auto;
	padding: 2em 0;
	font: 300 24px/2em 'Noto Sans JP', sans-serif;
	color: #555;
	box-sizing: border-box;
	text-align: center;
}

.g_logo {
	width: 300px;
}

.about_box .txtarea {
	width: 70%;
	margin: 2em auto;
	font: 300 16px/2em 'Noto Sans JP', sans-serif;
	color: #555;
	clear: both;
	
}

.company_top_txtarea {
	max-width: 1079px;
	min-width:835px;
	margin: 0;
	padding: 64px 1em 24px;
	text-align: center;
	font: 400 16px/24px 'Noto Sans JP', sans-serif;
	color: #666;
	box-sizing: border-box;
}

.company_box {
	max-width: 1079px;
	min-width:835px;
	marign: 0 auto;
	padding: 80px 0 0;
	background: rgba(250,250,250,1.0);
	box-sizing: border-box;
}
	
.company_txt {
	font: 400 12px/24px 'Noto Sans JP', sans-serif;
	color: #555;
}

.company_txt table {
	max-width: 800px;
	width: auto;
	margin: 0 auto;
	padding: 0 1em 64px;
	box-sizing: border-box;
}

.company_txt table td {
	border-bottom: 1px solid #999;
	box-sizing: border-box;
}

.company_txt table .firstcell {
	width: 300px;
	text-align: center;
	padding: 1.5em 0.5em 8px;
	box-sizing: border-box;
}

.company_txt table .secondcell {
	width: 700px;
	padding: 1.5em 2em 8px 1em;
	box-sizing: border-box;
}

////////////////////////////////////

#btn_navi{
	width:600px;
}

.top_menu ul{
	width:840px;
	text-align:center;
	margin:0 0 10px 50%;
	position:absolute;
	left:-420px;
	bottom:0;
	color:white;
}

.top_menu ul li{
	float:left;
	width:120px;
}

.top_menu ul li a{text-decoration:none;padding:10px 10px 10px;border-radius:10px;}
.top_menu ul li a:link{color:#FFFFFF}
.top_menu ul li a:visited{color:#FFFFFF}
.top_menu ul li a:hover{color:#FFFFFF;font-weight:800;background:#FF3333;
    -moz-box-shadow: inset 0px 0px 5px 5px #666666;
    -webkit-box-shadow: inset 0px 0px 5px 5px #666666;
    box-shadow: inset 0px 0px 5px 5px #666666;
}

.fade1{
	animation-name: fade_in;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction:alternate;
	animation-play-state:runnning;
	animation-fill-mode: forwards;

	-moz-animation-name: fade_in;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:runnning;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: fade_in;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:runnning;
	-webkit-animation-fill-mode: forwards;

	-o-animation-name: fade_in;
	-o-animation-duration: 2s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-animation-delay: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-direction:alternate;
	-o-animation-play-state:runnning;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: fade_in;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-animation-delay: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:runnning;
	-ms-animation-fill-mode: forwards;
	opacity: 0;
}

@-moz-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-o-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

@-ms-keyframes fade_in {
	0%{opacity:0;}
	100%{opacity:1;}
}

.fade2{
	animation-name: fade_in;
	animation-duration: 3.5s;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-direction:alternate;
	animation-play-state:runnning;
	animation-fill-mode: forwards;

	-moz-animation-name: fade_in;
	-moz-animation-duration: 3.5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:runnning;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: fade_in;
	-webkit-animation-duration: 3.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:runnning;
	-webkit-animation-fill-mode: forwards;

	-o-animation-name: fade_in;
	-o-animation-duration: 3.5s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-animation-delay: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction:alternate;
	-o-animation-play-state:runnning;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: fade_in;
	-ms-animation-duration: 3.5s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-animation-delay: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:runnning;
	-ms-animation-fill-mode: forwards;
	color:#FFFFFF;
	opacity: 0;
}

@-moz-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}

@-webkit-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}

@-o-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}

@-ms-keyframes fade_in {
	0%{opacity:0;color:#FFFFFF;}
	50%{color:#FFFFFF;}
	100%{opacity:1;color:#AA0011;}
}