/*====================================================================================================
  NEWS
====================================================================================================*/

#news {}
#news h3{ margin-bottom:0;}
#news .news { margin:0 2%;}


/*====================================================================================================
  ABOUT
====================================================================================================*/

/* MESSAGE */
#subpage .photo-r .img_b_txt { text-align:center; font-weight:bold;}
/* HISTORY */
.history { margin: 0 2% 40px;}
.history dl { padding:15px 0; border-bottom:1px dotted #DDD;}
.history dl::after { /*float_clear*/ display:block; clear:both; content:"";}
.history dt { width:14%; float:left;}
.history dd { width:86%; float:right;}

/* OVERVIEW */

/* OFFICER */
.officer { margin: 0 2%;}
.officer ul { background:#F6F6F6;}
.officer ul::after { /*float_clear*/ display:block; clear:both; content:"";}
.officer ul li { float:left; padding:5px 10px; min-height:40px;}
.officer ul li+li { border-left:2px solid #FFF;}
.officer ul:nth-child(2n) { background:#FFF;}
.officer ul li:nth-child(1) { width:15%;}
.officer ul li:nth-child(2) { width:20%;}
.officer ul li:nth-child(3) { width:65%;}
.officer ul.item { max-height:40px !important; font-weight:bold; text-align:center;}
/*.officer ul.item li:nth-child(3) { text-align:left;}*/
.officer .all { border-top:1px solid #EEE;}


/*====================================================================================================
  INFORMATION
====================================================================================================*/

#info {}

#info .info-box1{ width:300px; padding:0 0 20px 20px;}
#info .info-box1::after { /*float_clear*/ display:block; clear:both; content:"";}
#info .info-box1 a{ text-decoration:none !important;}
#info .info-box1 p .ye{ float:left; display: block;}
#info .info-box1 p .day,
#info .info-box1 p .day2,
#info .info-box1 p .day3{ display: block;}
#info .info-box1 p .day{ text-indent:10px;}
#info .info-box1 p .day2{ text-indent:2px;}
#info .info-box1 p .day3{ text-indent:14px;}



/*====================================================================================================
  REGULATIONS
====================================================================================================*/

#regulations {}


/*====================================================================================================
  COMPLIANCE
====================================================================================================*/

#compliance {}


/*====================================================================================================
  CRECRUIT
====================================================================================================*/

#crecruit {}

/*====================================================================================================
  RECRUIT
====================================================================================================*/

#recruit {}
#recruit .comment1 .rec_spa{ margin: 0 2%;}


/*====================================================================================================
  BID
====================================================================================================*/

#bid {}
#bid ul.kako { margin: 0 2% 50px;}
#bid ul.kako::after { /*float_clear*/ display:block; clear:both; content:"";}
#bid ul.kako li { float:left;}
#bid ul.kako li+li { margin-left:15px;}


/*** TAB *********************************************************************/

#bid ul#tab {
	clear:both;
	margin: 0 2%;
	padding: 0;
	font-size:110%;
	border-bottom:1px solid #006074;
	background:#FFF;
}
#bid ul#tab::after { /*float_clear*/ display:block; clear:both; content:"";}
#bid ul#tab li {
	float: left;
	margin: 0;
	padding: 10px 0;
	width:25%;
	text-align:center;
	list-style: none;
	border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #DDD;
	box-sizing: border-box;
}

#bid ul#tab li a{ display: block; text-decoration: none; color: #000; box-sizing: border-box;}

#bid ul#tab li.select {
	color:#FFF;
	font-weight:bold;
	border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #006074;
	background:#006074;
}


/*====================================================================================================
  CRISIS
====================================================================================================*/

#crisis {}


/*====================================================================================================
  CONTACT
====================================================================================================*/

#contact {}


/*====================================================================================================
  ACCESS
====================================================================================================*/

#access {}
#access .kakudai{position:relative;}
#access .kakudai::after {
	position:absolute;
	display:block;
	clear:both;
	width:57px;
	height:25px;
	content:"";
	text-indent:-9999px;
	background:url(../../image/kakudai.png) no-repeat center center;
	right:0;
	bottom:-3px;
	z-index:9999;
}


/*====================================================================================================
  SITEMAP
====================================================================================================*/

#sitemap {}
#sitemap::after { /*float_clear*/ display:block; clear:both; content:"";}
#sitemap ul li a { color:#000; text-decoration:none;}
#sitemap ul li a:hover { color:#006074;}
#sitemap ul { float:left; margin:0 2% 2%; width:46%;}
#sitemap ul li {}
#sitemap ul li strong {
	display:block;
	padding:20px;
	border-bottom:1px solid #EEE;
}
#sitemap ul li strong a { position: relative; min-height:20px; padding-left:25px;}
#sitemap ul li strong a::before {
	display:block;
	clear:both;
	position: absolute;
	left: 0;
	top: 3px;
	content:"";
	width: 14px;
	height: 13px;
	background: url("../image/link-arrow.png") no-repeat;
}
#sitemap ul li ul { float:none; margin:0; padding:16px; width:auto; background:#F9F9F9;}
#sitemap ul li ul li { padding:7px;}

