@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/

/*------------------------------------------ common - float */
.f_right {
	float: right;
}
.f_left {
	float: left;
}
.img_left {
	float: left;
	margin: 0 10px 10px 0;
}
.img_right {
	float: right;
	margin: 0 0 10px 10px;
}


/*------------------------------------------ common - dl */
dl {
	margin: 1em 0;
}
dl.indent_3 dt {
	float: left;
	width: 3em;
	margin: 0;
}
dl.indent_3 dd {
	margin: 0 0 0 3.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_4 dt {
	float: left;
	width: 4em;
	margin: 0;
}
dl.indent_4 dd {
	margin: 0 0 0 4.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_5 dt {
	float: left;
	width: 5em;
	margin: 0;
}
dl.indent_5 dd {
	margin: 0 0 0 5.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_6 dt {
	float: left;
	width: 6em;
	margin: 0;
}
dl.indent_6 dd {
	margin: 0 0 0 6.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_7 dt {
	float: left;
	width: 7em;
	margin: 0;
}
dl.indent_7 dd {
	margin: 0 0 0 7.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_8 dt {
	float: left;
	width: 8em;
	margin: 0;
}
dl.indent_8 dd {
	margin: 0 0 0 8.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_9 dt {
	float: left;
	width: 9em;
	margin: 0;
}
dl.indent_9 dd {
	margin: 0 0 0 9.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_10 dt {
	float: left;
	width: 10em;
	margin: 0;
}
dl.indent_10 dd {
	margin: 0 0 0 10.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_14 dt {
	float: left;
	width: 14em;
	margin: 0;
}
dl.indent_14 dd {
	margin: 0 0 0 14.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_18 dt {
	float: left;
	width: 18em;
	margin: 0;
}
dl.indent_18 dd {
	margin: 0 0 0 18.5em;
	padding: 0 0 0.5em 0;
}
dl.indent_3,
dl.indent_4,
dl.indent_5,
dl.indent_6,
dl.indent_7,
dl.indent_8,
dl.indent_9,
dl.indent_10,
dl.indent_14,
dl.indent_18 {
	zoom: 100%;
}
dl.indent_4:after,
dl.indent_4:after,
dl.indent_5:after,
dl.indent_6:after,
dl.indent_7:after,
dl.indent_8:after,
dl.indent_9:after,
dl.indent_10:after,
dl.indent_14:after,
dl.indent_18:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*------------------------------------------ common - p */

p.txt_left {
	text-align: left;
}
p.txt_right {
	text-align: right;
}
p.txt_center {
	text-align: center;
}
p.notice {
	text-indent: -1em;
	margin-left: 1em;
}

p.notice_num {
	text-indent: -1.9em;
	margin-left: 1.9em;
}

p.bracket_num {
	text-indent: -1.7em;
	margin-left: 1.7em;
}

p.circle_num {
	margin-left: 1.3em;
	text-indent: -1.3em;
}


/*------------------------------------------ common - ol, ul */
ul.notice,
ul.notice_num {
	margin-left: 0;
	list-style-type: none;
}
ul.notice li {
	text-indent: -1em;
	margin-left: 1em;
}
ul.notice_num li {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
ol.bracket_num {
	margin-left: 0;
	list-style-type: none;
}
ol.bracket_num li {
	margin-left: 1.7em;
	text-indent: -1.7em;
}
ol.circle_num  {
	list-style-type: none;
	margin: 1em 0;
}
ol.circle_num li {
	margin-left: 1.2em;
	text-indent: -1.2em;
}
ol li {
	margin-bottom: 1em;
}


/*------------------------------------------ common - strong, em */
em.underline {
	font-weight: normal;
	text-decoration: underline;
}
strong.underline {
	text-decoration: underline;
}


/*------------------------------------------------ common - colored box */
body.second main article div.gray_box {
	padding: 1px 1em;
	border: 1px solid #cccccc;
}
body.second main article p.gray_box {
	padding: 1em;
	border: 1px solid #cccccc;
}
body.second main article div.yellow_box {
	padding: 1px 1em;
	border: 1px solid #fffddf;
	background-color: #fffddf;
}
body.second main article p.yellow_box {
	padding: 1em;
	border: 1px solid #fffddf;
	background-color: #fffddf;
}


/*------------------------------------------------ common - link list, link_arrow */

body.second main article a:hover {
	opacity: 0.8;
}
body.second main article .link_arrow a {
	position: relative;
	text-decoration: none;
}
body.second main article .link_arrow a:hover {
	text-decoration: underline;
}
body.second main article a.pdf::after{
	vertical-align: middle;
}


/*------------------------------------------------ common - topics_list */

.topics_list dt {
	position: relative;
	margin: 0;
}

.topics_list  {
	zoom: 100%;
}


/*------------------------------------------ h1～h6 */

body.second main h1,
body.second main h2,
body.second main h3,
body.second main h4,
body.second main h5 {
	font-family: 'Noto Serif JP', serif;
}
body.second main h1 {
	margin: 0 0 2.5em;
}
body.second main article h2 {
	font-weight: bold;
	color: #234623;
	border-bottom: 2px solid #234623;
}
body.second main article h3 {
	margin: 1em 0 0.5em;
	font-weight: bold;
	color: #234623;
}
body.second main article h4 {
	margin: 2em 0 0.5em;
	font-weight: bold;
	position: relative;
}
body.second main article h4::before {
	display: inline-block;
	content: "";
	vertical-align: top;
	background-color: #234623;
}
body.second main article h4::after {
	display: inline-block;
	content: "";
	vertical-align: top;
	background-color: #fff;
	position: absolute;
}
body.second main article h5 {
	margin: 2em 0 0.5em;
	font-weight: bold;
	position: relative;
}

/*------------------------------------------ topics */

body.topics main article .topics_list dt {
	padding: 0;
}
body.topics main article .topics_list dt::before {
	content: none;
}
body.topics main article .topics_list dd {
	margin: 0 0 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}



/*------------------------------------------ about page */


/*------------------------------------------ gosaisatsu page */


/*------------------------------------------ katsudou page */


/*------------------------------------------ staff page */


/*------------------------------------------ rekidai page */
.rekidaisyotyo {
	margin: 0 0 3em;
}


/*------------------------------------------ kouza page */
#keichoushi01 main .bracket_num li,
#kihan main .bracket_num li {
	margin-left: 2.7em;
    text-indent: -2.7em;
}
#keichoushi01 article p:not(.txt_right) {
	margin-top: 2em;
	margin-bottom: 0;
}
#keichoushi01 article p + dl {
	margin-top: 0.5em;
}
#keichoushi01 article .link_arrow,
#kihan article .link_arrow {
	margin-top: 3em !important;
}

/*------------------------------------------ mokuteki page */
#mokuteki .reference {
	display: inline-block;
	color: #fff;
	background: #234623;
	padding: 0.2em 0.3em;
}
#mokuteki .past {
	margin-top: 0;
}
#mokuteki .list_box {
	display: flex;
}
#mokuteki .list_box .add_item {
	margin-left: 3em;
}

/*------------------------------------------ publication page */


/*------------------------------------------ link page */


/*------------------------------------------ access page */



/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */

body.second {
	font-size: 1.5rem;
}

/*------------------------------------------------ common - link list, link_arrow */

body.second main article .link_arrow a {

}
body.second main article .link_arrow a::before{
	content: url(../img/arrow_icon_pc.png);
	padding-right: 6px;
	top: 3px;
	position: relative;
}
body.second main article a.pdf::after{
	content: url(../img/pdf_icon_pc.png);
	padding-left: 5px;
	top: 1px;
}
body.second main article .link_docx a::after{
	content: url(../img/docx_icon_pc.png);
	padding-left: 5px;
	top: 1px;
}
body.second main article .link_xlsx a::after{
	content: url(../img/xlsx_icon_pc.png);
	padding-left: 5px;
	top: 1px;
}

/*------------------------------------------------ common - table SP横スクロール */
body.second article .table-wrap {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
/*------------------------------------------------ common - topics_list */

.topics_list dt {
	width: 6em;
	padding-left: 8px;
	border-left: 2px solid #969696;
}
.topics_list dd {
	margin: 1em 0 1.5em 0.8em;
}
.topics_list  {
	zoom: 100%;
}


/*------------------------------------------ h1～h6 */
body.second main h1 {
	padding: 0 0 25px;
}
body.second main article h2 {
	font-size: 1.8rem;
	margin: 24px 0;
}
body.second main article h3 {
	font-size: 1.7rem;
	border-left: 2px solid #234623;
	padding: 0 0 0 6px;
	margin: 24px 0;
}
body.second main article h4 {
	font-size: 1.6rem;
	padding-left: 1.8em;
	text-indent: -1.8em;
}
body.second main article h4::before {
	margin-right: 10px;
	width: 18px;
	height: 18px;
	border-radius: 20px;
	top: 3px;
	position: relative;
}
body.second main article h4::after {
	width: 8px;
	height: 8px;
	border-radius: 20px;
	left: 5px;
	top: 8px;
}
body.second main article h5 {
	font-size: 1.6rem;
}
body.second main article .inquiry {
	background-color: #f6f8f5;
	padding: 1em 2em;
	margin: 2em auto;
}
body.second main article .inquiry p {
	font-size: 1.6rem;
	color: #234623;
	border-bottom: 1px solid #dddfdd;
	padding-bottom: 1em;
	text-align: center;
}
body.second main article .inquiry dl {
	margin-top: 1.5em;
}
body.second main article .inquiry dt {
	width: 6em;
}


/*------------------------------------------ about page */


/*------------------------------------------ gosaisatsu page */


/*------------------------------------------ katsudou page */


/*------------------------------------------ staff page */


/*------------------------------------------ rekidai page */
#takakiyoshiko {
	width: 150px;
}

#shimazonosusumu {
	width: 170px;
}

#yamaokasanzi {
	width: 160px;
}


/*------------------------------------------ kouza page */
#kouza a.btn_detail {
	display: block;
	margin-bottom: 3em;
	text-align: center;
	text-decoration: none;
	padding: 1rem;
	font-weight: bold;
	border: 2px solid #234623;
	color: #234623;
	transition: 0.5s;
}
#kouza a.btn_detail:hover {
	color: #fff;
	background: #234623;
}
#kouza a.btn_detail:hover {
	color: #fff;
	background: #234623;
}
#qa .answer {
	padding-left: 1.7em;
	text-indent: -1.7em;
}
#rishushoumei .tbl_graduates {
	font-size: 66%;
}
#rishushoumei .tbl_graduates td.subject {
	width: 20%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.campus {
	width: 17%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.graduates {
	width: 17%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.society {
	width: 17%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.other {
	width: 10%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.certificate {
	width: 18%;
	vertical-align: middle;
	text-align: center; 
}
#self_inspection a.btn_detail {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 1rem;
	font-weight: bold;
	border: 2px solid #234623;
	color: #234623;
	transition: 0.5s;
}
#self_inspection a.btn_detail:hover {
	color: #fff;
	background: #234623;
}


/*------------------------------------------ mokuteki page */
#mokuteki .list_box {
	display: block;
}
#mokuteki .list_box .add_item{
	 margin-top:0;
	 margin-left:30px;
}

/*------------------------------------------ publication page */


/*------------------------------------------ link page */


/*------------------------------------------ access page */



/* 736px以下用（SP用）の記述 end */
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

/*第二階層フォントサイズ Pタグ基準*/

body.second {
	font-size: 2.0rem;
}

/*------------------------------------------------ common - topics_list */

.topics_list dt {
	width: 6em;
	padding-left: 16px;
	border-left: 3px solid #969696;
	float: left;
}
.topics_list dd {
	margin: 0 0 1.5em 8em;
	padding: 0 0 0.5em 0;
}
.topics_list  {
	zoom: 100%;
}

/*------------------------------------------------ common - link list, link_arrow */

body.second main article .link_arrow a {

}
body.second main article .link_arrow a::before{
	content: url(../img/arrow_icon_pc.png);
	padding-right: 8px;
	top: 0px;
	position: relative;
}
body.second main article a.pdf::after{
	content: url(../img/pdf_icon_pc.png);
	padding-left: 8px;
	top: 0px;
}
body.second main article .link_docx a::after{
	content: url(../img/docx_icon_pc.png);
	padding-left: 8px;
	top: 0px;
}
body.second main article .link_xlsx a::after{
	content: url(../img/xlsx_icon_pc.png);
	padding-left: 8px;
	top: 0px;
}

