@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Varela+Round');
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
}
@media print { 
    html, body {
	font-size: 90%;
    }
}




/* body */
body {
    font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'メイリオ', sans-serif,'Osaka','Arial';
    font-weight:500;
    background-color:#fffff;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
  position: relative; /* 親要素に指定 */
}
@media screen { 
    overflow-x: hidden;
    overflow-y: scroll;
    border-top: solid 3px #0072bc;
}
@media print { 
    border-top: solid 1px #ffffff;
}



@media  (min-width: 1081px) {
	br	{}
	br.br2	{display:none;}
	br.br3	{display:inline;}
	.centerM{}
	img.imgM{}
	.rightP	{float:right;}
	.clsPC	{}
	.clsMB	{display:none;}

	div.dvTopInfo{
		word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;
		max-width:100%;
		font-size:95%; line-height:120%;
	}
	.clsInfoDate{
		color:#d6514a;
		font-size:85%;
	}
	.clsDone{
		color:#aaaaaa;
	}
}
@media  (max-width: 1080px) {
	br	{}
	br.br2	{display:inline;}
	br.br3	{display:none;}
	.centerM{text-align:center;}
	img.imgM{max-width:100%;}
	.rightP	{}
	.clsPC	{display:none;}
	.clsMB	{}

	div.dvTopInfo{
		word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;
		max-width:100%;
		font-size:95%; line-height:120%;
	}
	.clsInfoDate{
		color:#d6514a;
		font-size:85%;
	}
	.clsDone{
		color:#aaaaaa;
	}
}




/* form */
input	{font-size: 100%;}
select	{font-size: 100%;}
textarea{font-size: 100%; ime-mode:active;}


input:invalid {
    border: solid 2px red;
}
input.g:invalid {
    border: solid 2px #0072bc;
}

input:disabled + label {
    color:#aaaaaa;
}

input[type="radio"]:checked + label {
    background-color:#abdcfb;
    border-radius:6px;
}
input[type="radio"]:checked {
    box-shadow: 0 0 0 3px #abdcfb;
}

input[type="checkbox"]:checked + label {
    background-color:#abdcfb;
    border-radius:6px;
}
input[type="checkbox"]:checked {
    box-shadow: 0 0 0 3px #abdcfb;
}

.clsInput {
	font-size:100%; font-weight:bold; 
	letter-spacing:0.2em;
	padding:0.5em;
}

.contact_form_explanation	{color: #DA6272; } 
.input_text	{padding: 0.2em; max-width: 98%!important; ime-mode: active;}
.input_select	{padding: 0.2em; max-width: 98%!important;}

.input_radio	{padding: 0.2em; max-width: 98%!important;}
.dv_radio .input_radio	{margin:  0 0.3em 0 0;}
.dv_radio .input_radio:first-child {margin: 0 0.3em 0 0;}
.dv_radio .input_radio:last-child {margin: 0 0.3em 0 0;}
.dv_radio	{margin: 0; padding: 0;}

.input_checkbox	{padding: 0.2em; max-width: 98%!important;}
.dv_checkbox .input_checkbox	{margin: 0 0.3em 0 1em;}
.dv_checkbox .input_checkbox:first-child {margin: 0 0.3em 0 0;}

.input_tel	{padding: 0.2em; max-width: 98%!important; ime-mode: inactive;}
.algn-r		{text-align: right;}



.clsHissu{
	color:#ffffff;
	background-color:#ff4500;
	padding:0.1em; margin-left:0.5em;
	border-radius:4px;
	font-size:80%;
}




/* anchor */
a	{color: #2e8b57; text-decoration: none;}
a:hover	{color: #2e8b57; text-decoration: underline;}
a.none	{border: none; text-decoration :none;}

a.a1::after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 700;
    margin-left: 0.5em;
    border: none;
    text-decoration: none;
}

a.a2:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 700;
    margin-left: 0.5em;
    border:none; text-decoration:none;
    font-size: 70%;
}

a.a3:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    font-weight: 700;
    margin-right: 0.5em;
    border:none; text-decoration:none;
    font-size: 70%;
    color: #2489b6;
}
.clsLink
{
    color: #2489b6;
}

a.aPDF::after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    font-weight: 700;
    margin-left: 0.5em;
    color: #b22222;
}
a.aPDF2::after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    font-weight: 700;
    margin-left: 0.5em;
    color: #b0c4de;
}

a.aEx::after {
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    font-weight: 700;
    margin-left: 0.5em;
}

