@charset "utf-8";
/*reset.css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border:0;
	outline: 0;
	vertical-align: baseline;
	background:transparent;

  scroll-behavior: smooth;
}
html {
	overflow: inherit;
	height: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
body {
	font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333333;
	font-size: 62.5%;
	line-height: 1.6;
	letter-spacing:0;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6, p, td, th, address {
    font-weight: normal;

}
ol,ul {
	list-style: none;
}

fieldset,img {
	border: 0;
}
 img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  width: auto;
}
.wrapper{
  width:100%;
  max-width: 750px;
  margin: 0 auto;
  line-height: 0;
}

.cv .btn_area{
  position:relative;
}
.cv .btn_area .btn_ic{
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  width:84%;
  top:1%;

}
.video_area{
  position:relative;

}
.video_area .video{
 position: absolute;
    width: 90.5%;
    left: 50%;
    top: 4%;
    transform: translateX(-50.3%);


}


/* ========
 * Animation
 */
.move {
  animation: beat linear 1.2s infinite;

}


.contain .box{
     width: 90%;
    margin: 6% auto;
    border: 2px solid #aaaaaa;
    padding: 3em 2em 2em 2em;
  box-sizing:border-box;
}
.contain h3{
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.8em;
  font-size:240%;

}
.contain p{
  font-size:140%;
  line-height: 1.8;
  text-align:justify;

}




@keyframes beat {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.035);
  }
  25% {
    transform: scale(.95);
  }
  35% {
    transform: scale(1.02);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shake-opacity {
  10% {
    transform: translate(-4px, -1px) rotate(0.5deg);
    opacity: 0.08; }
  20% {
    transform: translate(3px, 3px) rotate(2.5deg);
    opacity: 0.13; }
  30% {
    transform: translate(5px, 1px) rotate(1.5deg);
    opacity: 0.07; }
  40% {
    transform: translate(-2px, 0px) rotate(0.5deg);
    opacity: 0.17; }
  50% {
    transform: translate(0px, 4px) rotate(-1.5deg);
    opacity: 0.43; }
  60% {
    transform: translate(1px, 1px) rotate(1.5deg);
    opacity: 0.02; }
  70% {
    transform: translate(3px, 2px) rotate(2.5deg);
    opacity: 0.06; }
  80% {
    transform: translate(-4px, 4px) rotate(2.5deg);
    opacity: 0.94; }
  90% {
    transform: translate(3px, -4px) rotate(-0.5deg);
    opacity: 0.8; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }



/*もともとあったfooterを使うためコチラを使用してます。*/


/*-------------------------------------*
*footer
*-------------------------------------*/

.footer_container_fluid {
    width: 100%;
    background: #e3e3e3;
    margin: auto;
}

.footer_container {
    margin-left:auto;
    margin-right:auto;
    width: 750px;
}

.footer_container {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.footer_container ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer_container li {
    list-style: none;
    margin: 0 10px 0 0;
    float: left;
}

.footer_container li:last-child {
    margin: 0;
}

.footer_container li a{
    text-decoration: none;
    font-size: 10px;
    color: #3e3e3e;
}

.copyright {
    width: 100%;
    background: #e3e3e3;
    margin: auto;
    color: #3e3e3e;
    font-size: 10px;
    text-align: center;
}

@media ( max-width: 480px ) {
    .footer_container li a {
        font-size: 8px;
    }
}