@charset "UTF-8";

/*=========================
CSS reset 
=========================*/

/*border-box*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	word-break:break-all;/*英文改行設定*/
}
/*font-size*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{
	margin: 0;
	padding: 0;
	line-height:1.5em;
	font-family:'Noto Sans Japanese';
	font-size:14px;
	font-weight:400;
	letter-spacing:0.5px;
}
/*form reset*/
input{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
/*小文字*/
body .small{
    font-size: 12px;
}
/*font-和文・英文*/
.jap{
	font-family:'Noto Sans Japanese';
}
.eng{
    font-family:'roboto-condensed';
}
/*font-color*/
body .blue{
    color: #219bdd;
}
body .navy{
    color: #003fdb;
}
body .red{
    color: #ff0000;
}
body .green{
    color: #21d925;
}
body .white{
    color: #ffffff;
}
body .black{
    color: #000000;
}
/* font-weight*/
body .bold{
	font-weight:600;
}
body .normal{
	font-weight:400;
}
body .thin{
	font-weight:200;
}
/*no_scroll*/
html,body{
	width:100%;
	height: 100vh;
	overflow-x:hidden;
	overflow-y:hidden;
}
@media screen and (min-width:0px) and (max-width:767px){ /*スマートフォンの場合、スクロールを許可*/
	html,body{
		width:100%;
		height: 100vh;
		overflow-x:hidden;
		overflow-y:visible;
	}
}

/*no_marker*/
ul, ol{
	list-style: none; 
}
/*no_underline*/
a{
	text-decoration: none; 
	color:#000;
}
/*画像の空白回避*/
img{
	border: 0;
}
img, input{
	vertical-align:bottom;
}
/* clearfix */
.clearfix:after{
	content:"";
	display: block;
	clear: both;
}
/* transition */
.transition{
	transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}
/* 改行設定 */
.sp_br{
	display: none;
}
@media screen and (min-width:0px) and (max-width:767px){
.pc_br{
	display:none;
	}
.sp_br{
	display:block;
	}
}
/*テキスト揃え*/
body .t_left{
    text-align: left;
}
body .t_center{
    text-align: center;
}
body .t_right{
    text-align: right;
}
/*bg-color*/
body .bg_blue{
    background-color: #219bdd;
}
body .bg_navy{
    background-color: #003fdb;
}
body .bg_red{
    background-color: #ff0000;
}
body .bg_green{
    background-color: #21d925;
}
body .bg_white{
    background-color: #ffffff;
}
/*背景画像の繰り返し*/
.no_repeat{
    background-repeat: no-repeat;
}
.repeat_x{
    background-repeat: repeat-x;
}
.repeat_y{
    background-repeat: repeat-y;
}
.repeat{
    background-repeat: repeat;
}

/*-------------------------------
float
-------------------------------*/
.w_50{
    width: 50%;
}
.w_33{
    width: 33.3%;
}
.w_25{
    width: 25%;
}
.w_20{
    width: 20%;
}
.f_l{
    float: left;
}
.f_r{
    float: right;
}
@media screen and (min-width:0px) and (max-width:767px){
    .w_50,
    .w_33,
    .w_25,
    .w_20{
        width: 100%;
        margin-bottom: 10px;
    }
    .f_l,
    .f_r{
        float: none;
    }
}