a.aDoc::after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c2";
    font-weight: 700;
    margin-left: 0.5em;
    color: #185abd;
}
a.aZip::after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c6";
    font-weight: 700;
    margin-left: 0.5em;
    color: #ffd700;
}
a.aPic::after {
    font-family: "Font Awesome 5 Free";
    content: "\f03e";
    font-weight: 700;
    margin-left: 0.5em;
    color: #ffa500;
}





/* Header */
@media  (min-width: 1081px) {
    header {
	width: 1080px; height: 80px;
	padding: 0; margin: 0 auto;
	background:url(../images/2026/header_newcl.gif) left center no-repeat; border: none;
    }
    header.daigakuin {
	width: 1080px; height: 80px;
	padding: 0; margin: 0 auto;
	background:url(../images/2026/g/header_newcl.gif) left center no-repeat; border: none;
    }
}
@media  (max-width: 1080px) {
    header {
	padding: 0.5em;
	width: 100%; height: 80px;
	background:url(../images/2026/header_newcl_m.gif) left center no-repeat; border: none;
    }
    header.daigakuin {
	padding: 0.5em;
	width: 100%; height: 80px;
	background:url(../images/2026/g/header_newcl_m.gif) left center no-repeat; border: none;
    }
}
@media print { 
    header {display :none;}
}


/* MainMenu */
@media  (min-width: 1081px) {
    .dvMenu{
	width: 100%;
	padding: 0; margin: 0;
	background-color: #0072bc;
    }
}
@media  (max-width: 1080px) {
    .dvMenu{
	width: 100%;
	padding: 0; margin: 0;
	background-color: #0072bc;
    }
}
@media print { 
    .dvMenu{display :none;}
}


@media  (min-width: 1081px) {
    #idMenu {
	width:100%;
	margin: 0; padding: 0;
	position: relative;
    }
    #nav_toggle{
	display: none;
    }
}

@media  (max-width: 1080px) {
    #idMenu {
	display: none;
	position: fixed;
	top: 80px; left: 0px;
	width:100%; height: auto;
	margin: 0; padding: 0;
	text-align: left;
	z-index: 999;
    }

   /* 開閉ボタン*/
    #nav_toggle{
	width: 30px;
	height: 28px;
	position: absolute;
	top: 16px; right: 2%;
	z-index: 100;
	background-color: #0072bc;
	cursor: pointer;
	float:right;
	padding: 4px 6px 4px 6px; margin: 0;
    }

    #nav_toggle div {
	position: relative;
	padding: 0; margin: 0;
    }

    #nav_toggle span{
	display: block;
	height: 3px;
	background: #ffffff;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	text-align:center;
    }

    #nav_toggle span:nth-child(1){top:4px;}
    #nav_toggle span:nth-child(2){top:12px;}
    #nav_toggle span:nth-child(3){top:20px;}

    /*開閉ボタンopen時*/
    .open #nav_toggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
    }
    .open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
    }
}



@media  (min-width: 1081px) {
  #idMainMenu {

	width: 1080px;
	height: 50px;
	list-style: none;
	margin: 0 auto; padding: 0;
	display: flex;
	display: -webkit-flex;

	justify-content: flex-start;	 /*行末から配置。左揃え。*/
	align-items: flex-start;	 /* 親要素の開始位置から配置。上揃え。*/

    }
  #idMainMenu li {
	background-color: #0072bc;
	margin: 0; pdding: 0;
	text-align: center; letter-spacing: 0.2em; line-height: 50px; font-size:90%; letter-spacing: 0;
	width: 150px; height: 50px;
    }
  #idMainMenu a {
	display: block;
	width: 100%; height: 100%;
	border: none;
	font-weight: bold;
	color: #ffffff;
    }
  #idMainMenu li:hover {
	background-color: #64abda;
    }
  #idMainMenu li .menu_selected {
	color: #ffffff;
	background-color: #64abda;
    }
}
@media  (max-width: 1080px) {
  #idMainMenu {
	display: flex;
	display: -webkit-flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	list-style: none;
	margin: 0;
	padding: 0;
    }
  #idMainMenu li {
	background-color: #0072bc;
	margin: 0; 
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
	width: auto;
	border-bottom: solid 1px #ffffff;
    }
  #idMainMenu li:last-child {
	background-color: #0072bc;
	margin: 0; 
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
	width: auto;
	border-bottom: solid 1px #0072bc;
    }
  #idMainMenu a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	border: none;
    }
  #idMainMenu li:hover {
	background-color: #b5dbf4;
    }
}



/* Navi */
@media  (min-width: 1081px) {
    .dvNavi {
	width: 100%; height: 30px;
	margin: 0 auto;	padding: 0;
	text-align: right; font-size: 70%;
	line-height: 30px;
    }
    .dvNavi ul {
	list-style: none outside none;

    }
    .dvNavi li {
	display: inline-block;
	color: #000000;
    }
    .dvNavi li:not(:last-child)::after {
	content: ' > ';
    }

}
@media  (max-width: 1080px) {
    .dvNavi {
	display: none;
    }
}


