/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/


/****************************** Content Slider ******************************/

/*- スライドサイズ指定 -*/
.swiper-container {
	width: 100%;
	height: 50vh;
}

@media screen and (min-width: 62em) {
	.swiper-container {
		height: 70vh;
	}
}

.swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-slide-img {
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*- スライド画像指定(モバイル用) -*/
.slide_img-01 {
	background-image: url(../../assets/img/slide_img-001.jpg);
}

.slide_img-02 {
	background-image: url(../../assets/img/slide_img-002.jpg);
}

.slide_img-03 {
	background-image: url(../../assets/img/slide_img-003.jpg);
}

.slide_img-04 {
	background-image: url(../../assets/img/slide_img-004.jpg);
}

.slide_img-05 {
	background-image: url(../../assets/img/slide_img-005.jpg);
}

.slide_img-06 {
	background-image: url(../../assets/img/slide_img-006.jpg);
}

.slide_img-07 {
	background-image: url(../../assets/img/navi_bnr.jpg);
}

.slide_img-08 {
	background-image: url(../../assets/img/navi_bnr.jpg);
}

.slide_img-09 {
	background-image: url(../../assets/img/navi_bnr.jpg);
}

.slide_img-10 {
	background-image: url(../../assets/img/navi_bnr.jpg);
}

/*- スライド画像指定(PC用) -*/
@media screen and (min-width: 48em) {
	.slide_img-01 {
		background-image: url(../../assets/img/slide_img-01.jpg);
	}

	.slide_img-02 {
		background-image: url(../../assets/img/slide_img-02.jpg);
	}

	.slide_img-03 {
		background-image: url(../../assets/img/slide_img-03.jpg);
	}

	.slide_img-04 {
		background-image: url(../../assets/img/slide_img-04.jpg);
	}
	
	.slide_img-05 {
		background-image: url(../../assets/img/slide_img-5.jpg);
	}

	.slide_img-06 {
		background-image: url(../../assets/img/slide_img-06.jpg);
	}

	.slide_img-07 {
		background-image: url(../../assets/img/navi_bnr.jpg);
	}

	.slide_img-08 {
		background-image: url(../../assets/img/navi_bnr.jpg);
	}
	
	.slide_img-09 {
		background-image: url(../../assets/img/navi_bnr.jpg);
	}

	.slide_img-10 {
		background-image: url(../../assets/img/navi_bnr.jpg);
	}
}

/*- スライド画像内テキストのスタイル -*/
.swiper-slide-text {
	position: absolute;
	width: 308px;
	top: 50%;
	right: 6%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 36em) {
	.swiper-slide-text {
		width: 468px;
	}
}

@media screen and (min-width: 48em) {
	.swiper-slide-text {
		top: 30%;
		-webkit-transform: none;
		transform: none;
	}
}

@media screen and (min-width: 62em) {
	.swiper-slide-text {
		width: 534px;
	}
}

.swiper-slide-text h2 {
	color: #000;
	font-size: 1.75rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 3px #ffffff, -2px 2px 3px #ffffff, 2px -2px 3px #ffffff, -2px -2px 3px #ffffff, 2px 0px 3px #ffffff, 0px 2px 3px #ffffff, -2px 0px 3px #ffffff, 0px -2px 3px #ffffff;
}

@media screen and (min-width: 62em) {
	.swiper-slide-text h2 {
		font-size: 2.5rem;
	}
}

.swiper-slide-text .point {
	width: 148px;
	margin: 0.25rem;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.75);
}

@media screen and (min-width: 62em) {
	.swiper-slide-text .point {
		width: 170px;
	}
}

.swiper-slide-text .appeal_word {
	color: #00aa00;
	font-size: 1rem;
	font-weight: bold;
}

@media screen and (min-width: 62em) {
	.swiper-slide-text .appeal_word {
		font-size: 1.125rem;
	}
}

.swiper-slide-text .normal_word {
	color: #333;
	font-size: 0.75rem;
	font-weight: bold;
}

@media screen and (min-width: 62em) {
	.swiper-slide-text .normal_word {
		font-size: 0.875rem;
	}
}

/*- スライド画像内テキストのアニメーションスタイル -*/
/*
.swiper-slide-active .slide_img-01 ~ .swiper-slide-text h2 {
	-webkit-animation: easing-fadeInRight 2s;
	animation: easing-fadeInRight 2s;
}

.swiper-slide-active .slide_img-01 ~ .swiper-slide-text p {
	-webkit-animation: easing-fadeInUp 2s;
	animation: easing-fadeInUp 2s;
}

.swiper-slide-active .slide_img-02 ~ .swiper-slide-text h2 {
	-webkit-animation: easing-fadeInLeft 2s;
	animation: easing-fadeInLeft 2s;
}

.swiper-slide-active .slide_img-02 ~ .swiper-slide-text p {
	-webkit-animation: easing-fadeInDown 2s;
	animation: easing-fadeInDown 2s;
}

.swiper-slide-active .slide_img-03 ~ .swiper-slide-text h2 {
	-webkit-animation: easing-fadeIn 3s;
	animation: easing-fadeIn 3s;
}

.swiper-slide-active .slide_img-03 ~ .swiper-slide-text p {
	-webkit-animation: easing-fadeIn 4s;
	animation: easing-fadeIn 4s;
}
*/

