@charset "UTF-8";

/* -------------------------- */
/* --------main-------- */
/* -------------------------- */

/* mmain copy */
main h1{
line-height: 150%;
z-index:2;
width: 90%;
margin: 0 auto 30px auto;
text-align: center;
padding:0 5vw;
box-sizing: border-box;
font-size: 4vw;
background-image: url(../img/top_main_line01_sp.svg),url(../img/top_main_line02_sp.svg);
background-repeat: no-repeat;
background-position: left,right;
background-size: auto 100%;
}
main h1 span{
display: block;
font-size: min(2.2vw, 0.8rem);
font-weight:100;
line-height: 1.0rem;
}
main h1 br{display: none;}

/* mmain copy アニメ */
main h1{
animation-name: frame_ani;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function:ease;
animation-direction:alternate;
}
@keyframes frame_ani{
0%,to{background-position: -20px 0,right -20px center;}
100%,to{background-position: left,right;}
}



/* mmain ph */
.swiper-container {
width: 100%;
height: 80vw;
z-index:1;
}
.swiper-slide {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-img {
width: 100%;
height: 100%;
}
.slide-img{
background-size: 100%;
background-repeat: no-repeat;
background-position: top right;
}
.slide01 .slide-img{background-image: url('../img/main_ph.jpg');}
.slide02 .slide-img{background-image: url('../img/main_ph.jpg');}
.slide03 .slide-img{background-image: url('../img/main_ph.jpg');}

@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomUp {
0% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
-webkit-animation: zoomUp 20s linear 0s;
animation: zoomUp 20s linear 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}






/* -------------------------- */
/* --------concept------- */
/* -------------------------- */
.concept{
clear: both;
padding: 20px 0 0 0;
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.concept img{display: none;}
.concept div{
width: 100%;
text-align: center;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
margin-bottom: 40px;
}
.concept h4{
color: #11BA71;
font-family: 'Roboto', sans-serif;
}
.concept h3{
line-height: 7vw;
font-size: 6vw;
margin: 10px 0 10px 0;
}
.concept p{ margin-bottom: 30px; text-align: left;}
.concept p br{ display: none;}





/* -------------------------- */
/* --------top menu 02------- */
/* -------------------------- */
.top_menu02{
background-color: #11BA71;
overflow: hidden;
}
.top_menu02 ul{align-items:initial;}
.top_menu02 ul li{
width: 48%;
text-align: center;
}
.top_menu02 ul li a{
display: block;
padding:20px 10px;
height: 100%;
box-sizing: border-box;
background-color: #fff;
}
.top_menu02 ul li h3{
color: #11BA71;
line-height: 1.2rem;
margin-bottom: 5px;
}
.top_menu02 ul li img{
height: 60px;
margin: 10px 0;
}



/* -------------------------- */
/* --------top news-------- */
/* -------------------------- */
.top_news{
padding: 20px 0;
box-sizing: border-box;
margin-bottom: 50px;
}
.top_news_title{
width: 100%;
margin: 0 0 30px 0;
text-align: center;
}
.top_news_title h3{
font-size: 1.4rem;
line-height: 100%;
margin-bottom: 10px;
color: #11BA71;
}
.top_news_title a{
display: block;
background-color: #000;
color: #fff;
padding: 3px 10px;
width: 100%;
box-sizing: border-box;
text-align: center;
}