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

/* XXXXXXXXXXX  root階層用  XXXXXXXXXXX */


/* 下記のhtmlフォントサイズは使わない */
/*
html {
 	font-size: 62.5%;
}*/

body {
    margin: 0;
    padding: 0; 
}


div.ccm-page {
	-webkit-text-size-adjust: 100%;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	
	font-size: 1rem;
	line-height: 1.7;
	color: #111111;
	margin: 0;
    padding: 0;
    background: #ffffff;
    text-align: justify;
    text-justify: inter-ideograph;
}

div.ccm-page h1 {
    font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h2 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h3 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h4 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h5 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}
div.ccm-page h6 {
	font-size: 100%;
    margin: 0;
    padding: 0;
}

div.ccm-page .font-serif {
	font-family: serif;
}



div.ccm-page a:link {
    text-decoration: none;
    color: #0A7CDD;
}

div.ccm-page a:visited {
    text-decoration: none;
    color: #734545;
}
div.ccm-page a:visited {
    text-decoration: none;
    color: #0A7CDD;
}
div.ccm-page a:hover {
    text-decoration: none;
    color: #A70A0A;
}
/*
div.ccm-page a:active {
  background-color: #333333;
}
*/
div.ccm-page a:focus {
  text-decoration: none;
  color: #A70A0A;
}



div.ccm-page h1 {
	width: 100%;
    /*font-size: 2.1rem;*/
    /*color: #333333;*/
    /*font-weight: bold;*/
    margin: 20px 0px;
	line-height: 1.2;
    font-feature-settings: "palt" 1;
}
div.ccm-page h2 {
	width: 100%;
    font-size: 1.75rem;
	padding: 10px 20px;
    /*color: #333333;*/
    font-weight: bold;
    /*margin: 20px 0px;*/
    line-height: 1.2;
    font-feature-settings: "palt" 1;
}
div.ccm-page h3 {
	width: 100%;
    font-size: 1.25rem;
    color: #333333;
    font-weight: bold;
    margin: 25px 0px 10px 0px;
    line-height: 1.2;
    font-feature-settings: "palt" 1;
}
div.ccm-page h4 {
	width: 100%;
    font-size: 1rem;
    color: #333333;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    line-height: 1.7;
    font-feature-settings: "palt" 1;
}
div.ccm-page h5 {
	width: 100%;
    font-size: 0.8125rem;
    color: #333333;
    font-weight: bold;
    margin: 10px 0px;
    line-height: 1.7;
    font-feature-settings: "palt" 1;
}
div.ccm-page h6 {
	width: 100%;
    font-size: 0.625rem;
    color: #333333;
    font-weight: bold;
    margin: 10px 0px;
    line-height: 1.7;
    font-feature-settings: "palt" 1;
}
div.ccm-page p {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
    padding-bottom: 0.625rem;
	/* text-indent: 1em; */
}

/* ------- text indent ------- */
/*<p>や<h>などで1行目が一文字左へ出る*/
div.ccm-page h2.inde2nd-h2 {
	padding-left: 1.75rem;
	text-indent: -1.75rem;
}

div.ccm-page p.inde2nd16 {
	padding-left: 1rem;
	text-indent: -1rem;
}
div.ccm-page p.inde2nd13 {
	padding-left: 0.8125rem;
	text-indent: -0.8125rem;
}
div.ccm-page p.inde2nd10 {
	padding-left: 0.625rem;
	text-indent: -0.625rem;
}

/*<ul>で1行目が一文字左へ出る*/
div.ccm-page ul.inde2nd10 {
	padding-left: 1rem;
	text-indent: -1rem;
}
div.ccm-page ul.inde2nd13 {
	padding-left: 0.8125rem;
	text-indent: -0.8125rem;
}
div.ccm-page ul.inde2nd09 {
	padding-left: 0.625rem;
	text-indent: -0.625rem;
}

/*<p>の一字下げを無効に（<p>内で頭そろえ）*/
div.ccm-page p.indenone {
	text-indent: 0rem;
}




/* ------- font size ------- */

div.ccm-page .font08rem {
	font-size: 0.5rem;
	line-height: 1.4;
}
div.ccm-page .font09rem {
	font-size: 0.5625rem;
	line-height: 1.4;
}
div.ccm-page .font12rem {
	font-size: 0.75rem;
	line-height: 1.4;
}
div.ccm-page .font13rem {
	font-size: 0.8125rem;
	line-height: 1.4;
}
div.ccm-page .font14rem {
	font-size: 0.875rem;
	line-height: 1.4;
}
div.ccm-page .font15rem {
	font-size: 0.9375rem;
	line-height: 1.4;
}
div.ccm-page .font18rem {
	font-size: 1.125em;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}
div.ccm-page .font20rem {
	font-size: 1.25rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}
div.ccm-page .font22rem {
	font-size: 2.2rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}
div.ccm-page .font25rem {
	font-size: 1.5625rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}
div.ccm-page .font28rem {
	font-size: 1.75rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}
div.ccm-page .font34rem {
	font-size: 2.2rem;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
}



/* ------- font color ------- */

