@charset "utf-8";

/**************************************************
		PC
**************************************************/
@media print, screen and (min-width:768px){
#mainArea .bgOuter {
	background-color:#FF9C2D;
}
#mainArea .ttl01 {
	margin-bottom:0;
	padding:80px 0 40px;
	background-color:#FFEA59;
}
#mainArea .outer01 {
	padding:0 10px;
}
#mainArea .listTabs {
	padding:0 140px;
	background-color:#FFEA59;
}
#mainArea .listTabs li {
	float:left;
	width:144px;
	text-align:center;
	font-size:16px;
	line-height:1;
	margin-right:8px;
}
#mainArea .listTabs li:last-child {
	margin-right:0;
}
#mainArea .listTabs li a {
	padding:20px 0;
	display:block;
	color:#000;
	background-color:#fff;
	border-radius:10px 10px 0 0;
}
#mainArea .listTabs li a:hover {
	background-color:#FF9C2D;
	color:#fff;
}
#mainArea .listTabs li a.active {
	background-color:#FF9C2D;
	color:#fff;
}

#mainArea .tabBox {
	position:relative;
	background-color:#FF9C2D;
}
#mainArea .tabBox .tabOuter {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding:54px 140px 200px;
	display:none;
}
#mainArea .tabBox .tabOuter:nth-child(1) {
	position:relative;
	display:block;
}
#mainArea .tabBox .tabInner {
	margin-top:50px;
	width:270px;
}
#mainArea .tabBox .tabInner:nth-child(1) {
	margin-top:0;
}
#mainArea .tabBox .tabInner:nth-child(2) {
	margin-top:0;
}
#mainArea .tabBox .tabInner:nth-child(odd) {
	float:left;
	clear:both;
}
#mainArea .tabBox .tabInner:nth-child(even) {
	float:right;
}
#mainArea .tabBox .thumb {
	margin-bottom:25px;
}
#mainArea .tabBox .thumb img {
	width:100%;
}
#mainArea .tableWorks {
	width:100%;
}
#mainArea .tableWorks th {
	font-size:12px;
	color:#fff;
	width:6em;
	line-height:1.8;
}
#mainArea .tableWorks td {
	font-size:14px;
	font-weight:900;
	line-height:1.8;
}


#mainArea .itemAbout02 .item {
	position:fixed;
	width:70px;
	right:0;
	bottom:20px;
	z-index:50;
}
#mainArea .itemAbout02 img {
	width:100%;
}

@-webkit-keyframes item03_01 {
	from {
		right:0;
	}
	to {
		right:calc(100% - 70px);
	}
}
@keyframes item03_01 {
	from {
		right:0;
	}
	to {
		right:calc(100% - 70px);
	}
}
.item03_01 {
	-webkit-animation-name: item03_01;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_01;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_02 {
	from {
		bottom:20px;
	}
	to {
		bottom:calc(100% - 220px);
	}
}
@keyframes item03_02 {
	from {
		bottom:20px;
	}
	to {
		bottom:calc(100% - 220px);
	}
}
.item03_02 {
	-webkit-animation-name: item03_02;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_02;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_03 {
	from {
		bottom:calc(100% - 220px);
		right:calc(100% - 70px);
	}
	to {
		bottom:20px;
		right:0;
	}
}
@keyframes item03_03 {
	from {
		bottom:calc(100% - 220px);
		right:calc(100% - 70px);
	}
	to {
		bottom:20px;
		right:0;
	}
}
.item03_03 {
	-webkit-animation-name: item03_03;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_03;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_04 {
	from {
		bottom:20px;
		right:calc(100% - 70px);
	}
	to {
		bottom:calc(100% - 220px);
		right:0;
	}
}
@keyframes item03_04 {
	from {
		bottom:20px;
		right:calc(100% - 70px);
	}
	to {
		bottom:calc(100% - 220px);
		right:0;
	}
}
.item03_04 {
	-webkit-animation-name: item03_04;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_04;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_05 {
	from {
		bottom:20px;
		right:calc(100% - 70px);
	}
	to {
		bottom:calc(100% - 220px);
		right:0;
	}
}
@keyframes item03_05 {
	from {
		bottom:calc(100% - 220px);
		right:0;
	}
	to {
		bottom:20px;
		right:0;
	}
}
.item03_05 {
	-webkit-animation-name: item03_05;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_05;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){
#mainArea .outer01 {
	padding-bottom:0;
}

#mainArea .listTabs {
}
#mainArea .listTabs li {
	float:left;
	width:25%;
	text-align:center;
	font-size:14px;
	line-height:1;
}
#mainArea .listTabs li:last-child {
	margin-right:0;
}
#mainArea .listTabs li a {
	display:block;
	color:#000;
	padding:0 2px;
}
#mainArea .listTabs li a span {
	padding:20px 0;
	display:block;
	background-color:#fff;
	border-radius:10px 10px 0 0;
}
#mainArea .listTabs li:first-child a {
	padding:0 2px 0 0;
}
#mainArea .listTabs li:first-child a span {
	border-radius:0 10px 0 0;
}
#mainArea .listTabs li:last-child a {
	padding:0 0 0 2px;
}
#mainArea .listTabs li:last-child a span {
	border-radius:10px 0 0 0;
}
#mainArea .listTabs li a.active span {
	background-color:#FF9C2D;
	color:#fff;
}

