@charset "utf-8";
/* CSS Document */


*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}






img{
vertical-align: bottom;
width:100%;
}


.wrap{
max-width:750px;
margin:0 auto;
box-shadow: 0px 5px 5px 4px #e4e3e3;
padding: 0 0 132px 0;
}


.news_area2407{
padding: 2px;
}

/*cv contents*/

.cv_box{
	padding:20px 0;
}

.cv_box_img_bg{
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
}

.cv_box_img{
margin: 0 auto;
width:79%;
}

.cv_box_img:hover{
opacity:0.7;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}

.cv_text{
	font-size:80%;
	text-align:center;
	margin-top:10px;
}

@media screen and (max-width: 840px) {
.cv_text{
	font-size:50%;
}}

.footer_area{
	text-align:center;
	background:#000000;
	color:#FFFFFF;
}

.footer_area{
	font-size:50%;
	padding:10px 0 10px 0;
}



.bt_01{
padding: 4% 4% 4% 4%;
}


.bt_02{
max-width: 519px;
margin: 0 auto;
}

img.btn_animate01 {
margin: 0 auto;
animation: fuwafuwa 1s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes fuwafuwa {
from {transform: scale(0.9,0.9);}
to {transform: scale(1,1);}
}

a:hover{
opacity:0.7;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}

.fadeIn{
animation-name:fadeInAnime;
animation-duration:4s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}



.fl_area{
	background-color:rgba(255,255,255,0.9);
	position: fixed;
	bottom: 0px;
	z-index: 9999; 
	width: 100%;
}

.bt_03{
max-width: 400px;
padding: 20px 8px 20px 8px;
margin: 0 auto;
}