div.ccm-page .color-mtk-logo {
	color: #004536;
}
div.ccm-page .color-mtk-general {
	color: #00a2a0;
}
div.ccm-page .color-gene {
	color: #00a2a0;
}
div.ccm-page .color-educ {
	color: #ec6d81;
}
div.ccm-page .color-jinzai {
	color: #f39800
}
div.ccm-page .color-consul {
	color: #0092d8;
}



div.ccm-page .color-white {
	color: #FFF;
}
div.ccm-page .color-black000 {
	color: #000;
}
div.ccm-page .color-black333 {
	color: #333;
}
div.ccm-page .color-black666 {
	color: #666;
}
div.ccm-page .color-black999{
	color: #999;
}
div.ccm-page .color-red990000 {
	color: #990000;
}
div.ccm-page .color-green-logo {
    color: #32A138;
}
div.ccm-page .color-green-agli {
    color: #1EAA39;
}



/* ------- font weight ------- */

div.ccm-page .bold {
	font-weight: bold;
}
div.ccm-page .font-w-normal {
	font-weight: normal;
}



/* ------- hr ------- */
div.ccm-page hr.dot1 {
	border: none;
	border-top: dotted 2px #E6CBC1;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}
div.ccm-page hr.dot2 {
	border: none;
	border-top: dotted 2px #999999;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}
div.ccm-page hr.solid1 {
	border: none;
	border-top: solid 1px #E6CBC1;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}

div.ccm-page hr.dash1 {
	border: none;
	border-top: dashed 2px #E6CBC1;
	height: 2px;
	width: 99%;
	color: #FFFFFF;
	margin-top: 17px;
}




/* ------- table ------- */
div.ccm-page table.table1 {
	width:98%;
	table-layout: fixed;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-left-color: #990000;
	border-collapse: collapse;
	empty-cells: show;
}
div.ccm-page table.table1 td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
	padding: 0.8%;
}
div.ccm-page table.table1 th {
	background-color: #FCECEA;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
}

div.ccm-page table.tabledefau {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 13px;
}
div.ccm-page table.tabledefau td {
	border: 1px solid #999;
	background-color: #FFF;
}
div.ccm-page table.tabledefau th {
	border: 1px solid #999;
	font-weight: bold;
	text-align: center;
	background-color: #F0EFEE;
}

div.ccm-page table.table2 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0px auto;
	width: 90%;
}
div.ccm-page table.table2 td {
	border: 1px solid #999;
	padding: 10px;
	background-color: #FFFFFF;
}
div.ccm-page table.table2 th {
	border: 1px solid #999;
	text-align: center;
	font-weight: normal;
	padding: 10px;
	white-space: nowrap;
	background-color: #F5F5F5;
}

div.ccm-page table.table3 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0px auto;
	width: 90%;
}
div.ccm-page table.table3 td {
	border: 3px solid #FFF;
	padding: 10px;
    line-height: 1.3;
	background-color: #FFFFFF;
}
div.ccm-page table.table3 th {
	border: 3px solid #FFF;
	font-weight: normal;
    line-height: 1.3;
	padding: 10px;
	white-space: nowrap;
	background-color: #EFEFEF;
}

div.ccm-page table.table4 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0px auto;
	width: 90%;
}
div.ccm-page table.table4 td {
	border-bottom: 1px solid #E1E1E1;
	padding: 15px;
    line-height: 1.3;
	background-color: #FFFFFF;
}
div.ccm-page table.table4 th {
	border-bottom: 1px solid #E1E1E1;
	font-weight: normal;
    line-height: 1.3;
	padding: 15px;
	white-space: nowrap;
	background-color: #FFFFFF;
}

/* ------- text align ------- */
div.ccm-page .textLeft {
	text-align: left;
}
div.ccm-page .textCenter {
	text-align: center;
}
div.ccm-page .textRight {
	text-align: right;
}
div.ccm-page .textJustify {
	text-align: justify;
}



/* ------- list ------- */
div.ccm-page .list01 { /* マーカーの色かえ。行間が変わらず */
	width: 100%;
}
div.ccm-page .list01 ul {
	list-style: none;  /* マーカー削除 */
    margin:  0;
    padding: 0;
}
div.ccm-page .list01 li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックに */
    background-color: #999999;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */ 
}


div.ccm-page .list02 { /* 行間のみ広げる */
	width: 100%;
	margin-top: 40px;
}
div.ccm-page .list02 li {
	margin: 20px 0px;
}

 

/* ------- list bottom space ------- */
div.ccm-page .bottomA {
	width: 97%;
	margin-left: 1.25rem;
	padding-left: 0px;
}
div.ccm-page .bottomA ul {
	list-style-type: disc;
	padding-right: 10px;
}
div.ccm-page .bottomA li {
	margin-bottom: 0.6875em;
}

/* ------- non style List ------- */
div.ccm-page .list-nonmark {
	height: auto;
}
div.ccm-page .list-nonmark ul {
    padding-left: 0;
}
div.ccm-page .list-nonmark li {
	list-style-type: none;
}
div.ccm-page .list-nonmark li ul {
    padding-left: 2rem;
}

/* ------- individual margin non ------- */
div.ccm-page .topmargin0 {
	margin-top: 0;
}
div.ccm-page .bottommargin0 {
	margin-bottom: 0;
}
div.ccm-page .rightmargin0 {
	margin-right: 0;
}
div.ccm-page .leftmargin0 {
	margin-left: 0;
}