@charset "utf-8";

/*------------------------------------------------------------------------------

	 全体

------------------------------------------------------------------------------*/

#main table th {
	white-space: nowrap;
}

#main .program {
	padding-top: 0;
	background-color: #FFF;
}

#main .content .site_column {
	margin-top: 80px;
}

#main .content a {
	text-decoration: underline;
}

.mb5 {
    margin-bottom: 5px;
}

.attention_text {
    margin-bottom: 20px;
}

.notes_box {
    margin-top: 1em;
}

.top_img {
    position: relative;
    height: 452px;
    background: url(../img/header_bg_pc.jpg?20250620) no-repeat;
    background-size: cover;
    z-index: 0;
}

.top_img::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 452px;
    background: linear-gradient(rgba(219,252,217,.5), rgba(225,237,255,.5));
    background-size: cover;
    content: "";
    z-index: -1;
}

.top_img h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 661px;
    height: 218px;
    background: url(../img/header_title.png?20240528) no-repeat;
    background-size: contain;
}

.content > section {
    margin-top: 70px;
}

.title {
    position: relative;
    padding: 30px;
    background: #CCC;
}

.title::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #CCC transparent transparent transparent;
  border-width: 40px 40px 0 40px;
}

.title .site_column {
    margin-top: 0;
}

.title h3 {
    font-size: 2.1875em;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    color: #FFF;
}

.title h3 span {
    display: block;
    font-size: 0.457em;
}

.text {
    margin-bottom: 30px;
}

.text p {
    margin-bottom: 1.5em;
}

.text p strong {
    font-weight: bold;
}

.notes_li li {
	margin-left: 1em;
	list-style: disc;
}

.link a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    color: #CCC;
    vertical-align: middle;
    font-size: 15px;
}

.link a::before,
.link a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.link a::before{
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 1px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.link a::after{
    left: 4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #CCC;
    border-right: 2px solid #CCC;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

figure.photo {
    width: 50%;
    margin: 0 0 10px;
}

figure.photo img {
    width: 100%;
}

.schedule {
    margin-top: 30px;
}

.schedule section {
    margin-bottom: 40px;
}

.schedule .col2 {
    margin-bottom: 30px;
}

.schedule h4 {
    margin-bottom: 30px;
    padding: 0 0.45em;
    background: transparent;
    border-left: solid 10px #CCC;
    font-size: 1.875em;
    font-weight: bold;
}

.schedule h5 {
    margin-bottom: 1em;
    padding-left: .25em;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    font-size: 1.563em;
    color: #CCC;
}

.schedule h6 {
    margin: 2em 0 1em;
	padding-bottom: .5em;
    border-bottom: 1px dashed #CCC;
    font-weight: bold;
    font-size: 1.25em;
    color: #CCC;
	text-align: center;
}

.schedule table {
    font-size: 0.9em;    
}

.schedule table caption {
    color: #CCC;
    font-weight: bold;
    font-size: 1.563em;
}

.schedule table ul {
	margin-left: 1.5em;
	list-style: disc;
}

.schedule table ol {
	margin-left: 1.4em;
}

.info {
	display: flex;
	flex-wrap: wrap;
    margin-top: 70px;
    padding: 40px 110px;
    border: 10px solid rgba(204,204,204,.3);
}

.info .l_box {
	width: 18em;
	margin-right: 3em;
	border-right: 1px solid #DADADA;
}

.info .r_box {
	flex: 1;
}

.info dt,
.info dd {
    color: #CCC;
}

.info dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.563em;
}

.info dd.date {
    margin-bottom: 10px;
}

.info .text,
.info .text p:last-child {
    margin-bottom: 0;
}

.info .fax_num {
    margin-top: 30px;
	text-align: left;
}

.col2 section {
    margin-bottom: 0;
}

.schedule .col2 {
    margin-bottom: 0;
}

.schedule .other_event {
	width: 100%;
	max-width: 800px;
    margin-top: 30px
}

#kogaku .for_girls {
	display: block;
	width: 50%;
	margin: 1em auto 0;
}

#kogaku .for_girls a,
#kogaku .for_girls a img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 900px){

.info {
    padding: 40px;
}

}

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

.top_img {
	display: block;
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	height: auto;
    margin-bottom: 35px;
	background: none;
}

.top_img::after {
    display: none;
}

.top_img h2 {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 62.5% 0 0;
    background-image: url(../img/header_bg_sp.jpg?20250620);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    transform: none;
}

#content > #main .end .top_img  {
	margin-bottom: 16vw;
}

.content > section {
    margin-top: 40px;
}

.title {
    padding: 5vw;
}

.title::after {
    bottom: -7.5vw;
    border-width: 8vw 8vw 0 8vw;
}

.title h3 {
    font-size: 1.875em;
}

#main .content .site_column {
	margin-top: 15vw;
}
	
.schedule section {
    margin-bottom: 30px;
}

.schedule h4 {
	margin-bottom: 1.5em;
	border-left: solid 2vw #CCC;
	font-size: 1.56em;
}
		
.schedule h5 {
    font-size: 1.31em;
}

.schedule .col2 {
    margin-bottom: 20px;
}

.schedule .col2 .col {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.schedule table caption {
    font-size: 1.31em;
}

.schedule table th,
.schedule table td {
    padding: .5em 1em;
    font-size: 0.86em;
}

tbody th {
    width: 30%;
	white-space: nowrap;
}

.info {
    margin-top: 5vw;
    padding: 5vw;
}

.info .l_box {
	width: 100%;
	margin-right: 0;
	margin-bottom: 1em;;
	border: none;
}

.info dt {
    font-size: 1.25em;
}

.info dl {
    margin-right: 0;
}

.info dd.date {
    margin-bottom: 0;
}

.info .fax_num {
    margin-top: 0;
}

.info .text p {
    margin-bottom: 1em;
}

}


/* 学科別
------------------------------------------------------------------------------*/

/* 教育学部 */

#kyoiku .specialty {
	list-style: circle;
}

/* 創生学部 */

#sosei .info .place {
    margin-left: 3em;
    text-indent: -3em;
}

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

/* 人文学部 */

#jinbun .title,
#jinbun tbody th {
    background: #0080C2;
}

#jinbun .title::after{
    border-color: #0080C2 transparent transparent transparent;
}

#jinbun a,
#jinbun a:visited,
#jinbun .link a,
#jinbun .link a:visited,
#jinbun .text p strong,
#jinbun .schedule table caption,
#jinbun .info dt,
#jinbun .info dd,
#jinbun .schedule h5 {
    color: #0080C2;
}

#jinbun .link a::before,
#jinbun .link a::after,
#jinbun .schedule h4,
#jinbun .schedule h5 {
    border-color: #0080C2;
}

#jinbun .info {
    border-color: rgba(0,128,194,.3);
}


/* 教育学部 */

#kyoiku .title,
#kyoiku tbody th {
    background: #005EA0;
}

#kyoiku .title::after{
    border-color: #005EA0 transparent transparent transparent;
}

#kyoiku a,
#kyoiku a:visited,
#kyoiku .link a,
#kyoiku .link a:visited,
#kyoiku .text p strong,
#kyoiku .schedule table caption,
#kyoiku .info dt,
#kyoiku .info dd,
#kyoiku .schedule h5 {
    color: #005EA0;
}

#kyoiku .link a::before,
#kyoiku .link a::after,
#kyoiku .schedule h4,
#kyoiku .schedule h5  {
    border-color: #005EA0;
}

#kyoiku .info {
    border-color: rgba(0,94,160,.3);
}


/* 法学部 */

#hogaku .title,
#hogaku tbody th {
    background: #8086BB;
}

#hogaku .title::after{
    border-color: #8086BB transparent transparent transparent;
}

#hogaku a,
#hogaku a:visited,
#hogaku .link a,
#hogaku .link a:visited,
#hogaku .text p strong,
#hogaku .schedule table caption,
#hogaku .info dt,
#hogaku .info dd,
#hogaku .schedule h5 {
    color: #8086BB;
}

#hogaku .link a::before,
#hogaku .link a::after,
#hogaku .schedule h4,
#hogaku .schedule h5  {
    border-color: #8086BB;
}

#hogaku .info {
    border-color: rgba(128,134,187,.3);
}


/* 経済学部 */

#keizai .title,
#keizai tbody th {
    background: #E48F99;
}

#keizai .title::after{
    border-color: #E48F99 transparent transparent transparent;
}

#keizai a,
#keizai a:visited,
#keizai .link a,
#keizai .link a:visited,
#keizai .text p strong,
#keizai .schedule table caption,
#keizai .info dt,
#keizai .info dd,
#keizai .schedule h5 {
    color: #E48F99;
}

#keizai .link a::before,
#keizai .link a::after,
#keizai .schedule h4,
#keizai .schedule h5  {
    border-color: #E48F99;
}

#keizai .info {
    border-color: rgba(228,143,153,.3);
}


/* 理学部 */

#rigaku .title,
#rigaku tbody th {
    background: #DC546B;
}

#rigaku .title::after{
    border-color: #DC546B transparent transparent transparent;
}

#rigaku a,
#rigaku a:visited,
#rigaku .link a,
#rigaku .link a:visited,
#rigaku .text p strong,
#rigaku .schedule table caption,
#rigaku .info dt,
#rigaku .info dd,
#rigaku .schedule h5 {
    color: #DC546B;
}

#rigaku .link a::before,
#rigaku .link a::after,
#rigaku .schedule h4,
#rigaku .schedule h5  {
    border-color: #DC546B;
}

#rigaku .info {
    border-color: rgba(220,84,107,.3);
}