/* Container */
@media  (min-width: 1081px) {
    .clsContainer {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
}
@media  (max-width: 1080px) {
    .clsContainer {
	width: 93%;
	margin: 0 auto;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
}


/* Contents */
@media  (min-width: 1081px) {
    .content {
	margin: 0 0 0 0px;
	padding: 0;
	width:100%;
	text-align:left;
	background-color:#ffffff;
	line-height:1.6em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
}
@media  (max-width: 1080px) {
    .content {
	margin: 0px 0 0 0;
	padding: 0;
	width:100%;
	text-align:left;
	background-color:#ffffff;
	line-height:1.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
}







/* PageTop */
#idPageTop {
    width: 50px;
    height: 50px;
    right: 0;
    bottom: 0;
    background: #b5dbf4;
    opacity: 1;
    border-radius: 20%;
    cursor: pointer;
}

@media  (min-width: 1081px) {
    #idPageTop {
	position: -webkit-sticky;
	position: sticky;
	left: calc(100vw - 3%);
    }
}
@media  (max-width: 1080px) {
    #idPageTop {
	position: fixed;
	right: 3%;
    }
}
@media print { 
    #idPageTop {display :none;}
}

#idPageTop span {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    border: none;
}
#idPageTop span::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f062';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}



/* Footer */
@media  (min-width: 1081px) {
    #idFooter {
	width: 100%;
	margin: 30px 0 0 0;
	height: 80px;
	line-height: 80px;
	padding: 0;
	background-color: #0072bc;
	text-align: center;
	color: #ffffff; font-weight: normal;
    }
    #idFooter span::before {
	width: 1080px;
	content: '(C) COPYRIGHT TOHO-UNIVERSITY ALL RIGHTS RESERVED.';
	margin: auto;
	padding: 0;
    }
}
@media  (max-width: 1080px) {
    #idFooter {
	width: 100%;
	margin: 30px 0 0 0; padding: 0;
	height: 80px;
	line-height: 80px;
	
	background-color: #0072bc;
	text-align: center;
	color: #ffffff; font-weight: normal;
    }
    #idFooter span::before {
	width: 100%;
	font-size: 10px;
	content: '(C) COPYRIGHT TOHO-UNIVERSITY ALL RIGHTS RESERVED.';
	margin: auto;
	padding: 0;
    }
}
@media print { 
    #idFooter {display :none;}
}