/*------------------------------------------ h1～h6 */
body.second main h1 {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
body.second main article h2 {
	font-size: 3.0rem;
	margin: 1em 0 0.5em;
	padding: 18px 8px 10px 8px;
}
body.second main article h3 {
	margin: 2em 0;
	font-size: 2.6rem;
	padding: 0px 12px;
	border-left: 3px solid #234623;
}
body.second main article h4 {
	font-size: 2.4rem;
	padding-left: 1.4em;
	text-indent: -1.4em;
}
body.second main article h4::before {
	margin-top: 7px;
	margin-right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
}
body.second main article h4::after {
	margin-top: 7px;
	margin-right: 7px;
	width: 10px;
	height: 10px;
	left: 6px;
	top: 6px;
	border-radius: 20px;
}
body.second main article h5 {
	font-size: 2.2rem;
}
body.second main article .inquiry {
	background-color: #f6f8f5;
	padding: 0.5em 3em;
	margin: 3em auto;
}
body.second main article .inquiry p {
	font-size: 2.2rem;
	color: #234623;
	border-bottom: 1px solid #dddfdd;
	padding-bottom: 1.4em;
	text-align: center;
}
body.second main article .inquiry dl {
	margin-top: 1.5em;
}
body.second main article .inquiry dt {
	width: 9em;
}


/*------------------------------------------ about page */


/*------------------------------------------ gosaisatsu page */


/*------------------------------------------ katsudou page */


/*------------------------------------------ staff page */


/*------------------------------------------ rekidai page */
#takakiyoshiko {
	width: 150px;
}

#yamaokasanzi {
	width: 160px;
}


/*------------------------------------------ kouza page */
#kouza a.btn_detail {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 96%;
	margin: auto;
	padding: 2rem;
	font-weight: bold;
	border: 2px solid #234623;
	color: #234623;
	transition: 0.5s;
}
#kouza a.btn_detail:hover {
	color: #fff;
	background: #234623;
}
#qa .answer {
	padding-left: 1.7em;
	text-indent: -1.7em;
}
#rishushoumei #img_rishushoumei {
	width: 70%;
}
#rishushoumei .tbl_graduates {
	font-size: 86%;
	width: 100%;
}
#rishushoumei .tbl_graduates td.subject {
	width: 27%;
	vertical-align: middle;
	text-align: center;
}
#rishushoumei .tbl_graduates td.campus {
	width: 14%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.graduates {
	width: 14%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.society {
	width: 14%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.other {
	width: 8%;
	vertical-align: middle;
	text-align: center; 
}
#rishushoumei .tbl_graduates td.certificate {
	width: 22%;
	vertical-align: middle;
	text-align: center; 
}
#self_inspection a.btn_detail {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 96%;
	margin: auto;
	padding: 2rem;
	font-weight: bold;
	border: 2px solid #234623;
	color: #234623;
	transition: 0.5s;
}
#self_inspection a.btn_detail:hover {
	color: #fff;
	background: #234623;
}

/*------------------------------------------ mokuteki page */

/*------------------------------------------ publication page */


/*------------------------------------------ link page */


/*------------------------------------------ access page */



/* 737px以上用（PC用）の記述 end */
}

/*--------------------------------------------------------------------
 *	印刷用（PC表示）の記述
 *--------------------------------------------------------------------*/
@media print {
/* 印刷用（PC表示）の記述 */


/* 印刷用（PC表示）の記述 end */
}


/*------------------------------------------ clear */
body.second  ol#breadcrumbs,
body.second  article section.section_summary {
	zoom: 100%;
}

body.second  ol#breadcrumbs:after,
body.second  article section.section_summary:after,
body#access .campus_list::after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}