@charset "UTF-8";
/* CSS Document */
/* --------
[コーディングルール]
基本classのみ使用し、idはアンカーやJSで使用

[パーツclass名]
div: .wrap, .inner, .group, .box,
float: .colset, .col1, .col2,

[プロパティ順]
width, height, margin, padding, position,  clear, overflow, 
color, font, text-decoration, text-align, vertical-align, white-space, letter-spacing, text, background
-------- */



/*共通common*/


html{
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}



body {
	font-size: 1.6rem;/* 16px */
	-webkit-text-size-adjust: 100%;
	line-height: 1.8;
	font-feature-settings: "palt";	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}




/*
    link
*/

a {
	color: #269AB6;
	text-decoration: none;
}
a:hover,
a:focus {
  color: #3da4ea;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


/**/

h1,.h1 {
	font-size: 3.6rem;
}
h2,.h2 { font-size: 3.0rem;}
h3,.h3 { font-size: 2.4rem;}
h4,.h4 {font-size: 1.8rem;}
h5,.h5 {font-size: 1.4rem;}
h6,.h6 {font-size: 1.2rem;}



h1,h2,h3{
	margin-top: 2.4rem;
	margin-bottom: 2.4rem;
}



h4,h5,h6{
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}


h1 small{
	font-size: 50%;
}


p { margin: 0 0 2.4rem;}





.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}






@media screen and (max-width: 768px) {
	/* 768px以下*/
	
.taparea {
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}

	
	
}


blockquote {
  padding: 2.4rem 2.4rem;
  margin: 0 0 2.4rem;
  border-left: 5px solid #eee;
  font-size: 100%
}




/*
    spacer
*/


.spacer { margin-top: 8px; }
.spacer16 { margin-top: 16px; }
.spacer32 { margin-top: 32px; }
.spacer48 { margin-top: 48px; }
.spacer64 { margin-top: 64px; }
.spacer80 { margin-top: 80px; }
.spacer160 { margin-top: 160px; }


@media screen and (max-width: 768px) {
	/* 768px以下*/
	
.spacer { margin-top: 4px; }
.spacer16 { margin-top: 8px; }
.spacer32 { margin-top: 16px; }
.spacer48 { margin-top: 24px; }
.spacer64 { margin-top: 32px; }
.spacer80 { margin-top: 40px; }
.spacer160 { margin-top: 80px; }
	
	
}



/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

/* 縦中央並び、1ピクセルのずれの補正のため、フォントサイズをリセット */

.row--v-middle {
  font-size: 0;
}

.row--v-middle > [class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}