/* テーブル */
.clsTb {margin:8px 0px 15px 0px; border-collapse:collapse;}
.clsTb th, .clsTb td {border:solid 1px #aaaaaa; padding:0.3em;}
.clsTb th {background:#f5f5f5;}
@media  (min-width: 0px) and (max-width: 480px) {
    th.res{
	display:block;
	border:none;
	width:100% !important;
    }
    td.res{
	display:block;
	border:none;
	width:100% !important;
    }
    th.res0 {
	display:block;
	background:#f5f5f5; font-weight:bold;
	width:100% !important;
	height: auto;
    }
     td.res0 {
	display:block;
	width:100% !important;
	height: auto;
    }
}

table.clsTb0 {margin:8px 0px 15px 0px; border-collapse:collapse;}
table.clsTb0 th {padding:2px; color:#0e2d53;}
table.clsTb0 td {padding:2px;}
@media  (min-width: 0px) and (max-width: 480px) {
    th.res0 {
	display:block;
	background:#f5f5f5; font-weight:bold;
	width:100% !important;
	height: auto;
    }
     td.res0 {
	display:block;
	width:100% !important;
	height: auto;
    }
    th.res{
	display:block;
	border:none;
	width:100% !important;
    }
    td.res{
	display:block;
	border:none;
	width:100% !important;
    }
}


.side-scroll-table {
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}
.side-scroll-table table {width:100%;}

.clsRowHover tr:hover {background-color:#ffe4e1;}
.clsRowFix thead th {position: sticky; top: 0; index: 1;}

.clsScrollNotice {font-size:80%; color:#888888;}





/* リスト */
@media  (min-width: 481px) {
	ul.ulRes	{
		justify-content:center;
		list-style: none outside none;
		margin:0px auto; padding:0px;
		position:relative;
	}
	ul.ulRes > li{
		position:relative;
		display: inline-block;
		vertical-align:top;
		margin:0 1em 0 0;
		padding:0px;
	}
	ul.ulRes > li:last-child {
		margin:0px;
		padding:0px;
	}
	ul.ulRes:after	{content:""; display:block; clear: both; margin:0px; padding:0px;}
}

@media  (max-width: 480px) {
	ul.ulRes	{
		justify-content:center;
		list-style: none outside none;
		margin:0px auto; padding:0px;
		position:relative;
	}
	ul.ulRes > li{
		position:relative;
		display: block;
		vertical-align:top;
		margin:0px 0 0.5em 0;
		padding:0px;
		width:100% !important;
	}
	ul.ulRes > li:last-child {
		margin:0px;
		padding:0px;
		width:100% !important;
	}
	ul.ulRes > li img{
		max-width:100% !important;
	}
	ul.ulRes:after	{content:""; display:block; clear: both; margin:0px; padding:0px;}
}
caption {margin:0px;padding:0px;border:none;color:#666666;}




/*///// その他 DIV /////*/
div.dvNews	{margin:0px; padding:5px;margin-bottom:10px; background-color:#f3f9ea; }

div		{margin:0.5em 0 0.5em 0;}
.dv1		{background-color:#F2F7ED; padding:8px; word-break: break-all;}
.dv1b	{border:solid 3px #2e8b57; padding:8px; word-break: break-all;}
.dv2		{background-color:#edf2f7; padding:8px; word-break: break-all;}
.dv2b	{border:double 3px #76a2c7; padding:8px; word-break: break-all;}
.dv3		{background-color:#fff1f7; padding:8px; word-break: break-all;}
.dv3b	{border:solid 3px #ff9eb0; padding:0.5em; word-break: break-all;}
.dv3c	{background-color:#ffc0cb; padding:8px;}
.dv4		{background-color:#F5F5F5; padding:8px; word-break: break-all;}
.dv4b	{border:double 3px #CCCCCC; padding:8px; word-break: break-all;}

div.dvSub	{background-color:#F9F9F9; padding:8px; border-top:solid 2px #CCCCCC;word-break: break-all;}
div.dvContact	{background-color:#F5F5F5; padding:8px; word-break: break-all;}
div.dvSubPage	{background-color:#FAFAFA; padding:8px; margin-top:30px;margin-bottom:0px; border-top:double 3px #BBBBBB; word-break: break-all;}
div.dvSubPage2	{background-color:#F9F9F9; padding:8px; margin-top:5px;margin-bottom:20px; border:double 3px #999999;font-size:13px;line-height:18px; word-break: break-all;}
div.dvSubPage3	{background-color:#FCFCFC; padding:8px; margin-top:5px;margin-bottom:20px; border:double 3px #DDDDDD;font-size:13px;line-height:18px;word-break: break-all;}
div.dvLink	{background-color:#ffffff; border:solid 3px #CCCCCC; padding:0.5em; margin:0.5em 0 0.5em 0; word-break: break-all;}
div.dvSubject	{background-color:#F5F5F5;font-weight:BOLD; padding:4px; margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:8px; word-break: break-all;}
div.dvHR	{border-top:solid 1px #AAAAAA; margin-top:10px;margin-bottom:10px;}

div.dvAbout	{color:#005a62; background-color:#F2F7ED; border:dotted 3px #a1c776; padding:8px; word-break: break-all;}
div.dvMemo	{background-color:#ffff99; color:#ff4500; border: double 3px #ffd700; padding:8px; word-break: break-all;}

div.dvMsg	{background-color:#f0f8ff; padding:0.5em; color:#000000; font-weight:bold; border:solid 3px #4682b4;}
div.dvUpdated	{font-size:90%; color:#666666; margin:6px 0px 0px 0px; word-break:break-all;}


/*///// 見出し /////*/
h1.clsH1	{
    margin: 2em 0 1em 0; padding: 0em 0 0.3em 0em;
    text-align:left; color:#000000; font-size:150%;
    border-bottom: solid 8px #376ab3; 
    background-color:#ffffff;
    line-height:1em;
}
h1.clsH1Unit	{
	font-weight: bold; font-size:120%; color:#ffffff; text-align:left; 
	background-color: #023a7d;
	border: solid 3px #023a7d;
	margin: 20px 0px 10px 0px; padding: 0.5em;
}


h2.clsH2	{
	font-weight: bold; font-size:120%; color:#0e2d53; text-align:left; 
	background-color: #f5f5f5;
	border: solid 1px #aaaaaa;
	margin: 20px 0px 10px 0px; padding: 0.5em;
}
h2.clsHtop	{
	font-weight: bold; font-size:120%; color:#000000; text-align:left; 
	background-color: #ff9eb0;
	border: solid 1px #ff9eb0;
	margin: 20px 0px 10px 0px; padding: 0.5em;
}
h2.clsH2b	{
	font-weight: bold; font-size:120%; color:#376ab3; text-align:left; 
	border-left: solid 4px #376ab3; 
	margin: 20px 0px 10px 0px; padding: 0.3em;
}
h2.clsH2area	{
	font-weight: bold; font-size:120%; color:#ffffff; text-align:left; 
	background-color: #023a7d;
	border: solid 3px #80a7d6;
	margin: 20px 0px 10px 0px; padding: 0.5em;
}
h2.clsH2sub	{
	font-weight: bold; font-size:120%; color:#ffffff; text-align:left; 
	background-color: #0081c9;
	border: solid 3px #a0d3ef;
	margin: 20px 0px 10px 0px; padding: 0.5em;
}
h2.clsH2unit	{
	font-weight: bold; font-size:120%; color:#ffffff; text-align:left; 
	background-color: #449f24;
	border: solid 3px #b7d7ab;
	margin: 0px 0px 10px 0px; padding: 0.5em;
}
h2.clsH2hide	{
	font-weight: bold; font-size:120%; color:#ffffff; text-align:left; 
	background-color: #aaaaaa;
	border: solid 3px #cccccc;
	margin: 0; padding: 0.5em;
}


h3.clsH3	{
	font-weight: bold; font-size: 120%; color: #0e2d53; text-align:left; 
	background-color: #f9f9f9;
	border:dotted 1px #aaaaaa;
	margin: 20px 0px 10px 0px; padding: 0.3em 0.5em 0.3em 0em;
}
h4.clsH4	{
	font-weight: bold; font-size: 120%; color: #0e2d53; text-align:left; 
	background-color: #ffffff;
	border-bottom:solid 1px #bbbbbb;
	margin: 20px 0px 20px 0px; padding: 0.3em 0.5em 0.3em 0em;
}
h4.clsH4b	{
	font-weight: bold; font-size: 110%; color: #0e2d53; text-align:left; 
	background-color: #ffffff;
	border-bottom:dotted 1px #aaaaaa;
	margin: 20px 0px 20px 0px; padding: 0.3em 0.5em 0.3em 0.5em;
}


.clsToggle{
    cursor:pointer;
    margin-top:1em;
}
.clsToggleNext{
    display:none;
}
.clsToggleNext2{
}
.clsToggleSpan {
    font-size:14px; color:#aaaaaa; text-align:center;
    background-color:#ffffff; border-radius:4px;
    padding:0.2em 0.3em;
    float:right;
}
.clsToggleSpan::before {
    content: '非表示';
}
.clsToggleSpan2::before {
    content: '表示';
}



/*///// フォント /////*/
.cls1		{font-size:95%; line-height:150%;}
.cls2		{font-size:85%; line-height:125%;}
.cls3		{font-size:80%; line-height:125%;}
.cls4		{font-size:70%; line-height:125%;}
.clsEng		{font-family:'Times New Roman','メイリオ','Osaka'; text-align:justify; text-justify:newspaper;}


/*///// 箇条書き /////*/
ul		{margin: 0 0 0 25px; padding:0;list-style-type:disc;}
ol		{margin: 0 0 0 25px; padding:0;}

ul li		{
	margin:0px 0 0.5em 0;
	padding:0px;
	!important;
		}
ul li:last-child {
	margin:0px;
	padding:0px;
	!important;
}

ol li		{
	margin:0px 0 0.5em 0;
	padding:0px;
	!important;
		}
ol li:last-child {
	margin:0px;
	padding:0px;
	!important;
}

ul.notice li 	{list-style:none; margin:0 0 0 -1.5em; text-indent:-1.3em; padding-left:1.5em;} 
ul.notice li{
	margin:0px 0 0.5em 0;
	padding:0px;
	}
ul.notice li:last-child {
	margin:0px;
	padding:0px;
}



/*///// 画像 /////*/

@media  (min-width: 481px) {
	img.clsPicR	{float:right; margin-left:15px;margin-bottom:10px;}
	img.clsPicL	{float:left; margin-right:15px;margin-bottom:10px;}
}

@media  (max-width: 480px) {
	img.clsPicR	{float:right; margin-left:15px;margin-bottom:10px;}
	img.clsPicL	{float:left; margin-right:15px;margin-bottom:10px;}
}


div.divPicR{
	width:auto;
	float: right;
	display: inline-block;
	text-align:center;
	font-size:75%; line-height:150%; font-weight: normal;
	background-color: #ffffff;
	padding: 0;
	margin: 0 0 0 1em;
}

div.divPicR img{
	max-width: 100%;
	height: auto;
}

div.divPicL{
	width:auto;
	float: right;
	display: inline-block;
	text-align:center;
	font-size:75%; line-height:150%; font-weight: normal;
	background-color: #ffffff;
	padding: 0;
	margin: 1em 0 0 0;
}

div.divPicL img{
	max-width: 100%;
	height: auto;
}

div.divPicC{
	width:100%;
	display:block;
	text-align:center;
	font-size:75%; line-height:150%; font-weight: normal;
	background-color: #ffffff;
	padding: 0;
	margin: 1em 0 1em 0;
}

div.divPicC img{
	max-width: 100%;
	height: auto;
}


div.divPicUL ul{
	list-style-type:none;
}
div.divPicUL li:first-child {
	margin: 0.5em 0 0.5em 0em;
}
div.divPicUL li{
	display:block; float:left; 
	max-width:20%;
	text-align:center;
	font-weight: normal;
	font-size:75%;
	line-height:180%;
	background-color: rgba(211, 236, 237, 0.6);
	padding: 0.5em;
	margin: 0.5em 0 0.5em 1em;
}

div.divPicUL img{
	max-width: 100%;
	height: auto;
}





/*///// その他 /////*/
.img0		{padding:0px 0px 0px 12px; background:url(../images/arw0.gif) no-repeat; border:none; width:12px;}
.img1		{padding:0px 0px 0px 12px; background:url(../images/arw1.gif) no-repeat; border:none; width:12px;}
.img2		{padding:0px 0px 0px 12px; background:url(../images/arw2.gif) no-repeat; border:none; width:12px;}
.imgEx		{padding:0px 0px 0px 22px; background:url(../images/imgEx.gif) no-repeat; border:none; width:22px;}
.imgNew		{padding:0px 0px 0px 34px; background:url(../images/ico_new.gif) no-repeat; border:none; vertical-align:middle; width:34px;height:14px;}

.imgPDF		{padding:0px 0px 1em 20px; margin:0; background:url(../images/acrobat.jpg) no-repeat; border:none; vertical-align:top;}
.imgDoc		{padding:0px 0px 1em 20px; background:url(../images/word.jpg) no-repeat; border:none; vertical-align:top;}
.imgExcel	{padding:0px 0px 1em 20px; background:url(../images/xls.jpg) no-repeat; border:none; vertical-align:top;}
.imgFile	{padding:0px 0px 1em 20px; background:url(../images/file.jpg) no-repeat; border:none; vertical-align:top;}

img.clsPicR	{float:right; margin-left:15px;margin-bottom:10px;}
img.clsPicL	{float:left;  margin-right:15px;margin-bottom:10px;}

.clsEmp1	{color:#3fa17e; font-weight:bold; border-bottom:dotted 2px #009051;}
.clsEmp2	{color:#1e90ff; font-weight:bold; border-bottom:dotted 2px #9fd0bd;}
.clsEmp3	{color:#ff8c00; font-weight:bold; border-bottom:dotted 2px #ffd700;}

.clsSmall1	{color:#666666; font-size:11px;line-height:14px;}
.clsMk1		{background-color : #BEC9D8;}
.clsMk2		{background-color : #DEFAC9;}
.clsMk3		{background-color : #FFD7CE;}
.clsMk4		{background-color : #FFFF99;}
.clsPnt		{color:#6595CA; font-size:8px;line-height:14px;font-family: 'メイリオ','Osaka';}
.clsUL1		{border-top:dotted 1px #BBBBBB;}
.clsRed		{color:#ff0000;}
.clsBlue	{color:#00bfff;}
.clsUpdated	{color:#00008b;}
.clsMemo	{font-size:12px; color:#ff1493; font-weight:bold;}
.clsEng		{font-family:'Times New Roman','メイリオ','Osaka'; text-align:justify; text-justify:inter-ideograph; -ms-text-justify: inter-ideograph;}
.clsDetail	{color:#2f4f4f; font-size:90%;line-height:100%;}

.tel1 	{color:#ff6347;font-size:150%;font-weight:bold;text-decoration:underline;}



/* FLEX-BOX */
@media  (min-width: 1081px) {

	.flex-containerSB {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.flex-containerSA {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}

}
@media  (max-width: 1080px) {

	.flex-containerSB {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		//text-align:center;
	}
	.flex-containerSB > div {
		margin:0 0 1em 0; padding:0;
		width:100% !important;
	}
	.flex-containerSB > div:last-child {
		margin:0; padding:0;
		width:100% !important;
	}
	.flex-containerSB > p {
		margin:0 0 1em 0; padding:0;
		width:100% !important;
	}
	.flex-containerSB > p:last-child {
		margin:0; padding:0;
		width:100% !important;
	}

	.flex-containerSB > li {
		margin:0 0 1em 0; padding:0;
		width:100% !important;
	}
	.flex-containerSB > li:last-child {
		margin:0; padding:0;
		width:100% !important;
	}

	.flex-containerSA {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		text-align:center;
	}
	.flex-containerSA > div {
		margin:0 0 1em 0; padding:0;
		width:100% !important;
	}
	.flex-containerSA > div:last-child {
		margin:0; padding:0;
		width:100% !important;
	}
}



.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0 0.8em;
  border: 1px solid #ffffff;
  padding: 0em;
  margin: 0 0 0 0;
}
.cssgrid > div {
  background: #ffffff;
  overflow: auto;
  min-width: 0;
  padding: 0.3em 0.3em 0.3em 0;
  margin: 0;
}

.cssgrid2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0;
  border: 1px solid #ffffff;
  padding: 0em;
  margin: 1em 0 2em 0;
}
.cssgrid2 > div {
  background: #ffffff;
  border:dotted 1px #bbbbbb;
  overflow: auto;
  min-width: 0;
  padding: 0.3em 0.3em 0.3em 0.3em;
  margin: 0;
}

.imgV{
    float:right;
    padding:0px 0px 20px 80px; background:url(../images/2026/imgVisible1.png) no-repeat; 
    background-position:right center; border:none; vertical-align:middle;
}
.imgV2{
    float:right;
    padding:0px 0px 20px 80px; background:url(../images/2026/imgVisible2.png) no-repeat; 
    background-position:right center; border:none; vertical-align:middle;
}

.clsDate{
	font-size:80%; color:#888888;
}


.clsKogi	{background-color:#d6f1ff;}
.clsJissyu	{background-color:#ffd6bb;}
.clsEnsyu	{background-color:#e5f9bc;}
.clsHyoka	{background-color:#ffeeee;}
.clsSonota	{background-color:#f5f5f5;}
.FTcol		{color:#1e90ff;}

.clsKyuko	{width:40px; height:20px; background:url(../images/2026/ico_kyuko.gif) no-repeat; border:none;}




.toggle-pass{

}
.toggle-pass::after {
    font-family: "Font Awesome 5 Free";
    content: "\f14a パスワードを表示";
    font-weight: normal; font-size:90%;
    margin-left: 0.5em;
    color: #444444;
    font-style: normal;
}
.toggle-pass2::after {
    font-family: "Font Awesome 5 Free";
    content: "\f14a パスワードを非表示";
    font-weight: normal; font-size:90%;
    margin-left: 0.5em;
    color: #444444;
    font-style: normal;
}

.dschool {
    color: #2e8b57; text-decoration: none;
    cursor:pointer;
    margin-left:2em; padding:0.5em 0 0.5em 1em;
	background-color:#f5f5f5;
}
.dschool summary {
    margin-left:-2em;
    font-weight:bold;
}
.dschool[open] summary {
    margin-bottom:1em;
}
.dschool details {
}


details a {
    color:#cc0000;
}
details a:hover {
    color:#ff0000;
}

.details1{
    margin:0 auto;
}
.details1:hover {
    cursor: pointer;
}
.summary1 {
    font-size:90%;
    background-color:#f08080;
    color:#ffffff;
    padding:0.2em 0.5em;
    width:10em;
    border-radius:6px;
}
.answer1  {
    font-size:90%; color:#000000; line-height:1.5em;
    padding:0.3em; margin:2px 0 1em 0;
    background-color:#ffe4e1;
}
.details1[open] .answer1 {
    animation: fadein 0.5s ease;
}
.answerS  {
    border:solid 2px #f08080;
    padding:0.5em;
    margin-top:0;
}
.details1[open] .answerS {
    animation: fadein 0.5s ease;
}

.details2{
    margin:0 auto;
}
.details2:hover {
    cursor: pointer;
}
.summary2 {
    font-size:90%;
    background-color:#ffa500;
    color:#ffffff;
    padding:0.2em 0.5em;
    width:10em;
    border-radius:6px;
}
.answer2  {
    font-size:90%; color:#000000; line-height:1.5em;
    padding:0.3em; margin:2px 0 1em 0;
    background-color:#ffe4b5;
}
.details2[open] .answer1 {
    animation: fadein 0.5s ease;
}

@keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.clsUnitLevel{
    background-color:#f5f5dc;
    padding:0.3em;
}




/* FLEX-BOX */
@media all and (min-width: 1080px) {

    .f-container	{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;	//justify-content … 水平方向の揃え
	align-items:flex-start		//垂直方向の揃え
	align-content:flex-start;	//複数行にした時の揃え
    }

    .f-containerSB	{
	display:flex;
	flex-diretion: row;
	flex-wrap: wrap;
	justify-content: space-between;
   }
    .f-containerSB > div	{
	margin-right: 2em;
    }

    .f-containerSA	{
	display:flex;
	flex-diretion: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
    }

}

@media all and (max-width: 767px) {

    .f-container	{display:flex;}

    .f-containerSB	{
	display: flex;
	flex-direction: column;
    }

    .f-containerSA	{
	display: flex;
	flex-direction: column;
    }

}


hr.fade {
  border: 0;

  padding: 0; margin: 2em 0 1em 0;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ccc), to(transparent));
  background-image: linear-gradient(to right, transparent, #ccc, transparent);
}



.cls24 {
    padding:0.2em 0.5em; margin-left:10px;
    color:#aaaaaa; font-size:10px;
    background-color:#ffffff;
    border-radius:6px;
    opacity:0.8;
}
.cls24::after {
    content: "24カリキュラム";
    font-weight: 700;
}

.cls24b {
    padding:0.2em 0.5em; margin-left:10px;
    color:#ffffff; font-size:10px;
    background-color:#3cb371;
    border-radius:6px;
    opacity:0.8;
}
.cls24b::after {
    content: "24";
    font-weight: 700;
}


.dvDL {
    border: solid 2px #cccccc;
    padding: 0.5em;
}



figure {
    inline-size: fit-content;
    max-inline-size: 100%;
    margin-inline: auto;
    box-sizing:border-box;

    margin:0; padding:0;
    display: table;
    line-height:14px;
}
@media all and (max-width: 1080px) {
    figure  {
	text-align:center;
	margin:0 auto;
    }
    figcaption {
    }
}

figure img {
    max-width:100%;
    margin:0; padding:0;
    box-sizing:border-box;
}

figcaption {
    inline-size: 0;
    min-inline-size: fit-content;
    margin-inline: auto;
    box-sizing:border-box;
    width:100%;
}
figcaption.imgCaption {
    background-color: rgba(0,0,0,.5);
    color: #ffffff; font-size:90%;
    margin: 0; padding: 0.2em 0.5em;
}

@media all and (min-width: 1081px) {
    figure.picR {
	float: right;
	margin: 0 0 0 1em;
    }
}
@media all and (max-width: 1080px) {
    figure.picR {
	//margin: 0; padding: 0;
    }
}

@media all and (min-width: 1081px) {
    figure.picL {
	float: left;
	margin: 0 1em 0 0;
    }
}
@media all and (max-width: 1080px) {
    figure.picL {
	//margin: 0; padding: 0;
    }
}

@media all and (min-width: 1081px) {
    figure.picC {
	text-align: center;
    }
}
@media all and (max-width: 1080px) {
    figure.picC {
	text-align: center;
   }
}


.figure_af {
    clear:both;
    margin:0 0 10px 0;
    line-height:14px;
}


.dvRound1{
    padding:0.5em;
    background:linear-gradient(#f5f5f5, #ffffff);
    border:solid 1px #aaaaaa;
    border-radius:2px;
    text-align:center;
}
.dvRound1 a:hover {
    opacity: 0.6;
    text-decoration:underline;
}



/* ========================================
   accordion（details）
======================================== */
.c-accordion{
  border-bottom: 1px solid #d9dfdb;
  margin-bottom: 30px;
}

/* タイトル行 */
.c-accordion__summary{
  position: relative;
  display: block;
  padding: 12px 28px 12px 10px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  background-color: #f5f5f5;
}

/* デフォルトの三角を消す */
.c-accordion__summary::-webkit-details-marker{
  display: none;
}

/* 矢印 */
.c-accordion__summary::after{
  content: "＋";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(#d9dfdb);
  transition: transform .2s ease;
}

/* 開いたとき */
.c-accordion[open] .c-accordion__summary::after{
  content: "－";
}

/* 中身 */
.c-accordion__content{
  padding: 8px 0 14px;
  line-height: 1.7;
}

/* リンク */
.c-accordion__content a{
  color: #2e8b57;
  text-decoration: none;
}
.c-accordion__content a:hover{
  color: #2e8b57;
  text-decoration: underline;
}

/* リスト調整 */
.c-accordion__content ul{
  margin-top: 6px;
  padding-left: 1.2em;
}


/* ピンク背景バージョン */
.c-accordion--pink .c-accordion__summary{
  background-color: #ffe6ef; /* 優しいピンク */
  color: #c2185b;            /* 文字色も少しピンク寄りに */
}

/* 矢印の色もピンクに */
.c-accordion--pink .c-accordion__summary::after{
  color: #c2185b;
}

/* 開いたときの境界線などを調整したい場合 */
.c-accordion--pink{
  border-bottom: 1px solid #f5b6c8;
}