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

★全体共通css
-------------------------------------------------------

build:2014-11
lastupdate:2015-12
version:1.1
author:kh

-------------------------------------------------------

★目次
01.reset
02.font
03.linkcolor

---------------------------------------------------- */

/* ■01.reset
--------------------------------------------------- */
body,
div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,input,textarea,blockquote,
th,td,figure,figcaption
{
    margin:0;
    padding:0;
    -webkit-text-size-adjust: none;
    letter-spacing: 0.06em;
}

/*　■動作を滑らかにする場合の記述
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
*/

h1,h2,h3,h4,h5,h6{ font-weight:inherit; line-height:100%; }
li{ list-style:none; }
table{ border-collapse: collapse; border-spacing: 0; }

fieldset,img { border: 0; vertical-align: bottom; }
/*img{ width:100%; display: block;}*/
.cf:after{content:""; display:block; clear:both;}
.cf{display:inline-block;} 
.cf{display:block;}

/* ■02.font 
〇基本フォントサイズ
16px相当	100%
15px相当	0.9375
14px相当	0.875
13px相当	0.8125
12px相当	0.75
11px相当	0.6875
10px相当	0.625
 9px相当	0.5625
 8px相当	0.5

〇13px(87.5%)からの継承
16px相当	1.230769231
15px相当	1.153846154
14px相当	1.076923077
13px相当	100%
12px相当	0.923076923
11px相当	0.846153846
10px相当	0.769230769
 9px相当	0.692307692
 8px相当	0.615384615
		
〇14px(87.5%)からの継承
16px相当	1.142857143
15px相当	1.071428571
14px相当	100%
13px相当	0.928571429
12px相当	0.857142857	
11px相当	0.785714286
10px相当	0.714285714
 9px相当	0.642857143
 8px相当	0.571428571
--------------------------------------------------- */
body,html{ overflow-x: hidden; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body{
	background: #fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.7;
	color: #1a1a1a;
    font-weight: inherit;
	font-size: 13px;
	background: #fff;
	
	}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1320px) {
/* ▼PC用================================================================== */

/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1319px) {
/* ▼Tab用================================================================= */

/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */

/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用用================================================================ */

/* ▲SP縦用用================================================================ */
}

/* ■03.link 
--------------------------------------------------- */

a:link{text-decoration: none;}
.mrb40{margin-bottom:40px;}
.mrb80{margin-bottom:80px;}

/* ■フェードイン表示
--------------------------------------------------- */
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }