@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
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.6rem;
	line-height:1.6;
	letter-spacing:0.08em;
	/*font-family: 'Abel', sans-serif;*/
	font-family: 'Roboto', sans-serif;
/*	font-family:"Century Gothic", "ヒラギノ角ゴ 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%;
}*/

img {
	width: 100%;
	height: auto;
  vertical-align: bottom;
	transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
}
a:hover img{
	opacity:0.9;}


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

/*ドラッグして選択したときの文字色と文字の背景色です*/
::selection {
  background: #1d2da0;
  color: #ffffff;
}
 
::-moz-selection {
  background: #1d2da0;
  color: #ffffff;
}
 
hr.dotted{
	margin:0 auto;
border:none;
border-top:dashed 1px #555;
height:1px;
max-width:1024px;
width:100%;}	

small {
	font-size: 80%;/**/
}
sup {
	font-size: 1.2rem;
}
.ftw-b,
strong {
	font-weight: bold;
}
.ovf-h{
	overflow:hidden;}
#container a:link
{ color: #1a65ba;
text-decoration:none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all  0.2s ease;}
a:visited { color: #1a65ba; }
a:hover { color: #1a65ba;
text-decoration:none;
	/*opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter:"alpha(opacity=85)";*/
	 }
a:active { color: #1a65ba; }

 
/*リストタグのスタイル消去*/
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--------------*/
.pdg4 {
padding:4rem;
}

.pdgt0{
	padding-top:0 !important; }
.pdgb0{
	padding-bottom:0 !important; }
.mgb0{
		margin-bottom:0 !important;}
.mgb4{
	margin-bottom:5rem !important;}
.txt-c {
	text-align: center;
}
.txt-l {
	text-align: left;
}
.txt-r {
	text-align: right;
}

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

/*背景色------------*/
.bg-w{
background: #fff;}


/*カラム------------*/
/*2カラム*/
.fl{
	float:left;
	width:48%;
	margin-right:4%
}
.fr{
	float:right;
	width:48%;}


		
/*3カラム*/
 ul.fl3 > li{
	 float:left;
	 width:30%;
	 margin-right:5%;
	 }	
	
ul.fl3 > li:nth-child(3),
ul.fl3 > li:nth-child(6),
ul.fl3 > li:nth-child(9),
ul.fl3 > li:nth-child(12),
ul.fl3 > li:nth-child(15),
ul.fl3 > li:last-child{
	 margin-right:0;
	 }	 
	
	
/*4カラム*/
 ul.fl4 li{
	 float:left;
	 width:21.8%;
	 margin-right:3.2%;
	 }	
	
 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;
}

.tab {
	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% !important;
	 margin-right:4% !important;
	 }	
 ul.fl4 li:nth-child(even){
	 margin-right:0 !important;
	 }	



	
	

}

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

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

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

.sp {
	display: block !important;
}

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


#container .fl{
	margin-bottom:6%;}	
/*3カラムフロート解除*/
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) {}