@charset "utf-8";
/* -------------------------------------------------- */
/* file   : top.css                                  */
/* update : 2019                                      */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */


/*#top #container {
	background: url("../../img/bg_container.png") no-repeat center top;
}*/

header {	
        opacity : 0;
}

#top #container {
	background-image: none;
	padding-top: 0;
}



#top #wrap {
	overflow: hidden;
	padding: 0;
}
#top #wrap article {
	padding: 0;
}

#top .square {
	position: absolute;
	z-index: 2;
}
#top .square img {
	width: auto;
}

#top .h2_bottom_wrap {
	display: flex;
	justify-content: flex-start;


}

#top .h2_bottom {
	background: #00A5DD;
	height: 10px;
	width: 100px;
	margin-top: 10px;

}
#top .h2_bottom_wrap .triangle {

  border-right: 10px solid transparent;
  border-bottom: 10px solid #00A5DD;




}

#top .mv {

	padding: 135px 0 0;
	position: relative;
	overflow: hidden;

}
#top .mv .backimg {
	content:"";
	display: block;
	width: 100%;
	height: 150%;
	background: url("../../img/bg_container.png") no-repeat center top / cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity : 0;

}
/*#top .mv::after {
	content:"";
	display: block;
	width: 50%;
	height: 100%;
	background: url("../../img/bg_container.png") no-repeat left top / cover;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;

}*/

#top .mv .inner01 {
	position: relative;
	width: 100%;
	padding-bottom: 120px;
	z-index: 2;
	/* overflow: hidden; */



}#top .mv .inner01 img {
	width: 100%;
	height: auto;

}

#top .mv .inner01 .main_img02 {
	position: relative;
	max-width: 1500px;
	margin: 0 auto;
	height: 730px;
	z-index: 3;

}
#top .mv .inner01 .main_img02 .mv_img {
	display: none;
	z-index: 4;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img img {
	position: absolute;
	z-index: 3;
}
#top .mv .inner01 .main_img02 .mv_img img#mv_img_svg2 {
	z-index: 6;
}
#top .mv .inner01 .main_img02 .mv_img02 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 4;
	height: 730px;
}

#top .mv .inner01 .main_img02 .mv_img03 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 4;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img03 img{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 4;
}
#top .mv .inner01 .main_img02 .mv_img04 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 730px;
	z-index: 4;
}
#top .mv .inner01 .main_img02 .mv_img05 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 4;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img06 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 999;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img06b {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 999;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img07 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 730px;
	z-index: 5;
}
#top .mv .inner01 .main_img02 .mv_img07_2 {
	position: absolute;
	display: none;
	top: 6%;
	left: 28%;
	width: 5.7%;
	z-index: 5;
}
#top .mv .inner01 .main_img02 .mv_img07_2 .img02 {
	position: absolute;
	top: 0px;
	left: 30px;
	z-index: 6;
}
#top .mv .inner01 .main_img02 .mv_img07_2 .img02 img {
	width: 38px;
	height: auto;

}
#top .mv .inner01 .main_img02 .mv_img08 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 5;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img09 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 5;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img09 img {
	position: relative;
	z-index: 5;
}
#top .mv .inner01 .main_img02 .mv_img09_2 {
	position: absolute;
	display: none;
	top: 64%;
	left: 54.5%;
	width: 5.7%;
	z-index: 5;
}
#top .mv .inner01 .main_img02 .mv_img09_2 .img02 {
	position: absolute;
	/* top: 34px;
	left: 42px; */
	top: 30%;
	left: 40%;
	z-index: 6;
}
#top .mv .inner01 .main_img02 .mv_img09_2 .img02 img {
	width: 38px;
	height: auto;

}


#top .mv .inner01 .main_img02 .mv_img10 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 730px;

	z-index: 5;
}
#top .mv .inner01 .main_img02 .mv_img11 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 5;
	height: 730px;
}
#top .mv .inner01 .main_img02 .mv_img11_2 {
	position: absolute;
	display: none;
	top: 18%;
	left: 49.5%;
	width: 8.2%;
	z-index: 5;
}
#top .mv .inner01 .main_img02 .mv_img11_2 .img02 {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 6;
}
#top .mv .inner01 .main_img02 .mv_img11_2 .img02 img {
	width: 114px;
	height: auto;

}

