@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/

/* mv ----------*/
#mv { position: relative; padding-bottom: 5rem; }
/*#mv:after { position: absolute; z-index: 0; bottom: 0; right: 3%; content: ""; width: 86%; height: calc(100% - 15rem); background-color: #585858; background-image: url(../_img/index/mv_bg_2.svg); background-repeat: no-repeat; background-position: right bottom; }*/
#mv h1 { position: absolute; z-index: 100; bottom: 16rem; right: 7.3%; display: inline-block; padding: 12rem 8rem; color: #FFF; background: rgba(238, 120, 0, 0.9); background-image: url(../_img/index/mv_bg_1.svg); background-repeat: no-repeat; background-position: right top; line-height: 1.4; font-weight: bold; font-size: 4rem; /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif;*/ }
#mv h1:before { position: absolute; z-index: 101; bottom: -8rem; left: 0; right: 0; content: ""; width: 1px; height: 16rem; margin: auto; } /* background-color: #FFF; } */
#mv .owl-carousel-pg { width: 100%; }
.owl-carousel-pg .owl-dots { width: 100%; margin-top: 2rem; text-align: center; }
.owl-carousel-pg .owl-dots .active span { opacity: 1; background-color: #EE7800; }
@media screen and (max-width:1600px) {
	#mv { padding-bottom: 0; }
	#mv h1 { bottom: 8rem; padding: 8rem 6rem; }
}
@media screen and (max-width:1024px) { /* iPad 横 l */
	#mv .owl-carousel-pg { width: 100%; }
	/*#mv:after { right: 2rem; }*/
	#mv h1 { bottom: 2rem; right: 0; padding: 4rem 4rem; font-size: 3rem; }
	#mv h1:before { height: 8rem; bottom: -6rem; }
}
@media screen and (max-width:768px) { /* iPad 縦 m */
	#mv .owl-carousel-pg { width: 100%; }
	#mv h1 { bottom: -4rem; right: 0; left: 0; }
	#mv h1:before { display: none; }
}

/* topic ----------*/
#topic {}
#topic .inner { display: flex; align-items: center; }
#topic .hcat { padding-right: 4rem; }
#topic .topic_list {}
#topic .topic_list li { display: flex; align-items: center; }
#topic .topic_list li span {}
#topic .topic_list li .d { padding-right: 4rem; color: #999; font-size: 1.4rem; font-weight: bold; }
#topic .topic_list li .t {}
@media screen and (max-width:768px) { /* iPad 縦 m */
	#topic .inner { display: block; }
	#topic .hcat { margin-bottom: 2rem; }
	#topic .topic_list li { display: block; }
	#topic .topic_list li span { display: block; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#topic { padding-top: 10rem !important; }
}
/* consept ----------*/
#consept { position: relative; }
#consept .tw { width: calc(100% - 16rem); margin-left: 8rem; background-color: #F9C01F; }
#consept .pw { width: 38%; margin: -8rem 0 0 -8rem; float: left; }
#consept .tw .w { width: 62%; overflow: hidden; padding: 8rem; }
#consept .tw h2 { margin-bottom: 3rem; color: #FFF; font-weight: bold; font-size: 2.4rem; }
#consept .tw h3 { margin-bottom: 4rem; color: #FFF; font-weight: bold; font-size: 3rem; }
#consept .tw p { color: #FFF; font-weight: bold; }
@media screen and (max-width:1400px) {
	#consept { padding-top: 0 !important; }
	#consept .pw { float: none; width: 60%; margin: -8rem auto 0 auto; }
	#consept .tw { border-top: solid 8rem #FFF; }
	#consept .tw .w { width: 100%; }
}
@media screen and (max-width:1024px) { /* iPad 横 l */
	#consept .tw { width: calc(100% - 4rem); margin-left: 2rem; }
	#consept .tw .w { padding: 4rem; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#consept .pw { width: 100%; margin: -4rem auto 0 auto; }
	#consept .tw { border-top: solid 4rem #FFF; }
	#consept .tw h2 { margin-bottom: 2rem; font-size: 1.8rem; }
	#consept .tw h3 { margin-bottom: 3rem; font-size: 2.4rem; }
}

.column1 .hcat { margin-bottom: 4rem; }
.column1 h3 { margin-bottom: 4rem; font-size: 3rem; }
.column1 .t { margin-bottom: 4rem; }
.column1 .pw { display: block; margin-bottom: 2rem; }
.column1 .h { display: block; margin-bottom: 1rem; color: #EE7800; font-size: 1.4rem; font-weight: bold; }
.column1 .d { font-size: 1.6rem; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	.column1 .hcat { margin-bottom: 2rem; }
	.column1 h3 { margin-bottom: 2rem; }
	.column1 .t { margin-bottom: 2rem; }
}

/* history ----------*/
#history {}
#history .tw { padding: 10rem 8rem 0 0; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#history .tw { padding: 6rem 0 0 0; }
}

/* service ----------*/
#service {}
#service .tw { padding: 10rem 0 0 8rem; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#service .tw { padding: 6rem 0 0 0; }
}

/* staff ----------*/
#staff { position: relative; width: 100%; overflow: hidden; }
#staff:before { position: absolute; z-index: -1; top: 0; left: 0; content: url(../_img/index/bg_staff.svg); }
#staff h3 { width: 50%; }
#staff ul div:nth-child(1) { margin-top: 8rem; }
#staff ul div:nth-child(2) {}
#staff ul div:nth-child(3) { margin-top: -8rem; }
#staff ul div:nth-child(4) { margin-top: -16rem; }
#staff ul a { display: block; text-decoration: none; }
#staff ul a .d { color: #333; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#staff:before { -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); -webkit-transform-origin: left top; transform-origin: left top; }
	#staff h3 { width: 100%; }
	#staff ul div:nth-child(1) { margin-top: 0; }
	#staff ul div:nth-child(3) { margin-top: 0; }
	#staff ul div:nth-child(4) { margin-top: 0; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#staff:before { left: -50%; }
}

/* education ----------*/
#education { background-image: url(../_img/index/img_8.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#education h2 { color: #FFF; text-align: center; margin-bottom: 4rem; }
#education h3 { color: #FFF; text-align: center; font-size: 4rem; margin-bottom: 4rem; }
#education p { text-align: center; }
#education .bt-border { border-color: #FFF; color: #FFF !important; background-color: transparent; }