#mainArea .tabBox {
	position:relative;
	background-color:#FF9C2D;
}
#mainArea .tabBox .tabOuter {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding:60px 30px 100px;
	display:none;
}
#mainArea .tabBox .tabOuter:nth-child(1) {
	position:relative;
	display:block;
}
#mainArea .tabBox .tabInner {
	margin-top:25px;
}
#mainArea .tabBox .tabInner:nth-child(1) {
	margin-top:0;
}
#mainArea .tabBox .thumb {
	margin-bottom:25px;
}
#mainArea .tableWorks {
	width:100%;
}
#mainArea .tableWorks th {
	font-size:14px;
	color:#fff;
	width:6em;
	line-height:1.8;
}
#mainArea .tableWorks td {
	font-size:16px;
	font-weight:900;
	line-height:1.8;
}


#mainArea .itemAbout02 .item {
	position:fixed;
	width:60px;
	right:0;
	bottom:20px;
	z-index:50;
}
#mainArea .itemAbout02 img {
	width:100%;
}

@-webkit-keyframes item03_01 {
	from {
		right:0;
	}
	to {
		right:calc(100% - 60px);
	}
}
@keyframes item03_01 {
	from {
		right:0;
	}
	to {
		right:calc(100% - 60px);
	}
}
.item03_01 {
	-webkit-animation-name: item03_01;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_01;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_02 {
	from {
		bottom:20px;
	}
	to {
		bottom:calc(100% - 220px);
	}
}
@keyframes item03_02 {
	from {
		bottom:20px;
	}
	to {
		bottom:calc(100% - 220px);
	}
}
.item03_02 {
	-webkit-animation-name: item03_02;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_02;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_03 {
	from {
		bottom:calc(100% - 220px);
		right:calc(100% - 60px);
	}
	to {
		bottom:20px;
		right:0;
	}
}
@keyframes item03_03 {
	from {
		bottom:calc(100% - 220px);
		right:calc(100% - 60px);
	}
	to {
		bottom:20px;
		right:0;
	}
}
.item03_03 {
	-webkit-animation-name: item03_03;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_03;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_04 {
	from {
		bottom:20px;
		right:calc(100% - 60px);
	}
	to {
		bottom:calc(100% - 220px);
		right:0;
	}
}
@keyframes item03_04 {
	from {
		bottom:20px;
		right:calc(100% - 60px);
	}
	to {
		bottom:calc(100% - 220px);
		right:0;
	}
}
.item03_04 {
	-webkit-animation-name: item03_04;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_04;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes item03_05 {
	from {
		bottom:20px;
		right:calc(100% - 60px);
	}
	to {
		bottom:calc(100% - 220px);
		right:0;
	}
}
@keyframes item03_05 {
	from {
		bottom:calc(100% - 220px);
		right:0;
	}
	to {
		bottom:20px;
		right:0;
	}
}
.item03_05 {
	-webkit-animation-name: item03_05;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-name: item03_05;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

}