#top .mv .inner01 .main_img02 .mv_img12 {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 5;
	height: 730px;
}

#top .mv .inner01 .main_img02 .light01 {
	position: absolute;
	line-height: 1;
	top: 0;
	left: 0;
	z-index: 999;
}


#top .mv .inner01 .square {
	bottom: 50px;
	right: 28%;

}

#top .mv .inner01 .text_img {
/*	width: 29.6%;
*/	position: absolute;
	bottom: 150px;
	right: 12%;
	z-index: 10;
}
#top .mv .inner01 .text_img img {
	width: auto;
	position: relative;
	opacity : 0;


}
#top .mv .inner01 .text_img .text_img3 {
	line-height: 1;
}


#top .mv .inner01 .news_box {
	display: none;
	background: #E5E5E6;
	width: 33%;
	padding: 20px 40px;
	box-sizing: border-box;
	position: absolute;
	left: 7.3%;
	bottom:10px;
	font-size: 17px;
	opacity : 0;
}

#top .mv .inner01 .news_box .title01 {
	margin-bottom: 25px;
	line-height: 1;
}

#top .mv .inner01 .news_box .title01 img {
	width: 50px;
	height: auto;
}
#top .mv .inner01 .news_box dt {
	display: block;
}

/*#top .mv img {
	opacity: 0;


}*/

#top article img {
	width: 100%;
	height: auto;
}
#top .btn_more{

}

#top .btn_more a {
	display: inline-block;
	background: #FFF;
	border: solid 1px #918C8A;
	text-align: center;
	padding: 12px 0;
	font-size: 17px;
	box-sizing: border-box;
}
#top .btn_more a:hover {
	text-decoration: none;
	background: #231815;
	color: #FFF;
	transition-duration: 0.5s;

}

#top .link_list_wrap {
	display: flex;
	justify-content: center;
	padding: 70px 0 50px;

}
#top .link_list_wrap .link_list li {
	margin-bottom: 20px;
	line-height: 1.6;
}

#top section.lead {
	text-align: center;
	padding-top: 50px;
	margin-bottom: 150px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

}
#top section.lead .title01 {
	font-size: 28px;
	line-height: 2.1;
	margin-bottom: 30px;
	opacity : 0;
	visibility: hidden;
	transition: 2s;
	transform: translateY(100px);

}


#top section.lead .title01.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}



#top section.lead .text_wrap {

}
#top section.lead .text_wrap p {

	margin-bottom: 25px;
}
#top section.lead .text_wrap p:last-child {

	margin-bottom: 0px;
}

#top section.lead .text_wrap p.animation{
	opacity : 0;
	visibility: hidden;
	transition: 2s;
	transform: translateY(100px);
}

#top section.lead .text_wrap p.animation.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
#top section.movie {
	margin-bottom:100px ;
}
#top section.movie .inner01 {
	padding: 0 50px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
#top section.movie .inner01 .tab_list {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#top section.movie .inner01 .tab_list li {
	border: solid 1px #009ED6;
	padding: 10px 20px;
	cursor: pointer;

}

#top section.movie .inner01 .tab_list li.active {
	background: #009ED6;
	color: #FFF;
}
#top section.movie .inner01 .tab_list li:first-child {
	margin-right: 30px;
}
#top section.movie .inner01 .movie_box {
	position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    width: 100%;
	display: none;
}
#top section.movie .inner01 .movie_box.show {
	display: block;
}
#top section.movie .inner01 .movie_box iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}


#top section.concept {

	margin-bottom: 35px;
	position: relative;

}
#top section.concept .square {
	top: 10px;
	right: 10%;

}


#top section.concept .concept_wrap {
	width: 100%;
	height: 550px;

}
#top section.concept .concept_wrap a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

#top section.concept .inner01 {
	padding: 0 3% 0 0 ;
	width: 45%;
	transition-duration: 0.5s;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}
#top section.concept .inner01 .h2_wrap {
	margin-bottom: 50px;
	width: 37.2%;
	max-width: 240px;
}

#top section.concept .inner01 h2 {


}
#top section.concept .inner01 .text01 {
	letter-spacing: 0.1em;
	font-size: 1.26vw;
	font-weight: 400;
	padding-left: 2.2em;
