@charset "UTF-8";
/*common.css*/
body{
  background-color:#fff;
  font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, lato, "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans", Meiryo, Arial, sans-serif;
  letter-spacing:0;
  line-height: 1.4;
  font-size:13px;
  height:100%;
  margin:0;
  color:#231815;
}

h1,h2,h3,h4,h5,h6{
	font-size: 2.8vw;
	font-weight:normal;
}

input, select {
  line-height: 1.4;
}

option {
  line-height: 1.5;
}

ul,dl,ol{
  list-style:none;
  margin:0;
  padding:0;
}

*{
  margin:0px;
  padding:0px;
  vertical-align:bottom;
  font-weight:normal;
}

img{
  border:0px;
  border:none;
  border-style:none;
}

a img {
  border-style:none;
}

p{
  line-height: 1.625;
  letter-spacing: 0.1em;
}

table{
  border-spacing:0;
}

a:link {color:#000000;text-decoration:none;} /*未訪問のリンクの色*/
a:visited {color:#000000;text-decoration:none;} /*訪問済みのリンクの色*/
/*--------------a:hover {color:#ffffff;} カーソルが乗っているリンクの色*/
 /*a-----------:active {color:#ffff00;}クリック中のリンクの色*/


@media all and (max-width: 767px) {
  h1,h2 {
    font-size: 26px;
    letter-spacing: 0.05em;
  }
}

.cp-img {
  margin-bottom: 88px;
}

.cp-img,
.head1 {
  animation: fadeIn 0.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* 画面外にいる状態 */
.f-in {
    opacity : 0.05;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.f-in.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/******************************************************************** clearfix
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/******************** for IE */
.clearfix { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */