/* CSS Document */
@charset "UTF-8";

@media(max-width:899px){

.top {}
.top .sechero {position:relative;overflow:hidden;}
	.top .sechero::before {top:6rem;left:3rem;}
	.top .sechero::after {width:3rem;height:20rem;top:calc(50% + 3.5rem);left:0;}
	.top .sechero .slider {height:50rem;}
.top .sechero .slider::before {content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to right, rgba(0,0,0,0.8) 0%, transparent 100%);background-size:100% 100%;z-index:1;}
.top .sechero .slider .img {width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;animation:Sliderfade 30s infinite;}
.top .sechero .slider .img01 {animation-delay:0s;}
	.top .sechero .slider .img02 {animation-delay:6s;}
	.top .sechero .slider .img02 img {object-position:75%;}
	.top .sechero .slider .img03 {animation-delay:12s;}
	.top .sechero .slider .img03 img {object-position:right;}
	.top .sechero .slider .img04 {animation-delay:18s;}
	.top .sechero .slider .img04 img {object-position:70%;}
	.top .sechero .slider .img05 {animation-delay:24s;}
	.top .sechero .wrap {width:100%;top:calc(50% + 3.5rem);padding-left:5rem;box-sizing:border-box;}
.top .sechero .wrap .titles {}
	.top .sechero .wrap .titles .title {font-size:3rem;line-height:5rem;}
.top .sechero .wrap .titles .title .blue {}
	.top .sechero .wrap .titles .text {font-size:1.6rem;line-height:2.6rem;margin-top:1.5rem;}