/*====================================================================================================
  SITE
====================================================================================================*/

#site {}


/*====================================================================================================
  PRIVACYPOLICY
====================================================================================================*/

#privacy {}

/*====================================================================================================
  CAMPUS
====================================================================================================*/

#campus {}
#campus .schedule { margin:0 2%; padding:0 0 40px;}
#campus .schedule dl { padding:10px; background:#F6F6F6;}
#campus .schedule dl::after { /*float_clear*/ display:block; clear:both; content:"";}
#campus .schedule dt { float:left; width:15%;}
#campus .schedule dd { float:right; width:85%;}
#campus .schedule dl:nth-child(2n) { background:#FFF;}

.icon{position:relative;}
.icon:before{
	position:absolute;
	display:block;
	content:"";
	width:96px;
	height:96px;
	top:-60px;
	right:-30px;
	background:url(../../campus/image/icon.png)	no-repeat;
	z-index:99;
}


#campus .vdo { float:right; width:470px; padding:0 0 0 20px;}




/*====================================================================================================
  GAKUNAI
====================================================================================================*/


/*====================================================================================================
  DONATION
====================================================================================================*/

#donation .bk{ background: #FFF;}
#donation .br{ clear: both; margin: 5px 0 0; display:inline-block; border: #212121 1px solid;}
#donation .moshi{ margin: 5px 0 0; overflow: hidden;}
#donation .moshi li { float: left;}
#donation .moshi li+li { margin-left: 15px;}
#donation .moshi li a { position: relative; display: block;  padding: 0 0 0 25px; }
#donation .moshi li a::before {
	display:block;
	clear:both;
	position: absolute;
	left: 0;
	top: 3px;
	width: 16px;
	height: 20px;
	content:"";
}
#donation .moshi li:nth-child(2) a::before{ background: url(../image/doc.png) no-repeat;}
#donation .moshi li:nth-child(3) a::before{ background: url(../image/pdf.png) no-repeat;}
#donation .ko-list{ margin: 5px 0 0 15px;}
#donation .ko-list li{}

/*====================================================================================================
  COMPLIANCE
====================================================================================================*/
.poc_grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 1em;
    width: fit-content;
}
.poc_grid li{
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2;
}
@media only screen and (max-width: 1100px){
    .poc_grid{
        display: block;
    }
    .poc_grid li{
        display: block;
    }
    .poc_grid span{
        display: block;
        width: 100%;
    }
    .poc_grid span:nth-of-type(2) {
        padding-left: 1em;
    }
}


.poc_ul ul {
    padding-left: 2em;
    text-indent: -1em;
}