/*	margin-bottom: 55px;


*/
}
#top section.concept .inner01 .text01 span {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;

}
#top section.concept .inner01 .text01 span.txt1 {
	padding-left: 2.2em;
}
#top section.concept .inner01 .text01 span.txt2 {
	padding-left: 4.4em;
}
#top section.concept .inner01 .text01 span.txt3 {
	padding-left: 6.6em;
}
#top section.concept .inner01 .text01 span.txt4 {
	padding-left: 8.8em;
}
#top section.concept .inner01 .btn_more{
	text-align: right;

}
#top section.concept .inner01 .btn_more a {
	width: 65%;

}

#top section.concept .inner02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 68%;
	height: 550px;
	background: url("../../img/bg_concept03.png") no-repeat left center / contain;
  -webkit-transform: translate(-500px, 0);
  opacity: 0;
}

#top section.concept .inner02.move {
  -webkit-transform: translate(0, 0);
  opacity: 1;
	transition:opacity 1s,transform 0.5s;
}
#top section.concept .inner02.once {
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

#top section.concept a:hover .inner02 {
	background-color:rgba(255,255,255,0.3);
    background-blend-mode:lighten;
}


#top section.about {

	margin-bottom: 35px;
    position: relative;
	background: #FFF;
}

#top section.about .square {
	top: 5px;
	left: 27%;

}

#top section.about .about_wrap {
	width: 100%;
	height: 550px;


}
#top section.about .about_wrap a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	position: relative;
	overflow: hidden;

}
/*#top section.about .about_wrap a::after {
	content: "";
    display: block;
	position: absolute;
	left: 0;
	top: 0;
    width: 100%;
	height: 100%;
	background: url("../../img/bg_about.png") no-repeat center center / cover;
	transition: all .3s ease-out;
}
#top section.about .about_wrap a:hover::after {

	background: url("../../img/bg_about.png") no-repeat center center / cover;
	background-color:rgba(255,255,255,0.3);
    background-blend-mode:lighten;

}*/

#top section.about .about_wrap.move {
  -webkit-transform: translate(500px, 0);
  opacity: 0;
}

#top section.about .inner01 {
	padding: 0 0 0 140px;
	width: 100%;
	transition-duration: 0.5s;
	position: relative;
	z-index: 11;
	box-sizing: border-box;


}
#top section.about .inner01 .h2_wrap {
	margin-bottom: 50px;
	width: 15.7%;
	max-width: 214px;
}

#top section.about .inner01 h2 {

}
#top section.about .inner01 .text01 {
	letter-spacing: 0.1em;
	font-size: 1.26vw;
	font-weight: 400;
/*	margin-bottom: 35px;
*/
}
#top section.about .inner01 .btn_more a {
	width: 58.4%;

}

#top section.about .inner02 {
	position: absolute;
	top: 0;
	right: 0;
	width: 68%;
	height: 550px;
	background: url("../../img/img_about.png") no-repeat right center / contain;
  -webkit-transform: translate(500px, 0);
  opacity: 0;

	z-index: 10;

}

#top section.about .inner02.move {
  -webkit-transform: translate(0, 0);
  opacity: 1;
  transition:opacity 1s,transform 0.5s;
}
#top section.about .inner02.once {
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

#top section.about a:hover .inner02 {
	background-color:rgba(255,255,255,0.3);
    background-blend-mode:lighten;
}


#top section.product {

	margin-bottom: 115px;
	position: relative;

}
#top section.product .square {
	top: 10px;
	right: 10%;

}


#top section.product .product_wrap {
	width: 100%;
	height: 550px;

}
#top section.product .product_wrap a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

#top section.product .inner01 {
	padding: 0 3% 0 0 ;
	width: 45%;
	transition-duration: 0.5s;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}
#top section.product .inner01 .h2_wrap {
	margin-bottom: 50px;
	width: 38.9%;
	max-width: 251px;
}

#top section.product .inner01 h2 {


}
#top section.product .inner01 .text01 {
	letter-spacing: 0.1em;
	font-size: 1.26vw;
	font-weight: 400;
	padding-left: 2.2em;