.top .sec01 {position:relative;overflow:hidden;}	
	.top .sec01::before {border-width:3rem 100vw 0 0;}	
	.top .sec01::after {border-width:0 0 3rem 100vw;}	
	.top .sec01 .img {}
	.top .sec01 .img::before {content:"";width:100%;height:100%;background:linear-gradient(to bottom, #000 0%, transparent 100%);position:absolute;top:0;left:0;}	
	.top .sec01 .img::after {width:20rem;height:7.5rem;}	
	.top .sec01 .wrap {width:34rem;justify-content:flex-start;top:5rem;transform:translate(-50%,0);}	
	.top .sec01 .wrap .texts {width:100%;transition:1s;}	
	.top .sec01 .wrap .texts .title {font-size:2rem;line-height:3rem;}	
.top .sec01 .wrap .texts .title .blue {}	
	.top .sec01 .wrap .texts .text {font-size:1.4rem;line-height:2.4rem;margin-top:2rem;}
.top .sec01 .wrap .texts:not(.visible) {opacity:0;}
	
	.top .sec02 {padding-top:4rem;}
	.top .sec02 .wrap {width:34rem;}
	.top .sec02 .wrap .titles {padding-left:2rem;}
.top .sec02 .wrap .titles::before {content:"";width:1rem;height:calc(100% - 1rem);background:#31A7FF;position:absolute;top:50%;left:0;transform:translateY(-50%);}
	.top .sec02 .wrap .titles .etitle {font-size:1.8rem;line-height:2.8rem;}
	.top .sec02 .wrap .titles .title {font-size:3rem;line-height:4.5rem;}
	.top .sec02 .wrap .texts {margin-top:3rem;}
.top .sec02 .wrap .texts .subtitle {font-size:2rem;line-height:3.5rem;font-weight:bold;}
.top .sec02 .wrap .texts .subtitle .blue {}
	.top .sec02 .wrap .texts .text {margin-top:1rem;font-size:1.4rem;line-height:2.4rem;}
	.top .sec02 .wrap .items {margin-top:2rem;}
	.top .sec02 .wrap .items .item {width:100%;transition:0.5s;}
	.top .sec02 .wrap .items .item:nth-child(2) {transition-delay:0s;}
	.top .sec02 .wrap .items .item:nth-child(3) {transition-delay:0s;}
	.top .sec02 .wrap .items .item + .item {margin-top:3rem;}
	.top .sec02 .wrap .items .item .img {width:100%;height:26rem;}
.top .sec02 .wrap .items .item .img::before {content:"";width:100%;height:100%;background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;}
	.top .sec02 .wrap .items .item .names {margin-top:1rem;}
	.top .sec02 .wrap .items .item .names .name {text-align:left;}
	.top .sec02 .wrap .items .item .names ul {width:100%;margin:0.5rem 0 0;}
.top .sec02 .wrap .items .item .names ul li {font-size:1.4rem;line-height:2.4rem;padding-left:2rem;position:relative;}
.top .sec02 .wrap .items .item .names ul li::before {content:"";width:1rem;height:1rem;background:#333;position:absolute;top:50%;left:0;transform:translateY(-50%);}
	.top .sec02 .wrap .banner {margin-top:3rem;min-height:100%;padding:2rem 2rem 3rem 3rem;}
	.top .sec02 .wrap .banner::before {bottom:1.5rem;}
	.top .sec02 .wrap .banner::after {left:1.5rem;}
	.top .sec02 .wrap .banner .title {font-size:2rem;line-height:3rem;}
	.top .sec02 .wrap .banner .text {font-size:1.4rem;line-height:2.4rem;margin:1rem 0;}
	.top .sec02 .wrap .banner .tel {font-size:2.4rem;line-height:3.4rem;}
.top .sec02 .wrap .items .item:not(.visible) {opacity:0;transform:translateY(2rem);}	
	
	
	.top .sec03 {padding:5rem 0 8rem;}
	.top .sec03::before {border-width:0 100vw 3rem 0;}
	.top .sec03 .wrap {width:34rem;transition:0.5s;}	
.top .sec03 .wrap .subtitles {}	
	.top .sec03 .wrap .subtitles .subtitle {font-size:1.8rem;line-height:2.8rem;}	
	.top .sec03 .wrap .area {margin-top:2rem;}	
	.top .sec03 .wrap .area .items {width:100%;}		
	.top .sec03 .wrap .area .items .item {font-size:1.4rem;line-height:3rem;padding:1rem 0;background:linear-gradient(to right, #333 10rem, #FFF 10rem);}	
.top .sec03 .wrap .area .items .item + .item {margin-top:2px;}	
.top .sec03 .wrap .area .items .item:first-child + .item {margin-top:0;}	
	.top .sec03 .wrap .area .items .item .name {width:100%;padding-left:12rem;position:relative;}	
	.top .sec03 .wrap .area .items .item .model {width:100%;padding-left:12rem;position:relative;}	
	.top .sec03 .wrap .area .items .item .maker {width:100%;padding-left:12rem;position:relative;}
	.top .sec03 .wrap .area .items .item .name::before {content:"設備名称";width:10rem;font-size:1.4rem;line-height:3rem;color:#FFF;padding-left:1.5rem;box-sizing:border-box;position:absolute;top:0;left:0;}	
	.top .sec03 .wrap .area .items .item .model::before {content:"型式";width:10rem;font-size:1.4rem;line-height:3rem;color:#FFF;padding-left:1.5rem;box-sizing:border-box;position:absolute;top:0;left:0;}	
	.top .sec03 .wrap .area .items .item .maker::before {content:"メーカー";width:10rem;font-size:1.4rem;line-height:3rem;color:#FFF;padding-left:1.5rem;box-sizing:border-box;position:absolute;top:0;left:0;}	
.top .sec03 .wrap .area .items .h_item {background:#333;color:#FFF;}	
.top .sec03 .wrap .area .items .h_item .name {}	
.top .sec03 .wrap .area .items .h_item .model {}	
.top .sec03 .wrap .area .items .h_item .maker {}
	.top .sec03 .wrap .area .imgs {width:100%;margin-top:3rem;}
	.top .sec03 .wrap .area .imgs .img {height:25rem;}
	.top .sec03 .wrap .area .imgs .img + .img {margin-top:2rem;}
.top .sec03 .wrap .area .imgs .img::before {content:"";width:100%;height:100%;background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;}
.top .sec03 .wrap .area .imgs .img:not(.visible) {opacity:0;}	
	
	
	
	.top .sec04 {padding:4rem 0 6rem;}
	.top .sec04 .wrap {width:34rem;}
	.top .sec04 .wrap .titles {padding-left:2rem;}
.top .sec04 .wrap .titles::before {content:"";width:1rem;height:calc(100% - 1rem);background:#31A7FF;position:absolute;top:50%;left:0;transform:translateY(-50%);}
	.top .sec04 .wrap .titles .etitle {font-size:1.8rem;line-height:2.8rem;}
	.top .sec04 .wrap .titles .title {font-size:3rem;line-height:4.5rem;}
	.top .sec04 .wrap .texts {margin-top:3rem;}
	.top .sec04 .wrap .texts .text {font-size:1.6rem;line-height:2.6rem;}
	.top .sec04 .wrap .items {margin-top:2rem;}
	.top .sec04 .wrap .items .item {width:16rem;}
.top .sec04 .wrap .items .item:nth-child(2) {transition-delay:0.1s;}
.top .sec04 .wrap .items .item:nth-child(3) {transition-delay:0.2s;}
.top .sec04 .wrap .items .item:nth-child(4) {transition-delay:0.3s;}
.top .sec04 .wrap .items .item:nth-child(5) {transition-delay:0.4s;}
.top .sec04 .wrap .items .item:nth-child(6) {transition-delay:0.5s;}
.top .sec04 .wrap .items .item:nth-child(7) {transition-delay:0.6s;}
.top .sec04 .wrap .items .item:nth-child(8) {transition-delay:0.7s;}
	.top .sec04 .wrap .items .item:nth-child(n + 3) {margin-top:2rem;}
	.top .sec04 .wrap .items .item .img {height:16rem;}
.top .sec04 .wrap .items .item:not(.visible) {opacity:0;transform:translateY(2rem);}	
	
	
.top .sec05 {position:relative;overflow:hidden;}
	.top .sec05::before {border-width:3rem 0 0 100vw;}	
	.top .sec05::after {border-width:0 100vw 3rem 0;}
	.top .sec05 .bg {height:85rem;}	
	.top .sec05 .bg::before {width:20rem;height:7.5rem;}		
	.top .sec05 .wrap {width:34rem;top:50%;left:50%;transform:translate(-50%, -50%);}	
	.top .sec05 .wrap .titles {padding-left:2rem;}	
.top .sec05 .wrap .titles::before {content:"";width:1rem;height:calc(100% - 1rem);background:#31A7FF;position:absolute;top:50%;left:0;transform:translateY(-50%);}
	.top .sec05 .wrap .titles .etitle {font-size:1.8rem;line-height:2.8rem;}	
	.top .sec05 .wrap .titles .title {font-size:3rem;line-height:4.5rem;}	
	.top .sec05 .wrap .area {flex-direction:column-reverse;}	
	.top .sec05 .wrap .area .texts {width:100%;margin-top:0;}	
	.top .sec05 .wrap .area .texts .subtitle {font-size:2rem;line-height:3rem;}	
.top .sec05 .wrap .area .texts .subtitle .blue {}	
	.top .sec05 .wrap .area .texts .text {font-size:1.4rem;line-height:2.4rem;margin-top:3rem;}	
	.top .sec05 .wrap .area .texts .btn {width:25rem;font-size:1.6rem;line-height:6rem;margin-top:3rem;}	
.top .sec05 .wrap .area .texts .btn i {font-size:2.5rem;position:absolute;top:0;right:2rem;transition:0.5s;}	
/*.top .sec05 .wrap .area .texts .btn:hover {color:#31A7FF;background:#FFF;}	*/
/*.top .sec05 .wrap .area .texts .btn:hover i {color:#31A7FF;}	*/
	.top .sec05 .wrap .area .img {width:25rem;height:20rem;margin-top:3rem;transition:1s;}	
.top .sec05 .wrap .area .img:not(.visible) {opacity:0;}
	
	
	.top .sec06 {padding:4rem 0;}	
	.top .sec06 .wrap {width:34rem;}	
	.top .sec06 .wrap .titles {padding-left:2rem;}	
.top .sec06 .wrap .titles::before {content:"";width:1rem;height:calc(100% - 1rem);background:#31A7FF;position:absolute;top:50%;left:0;transform:translateY(-50%);}
	.top .sec06 .wrap .titles .etitle {font-size:1.8rem;line-height:2.8rem;}	
	.top .sec06 .wrap .titles .title {font-size:3rem;line-height:4.5rem;}	
	.top .sec06 .wrap .area01 {margin-top:3rem;transition:0.5s;}	
	.top .sec06 .wrap .area01 dl {width:100%;font-size:1.6rem;line-height:2.6rem;}	
	.top .sec06 .wrap .area01 dl dt {width:100%;border-bottom:none;padding:1rem 0 0.5rem;font-weight:bold;}	
	.top .sec06 .wrap .area01 dl dd {width:100%;padding:0 0 1rem;}	
	.top .sec06 .wrap .area01 iframe {height:25rem;margin-top:3rem;}	
	.top .sec06 .wrap .area02 {margin-top:4rem;transition:0.5s;}	
.top .sec06 .wrap .area02 .subtitles {}	
	.top .sec06 .wrap .area02 .subtitles .subtitle {font-size:1.8rem;line-height:2.8rem;}	
.top .sec06 .wrap .area02 .items {margin-top:4rem;padding-bottom:3.5rem;position:relative;}	
	.top .sec06 .wrap .area02 .items::before {top:1.5rem;left:0;}	
.top .sec06 .wrap .area02 .items .item {display:flex;flex-wrap:wrap;font-size:1.6rem;line-height:2.6rem;}	
.top .sec06 .wrap .area02 .items .item + .item {margin-top:2rem;}	
	.top .sec06 .wrap .area02 .items .item .date {width:100%;padding-left:2rem;}	
	.top .sec06 .wrap .area02 .items .item .date::before {top:1rem;right:auto;left:0;transform:translateX(-50%);}	
	.top .sec06 .wrap .area02 .items .item .text {width:100%;padding-left:2rem;}	
.top .sec06 .wrap .area01:not(.visible) {opacity:0;transform:translateY(2rem);}
.top .sec06 .wrap .area02:not(.visible) {opacity:0;transform:translateY(2rem);}
	
	
.top .sec07 {position:relative;}	
	.top .sec07 .img {height:25rem;}	
.top .sec07 .img::before {content:"";width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;top:0;left:0;}	
	.top .sec07 .wrap {width:34rem;}	
.top .sec07 .wrap .titles {text-align:center;}	
	.top .sec07 .wrap .titles .etitle {font-size:1.8rem;line-height:2.8rem;}	
	.top .sec07 .wrap .titles .title {font-size:3rem;line-height:4.5rem;}	
	.top .sec07 .wrap .titles .text {font-size:1.4rem;line-height:2.4rem;margin-top:1rem;}	
	.top .sec07 .wrap .titles .tel {font-size:3rem;line-height:4.5rem;margin-top:1rem;}	
		
}