@charset "utf-8";
/*=============================================================
 about Layout
=============================================================*/
/* ttl ALL
-------------------------------------------------------------*/
#info #ttl-page h1::after{
	background: url(/saiyou/newgraduate/info/img/index_bg_ttl.jpg) no-repeat center center;
}

/* #ftrNavi
-------------------------------------------------------------*/
#ftrNaviInner.ftrInfo li{
  /*width: calc((100% - 8%) / 5);　一時的に4列*/
}
#ftrNaviInner li.internship{
  display: none;　/*一時的に非表示*/
}

/* requirements
-------------------------------------------------------------*/
.requirements .indent{
    display: block;
    margin-left: 1em;
}


/* seminar
-------------------------------------------------------------*/
.seminar .announcement{
	margin-top: 30px;
	padding: 30px 45px;
	border:1px solid #666;
	line-height: 1.5em;
}
.seminar .announcement h2{
	margin-bottom: 10px;
	font-size:1.2em;
}
.seminar .announcement p{
	margin-bottom:1em;
}
.seminar .announcement p:last-of-type{
	margin-bottom: 0;
}
.seminar .days {
	width: 10%;
	border-left: 1px dotted #999;
	border-bottom: 1px dotted #999;
	background-color: #f5f5f5;
    text-align: center;
    vertical-align: middle;
}
.seminar .month {
	width: 15%;
	border-right: 1px dotted #999;
    text-align: center;
    vertical-align: middle;
}
.seminar .bdrL {
    border-left: 1px dotted #999;
    position: relative;
}
.seminar .gap {
    padding: 60px 0 0;
}
.seminar .gap span {
    display: block;
    padding: 18px 10px;
    border-top: 1px dotted #999;
}
.seminar .bdrB-none {
    border-bottom: none;
}
.seminar .arrow::before {
    content: "";
    background: url(/saiyou/newgraduate/info/img/arrow.png) no-repeat;
    width: 80px;
    height: 30px;
    background-size: contain;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%);
    z-index: 1;  
}
.seminar .w26 {
    width: 26%;
}
.seminar .pc-dsp-block {
    display: block;
}

/* internship
-------------------------------------------------------------*/
.internship .ttl-2nd-grade h2 span{
	display: block;
	font-size: 90%;
	margin-top: 0.5em;
}
.internship p.ttl-3rd{
	font-weight: bold;
}
.internship h4.ttl-4th{
	color: #eb6e00;
}
.internship .link-ac {
	margin-top: 80px;
}
.internship .icon-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*max-width: 700px;*/
	margin: 0 auto;
}
.internship .icon-list li{
	width: 25%;
}
.internship .icon-list li figure img{
	width: 60%;
	margin: 0 20%;
}
.internship .icon-list li figcaption{
	line-height: 1.5;
	margin-top: 1em;
    font-weight: bold;
}
.internship .icon-list li{
	width: 25%;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:750px), only screen and (max-device-width:750px){
/*=============================================================
 Work Layout
=============================================================*/
/* seminar
-------------------------------------------------------------*/
    .seminar .days {
		width: 100%;
		border-left: none;
		border-bottom: 1px dotted #999;
		text-align: center;
		vertical-align: middle;
	}
	.seminar .month {
        width: 100%;
        border-right: none;
    }
    .seminar .bdrL {
        border-left: none;
        border-top: 1px dotted #999;
    }
    .seminar .gap {
        padding: 0;
        border-bottom: none;
    }
    .seminar .gap span {
        border-top: none;
    }
    .seminar .sp-bdrT-none {
       border-top: none; 
    }
    .seminar .arrow::before {
        display: none;
    }
    .seminar .w26 {
        width: 100%;
    }
    .seminar .pc-dsp-block {
        display: none;
    }

/* internship
-------------------------------------------------------------*/
	.internship .icon-list li{
		width: 45%;
	}
	.internship .icon-list li:nth-child(n+3){
		margin-top: 20px;
	}
/*
	.internship dl{display: block;}
	.internship dl dt,
	.internship dl dd{width: auto;}
	.internship dl dt:nth-child(n+2){
		margin-top: 2em;
	}
*/
	.internship .scheduleTable td:last-child{
		text-indent: 1.25em;
	}







}