/*	margin-bottom: 55px;


*/
}
#top section.product .inner01 .text01 span {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;

}
#top section.product .inner01 .text01 span.txt1 {
	padding-left: 2.2em;
}
#top section.product .inner01 .text01 span.txt2 {
	padding-left: 4.4em;
}
#top section.product .inner01 .text01 span.txt3 {
	padding-left: 6.6em;
}
#top section.product .inner01 .text01 span.txt4 {
	padding-left: 8.8em;
}
#top section.product .inner01 .btn_more{
	text-align: right;

}
#top section.product .inner01 .btn_more a {
	width: 65%;

}

#top section.product .inner02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 68%;
	height: 550px;
	background: url("../../img/img_solution.png") no-repeat left center / contain;
  -webkit-transform: translate(-500px, 0);
  opacity: 0;
}

#top section.product .inner02.move {
  -webkit-transform: translate(0, 0);
  opacity: 1;
	transition:opacity 1s,transform 0.5s;
}
#top section.product .inner02.once {
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

#top section.product a:hover .inner02 {
	background-color:rgba(255,255,255,0.3);
    background-blend-mode:lighten;
}


#top section.profile {
	margin-bottom: 100px;
	position: relative;

}

#top section.profile .square {
	top: -85px;
	left: 16%;

}

#top section.profile a {
	display: block;
	background: #E9E9E9 url("../../img/bg_profile02.png") no-repeat center center;
	text-align: center;
	padding: 80px 0 50px;
	position: relative;
}
#top section.profile a:hover {
	text-decoration: none;

}

#top section.profile a::after {
	/* content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 25px;
	background: url("../../img/bg_profile.png") no-repeat center bottom; */

}

#top section.profile .inner01 .h2_wrap {
	width: 32.6%;
	max-width: 489px;
	margin: 0 auto 30px;
}

#top section.team{
	margin-bottom: 75px;
	position: relative;
	opacity: 0;
}
#top section.team .inner01 {
	background: #251E1C;
	padding: 45px 0 70px;
}

#top section.team .inner01 .h2_wrap {
	width: 10.4%;
	max-width: 156px;
	margin: 0 auto 45px;
}



#top section.team .inner01 .btn_more{
	text-align: center;
	margin-top: 30px;

}
#top section.team .inner01 .btn_more a {
	width: 17.3%;
	background: #FFF;
	color: #231815;

}


#top section.news  {
	margin-bottom: 100px;
	position: relative;
}
#top section.news .square {
	top: -50px;
	right: 15%;

}
#top section.news .square img {
	width: 200px;
}

#top section.news .inner01 .h2_wrap {
	width: 10.5%;
	max-width: 158px;
	margin: 0 auto 45px;
}
#top section.news .inner01 .news_content {
	padding: 0 150px;
	transition-duration: 0.5s;

}

#top section.news .inner01 .news_content ul {

	border-top: solid 1px #7FD1EF;
	margin-bottom: 35px;


}
#top section.news .inner01 .news_content li {
	border-bottom: solid 1px #7FD1EF;
	font-size: 17px;
}
#top section.news .inner01 .news_content li:nth-child(n+4) {
	display: none;
}


#top section.news .inner01 .news_content li a{
	display: block;


}
#top section.news .inner01 .news_content li .box {
	display: flex;
	justify-content: flex-start;
	padding: 25px 0;
}
#top section.news .inner01 .news_content li .box .date {
	padding: 0 0 0 2.5% ;
	width: 15%;
	box-sizing: border-box;




}
#top section.news .inner01 .news_content li .box .cont {
	width: 85%;
}

#top section.news .inner01 .btn_more{
	text-align: center;

}
#top section.news .inner01 .btn_more a {
	width: 17.3%;

}
#top section.other {
	margin-bottom: 400px;
	position: relative;
	opacity: 0;

}

#top section.other .square {
	bottom: -330px;
	left: 12%;
	opacity: 1;

}

#top section.other .inner01 {
	padding: 0 150px;
	transition-duration: 0.5s;
}


#top section.other .inner01 .other_content {
	display: flex;
	justify-content: space-between;

}
#top section.other .inner01 .other_content .box {
	width: 49.3%;
}
#top section.other .inner01 .other_content .box.recruit {

}

#top section.other .inner01 .other_content .box a {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
	display: block;
}

#top section.other .inner01 .other_content .box a::after {
/*	content:"";
	display: block;
	width: 100%;
    padding-top: 100%;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;*/

}
#top section.other .inner01 .other_content .box a:hover::after {
/*    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);*/

}

