@charset "utf-8";
/* CSS Document */

/*------------------------------------------*
* 共通スタイル
*------------------------------------------*/
li {
	list-style: none;
}
img {
	vertical-align: bottom;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.vertical-bottom {
	vertical-align: bottom;
}
.latters_005{
	letter-spacing: 0.04em;
}
.contents img,
footer img{
	max-width: 100%;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover, a:hover img, input[type="submit"]:hover, input[type="button"]:hover {
	text-decoration: none;
	cursor: pointer;
	/* opacity: 0.90;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=80)"; */
}

/*-- 表示非表示切り替え --*/
.dsp_none{
	display: none;
}
.sp{display: none!important;}


@media screen and (max-width: 639px) {
.sp{display:block!important;}
.pc{display: none !important;}
	
}

/*------------------------------------------*
* 文字スタイル
*------------------------------------------*/
.ff_notejp {
	font-family: 'Noto Sans JP', sans-serif;
}
.ff_notesf {
	font-family: 'Noto Serif JP', serif;
}
.lsn {
	letter-spacing: normal !important;
}
.ls-01 {
	letter-spacing: -0.1em !important;
}
.ls01 {
	letter-spacing: 0.1em !important;
}
.ls02 {
	letter-spacing: 0.2em !important;
}
.fs12 {
	font-size: 12px !important;
}

.fs14 {
	font-size: 14px !important;
}

.fs16 {
	font-size: 16px !important;
}

.fs18 {
	font-size: 18px !important;
}

.fs20 {
	font-size: 20px !important;
}

.fs22 {
	font-size: 22px !important;
}

.fs24 {
	font-size: 24px !important;
}
.fs36 {
	font-size: 36px !important;
}
.txt_blue {
	color: #195270;
}
.td_under {
	text-decoration: underline;
}
.txt_orange{
	color: #ff7f00;
}
.txt_red{
	color: #ff0000;
}
.txt_ff{
	color:#fff;
}
.txt_bold{
	font-weight: bold;
}
.txt_500{
	font-weight: 500;
}

/*------------------------------------------*
* margin系CSS
*------------------------------------------*/
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt150 {
	margin-top: 150px !important;
}
.mt160 {
	margin-top: 160px !important;
}
.mt200 {
	margin-top: 200px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mtb10 {
	margin: 10px 0 !important;
}

/*------------------------------------------*
* position系CSS
*------------------------------------------*/

.relative { position: relative;}
.absolute { position: absolute;}


/*------------------------------------------*
*flexn系CSS
*------------------------------------------*/
.flex {
	display: -webkit-flex;
	display: flex;
}
.flex_wrap { flex-wrap: wrap;}

@media screen and (max-width: 639px) {
.flex {
	display: block;
	}
	.flex > div{
		margin: 0 !important;
		width: 100% !important;
	}
	.sp_flex{
		display:flex;
	}
	.sp_flex_wrap{
		flex-wrap:wrap
	}

}


/*------------------------------------------*
* display系CSS 190218
*------------------------------------------*/

.block { display: block;}

/*------------------------------------------*
* ドロップダウン疑似要素CSS
*------------------------------------------*/
.drop::after {
	font-family: FontAwesome;
	font-size: 1rem;
	content: "\f0dd";
	position: absolute;
	top: 0;
	right: 10px;
}