@charset "utf-8";
/* ===================================================================
 CSSリセット
=================================================================== */

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,main,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}


img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
iframe {
	width: 100%;
	}
video,audio {
	max-width: 100%;
	}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
del{
	text-decoration:line-through;
	}
abbr[title],dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
	}
table{
	border-collapse:collapse;
	font-size: 100%;
	border-spacing:0:;
}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
input,select{
	vertical-align:middle;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

a img {
	border: none;
}

address {
	font-style:normal;
}

/*box-sizing:border-box*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/* ===================================================================
 body初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */

/*--------------------------------------------------------------------
	.clearfix  .clear 
--------------------------------------------------------------------*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

.clear {
	clear: both;
}


/*--------------------------------------------------------------------
	メディア　PC
--------------------------------------------------------------------*/
.pc {
	display: block;	
}
.sp{
	display: none;
}
	
/*--- 画面の横幅が767px以上 （メディア・クエリ（Media Queries））---*/
@media screen and (max-width: 767px) {
.pc {
	display: none;
	}
.sp {
	display: block;	
	}
}	

/*--------------------------------------------------------------------
  Text elements 
--------------------------------------------------------------------*/
p {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
}
a:link {
	color: #00A8C6;
	text-decoration: none;
	transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:visited { 
	color: #00A8C6;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration:underline;
}
a:active {
	color: #00A8C6;
	text-decoration: none;
}


/*--------------------------------------------------------------------
  float 
--------------------------------------------------------------------*/
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}
.fl_l_pc {
	float: left;
}
.fl_r_pc {
	float: right;
}

@media screen and (max-width: 767px) {
.fl_l_pc {
	float: none;
	}
.fl_r_pc {
	float: none;
	}
}

/*--------------------------------------------------------------------
  text-align ,改行
--------------------------------------------------------------------*/	
.text_c {
	text-align:center;
}
.text_r {
	text-align:right;
}
.text_l {
	text-align:left;
} 
.br_pc {
	display:block; /*-brのみ-*/
}
.br_sp {
	display:none;  /*-brのみ-*/
}
@media screen and (max-width: 767px) {
.br_pc {
	display:none; /*-brのみ-*/
	}
.br_sp {
	display:block; /*-brのみ-*/
	}
}

/*--------------------------------------------------------------------
  font-weight
--------------------------------------------------------------------*/	
.fb{ 
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
	
/*--------------------------------------------------------------------
  font-color
--------------------------------------------------------------------*/
.fc_base {
	color:#306CC5;
}
.fc_base2 {
	color:#eb6871;
}
.fc_base3 {
	color:#0dac67;
}
.fc_base_b {
	color:#306CC5;
	font-weight:bold;
}
.fc_red {
	color: #F00;
}

/*--------------------------------------------------------------------
  font-size
--------------------------------------------------------------------*/
.fs_11 {
	font-size:11px;
}
.fs_12 {
	font-size:12px;
}
.fs_14 {
	font-size:14px;
}
.fs_16 {
	font-size:16px;
}
.fs_18 {
	font-size:18px;
}
.fs_20 {
	font-size:20px;
}
.fs_22 {
	font-size:22px;
}
.fs_24 {
	font-size:24px;
}
.fs_26 {
	font-size:26px;
}
.fs_28 {
	font-size:28px;
}
.fs_30 {
	font-size:30px;
}
.fs_32 {
	font-size:32px;
}



/*--------------------------------------------------------------------
  margin
--------------------------------------------------------------------*/
.ma_b_20 {
	margin-bottom:20px;
	}
.ma_b_10 {
	margin-bottom:10px;
	}
.ma_t_10 {
	margin-top:10px;
	}
.ma_t_20 {
	margin-top:20px;
	}