#top section.other .inner01 .other_content .box.contact a {
	background: url("../../img/bg_contact02.png") no-repeat center center / contain;


}
#top section.other .inner01 .other_content .box.contact a:hover {
	background-color:rgba(255,255,255,0.3);
    background-blend-mode:lighten;


}

#top section.other .inner01 .other_content .box.recruit a {
	background: url("../../img/bg_recruit02.png") no-repeat center center / contain;

}
#top section.other .inner01 .other_content .box.recruit a:hover {
	background-color:rgba(255,255,255,0.3);
    background-blend-mode:lighten;

}

#top section.other .inner01 .other_content .box a .h2_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
}

#top section.other .inner01 .other_content .box.contact a .h2_wrap02 {
	width: 37.3%;
	max-width: 224px;
}
#top section.other .inner01 .other_content .box.contact a .img01 {
	position: absolute;
	left: 3.3%;
	bottom: 20px;
	width: 93.4%;
}
#top section.other .inner01 .other_content .box.recruit a .h2_wrap02 {
	width: 34.8%;
	max-width: 209px;
}

@media screen  and  (max-width:1200px){

/*#top .mv .inner01 .main_img02 .mv_img07_2 {
	top: 2%;
}
#top .mv .inner01 .main_img02 .mv_img11_2 {
	top: 11%;
}	*/

#top section.about .inner01 {
	padding: 0 0 0 32px;
	transition-duration: 0.5s;
}

#top section.product .inner01 {
	padding: 0 32px 0 0 ;
	transition-duration: 0.5s;
}
#top section.news .inner01 .news_content {
	padding: 0 32px;
	transition-duration: 0.5s;

}
#top section.other .inner01 {
	padding: 0 32px;
	transition-duration: 0.5s;
}

}
@media screen  and  (min-width:1601px){

#top section.concept .inner01 .text01 {
	font-size: 19px;
}
#top section.about .inner01 .text01 {
	font-size: 19px;
}
#top section.product .inner01 .text01 {
	font-size: 19px;
}


}


/* ---------------全デバイス共通(pc)-end--------------------- */
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width:751px) and  (max-width:960px){/* tablet */


#top .mv .inner01 .text_img {
/*	width: 29.6%;
*/	position: absolute;
	bottom: 0px;
	right: 30px;
	z-index: 10;
}

#top .mv .inner01 .text_img .text_img3 {
	line-height: 1;
}


#top .mv .inner01 .news_box {
	background: #E5E5E6;
	width: 33%;
	padding: 10px 20px;
	box-sizing: border-box;
	position: absolute;
	left: 30px;
	bottom:10px;
	font-size: 15px;
	line-height: 1.5;
}



/* -------------------tablet END------------------------- */}

/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/

@media screen and (max-width: 960px){/* sp */

header {
	opacity : 1;
}

#top #container {
	background: url("../../img/bg_container_sp.png") no-repeat center top /100% auto;
}

#top .mv .backimg {
	display: none;


}


#top #wrap {
	overflow: inherit;
	padding: 0;
	transition-duration: 0;
	margin-top: 0;
}

#top #wrap article {
	padding: 0;
	transition-duration: 0;
}
#top .square {
	display: none;
}

#top .h2_bottom_wrap {
	display: none;


}
#top .mv {

	padding: 0;
	margin-bottom: 160px;
	margin-top: 80px;
	overflow: inherit;

}
#top .mv::after {
	display: none;
	}
#top .mv .inner01 {
	position: relative;
	width: 100%;
	padding-bottom: 0;



}#top .mv .inner01 img {
	width: 100%;
	height: auto;

}

#top .mv .inner01 .main_img {
	width: 100%;
	text-align: center;
}
#top .mv .inner01 .main_img img {
	max-width: inherit;
}
#top .mv .inner01 .main_img_sp {
    position: relative;
    max-width: inherit;
    margin: 0;
     height: auto;
/*	height: 190px;
*/
}
#top .mv .inner01 .main_img_sp .mv_img_sp01 {
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
#top .mv .inner01 .main_img_sp .mv_img_sp02 {
	height: auto;

	}
