<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


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

/* main copy */
main h1{
position: absolute;
line-height: 150%;
z-index:2;
width: min(33vw, 450px);
padding:0 min(4vw, 60px);
box-sizing: border-box;
top: min(30vw, 350px);
font-size: min(2.0vw, 1.8rem);
background-image: url(../img/top_main_line01.svg),url(../img/top_main_line02.svg);
background-position: left,right;
background-size: 10% 100%;
background-repeat: no-repeat;
}

/* mmain copy アニメ */
main h1{
-webkit-animation: frame_ani 2s ease 1 alternate;
-moz-animation: frame_ani 2s ease 1 alternate;
-o-animation: frame_ani 2s ease 1 alternate;
animation: frame_ani 2s ease 1 alternate;
}
@keyframes frame_ani{
0%{background-size: 10% 0%;}
80%{background-size: 10% 60%;}
100%{background-size: 10% 100%;}
}




/* mmain ph */
.swiper-container {
float: right;
width: 80%;
height:50vw;
height:min(50vw,590px);
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;
position: relative;
padding: 120px 0 0px 0;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
margin-bottom: 40px;
}
.concept img{position: absolute;}
.concept div{flex: 1; margin-left: 450px;}
.concept h4{color: #11BA71;}
.concept h3{
font-size: 1.7rem;
margin: 10px 0;
}
.concept h3 br{display: none;}
.concept p{ margin-bottom: 30px;}

@media screen and (max-width: 960px) {
.concept{margin-bottom: 20px;}
.concept div{margin-left: 50%;}
.concept img{width: 45%;}
.concept p br{ display: none;}
}








/* -------------------------- */
/* --------top menu 02------- */
/* -------------------------- */
.top_menu02{
background-color: #11BA71;
overflow: hidden;
padding-top: 40px;
}
.top_menu02 ul{align-items:initial;}
.top_menu02 ul li{
position: relative;
width: 48%;
}
.top_menu02 ul li a{
display: block;
padding:15px 30px;
height: 100%;
box-sizing: border-box;
background-color: #fff;
}
.top_menu02 ul li h3{
color: #11BA71;
font-size: 1.6rem;
}
.top_menu02 ul li img{
position: absolute;
top:-20px;
right: 30px;
height: 70px;
}
@media screen and (max-width: 960px) {
.top_menu02{padding-top: 0;}
.top_menu02 ul{justify-content: flex-start;}
.top_menu02 ul li{width: 100%;}
.top_menu02 ul li:last-child{margin-top: 40px;}
}

/* hoverアニメ */
.top_menu02 ul li a h3 span{
width: 0;
height: 1px;
background-color: #11BA71;
display: block;
margin: 5px 0;
}
.top_menu02 ul li a:hover img{
transition: 0.5s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.top_menu02 ul li a:hover h3 span{
transition: 0.5s;
width: 70%;
}



/* -------------------------- */
/* --------top news-------- */
/* -------------------------- */
.top_news{
width: 100%;
background-image: url(../img/top_news_line_01.svg),url(../img/top_news_line_02.svg);
background-repeat: no-repeat;
background-position: center left,center right;
background-size:contain;
padding: 20px 120px;
box-sizing: border-box;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 70px;
}
.top_news_title{
width: 100px;
margin: 10px 40px 0 0;
}
.top_news_title h3{
font-size: 1.7rem;
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;
}
.top_news_title a:hover{
transition: 0.5s;
opacity: 0.5;
}

@media screen and (max-width: 960px) {
.top_news{
display:inline;
background-image: none;
padding: 20px 0;
}
.top_news_title{
width: 100%;
text-align: center;
margin: 10px 0px 0 0;
}
.top_news_title a{
width: 20%;
margin:0 auto 30px auto;
}

}

</pre></body></html>