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


@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');
@import url('https://fonts.googleapis.com/css?family=Overpass:400,700');


/*----------initialize----------*/
*{
	margin			:0;
	padding			:0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}

img{
	border:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

.clearfix:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

a{
	cursor:pointer;
	text-decoration:none;
	color:#000000;
}
/*
a:hover{
	filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
	text-decoration:underline;
}
*/

/*----------default-settings----------*/
html{
	width:100%;
	height:100%;
	font-size:14px;
}

body{
	width:100%;
	height:100%;
/*
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
*/
	font-family	:Overpass,-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color:#000000;
}

/*----------common1----------*/
.w_100{
	width:100% !important;
}
.w_90{
	width:90% !important;
}
.w_80{
	width:80% !important;
}
.w_70{
	width:70% !important;
}
.w_60{
	width:60% !important;
}
.w_50{
	width:50% !important;
}
.w_45{
	width:45% !important;
}
.w_40{
	width:40% !important;
}
.w_35{
	width:35% !important;
}
.w_30{
	width:30% !important;
}
.w_25{
	width:25% !important;
}
.w_20{
	width:20% !important;
}
.w_15{
	width:15% !important;
}
.w_10{
	width:10% !important;
}
.w_5{
	width:5% !important;
}

.pd_1{
	padding:1px !important;
}
.pd_3{
	padding:3px !important;
}
.pd_5{
	padding:5px !important;
}
.pd_10{
	padding:10px !important;
}
.pd_15{
	padding:15px !important;
}
.pd_20{
	padding:20px !important;
}

.mg_1{
	margin:1px !important;
}
.mg_3{
	margin:3px !important;
}
.mg_5{
	margin:5px !important;
}
.mg_10{
	margin:10px !important;
}
.mg_15{
	margin:15px !important;
}
.mg_20{
	margin:20px !important;
}

.mgt_5{
	margin-top:5px !important;
}
.mgt_10{
	margin-top:10px !important;
}
.mgt_15{
	margin-top:15px !important;
}
.mgt_20{
	margin-top:20px !important;
}
.cs_p{
	cursor:pointer !important;
}
.disp_t{
	display:table !important;
}
.disp_tc{
	display:table-cell !important;
}
.disp_ib{
	display:inline-block !important;
}
.disp_b{
	display:block !important;
}
.disp_n{
	display:none !important;
}
.disp_h{
	display:hidden !important;
}
.va_t{
	vertical-align:top !important;
}
.va_m{
	vertical-align:middle !important;
}
.va_b{
	vertical-align:bottom !important;
}
.ta_l{
	text-align:left !important;
}
.ta_c{
	text-align:center !important;
}
.ta_r{
	text-align:right !important;
}

.bd_b1{
	border:solid 1px #000000;
}
.bd_r1{
	border:solid 1px #ff0000;
}

.bc_b{
	background-color:#000000 !important;
}
.bc_w{
	background-color:#ffffff !important;
}
.bc_g{
	background-color:#a7a7a7 !important;
}
.bc_r{
	background-color:#ff0000 !important;
}
.fc_w{
	color:#ffffff !important;
}
.fc_g{
	color:#a7a7a7 !important;
}
.fc_r{
	color:#dc143c !important;
}
.fc_b{
	color:#0000cd !important;
}

.nowrap{
	white-space: nowrap;
}
.wrap_bw{
	overflow-wrap: break-word;
}

.h_a{
	height:auto;
}

/*----------------float----------------*/
.float_l{
	float	:left;
}
.float_r{
	float	:right;
}