#top .mv .inner01 .main_img_sp .light_sp01 {
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	}
/*#top .mv .inner01 .main_img02 .mv_img {
	height: 190px;
}
#top .mv .inner01 .main_img02 .mv_img02 {
	height: 190px;
}

#top .mv .inner01 .main_img02 .mv_img03 {
	height: 190px;
}
#top .mv .inner01 .main_img02 .mv_img04 {
	height: 190px;
}
#top .mv .inner01 .main_img02 .mv_img03 img{
	top: 20%;
}

#top .mv .inner01 .main_img02 .mv_img05 {
	height: 190px;
}
#top .mv .inner01 .main_img02 .mv_img06 {
	height: 190px;
}
#top .mv .inner01 .main_img02 .mv_img06b {
	height: 190px;
}

#top .mv .inner01 .main_img02 .mv_img07_2 {
	top: 6%;
	left: 28%;
	width: 5.7%;
}
#top .mv .inner01 .main_img02 .mv_img07_2 .img02 {
	top: 0px;
	left: 8px;
}
#top .mv .inner01 .main_img02 .mv_img07_2 .img02 img {
	width: 12px;

}
#top .mv .inner01 .main_img02 .mv_img08 {
	height: 190px;
}

#top .mv .inner01 .main_img02 .mv_img09_2 {
	top: 60%;
	left: 54.5%;
	width: 5.7%;
}
#top .mv .inner01 .main_img02 .mv_img09_2 .img02 {
	top: -7px;
	left: 2px;
}
#top .mv .inner01 .main_img02 .mv_img09_2 .img02 img {
	width: 12px;
}


#top .mv .inner01 .main_img02 .mv_img10 {
	height: 190px;
}
#top .mv .inner01 .main_img02 .mv_img11_2 {
	top: 18%;
	left: 49.5%;
	width: 8.2%;
}
#top .mv .inner01 .main_img02 .mv_img11_2 .img02 {
	top: 0px;
	left: 1px;
}
#top .mv .inner01 .main_img02 .mv_img11_2 .img02 img {
	width: 30px;
}


#top .mv .inner01 .main_img02 .mv_img12 {
	height: 190px;
}
*/
#top .mv .inner01 .text_img {
    width:100%;
	top: inherit;
	bottom: -90px;
	right: inherit;
	left: 0;
	padding: 0 15px;
	box-sizing: border-box;
}
#top .mv .inner01 .text_img img {
	width: 100%;
    height: auto;
}
#top .mv .inner01 .text_img .text_img3 {
	display: none;
}
#top .mv .inner01 .text_img .text_img3 img {
	display: none;
}

/* #top .mv .inner01 .text_img {
	display: none;

} */

#top .mv .inner01 .news_box {
	display: none;
}



/*#top .mv img {
	opacity: 0;


}*/

#top article img {
	width: 100%;
	height: auto;
}
#top .btn_more{

}

#top .btn_more a {
	display: block;
	text-align: center;
	padding: 12px 0;
	font-size: 17px;
	box-sizing: border-box;
	background: #FFF;
	width: 100%;
}

#top .link_list_wrap {
	display: block;
	padding: 35px 20px 25px;

}
#top .link_list_wrap .link_list li {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.6;
}

#top section.lead {
	text-align: center;
	padding: 20px 0 75px;
	margin-bottom: 30px;
	background: #009BCE;
	color: #FFF;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

}
#top section.lead .title01 {
	font-size: 18px;
	line-height: 2.1;
	margin-bottom: 30px;

}
#top section.lead .text_wrap {
	font-size: 14px;
	line-height:2;


}
#top section.lead .text_wrap p {

	margin-bottom: 30px;
}
#top section.lead .text_wrap p:last-child {

	margin-bottom: 0px;
}

#top section.lead .text_wrap p.animation{
	opacity : 0;
	visibility: hidden;
	transition: 2s;
	transform: translateY(100px);
}

#top section.lead .text_wrap p.animation.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
#top section.movie {
	margin-bottom:30px ;
}
#top section.movie .inner01 {
	padding: 0 15px;
}
#top section.movie .inner01 .tab_list {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
#top section.movie .inner01 .tab_list li {
	border: solid 1px #009ED6;
	padding: 5px 10px;
	font-size: 15px;
	cursor: pointer;
	
}
#top section.movie .inner01 .tab_list li.active {
	background: #009ED6;
	color: #FFF;
}
#top section.movie .inner01 .tab_list li:first-child {
	margin-right: 15px;
}
#top section.movie .inner01 .movie_box {
	position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    width: 100%;
	display: none;
}
#top section.movie .inner01 .movie_box.show {
	display: block;
}
#top section.movie .inner01 .movie_box iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