#rigaku ul.note li {
	width: max-content;
	margin: 0 auto;
}

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

#rigaku ul.note li {
	width: auto;
}

}


/* 工学部 */

#kogaku .title,
#kogaku tbody th {
    background: #80B856;
}

#kogaku .title::after{
    border-color: #80B856 transparent transparent transparent;
}

#kogaku a,
#kogaku a:visited,
#kogaku .link a,
#kogaku .link a:visited,
#kogaku .text p strong,
#kogaku .schedule table caption,
#kogaku .info dt,
#kogaku .info dd,
#kogaku .schedule h5,
#kogaku .schedule h6 {
    color: #80B856;
}

#kogaku .link a::before,
#kogaku .link a::after,
#kogaku .schedule h4,
#kogaku .schedule h5,
#kogaku .schedule h6 {
    border-color: #80B856;
}

#kogaku .info {
    border-color: rgba(128,184,86,.3);
}


/* 農学部 */

#nogaku .title,
#nogaku tbody th {
    background: #42A449;
}

#nogaku .title::after{
    border-color: #42A449 transparent transparent transparent;
}

#nogaku a,
#nogaku a:visited,
#nogaku .link a,
#nogaku .link a:visited,
#nogaku .text p strong,
#nogaku .schedule table caption,
#nogaku .info dt,
#nogaku .info dd,
#nogaku .schedule h5 {
    color: #42A449;
}

#nogaku .link a::before,
#nogaku .link a::after,
#nogaku .schedule h4,
#nogaku .schedule h5  {
    border-color: #42A449;
}

#nogaku .info {
    border-color: rgba(66,164,73,.3);
}


/* 創生学部 */

#sosei .title,
#sosei tbody th {
    background: #80B4DD;
}

#sosei .title::after{
    border-color: #80B4DD transparent transparent transparent;
}

#sosei a,
#sosei a:visited,
#sosei .link a,
#sosei .link a:visited,
#sosei .text p strong,
#sosei .schedule table caption,
#sosei .info dt,
#sosei .info dd,
#sosei .schedule h5 {
    color: #80B4DD;
}

#sosei .link a::before,
#sosei .link a::after,
#sosei .schedule h4,
#sosei .schedule h5  {
    border-color: #80B4DD;
}

#sosei .info {
    border-color: rgba(128,180,221,.3);
}


/* 医学部 医学科 */

#igaku .title,
#igaku tbody th {
    background: #E38037;
}

#igaku .title::after{
    border-color: #E38037 transparent transparent transparent;
}

#igaku a,
#igaku a:visited,
#igaku .link a,
#igaku .link a:visited,
#igaku .text p strong,
#igaku .schedule table caption,
#igaku .info dt,
#igaku .info dd,
#igaku .schedule h5 {
    color: #E38037;
}

#igaku .link a::before,
#igaku .link a::after,
#igaku .schedule h4,
#igaku .schedule h5  {
    border-color: #E38037;
}

#igaku .info {
    border-color: rgba(227,128,55,.3);
}


/* 医学部 保健学科 */

#hoken .title,
#hoken tbody th {
    background: #E68A00;
}

#hoken .title::after{
    border-color: #E68A00 transparent transparent transparent;
}

#hoken a,
#hoken a:visited,
#hoken .link a,
#hoken .link a:visited,
#hoken .text p strong,
#hoken .schedule table caption,
#hoken .info dt,
#hoken .info dd,
#hoken .schedule h5,
#hoken .schedule h6 {
    color: #E68A00;
}

#hoken .link a::before,
#hoken .link a::after,
#hoken .schedule h4,
#hoken .schedule h5,
#hoken .schedule h6 {
    border-color: #E68A00;
}

#hoken .info {
    border-color: rgba(230,138,0,.3);
}


/* 歯学部 */

#shigaku .title,
#shigaku tbody th {
    background: #EDB311;
}

#shigaku .title::after{
    border-color: #EDB311 transparent transparent transparent;
}

#shigaku a,
#shigaku a:visited,
#shigaku .link a,
#shigaku .link a:visited,
#shigaku .text p strong,
#shigaku .schedule table caption,
#shigaku .info dt,
#shigaku .info dd,
#shigaku .schedule h5 {
    color: #EDB311;
}

#shigaku .link a::before,
#shigaku .link a::after,
#shigaku .schedule h4,
#shigaku .schedule h5  {
    border-color: #EDB311;
}

#shigaku .info {
    border-color: rgba(237,179,17,.3);
}


/* 申込ボタン
------------------------------------------------------------------------------*/

#main .entry_button {
	margin-top: 3em;
}

#main .entry_button .online {
	display: none;
}

#main .entry_button a {
	text-decoration: none;
	color: #FFF;
}

#main .no_reserve,
#main .add {
	display: block;
	margin-top: 1em;
	text-align: center;
}
#main .add {
	margin-top: 0;
}