/*-------------------- elements --------------------*/

body { font-size: 62.5%;/* 10px */ font-family : "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro W4", "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif; }

html.mobile body { font-size: 2.8vw; */ font-family : "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro W4", "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif; }

p,ul,ol,dl,address,blockquote,pre,legend,h1,h2,h3,h4,h5,h6,select,button { font-size: 140%; }
input,textarea { font-size: 100%; }
table { font-size: 130%; font-size: inherit; }

html.mobile p,
html.mobile ul,
html.mobile ol,
html.mobile dl,
html.mobile address,
html.mobile blockquote,
html.mobile pre,
html.mobile legend,
html.mobile h1,
html.mobile h2,
html.mobile h3,
html.mobile h4,
html.mobile h5,
html.mobile h6,
html.mobile select,
html.mobile button {
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
    -moz-text-align: justify;
    text-align: justify;
    text-justify: distribute;
    text-justify: inter-character;
    line-break: strict;
}

.page_title { font-size: 240%; font-weight: bold; }
	li .page_title { font-size: 171.43% !important; font-weight: bold;/*font-size 24px, base on the parent container 14px font*/ }
.sec_title { font-size: 180%; font-weight: bold; }
	li .sec_title { font-size: 128.57% !important;/*font-size 18px, base on the parent container 14px font*/ }
.sec_heading { font-size: 160%; font-weight: bold; }
	li .sec_heading { font-size: 114.29% !important;/*font-size 16px, base on the parent container 14px font*/ }
.heading { font-size: 140%; font-weight: bold; }
	li .heading { font-size: 100% !important;/*font-size 14px, base on the parent container 14px font*/ }

.table .heading { font-size: 140%; }
.table .cell .heading { font-size: 100%; }

body.phone_mobile .page_title { font-size: 160%; }
    body.phone_mobile li.page_title,
    body.phone_mobile li .page_title { font-size: 114.29% !important;/*font-size 16px, base on the parent container 14px font*/ }
body.phone_mobile .sec_title { font-size: 140%; }
    body.phone_mobile li.sec_title,
    body.phone_mobile li .sec_title { font-size: 100% !important;/*font-size 14px, base on the parent container 14px font*/ }
body.phone_mobile .sec_heading { font-size: 140%; }
    body.phone_mobile li.sec_heading,
    body.phone_mobile li .sec_heading { font-size: 100% !important;/*font-size 14px, base on the parent container 14px font*/ }
body.phone_mobile .heading { font-size: 140%; }
    body.phone_mobile li.heading,
    body.phone_mobile li .heading { font-size: 100% !important;/*font-size 14px, base on the parent container 14px font*/ }

.text_large { font-size: 180%; }
	li.text_large,
	li .text_large,
	dt.text_large,
	dd.text_large,
	dd .text_large { font-size: 128.57% !important;/*font-size 18px, base on the parent container 14px font*/ }
.text_medium { font-size: 140%; }
	li.text_medium,
	li .text_medium,
	dt.text_medium,
	dd.text_medium,
	dd .text_medium { font-size: 100% !important;/*font-size 14px, base on the parent container 14px font*/ }
.text_brief { font-size: 130%; }
	li.text_brief,
	li .text_brief,
	dt.text_brief,
	dd.text_brief,
	dd .text_brief { font-size: 92.86% !important;/*font-size 13px, base on the parent container 14px font*/ }
.text_small { font-size: 120%; }
	li.text_small,
	li .text_small,
	dt.text_small,
	dd.text_small,
	dd .text_small { font-size: 85.71% !important;/*font-size 12px, base on the parent container 14px font*/ }
body.phone_mobile .text_small { font-size: 130%;  }
	body.phone_mobile li.text_small,
	body.phone_mobile li .text_small,
	body.phone_mobile dt.text_small,
	body.phone_mobile dd.text_small,
	body.phone_mobile dd .text_small { font-size:  92.86% !important;/*font-size 13px, base on the parent container 14px font*/ }
.text_minimum { font-size: 100%; }
	li.text_minimum,
	li .text_minimum,
	dt.text_minimum,
	dd.text_minimum,
	dd .text_minimum { font-size: 71.43% !important;/*font-size 12px, base on the parent container 14px font*/ }
body.phone_mobile .text_minimum { font-size: 110%;  }
	body.phone_mobile li.text_minimum,
	body.phone_mobile li .text_minimum,
	body.phone_mobile dt.text_minimum,
	body.phone_mobile dd.text_minimum,
	body.phone_mobile dd .text_minimum { font-size:  78.57% !important;/*font-size 11px, base on the parent container 14px font*/ }

li ul.text_small,li ol.text_small,li dl.text_small,li table.text_small,li p.text_small,li pre.text_small,li form.text_small,li button.text_small,li input.text_small,li select.text_small,li h1.text_small,li h2.text_small,li h3.text_small,li h4.text_small,li h5.text_small,li h6.text_small { font-size: 85.71% !important; }
dl ul.text_small,dl ol.text_small,dl dl.text_small,dl table.text_small,dl p.text_small,dl pre.text_small,dl form.text_small,dl button.text_small,dl input.text_small,dl select.text_small,dl h1.text_small,dl h2.text_small,dl h3.text_small,dl h4.text_small,dl h5.text_small,dl h6.text_small { font-size: 85.71% !important; }
td ul.text_small,td ol.text_small,td dl.text_small,td table.text_small,td p.text_small,td pre.text_small,td form.text_small,td button.text_small,td input.text_small,td select.text_small,td h1.text_small,td h2.text_small,td h3.text_small,td h4.text_small,td h5.text_small,td h6.text_small { font-size: 85.71% !important; }
address ul.text_small,address ol.text_small,address dl.text_small,address table.text_small, blockquote p.text_small { font-size: 85.71% !important; }
blockquote ul.text_small,blockquote ol.text_small,blockquote dl.text_small,blockquote table.text_small,blockquote p.text_small { font-size: 85.71% !important; }
p button.text_small,p input.text_small,p select.text_small { font-size: 85.71% !important; }


.font_light { font-weight: 100 !important; }
.font_standard { font-weight: 500 !important; }

.underline { text-decoration: underline !important; }
.overline { text-decoration: overline !important; }
.line-through { text-decoration: line-through !important; }
.text_deco_none { text-decoration: none !important; }


/*-------------------- font style --------------------*/

.serif { font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Palatino Linotype','HG明朝B','ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif; }
* html .serif { font-family: 'ＭＳ Ｐ明朝'; }

.sans_serif { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","HGSｺﾞｼｯｸM","ＭＳ Ｐゴシック"; }
* html .sans_serif { font-family: "ＭＳ Ｐゴシック"; }

.serif_alpha { font-family: Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif; }

.sans_serif_alpha { font-family: Helvetica, Verdana, Tahoma, sans-serif;}

.italic,
.oblique { font-style: oblique; }

.normal { font-style: normal; }



/*-------------------- supplementary --------------------*/

.notice { font-style: normal; color: #ff6600; }

.code_html { font-style: normal; color: #339900; }
.code_css { font-style: normal; color: #0080cc; }

.code_var { font-style: normal; color: #4f90cf; }
.code_val { font-style: normal; color: #904fcf; }
.code_comment { font-style: normal; color: #cf5959; }