#top section.concept {

	margin-bottom: 0;
	background: #009BCE;
	padding-bottom: 25px;

}
#top section.concept .concept_wrap {
	background: url("../../img/bg_concept_sp.png") no-repeat center top / 100% auto;
	height: auto;
  opacity: 1;
}
#top section.concept .concept_wrap a {
	width: 100%;
	height: 100%;
	display: block;

}
#top section.concept .concept_wrap a::after {
	display: none;
	}

#top section.concept .inner01 {
	padding: 50px 0 15px;
	width: 72%;
	margin: 0 auto;
	transition-duration: 0;
}
#top section.concept .inner01 .h2_wrap {
	width: 86%;
	margin-bottom: 20px;
	max-width: inherit;


}
#top section.concept .inner01 .text01 {
	margin-bottom: 20px;
	color: #FFF;
	font-size: 18px;
	line-height: 2.0;
	font-weight: 700;
	padding-left: 0;
	}
#top section.concept .inner01 .text01 span {
	display: inline;

}
#top section.concept .inner01 .text01 span.txt1 {
	padding-left: 0;
}
#top section.concept .inner01 .text01 span.txt2 {
	padding-left: 0;
}
#top section.concept .inner01 .text01 span.txt3 {
	padding-left: 0;
}
#top section.concept .inner01 .text01 span.txt4 {
	padding-left: 0;
}
#top section.concept .inner01 .btn_more{
	text-align: left;

}
#top section.concept .inner01 .btn_more a {
	width: 100%;

}
#top section.concept .inner02 {
	display: none;

}



#top section.about {
	background: #009BCE;

	margin-bottom: 0;
	padding-bottom: 25px;

}
#top section.about .about_wrap {
	width: 100%;
	background: url("../../img/bg_about_sp.png") no-repeat center top / 100% auto;
	height: auto;
}
#top section.about .about_wrap a {
	width: 100%;
	height: 100%;
	display: block;

}
#top section.about .about_wrap a::after {
	display: none;
	}
#top section.about .about_wrap.move {

  opacity: 1;
}

#top section.about .inner01 {
	padding: 50px 0 35px;
	width: 72%;
	margin: 0 auto;
	transition-duration: 0;

}
#top section.about .inner01 .h2_wrap {
	width: 86%;
	margin-bottom: 20px;
	max-width: inherit;
}
#top section.about .inner01 .text01 {
	margin-bottom: 20px;
	font-size: 18px;
	color: #FFF;
	line-height: 2.0;
	font-weight: 700;

}

#top section.about .inner01 .btn_more a {
	width: 100%;

}
#top section.about .inner02 {
	display: none;

}

#top section.product {

	margin-bottom: 0;
	background: #009BCE;

}
#top section.product .product_wrap {
	background: url("../../img/bg_product_sp.png") no-repeat center top / 100% auto;
	height: auto;
  opacity: 1;
}
#top section.product .product_wrap a {
	width: 100%;
	height: 100%;
	display: block;

}
#top section.product .product_wrap a::after {
	display: none;
	}

#top section.product .inner01 {
	padding: 50px 0 35px;
	width: 72%;
	margin: 0 auto;
	transition-duration: 0;
}
#top section.product .inner01 .h2_wrap {
	width: 86%;
	margin-bottom: 20px;
	max-width: inherit;


}
#top section.product .inner01 .text01 {
	margin-bottom: 20px;
	color: #FFF;
	font-size: 18px;
	line-height: 2.0;
	font-weight: 700;
	padding-left: 0;
	}
#top section.product .inner01 .text01 span {
	display: inline;

}
#top section.product .inner01 .text01 span.txt1 {
	padding-left: 0;
}
#top section.product .inner01 .text01 span.txt2 {
	padding-left: 0;
}
#top section.product .inner01 .text01 span.txt3 {
	padding-left: 0;
}
#top section.product .inner01 .text01 span.txt4 {
	padding-left: 0;
}
#top section.product .inner01 .btn_more{
	text-align: left;

}
#top section.product .inner01 .btn_more a {
	width: 100%;

}
#top section.product .inner02 {
	display: none;

}
#top section.profile {
	margin-bottom: 20px;
	z-index: 1;
	background: linear-gradient(to top,#FFF 0%,#FFF 6%,#E9E9E9 6%,#E9E9E9 100%);

}




