@charset "utf-8";

.sub_visual { position: relative; width: 100%; height: 316px; overflow:hidden; z-index: 0; background:#fff2df url('/images/sub/svisual_bg.jpg') no-repeat center 0; color:#fff; margin-top:100px; display: flex; align-items: center;  justify-content: center;}
.sub_visual:before{content:""; display:inline-block; width:212px; height:207px; position:absolute;  left: 170px; top:170px; background:url('/images/sub/flower_l.png') no-repeat 0 bottom;  
					background-size: contain; z-index: 10;  animation: fadeInScale 0.5s ease-in-out forwards;}
.sub_visual:after{content:""; display:inline-block; width:201px; height:201px; position:absolute;  right: 400px; top:-20px; background:url('/images/sub/flower_r.png') no-repeat 0 bottom; 
				background-size: contain; z-index: 10;  animation: fadeInScale 0.5s ease-in-out forwards; animation-delay: 0.2s; }
.sub_visual_txt{font-size:75px; color:#3f5fcc; font-family: 'Cafe24 Ssurround';}
.submn{text-align:left; }

.submn{text-align:center;}
#mysubmenu{margin-top:60px; background:#f3f3f3;  display:inline-block; border-radius:40px;}
.leftmenu_b ul{display:flex; align-items:center; justify-content: center; }
.leftmenu_b ul li{ border-radius:30px;  padding:20px 50px;display:flex; align-items:center; justify-content: center; font-size:20px;  }
.leftmenu_b ul li a{}
.leftmenu_b ul li.active{background:#374eae;border-radius:40px;}
.leftmenu_b ul li.active a{ color:#fff !important;}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@media all and (max-width:1440px){
	.sub_visual {  }
	.sub_visual:after{ right: 5vw;}
}
@media all and (max-width:1200px){
	.sub_visual { margin-top: 80px;}
}

@media all and (max-width: 999px){
	.sub_visual {  height: 200px; background-size: cover;}
	.sub_visual_txt { font-size: 40px;}
	.sub_visual:before {width: 15vw;left: -7px;  top: 4px;	}
	.sub_visual:after{width: 15vw; top: -9vw}
	
	.sub_con{font-size:15px; line-height:1.6; }

	.leftmenu_b ul li { padding: 13px 30px;font-size: 17px;}


}



@media all and (max-width: 499px){
    .leftmenu_b ul li {font-size: 15px; padding: 13px 10px;}
}