@charset "UTF-8";
/*
 * cmn_style.css
 *
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: var(--color-blue);
	text-decoration: none;
}
a:hover,
a:active,
a:focus { text-decoration: none;}

a.txtLink {
	color: var(--color-blue);
	text-decoration: underline;
	transition: all 0.6s ease;
}
a.txtLink:hover,
a.txtLink:active,
a.txtLink:focus { text-decoration: underline;}
a.txtLink:hover { opacity:0.6;}

p { word-wrap: break-word;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  76%;}/* base 16px -> 12px */
.fzS   { font-size:  86%;}/* base 16px -> 14px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 113%;}/* base 16px -> 18px */
.fzLL  { font-size: 125%;}/* base 16px -> 20px */
.fzLLL { font-size: 138%;}/* base 16px -> 22px */
.fz24 { font-size: 24px;}
.hl150 { line-height:1.5;}

@media screen and (max-width:767px){
.fz24 { font-size: 16px;}
}
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}