@charset "utf-8";

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;
	font-size: 100.01%;
	vertical-align: baseline;
	font-weight: normal;
	
	box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

 .clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	width:100%;
}
.clearfix {
	min-height: 1px;
}

/*box-sizing*/
h1, h2, h3, h4, h5, h6,
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,
div, span,
p,
ul, ol, li,
dl, dt, dd,
table, tr, th, td,
a, img,
*:after, *:before {
  box-sizing: border-box;
}
 
figure {
  margin: 0;
  padding: 0;
}
 


html{ font-size: 62.5%;/*ベースは10px*/	
}
body {
	font-size: 1.5rem;
	line-height:1.8;
	letter-spacing:0.08em;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" ,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background-color: #fff;
	color: #333333;
}
 
/*テーブルの中での改行あり*/
tr {
  word-break: break-all;
}
/*折り返し禁止*/
.nw {
  white-space: nowrap;
}
 
/*画像と画像の間の余白消去*/
/*img {
  vertical-align: bottom;
  max-width: 100%;
}*/

/*表示非表示*/
 .sp {
	display: none !important;
}

/*ドラッグして選択したときの文字色と文字の背景色です*/
::selection {
  background: #5996aa;
  color: #ffffff;
}
 
::-moz-selection {
  background: #5996aa;
  color: #ffffff;
}
 
hr{
	border:solid 0.5px #222222;
	margin:5px 0 20px;}	

small {
	font-size: 1.2rem;/*12px*/
}
sup {
	font-size: 1.2rem;
}
.ftw-b,
strong {
	font-weight: bold;
}

a:link { color: #555555;
text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;}
a:visited { color: #555555; }
a:hover { color: #555555;
text-decoration:underline;
	/*opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter:"alpha(opacity=85)";*/
	 }
a:active { color: #555555; }

 
/*リストタグのスタイル消去*/
ul,
.li_none {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/*list*/
ul.list-num>li{
	list-style:decimal;
	margin-left:20px;
	margin-bottom:10px;} 
dd {
  margin-left: 0;
}

 
/*フォーム*/
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
 
select option {
  padding: 0px 5px;
}
 
form label {
  cursor: pointer;
}
 
input:placeholder {
  color: #999;
}
 
input:-ms-input-placeholder {
  color: #999;
}


 /*ボタンリセット*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*position--------------*/
.pdg25 {
padding:2.5rem;
}
.pdg15 {
	padding:1.5rem;
}
.pdgt0{
	padding-top:0 !important; }
.pdgb0{
	padding-bottom:0 !important; }
.mgb1{
	margin-bottom:1rem;}
.txt-c {
	text-align: center;
}
.txt-l {
	text-align: left;
}
.txt-r {
	text-align: right;
}

/*文字色------------*/
.ERR,
.col-red{
	color:#FF0004;}

/*背景色------------*/
.bg-grn-w{
background: #ebf1f2;
background: -moz-linear-gradient(top, #ebf1f2 65%, #fff 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebf1f2 65%,#fff 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebf1f2 65%,#fff 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f2', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
margin-bottom:4rem;}

.bg-grn{
background: #ebf1f2;
margin-bottom:4rem;}


/*カラム------------*/
/*2カラム*/
.fl{
	float:left;
	width:48%;
	margin-right:4%
}
.fr{
	float:right;
	width:48%;}
		
/*3カラム*/
 ul.fl3 li{
	 float:left;
	 width:30.5%;
	 margin-right:4.25%;
	 }	
	
 ul.fl3 li:last-child{
	 margin-right:0;
	 }	 
	
	
/*4カラム*/
 ul.fl4 li{
	 float:left;
	 width:21.8%;
	 margin-right:4.25%;
	 }	
	
 ul.fl4 li:last-child{
	 margin-right:0;
	 }	
	 
	 

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

/*@media screen and (min-width : 1024px)

-------------------------------*/
@media screen and (max-width : 1024px) {
 html{ 
		font-size : 56.25%; /*基準9px （16pxが100%） */
	}
img {
	width: 100%;
	height: auto;
}
.pc {
	display: none !important;
}

.sp {
	display: block !important;
}

}

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

/*@media screen and (min-width : 768px)

-------------------------------*/
@media screen and (max-width : 768px) {

    html{
    font-size : 50%; /*基準8px （16pxが100%） */
}
/*4カラム*/
 ul.fl4 li{
	 float:left;
	 width:48%;
	 margin-right:4%;
	 }	
 ul.fl4 li:nth-child(even){
	 margin-right:0;
	 }	



}

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

/*@media screen and (min-width : 640px)

-------------------------------*/
@media screen and (max-width : 640px) {



/*2と３カラムフロート解除*/
.fl,
.fr,
ul.fl3 li{
	float:none !important;
	width:100% !important;
	margin-right:0 !important;}
	
}	
/*-------------------------------*/

/*@media screen and (min-width : 414px) iPhone 6 Plus

-------------------------------*/
@media screen and (max-width : 414px) {}
	
/*-------------------------------*/

/*@media screen and (min-width : 360px) iPhone 6

-------------------------------*/
@media screen and (max-width :375px) {}