/*- ナビゲーションのスタイル -*/
.swiper-button-prev {
	left: 3%;
}

.swiper-button-next {
	right: 3%;
}

.swiper-button-prev,
.swiper-button-next {
	top: 50%;
}

/*- フェード＆ズームスライダー -*/
.swiper-fade_and_zoom .swiper-slide-active .swiper-slide-img,
.swiper-fade_and_zoom .swiper-slide-duplicate-active .swiper-slide-img,
.swiper-fade_and_zoom .swiper-slide-prev .swiper-slide-img {
	-webkit-animation: zoomUp 10s linear both;
	animation: zoomUp 10s linear both;
}

@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@media screen and (min-width: 48em) {
	.fixed-box {
		position: relative;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 30%;
		max-width: 400px;
/*		background-image: url(../img/navi_bnr.jpg);*/
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.fixed-box .btn {
		position: absolute;
		bottom: 10%;
		left: 50%;
		min-width: 160px;
		padding: 0.75em 1.5em;
		background-color: #f8b500;
		color: #fff;
		font-size: 0.875rem;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media all and (any-hover: hover) {
	.fixed-box .btn:hover {
		background-color: #9e7700;
	}
}

.simulation-banner {
	background-color: #00a381;
}

.simulation-banner .row {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.simulation-banner span {
	color: #fff;
	font-size: 0.8rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 48em) {
	.simulation-banner span {
		font-size: 1.0rem;
	}
}

.simulation-banner h3 {
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 48em) {
	.simulation-banner h3 {
		font-size: 2.0rem;
	}
}

.simulation-banner .btn {
	padding: 0.75em 1.5em;
	background-color: #f8b500;
	color: #fff;
	font-size: 0.875rem;
}

@media all and (any-hover: hover) {
	.simulation-banner .btn:hover {
		background-color: #9e7700;
	}
}

/****************************** Content Slider End ******************************/


/****************************** Content ******************************/

#list .search_button {
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
}

#list .search_button .btn {
	padding: 1em 1.5em;
	background-color: #00aa00;
	color: #fff;
	font-size: 1.25rem;
}

#list .search_button .btn span,
#list .search_button .btn i {
	vertical-align: middle;
}

@media all and (any-hover: hover) {
	#list .search_button .btn:hover {
		background-color: #005500;
	}
}

#case h5 {
	margin-top: 2rem;
	padding: 1em;
	background-color: #00aa00;
	color: #fff;
	font-size: 1.125rem;
	text-align: center;
}

@media screen and (min-width: 48em) {
	#case h5 {
		margin-top: 0;
		padding: 1em;
		font-size: 0.875rem;
	}
}

@media screen and (min-width: 62em) {
	#case h5 {
		font-size: 1.125rem;
	}
}

#case .window {
	padding: 0.25em;
}

#case .window .case_img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#case .window .case_img-01 {
	background-image: url(../../assets/img/img-600x400-blue.png);
}

#case .window .case_img-02 {
	background-image: url(../../assets/img/img-600x400-purple.png);
}

#case .window .case_img-03 {
	background-image: url(../../assets/img/img-600x400-orange.png);
}

#case .window .case_img-04 {
	background-image: url(../../assets/img/img-600x400-lightgreen.png);
}

#case .window .case_img-05 {
	background-image: url(../../assets/img/img-600x400-blue.png);
}

#case .window .case_img-06 {
	background-image: url(../../assets/img/img-600x400-purple.png);
}

#case .window .case_img-07 {
	background-image: url(../../assets/img/img-600x400-orange.png);
}

#case .window .case_img-08 {
	background-image: url(../../assets/img/img-600x400-lightgreen.png);
}

#case .window .case_img-09 {
	background-image: url(../../assets/img/img-600x400-blue.png);
}

#case .window .case_img-10 {
	background-image: url(../../assets/img/img-600x400-purple.png);
}

#case .window .case_img-11 {
	background-image: url(../../assets/img/img-600x400-orange.png);
}

#case .window .case_img-12 {
	background-image: url(../../assets/img/img-600x400-lightgreen.png);
}

.pr-banner {
	background-image: url(../img/ap_bnr.jpg);
}

.pr-banner .row {
	padding: 1em 0;
}

.pr-banner h4 {
	margin: 0;
	color: #fff;
	font-size: 1rem;
	line-height: 1.6;
	-webkit-text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.8);
	text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 62em) {
	.pr-banner h4 {
		font-size: 1.7rem;
		-webkit-text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.8);
	text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.8);
	}
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
}



#floatingmenu {
	display: none;
}
@media screen and (max-width: 767px){
	#floatingmenu {
		display: block;
		width: 100%;
		position: fixed;
		left: 0px;
		bottom: 0px;
		z-index: 9999;
		text-align: center;
		padding: 0 auto;
	}
	#floatingmenu > a {
		display: block;
		width: 25%;
		height: auto;
		float: left;
	}
	#floatingmenu > a >img {
		vertical-align:bottom
	}
}


/*--------------------------------------------------------------
# link
--------------------------------------------------------------*/
a.anchor{
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/****************************** Content End ******************************/
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
	background-color: #f5f5f5;
}
/*--------------------------------------------------------------
# スマホのみ改行
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.sp_br {
		display: none;
	}
}