@charset "UTF-8";
/*------------------------------------------------------------
clear・・・クリアフィックス解除
-------------------------------------------------------------*/
.clearfix {
	clear: both;
}
/*------------------------------------------------------------
align・・・文字の横位置
-------------------------------------------------------------*/
.al-c {
	text-align: center;
}/*中央寄せ*/
.al-r {
	text-align: right;
}/*右寄せ*/
.al-l {
	text-align: left;
}/*左寄せ*/

/*------------------------------------------------------------
font-size・・・フォントの設定
-------------------------------------------------------------*/
/*太字*/
.b {
	font-weight: bold!important;
}
.normal {
	font-weight: normal!important;
}/*太字を解除*/

small {
	font-size: 1.2rem!important;
}
address{
font-style:normal;
}
/*------------------------------------------------------------
強調の設定
-------------------------------------------------------------*/
.underline {
	text-decoration: underline!important;
}
.red{
	color:#c24938;
}
.mild-red{
	color:#FF8076;
}
.keiko_red {
    background: linear-gradient(transparent 50%, rgba(255, 88, 88, 0.24) 50%);
}
.keiko_yellow {
    background: linear-gradient(transparent 70%, #FFFF00 0%);
}
/*------------------------------------------------------------
flexboxの設定
-------------------------------------------------------------*/
.flex{
	 display: flex;
}
@media only screen and (max-width : 768px) {
.flex{
	 flex-flow: column;
}
}
/*------------------------------------------------------------
スマホ改行コード(スマホ時のみ改行される)
-------------------------------------------------------------*/
.sp_br {
	display: none;
}

@media only screen and (max-width : 768px) {
.sp_br {
	display: block;
}
}
/*------------------------------------------------------------
PCスマホ画像切替え
-------------------------------------------------------------*/
.pc-image { display: block !important; }
.sp-image { display: none !important; }

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