/****
*全体のCSS
****************/
html,body{
	margin: 0px;
	position: relative;
}
p{
	font-size: 18px !important;
}
section{
	overflow: hidden;
}

.frame{
	z-index: 500;
	position:fixed;
	background-color: aliceblue;
}
.frame-head,.frame-bottom{
	width: 100%;
	height: 60px;
	text-align: center;
}
.frame-head{
	top:0;
}
.frame-bottom{
	bottom:0;
}
.frame-bottom span{
	padding-top: 1%;
	display: block;
}
.frame-bottom a,.frame-rightr a{
	color: black;
	text-decoration: none;
}
.frame-left,.frame-right{
	height: 100%;
	width: 60px;
	text-align: center;
}
.frame-right > span{
	position: absolute;
	top:35%;
	left: 40%;
	text-align: center;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	white-space: nowrap;
}
.frame-right{
	right: 0;
}
#pagetop {
	z-index: 999;
	position: fixed;
	bottom: 5px;
	right: 0px;
	font-size: 77%;
}
#pagetop a {
	background: #228b22;
	text-decoration: none;
	color: white;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
/****
*toppageのcss
****************/
.top_log{
	position: fixed;
	top: 15%;
	left: 5%;
	z-index: 100;
	width: 20%;
}
#skrollr-body{
	margin: 0 60px;
}
#skrollr-body section:nth-child(1){
	position: relative;
	background: url("../images/main01.jpg") center center no-repeat;
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
#skrollr-body section:nth-child(2){
	position: relative;
	background: url("../images/main02.jpg") center center no-repeat;
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
.toumei2{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}
#skrollr-body section:nth-child(3){
	position: relative;
	background-color: white;
}
#skrollr-body section:nth-child(4){
	position: relative;
	background-color: white;
}
#skrollr-body section:nth-child(6){
	position: relative;
	background: url("../images/main04.jpg") center center no-repeat;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/*セクションシャドウ*/
#asection{
	-webkit-box-shadow: 0 -10px 15px -6px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 -10px 15px -6px rgba(0,0,0,0.05);
	box-shadow: 0 -10px 15px -6px rgba(0,0,0,0.05);
}
/*サイドの透明なバー*/
.greenbar{
	background: url("../images/greenbar01.png");
	background-size:cover;
	z-index: 30;
	position: fixed !important;
	width: 25%;
	height: 100%;
}
.glaybar{
	background: url("../images/glaybar02.png");
	background-size:cover;
	z-index: 30;
	position: fixed;
	width: 25%;
	height: 100%;
}
.greenbar2{
	position: absolute !important;
	top: 0;
	left: 0;
	background: url("../images/greenbar01.png");
	background-size:cover;
	z-index: 30;
	width: 25%;
}
/*1つ目のseciton*/
.section1_img1{
	opacity: 0;
	z-index: 200;
	position: absolute;
	top:70%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
/*2つ目のseciton*/
.section2_img1{
	position: absolute;
	z-index: 200;
	top:20%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.section2_img2{
	position: absolute;
	z-index: 200;
	top:30%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.section2_img3{
	z-index: 200;

	position: absolute;
	top:73%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.section2_img4{
	z-index: 200;

	position: absolute;
	top:84%;
	right:50%;
	-webkit-transform: translate3d(50%, -50%, 0);
	transform: translate3d(50%, -50%, 0);
}
.section2_img5{
	z-index: 200;

	position: absolute;
	top:94%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
/*3つ目のsection long_section*/
.section3_titile_space{
	position: fixed;
	pointer-events: none;
	height: 45%;
	width: 100%;
	background-color: white;
	z-index: 30;
}
.section3_titile_space img{
	margin: 0 auto;
	margin-top: 10%;
}

.long_section div{
	position: relative;
	height: 14%;
}
.long_section div:nth-child(1){
	padding-top: 5%;
	z-index: 10;
}
.section3_img1{
	top: 0%;
	left:0%;
}
.section3_img7{
	top:40%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);

}

.long_section div img{
	position: absolute;
	top:50%;
	max-width: 100%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
#section3_img8{
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.long_section div:nth-child(1) img{
	margin: 0 auto;
	position: relative;
}
.long_section div p{
	max-width: 54%;
	position: absolute;
	top:50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

/*4つ目のsection long_section2*/
.long_section2 > div{
	position: relative;
	height: 25%;
}
.long_section2_title {
	padding-top: 12%;
	height: 13%;
}
.long_section2_title > div{
	width: 40%;
	margin: 0 auto;
	animation: title_boder 3s linear infinite;
}
@keyframes title_boder {
	0% { border: solid 5px white;border-bottom:solid 5px rgba(255,140,0,0.2);}
	35% {border: solid 5px white;border-left:solid 5px  rgba(255,140,0,0.2); }
	70% {border: solid 5px white;border-top:solid 5px aliceblue; }
	100% {border: solid 5px white;border-right:solid 5px aliceblue; }
}
.long_section2_text{
	margin-left: 5%;
}
.long_section2_title img{
	margin: 0 auto;
}
.long_section2 div p{
	color: #5bbec4;
}
.long_section2_images{
	position: absolute;
	top:0;
}
.nemes{
	color:rgba(255,140,0,0.8) !important;
}
/*5つ目のsection */
.last_section_div2{
	position: absolute;
	width: 22.7%;
	height: 100%;
	top:0%;
	left:0%;
	z-index: 130;
	background: url("../images/greenbar01.png");
	background-size:cover;
}

.last_section_div{
	position: absolute;
	width: 30%;
	height: 30%;
	bottom:20%;
	left: 30%;
	z-index: 140;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	background-color: rgba(100,200,255,0.3);
}
.last_section_main{
	position: absolute;
	width: 50%;
	height: 40%;
	top:70%;
	left: 50%;
	z-index: 150;
	-webkit-transform: translate3d(-50%, -100%, 0);
	transform: translate3d(-50%, -100%, 0);
	background-color: rgba(255,255,255,0.7);
}
.last_section_main >.row{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 5%;
}
.last_section_title{
	margin-top: 10%;
}

.menu_contents{
	margin-top: 50px;
}
.menu_contents02 table{
	margin: 0 auto;
	font-size: 25px;
}
.menu_contents02 table th{
	padding: 0 15px;
}
.menu_contents02 table td{
	padding: 0 15px;
}
.menu_contents02{
	margin-top: 5px;
}
.menu_contents p{
  text-align: center
}
.menu_contents p img{
  display: inline-block;
}