#top section.profile a {
	display: block;
	text-align: center;
	padding: 0;
	position: relative;
	background: none;
}
#top section.profile a::after {
	display: none;

}


#top section.profile .inner01 .h2_wrap {
	width: 95%;
	max-width: inherit;
	margin: 0 auto;
}
#top section.profile .inner01 .text01 {
	position: absolute;
	font-size: 12px;
	line-height: 1.8;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 15%;

}


#top section.team{

	margin-bottom: 20px;
	position: relative;

}
#top section.team a {
	display: block;

}
#top section.team .inner01 {
	background: #251E1C;
	padding: 20px 0 30px ;
}

#top section.team .inner01 .h2_wrap {
	width: 41%;
	max-width: 317px;
	margin: 0 auto 20px;
}
#top section.team .slider_wrap01 {
   overflow:hidden;
   width:100%;
	}

#top section.team .slider_wrap02 {
  overflow:visible!important; /* 両サイドに前後の画像を表示させる */
  width: 80%;              /* 画像の幅（表示させる幅） */
  margin: 0 auto;
}
#top section.team .inner01 .bx-viewport{
  overflow:visible!important; /* 両サイドに前後の画像を表示させる */

}
#top section.team .inner01 .team_slider li{
	padding: 0 5px;

}


#top section.team .inner01 .btn_more{
	text-align: center;
	margin-top: 20px;

}
#top section.team .inner01 .btn_more a {
	width: 72%;
	background: #FFF;
	color: #231815;
	margin: 0 auto;

}


#top section.news  {
	margin-bottom: 50px;
	background: url("../../img/bg_news_sp.png") no-repeat center top / 100% auto;

}
#top section.news .inner01 .h2_wrap {
	width: 41%;
	max-width: 317px;
	margin: 0 auto 20px;
}
#top section.news .inner01 .news_content {
	padding: 0 15px;
	transition-duration: 0;

}

#top section.news .inner01 .news_content ul {

	border-top: solid 1px #7FD1EF;
	margin-bottom: 20px;


}
#top section.news .inner01 .news_content li {
	border-bottom: solid 1px #7FD1EF;
	font-size: 15px;

}



#top section.news .inner01 .news_content li a{
	display: block;


}
#top section.news .inner01 .news_content li .box {
	display: block;
	padding: 15px 0;
}
#top section.news .inner01 .news_content li .box .date {
	padding: 0 ;
	width: 100%;
	box-sizing: border-box;




}
#top section.news .inner01 .news_content li .box .cont {
	width: 100%;
}

#top section.news .inner01 .btn_more{

}
#top section.news .inner01 .btn_more a {
	width: 72%;
	margin: 0 auto;

}
#top section.other {
	margin-bottom: 50px;

}
#top section.other .inner01 {
	padding: 0 15px;
}


#top section.other .inner01 .other_content {
	display: block;

}
#top section.other .inner01 .other_content .box {
	width: 100%;
	margin-bottom: 0;
}
#top section.other .inner01 .other_content .box.recruit {
	margin-top: 0;
	margin-bottom: 0;

}

#top section.other .inner01 .other_content .box a {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;
	display: block;
}

#top section.other .inner01 .other_content .box a::after {
	content:"";
	display: block;
	width: 100%;
    padding-top: 100%;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;

}
#top section.other .inner01 .other_content .box a:hover::after {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);


}

#top section.other .inner01 .other_content .box.contact a::after {
	background: url("../../img/bg_contact_sp.png") no-repeat center center / cover;


}
#top section.other .inner01 .other_content .box.recruit a::after {
	background: url("../../img/bg_recruit_sp.png") no-repeat center center / cover;

}
#top section.other .inner01 .other_content .box a .h2_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
}

#top section.other .inner01 .other_content .box.contact a .h2_wrap02 {
	width: 67.9%;
	max-width: inherit;
}
#top section.other .inner01 .other_content .box.recruit a .h2_wrap02 {
	width: 63.5%;
	max-width: inherit;

}

/* ---------------------SP END----------------------------- */}