@charset "UTF-8";



/*global
------------------------------------- */
img, object, embed, video{max-width: 100%;}
button{cursor: pointer;}
table{border-collapse: collapse; border-spacing: 0;}

/*rayout
------------------------------------- */
#content-area{margin-top: 80px; padding-bottom: 120px;}
@media only screen and (max-width : 1079px){
	#content-area{margin-top: 60px; padding-bottom: 100px;}
}

.container{width: 1020px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 1079px){
	.container{width: 100%;}
}

/*header-navigation
------------------------------------- */
#gNav{}
.drawer{display: flex; justify-content: space-between; position: fixed; top: 0px; z-index: 100; height: 80px; width: 100%; background-color: #fff; opacity: 0.9;}
.rogo{display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 287px; background: transparent url('../images/logo_gakubu.svg') 0% 0% no-repeat; margin: 15px 0 0 20px;}
/* .rogo a{display: block; overflow: hidden; height: 60px;} */
/* .rogo span.daigaku{display: block; overflow: hidden; float: left;} */
.rogo span.daigaku a{display: block; overflow: hidden; height: 60px; width: 60px; float: left;}
.rogo span.hougakubu a{display: block; overflow: hidden; height: 60px; width: 227px;}
.head-right{display: flex; justify-content: space-between; align-items: center; }
.search-box{display: block; overflow: hidden; padding: 15px; z-index: 100;}
.search-box input{border-radius: 28px; border:1px solid #003461; background: rgba(255,255,255,0.5) url('../images/icon_search.svg') no-repeat right center; padding: 3px; background-position: right 12px bottom 8px; height: 28px;}
.search-box-sp{display: none;}
.button-fb{display: block; overflow: hidden; white-space: nowrap; text-indent: 100%; height: 36px; width: 36px; background: transparent url('../images/icon_fb_off.svg') no-repeat center center; margin: 0px 10px;}
.button-fb:hover{background-image: url('../images/icon_fb_on.svg')}
.button-access{display: block; overflow: hidden; white-space: nowrap; text-indent: 100%; height: 36px; width: 36px; background: transparent url('../images/icon_access_off.svg') no-repeat center center; margin: 0px 30px 0px 10px;}
.button-access:hover{background-image: url('../images/icon_access_on.svg')}
@media only screen and (max-width : 1079px){
	.drawer{height: 60px;}
	.rogo{margin: 5px 0 0 7px;}
	.search-box{display: none;}
	.button-fb{display: none;}
	.button-access{display: none;}
	.search-box-sp{display: block; overflow: hidden; padding: 20px; z-index: 100; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.search-box-sp input{border-radius: 20px; border:none; background: rgba(255,255,255,0.5) url('../images/icon_search.svg') no-repeat 7px 3px;}
}
@media only screen and (max-width : 480px){
	.rogo{width: 250px; background-size: contain; background-position: left center;}
	.rogo span.daigaku a{width: 50px;}
	.rogo span.hougakubu a{width: 200px;}
}

/*ハンバーガーメニューアイコン*/
.navbar_toggle{ z-index:9999; height: 80px; width: 80px; background-color: #003461; cursor:pointer;}
.navbar_toggle:hover{background-color: #0E7FC5; }
.navbar_toggle_icon { position: relative; display: block; height: 1px; width: 36px; background: #fff; -webkit-transition: ease .5s; transition: ease .5s;}
.navbar_toggle_icon:nth-child(1) { top: 0; margin: 29px 22px 0 22px;}
.navbar_toggle_icon:nth-child(2) { margin: 11px 22px;}
.navbar_toggle_icon:nth-child(3) { top: 0; margin: 0 22px; width: 24px;}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) { top: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0;}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) { top: -11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 36px;}

/*ハンバーガーメニューの中*/
.gmenu{display: flex; position: fixed; z-index: 3; top: 0; left: 0; background: #003461; text-align: center; transform: translateY(-100%); transition: all 0.6s; 
width: 100%; height: 484px; padding-top: 80px;}
.gmenu ul.cate1{display: flex; flex-direction: column; flex-wrap: wrap; list-style-type: none; padding: 0; width: 70%; margin: 0; letter-spacing: 0.1em;}
.gmenu ul.cate1 li{text-align: left; height: 120px; width: 50%; border-bottom: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); background: transparent url('../images/icon_cate1_off.svg') no-repeat right center; background-position: right 30px bottom 50px;}
.gmenu ul.cate1 li:hover{background: #fff url('../images/icon_cate1_on.svg') no-repeat right center; background-position: right 30px bottom 50px;}
.gmenu ul.cate1 li a{display: block; overflow: hidden; height:120px; color: #fff; font-size: 18px; padding: 45px 0 0 20px; text-decoration: none;}
.gmenu ul.cate1 li a:hover{color: #003461;}
.gmenu ul.cate1 li a.betsuwin{background: transparent url('../images/icon_betsuwin_gray.png') no-repeat top 50px left 120px;}
.gmenu ul.cate2{display: flex; flex-direction: column; list-style-type: none; padding: 30px 0 0 2px; margin: 0; width: 30%; letter-spacing: 0.1em;}
.gmenu ul.cate2 li{text-align: left; width: 230px; height: 58px; padding-left: 60px;}
.gmenu ul.cate2 li:hover{background: #fff;}
.gmenu ul.cate2 li a{display: block; overflow: hidden; height: 58px; color: #fff; padding: 20px 0 0 0; text-decoration: none;}
.gmenu ul.cate2 li a:hover{color: #003461;}

/*open時の動き*/
.gmenu.open{transform: translateY(0%);}
@media only screen and (max-width : 1079px){
	/*ハンバーガーメニューアイコン*/
	.navbar_toggle{ z-index:9999; height: 60px; width: 60px; background-color: #003461; cursor:pointer;}
	.navbar_toggle:hover{background-color: #0E7FC5; }
	.navbar_toggle_icon { position: relative; display: block; height: 1px; width: 30px; background: #fff; -webkit-transition: ease .5s; transition: ease .5s;}
	.navbar_toggle_icon:nth-child(1) { top: 0; margin: 19px 14px 0 14px;}
	.navbar_toggle_icon:nth-child(2) { margin: 9px 14px;}
	.navbar_toggle_icon:nth-child(3) { top: 0; margin: 0 14px; width: 24px;}
	/*OPEN時の動き*/
	.navbar_toggle.open .navbar_toggle_icon:nth-child(1) { top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(2) { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0;}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(3) { top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 30px;}
	.gmenu{display: block; padding-top: 60px; height: auto;}
	.gmenu ul.cate1{width: 100%; letter-spacing: 0.05em;}
	.gmenu ul.cate1 li{height: 60px; width: 100%; background-position: right 20px bottom 20px;}
	.gmenu ul.cate1 li:hover{background-position: right 20px bottom 20px;}
	.gmenu ul.cate1 li a{height: 60px; font-size: 16px; padding: 15px 0 0 20px;}
	.gmenu ul.cate1 li a.betsuwin{background: transparent url('../images/icon_betsuwin_gray.png') no-repeat top 20px left 100px;}
	.gmenu ul.cate2{width: 100%; letter-spacing: 0.05em; padding: 30px 0;}
	.gmenu ul.cate2 li{width: 100%; height: 45px; padding-left: 20px;}
	.gmenu ul.cate2 li a{height: 45px; padding: 10px 0 0 0;}
}

/*top-page
------------------------------------- */
.top-navi{}
.top-navi ul{display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0;}
.top-navi ul li{display: block; list-style-type: none; width: 25%; height: 70px; text-align: center; border-bottom: 1px solid rgba(255,255,255,1); background: #E6EBEF url('../images/icon_top_navi_off.png') no-repeat right center; background-position: right 25px bottom 25px;}
.top-navi ul li:hover{background: #E6EBEF url('../images/icon_top_navi_on.png') no-repeat right center; background-position: right 25px bottom 25px;}
.top-navi ul li a{display: flex; justify-content: center; align-items: center; color: #003461; font-weight: 500; height: 70px; border-right: 1px solid rgba(255,255,255,1); text-decoration: none;}
.top-navi ul li a:hover{color: #0E7FC5;}
.top-navi ul li a.betsuwin2{background: transparent url('../images/icon_betsuwin_blue.png') no-repeat right 50px top 30px;}
.top-navi-sp{display: none;}
@media only screen and (max-width : 1079px){
	.top-navi{display: none;}
	.top-navi-sp{display: block;}
	.top-navi-sp ul{display: flex; flex-direction: column; flex-wrap:wrap; margin: 0; padding: 0;}
	.top-navi-sp ul li{display: block; list-style-type: none; width: 100%; height: 50px; border-bottom: 1px solid rgba(255,255,255,1); background: #E6EBEF url('../images/icon_top_navi_off.png') no-repeat right center; background-position: right 10px bottom 17px;}
	.top-navi-sp ul li:hover{background: #E6EBEF url('../images/icon_top_navi_on.png') no-repeat right center; background-position: right 10px bottom 17px;}
	.top-navi-sp ul li a{display: block; overflow: hidden; color: #003461; font-weight: 500; height: 50px; border-right: 1px solid rgba(255,255,255,1); padding: 12px 0 0 20px; text-decoration: none;}
	.top-navi-sp ul li a:hover{color: #0E7FC5;}
}


/***********************************************/
/*top header news*/
/***********************************************/
#header-area{
	width: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.head-top{min-height: 739px; background-size:cover; background-repeat:no-repeat; background-position: center; padding-top: 30px;}
.head-normal{min-height: 270px; background-image: url(../images/bg_graduate_normal.jpg); border-bottom: 2px solid #003461;}
.head-news{display: flex; align-items: center; height: 70px; width: 1020px; margin: 0 auto; background-color: #003461; border-radius: 35px;}
.head-news h3{color: #fff; padding-left: 30px; letter-spacing: 0.1em;}
.head-news .newsdate{color: #fff; padding-left: 30px;}
.head-news .newslead a{color: #fff; padding-left: 20px; letter-spacing: 0.1em;}
.head-news .but-ichiran{display: flex; justify-content: center; align-items: center; width: 80px; height: 40px; background-color: #fff; border-radius: 20px; margin-right: 18px;}
.head-news .but-ichiran:hover{background-color: #0E7FC5;}
.head-news .but-ichiran a{display: flex; justify-content: center; align-items: center; width: 80px; height: 40px; color: #003461; text-decoration: none; font-weight: 500;}
.head-news .but-ichiran a:hover{color: #fff;}
.head-news > div:last-of-type{margin-left: auto;}
.head-news-sp{display: none;}
@media only screen and (max-width : 1079px){
	.head-top{min-height: 300px; background-size:cover;}
	.head-normal{min-height: 100px; background-image: url(../images/bg_graduate_normal_s.jpg); border-bottom: 2px solid #003461;}
	.head-exam{min-height: 100px; background-image: url(../images/bg_faculty_exam_s.jpg); border-bottom: 2px solid #003461;}
	.head-news{display: none;}
	.head-news-sp{display: flex; flex-direction: column; flex-wrap:wrap; min-height: 190px; width: 388px; margin: 20px auto; background-color: #003461; border-radius: 20px;}
	.head-news-sp h3{color: #fff; padding-left: 30px; letter-spacing: 0.05em; font-size: 22px; margin: 25px 0 15px 0; line-height: 1em;}
	.head-news-sp .newsdate{color: #fff; padding-left: 30px; font-size: 14px; line-height: 1em;}
	.head-news-sp .newslead{padding-left: 30px; padding-right: 30px;}
	.head-news-sp .newslead a{color: #fff; letter-spacing: 0.05em; font-size: 14px; line-height: 1em;}
	.head-news-sp .but-ichiran{display: flex; justify-content: center; align-items: center; width: 328px; height: 50px; background-color: #fff; border-radius: 25px; margin: 15px auto 25px auto;}
	.head-news-sp .but-ichiran:hover{background-color: #0E7FC5;}
	.head-news-sp .but-ichiran a{display: flex; justify-content: center; align-items: center; width: 328px; height: 50px; color: #003461; text-decoration: none; font-weight: 500;}
	.head-news-sp .but-ichiran a:hover{color: #fff;}
}
@media only screen and (max-width : 480px){
	.head-news-sp{width: 98%;}
	.head-news-sp .but-ichiran{width: 85%;}
	.head-news-sp .but-ichiran a{width: 85%;}
}

/* top message
------------------------------------- */
.top-message{display: flex; margin: 80px auto 0px auto;}
.top-message .cont-left{display: block; width: 480px;}
.top-message .cont-left img{width: 480px;}
.top-message .cont-right{display: block; padding-left: 50px; color: #003461; width: 490px;}
.top-message .cont-right h3{font-size: 24px; font-weight: bold; margin: 5px auto 12px auto;}
.top-message .message-title{font-size: 34px; font-family: 'Noto Serif JP', serif; line-height: 1.4em; margin: 10px 0;}
.top-message .name{margin: 10px 0 30px 0; font: normal normal normal 16px/30px Noto Sans JP Medium;}
.message-detail{display: block; line-height: 1.8em; color: #003461;}
.shomei{text-align: right;}
@media only screen and (max-width : 1079px){
	.top-message{display: block; margin: 50px 0 0 0;}
	.top-message .cont-left{display: flex; justify-content: center; width: auto;}
	.top-message .cont-left img{object-fit: cover;}
	.top-message .cont-right{padding-left: 20px; width: auto;}
	.top-message .cont-right h3{font-size: 22px; margin-top: 50px;}
	.top-message .message-title{font-size: 30px; font-family: 'Noto Serif JP', serif; line-height: 1.5em; margin: 10px 0;}
	.top-message .message-title br{display: none;}
	.message-detail{margin: 0 30px; font-size: 14px;}
}


/* for button more
------------------------------------- */
.txt-hide2{display: none;}
button.more2 {display: block; width: 300px; height: 60px; margin: 10px 0 10px 0; color: #003461; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: 0.05em; border: 1px solid rgba(0, 52, 97, 1); background-color: #fff; border-radius: 30px; padding: 6px 20px;}
button.more2:hover{background-color: #0E7FC5; border: none; color: #fff;}
button.more2::after { content: "＋ もっと見る";}
button.more2.on-click::after{ content: "ー 閉じる";}
button.more2-sp{display: none;}
@media only screen and (max-width : 1079px){
	button.more2{display: none;}
	button.more2-sp{display: block; width: 300px; height: 60px; margin: 10px auto 10px auto; color: #003461; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: 0.05em; border: 1px solid rgba(0, 52, 97, 1); background-color: #fff; border-radius: 30px; padding: 6px 20px;}
	button.more2-sp:hover{background-color: #0E7FC5; border: none; color: #fff;}
	button.more2-sp::after { content: "＋ もっと見る"; }
	button.more2-sp.on-click::after{ content: "ー 閉じる";}
}


.txt-hide3{display: none;}
button.more3 {display: block; width: 120px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 15px; padding: 1px 5px;}
button.more3:hover{opacity: 0.7;}
button.more3::after { content: "＋ もっと見る";}
button.more3.on-click::after{ content: "ー 閉じる";}
@media only screen and (max-width : 1079px){
	button.more3{width: 160px; height: 40px; margin: 10px auto 10px auto; border-radius: 25px;}
}

.txt-hide4{display: none;}
button.more4 {display: block; width: 120px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 15px; padding: 1px 5px;}
button.more4:hover{opacity: 0.7;}
button.more4::after { content: "＋ もっと見る";}
button.more4.on-click::after{ content: "ー 閉じる";}
@media only screen and (max-width : 1079px){
	button.more4{width: 160px; height: 40px; margin: 10px auto 10px auto; border-radius: 25px;}
}

.txt-hide5{display: none;}
button.more5 {display: block; width: 120px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 15px; padding: 1px 5px;}
button.more5:hover{opacity: 0.7;}
button.more5::after { content: "＋ もっと見る";}
button.more5.on-click::after{ content: "ー 閉じる";}
@media only screen and (max-width : 1079px){
	button.more5{width: 160px; height: 40px; margin: 10px auto 10px auto; border-radius: 25px;}
}

.txt-hide-kako{display: none;}
button.more-kako {display: block; width: 260px; height: 40px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 20px; padding: 1px 5px;}
button.more-kako:hover{opacity: 0.7;}
button.more-kako::after { content: "＋ これまでの教員推薦図書";}
button.more-kako.on-click::after{ content: "ー 閉じる";}
@media only screen and (max-width : 1079px){
	button.more-kako{width: 240px; height: 40px; margin: 10px auto 10px auto; border-radius: 20px; font-size: 14px;}
}

/* for button detail
------------------------------------- */
.button-waku{display: flex; justify-content: space-between; width: 250px; margin-left: auto; margin-right: auto;}

button.detail{display: block; width: 100px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background: #0E7FC5 url(../images/icon_detail_14white.svg) no-repeat right 10px center; background-size: 14px 14px; border-radius: 15px; padding: 1px 5px;}
button.detail:hover{opacity: 0.7;}
button.detail a{color: #fff; text-decoration: none;}

button.detail2{display: block; width: 100px; height: 30px; margin: 10px auto 10px 0; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background: #0E7FC5 url(../images/icon_detail_14white2.svg) no-repeat left 10px center; background-size: 14px 14px; border-radius: 15px; padding: 1px 5px;}
button.detail2:hover{opacity: 0.7;}
button.detail2 a{color: #fff; text-decoration: none;}

button.detail3{display: block; width: 100px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background: #0E7FC5 url(../images/icon_detail_14white2.svg) no-repeat left 10px center; background-size: 14px 14px; border-radius: 15px; padding: 1px 5px;}
button.detail3:hover{opacity: 0.7;}
button.detail3 a{color: #fff; text-decoration: none;}
@media only screen and (max-width : 1079px){
	.button-waku{width: 80px;}
	button.detail{width: 20px; height: 20px; border-radius: 10px; background: #fff url(../images/icon_detail_14blue.svg) no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden;}
	button.detail a{color: #0e7fc5; display: block; overflow: hidden;}
	button.detail2, button.detail3{width: 20px; height: 20px; border-radius: 10px; background: #fff url(../images/icon_detail_14blue2.svg) no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden;}
	button.detail2 a, button.detail3 a{color: #0e7fc5; display: block; overflow: hidden;}
}

/* top contents
------------------------------------- */
.index-top{display: flex; justify-content: center; height: 240px; background: transparent url(../images/bg_index_top.png) repeat-x; margin-top: 120px;}
.index-top-inner{background: transparent url(../images/bg_index_line_80.png) no-repeat center bottom;}
.index-top-inner h3{color: #003461; font-size: 40px; font-weight: normal; letter-spacing: 0.2em; text-align: center; padding-top: 30px;}
.index-top-inner h3 span{font-size: 16px; letter-spacing: 0em;}

.index-top2{display: flex; justify-content: center; height: 280px; background: transparent url(../images/bg_index_top2.png) no-repeat; margin-top: 120px;}
.index-top2-inner{background: transparent url(../images/bg_index_line_80.png) no-repeat center bottom;}
.index-top2-inner h3{color: #ffffff; font-size: 40px; font-weight: normal; letter-spacing: 0.1em; text-align: center; padding-top: 80px;}
.index-top2-inner h3 span{font-size: 14px; letter-spacing: 0em;}

.index-lev2{}
.index-lev2 h4{height: 40px; background-color: #003461; font-size: 26px; font-weight: normal; text-align: center; color: #fff; padding-top: 10px;}
.lev2-detail{display: flex;}
.lev2-detail .cont-left{width: 250px; height: 200px;}
.lev2-detail .cont-right{flex: 1; margin-left: 30px; color: #003461; font-size: 20px; line-height: 1.8em;}
.lev2-detail .cont-normal{flex: 1; margin-top: 10px; margin-bottom: 50px; color: #003461; font-size: 18px; line-height: 1.8em;}
@media only screen and (max-width : 768px){
	.index-top{margin-left: 30px; margin-right: 30px;}
	.index-lev2{margin-left: 30px; margin-right: 30px;}
	.lev2-detail{display: flex; flex-direction: column;}
	.lev2-detail .cont-left{width: 250px; margin: 0 auto 40px auto;}
	.lev2-detail .cont-right{margin-left: 30px; margin-right: 30px; font-size: 18px;}
	.lev2-detail .cont-normal{margin-left: 30px; margin-right: 30px; font-size: 18px;}
}
@media only screen and (max-width : 480px){
	.index-top{margin-left: 2%; margin-right: 2%;}
	.index-top2{display: flex; justify-content: center; height: 280px; background: transparent url(../images/bg_index_top2_sp.png) no-repeat; margin-top: 100px;}
	.index-top2-inner h3{color: #ffffff; font-size: 32px; font-weight: normal; letter-spacing: 0.1em; text-align: center; padding-top: 85px;}
	.index-top2-inner h3 span{font-size: 12px; letter-spacing: 0em;}
	.index-lev2{margin-left: 2%; margin-right: 2%;}
	.index-lev2 h4{padding-top: 12px; font-size: 22px;}
	.lev2-detail .cont-right{margin-left: 2%; margin-right: 2%; font-size: 18px;}
}

/*footer
------------------------------------- */
.foot-navi-area{display: flex; background-color: #E6EBEF; padding: 50px 60px 10px 60px;}
.foot-left{}
.rogo2{display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 299px; height: 52px; background: transparent url('../images/logo_gakubu.svg') 0% 0% no-repeat; margin: 0 80px 30px 0;}
.foot-left .button-group{display: flex;}
.foot-left .button-group .button-fb{margin: 0}
.footer-middle{display: block; overflow: hidden;}
.foot-middle ul{display: flex; flex-direction: column; flex-wrap: wrap; height: 180px; width: 560px; list-style-type: none; padding: 0; margin: 10px 0 0 0;}
.foot-middle ul li{background: #E6EBEF url('../images/icon_navi_foot.png') no-repeat left center; margin-right: 80px; margin-bottom: 20px; padding-left: 15px;}
.foot-middle ul li a{color: #003461; display: block; overflow: hidden;}
.foot-middle ul li a.betsuwin3{background: transparent url('../images/icon_betsuwin_blue.png') no-repeat left 80px top 5px;}
.footer-right{display: block; overflow: hidden;}
.foot-right ul{list-style-type: none; padding: 0; margin: 5px 0 0 0;}
.foot-right ul li{margin-bottom: 20px; font-size: 90%;}
.foot-right ul li a{color: #003461;}
.button-group-sp{display: none;}
.copyright{text-align: center; font-size: 10px; background-color: #E6EBEF; color: #003461;}
@media only screen and (max-width : 1079px){
	.foot-navi-area{flex-direction: column; padding: 0; margin: 0;}
	.rogo2{width: 287px; margin: 30px auto;}
	.foot-middle ul{display: flex; flex-direction: column; flex-wrap:wrap; margin: 0; padding: 0; height: auto; width: auto; border-top: 1px solid rgba(255,255,255,1);}
	.foot-middle ul li{display: block; list-style-type: none; width: 100%; height: 50px; border-bottom: 1px solid rgba(255,255,255,1); background: #E6EBEF url('../images/icon_top_navi_off.png') no-repeat right center; background-position: right 10px bottom 17px; margin: 0; line-height: 2em; padding-left: 0;}
	.foot-middle ul li:hover{background: #E6EBEF url('../images/icon_top_navi_on.png') no-repeat right center; background-position: right 10px bottom 17px;}
	.foot-middle ul li a{display: block; overflow: hidden; color: #003461; font-weight: 500; height: 50px; border-right: 1px solid rgba(255,255,255,1); padding: 12px 0 0 20px; text-decoration: none;}
	.foot-middle ul li a:hover{color: #0E7FC5;}
	.foot-middle ul li a.betsuwin3{background: transparent url('../images/icon_betsuwin_blue.png') no-repeat left 100px top 20px;}
	.foot-right ul{margin: 30px 0 0 20px;}
	.button-group-sp{display: flex; justify-content: center;}
	.button-group-sp .button-fb{display: block;}
	.button-group-sp .button-access{display: block;}
}

/*header pages
------------------------------------- */
#header-area{width: 100%; background-position: bottom center; background-repeat: no-repeat;}
/*.page-head-mission{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_mission.png) no-repeat center center; background-size: cover; height: 320px;}*/
.page-head-mission{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_mission.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-exam{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_exam.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-curr{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_curr.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-law{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_law.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-support{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_support.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-shinro{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_shinro.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-academic{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_academic.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-info{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_info.png) no-repeat center center; background-size: cover; height: 320px;}
.page-head-itv{display: flex; justify-content: flex-start; align-items: center; background: transparent url(../images/header_bg_itv.png) no-repeat center center; background-size: cover; height: 320px;}

#header-area h2{color: #ffffff; font-size: 36px; line-height: 1.5em; border-left: 4px solid #fff; padding-left:30px; margin-left: 15%; text-shadow: 0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461,0 0 3px #003461;}
/*#header-area h2{color: #fff; font-size: 36px; line-height: 1.5em; background: #003461 url(../images/bg_title_line_110.png) no-repeat 250px 106px; margin: 0; padding-top: 106px; padding-bottom: 106px; padding-left: 280px; padding-right: 30px;}*/
@media only screen and (max-width : 767px){
	.page-head-mission{display: block; background-image: none; height: 386px;}
	.page-head-mission-sp{display: block; background: transparent url(../images/header_bg_sp_mission.png)no-repeat center bottom; background-size: cover; height: 240px;}
	.page-head-exam{display: block; background-image: none; height: 386px;}
	.page-head-exam-sp{display: block; background: transparent url(../images/header_bg_sp_exam.png)no-repeat center center; background-size: auto; height: 240px;}
	.page-head-curr{display: block; background-image: none; height: 386px;}
	.page-head-curr-sp{display: block; background: transparent url(../images/header_bg_sp_curr.png)no-repeat center bottom; background-size: cover; height: 240px;}
	.page-head-law{display: block; background-image: none; height: 386px;}
	.page-head-law-sp{display: block; background: transparent url(../images/header_bg_sp_law.png)no-repeat center bottom; background-size: cover; height: 240px;}
	.page-head-support{display: block; background-image: none; height: 386px;}
	.page-head-support-sp{display: block; background: transparent url(../images/header_bg_sp_support.png)no-repeat center bottom; background-size: cover; height: 240px;}
	.page-head-shinro{display: block; background-image: none; height: 386px;}
	.page-head-shinro-sp{display: block; background: transparent url(../images/header_bg_sp_shinro.png)no-repeat center center; background-size: cover; height: 240px;}
	.page-head-academic{display: block; background-image: none; height: 386px;}
	.page-head-academic-sp{display: block; background: transparent url(../images/header_bg_sp_academic.png)no-repeat center center; background-size: cover; height: 240px;}
	.page-head-info{display: block; background-image: none; height: 386px;}
	.page-head-info-sp{display: block; background: transparent url(../images/header_bg_sp_info.png)no-repeat center center; background-size: auto; height: 240px;}
	.page-head-itv{display: block; background: transparent url(../images/header_bg_sp_itv.png)no-repeat center center; background-size: cover; height: 386px;}

	#header-area h2{color: #fff; font-size: 28px; margin-left: 30px; border: none; background: #003461 url(../images/bg_title_line_40.png) no-repeat 30px 55px; margin: 0; padding-top: 52px; padding-bottom: 52px; padding-left: 50px;}
	#header-area h2 br{display: none;}
}
@media only screen and (max-width : 480px){
	/*#header-area h2{font-size: 24px; line-height: 1.1em;}*/
}

/* template
------------------------------------- */
.pankuzu{margin-top: 10px; margin-bottom: 20px; font-size: 90%;}
.pankuzu a{color: #0E7FC5;}
.index-page{display: flex; justify-content: center; height: 190px; background: transparent url(../images/bg_index_page.png) repeat-x; margin-top: 60px;}
.index-page-inner{background: transparent url(../images/bg_index_line_60.png) no-repeat center bottom;}
.index-page-inner2{background: transparent url(../images/bg_index_line_60.png) no-repeat center bottom;}
.index-page-inner3{background: transparent url(../images/bg_index_line_60.png) no-repeat center bottom;}
.index-page-inner h3{color: #003461; font-size: 30px; font-weight: normal; letter-spacing: 0em; text-align: center; padding-top: 30px;}
.index-page-inner2 h3{color: #003461; font-size: 28px; font-weight: normal; letter-spacing: 0em; text-align: center; padding-top: 25px; line-height: 1.1em;}
.index-page-inner3 h3{color: #003461; font-size: 28px; font-weight: normal; letter-spacing: 0em; line-height: 1.3em;}
.index-page-inner h3 span{font-size: 13px; letter-spacing: 0em;}
.index-page2 h3{font-size: 26px; font-weight: bold; border-bottom: 2px solid #003461; padding-bottom: 15px;}
br.sp-only{display: none;}
.index-page3{border-top: 2px solid #003461; border-bottom: 2px solid #003461; padding: 20px 0;}
.index-page3 h3{font-size: 26px; font-weight: bold;}
.index-page3 p{margin: 0;}
hr.kazari1{border:0; height: 8px; background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%); background-size: 8px 8px; margin: 50px 0;}
hr.kazari2 {border:0; height: 8px; background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%); background-size: 8px 8px;}
@media only screen and (max-width : 1079px){
	.pankuzu{margin-left: 30px; margin-right: 30px;}
	.index-page{margin-left: 30px; margin-right: 30px;}
	.index-page-inner h3{font-size: 26px;}
	.index-page-inner2 h3{font-size: 22px;}
	.index-page-inner3 h3{font-size: 22px;}
	.index-page-inner h3 span{font-size: 12px;}
	.index-page2{margin-left: 30px; margin-right: 30px;}
	br.sp-only{display: block;}
}
@media only screen and (max-width : 480px){
	.pankuzu{margin-left: 2%; margin-right: 2%;}
	.index-page{margin-left: 2%; margin-right: 2%;}
}

/* page info
------------------------------------- */
.news-list dl{display: flex;}
.news-list dl dt{display: block; min-width: 100px;}
.news-list dl dd{display: block; width: 100%; margin-left: 20px;}
.news-list dl dd a{display: block; color: #0E7FC5; background: transparent url(../images/icon_top_navi_on.svg)no-repeat right center; background-size: 20px 20px; padding-right: 30px;}
#topics #title h3{font-size: 26px; font-weight: 500; border-bottom: 2px solid #003461; padding-bottom: 15px; margin-bottom: 15px; line-height: 1.5em;}
#topics .date{text-align: right; font-weight: 500;}
#topics #note{line-height: 1.8em; border-bottom: 2px solid #003461;}
#topics .backlist{text-align: right; margin-top: 10px; font-size: 14px;}
#topics .backlist a{color: #0E7FC5;}
@media only screen and (max-width : 1079px){
	.news-list{margin-left: 30px; margin-right: 30px;}
	#topics{margin-left: 30px; margin-right: 30px;}
	#topics #title h3{font-size: 22px;}
}

/* page search
------------------------------------- */
.search-list{margin-top: 30px;}
.search-list ol{list-style-type: none; margin-left: 0; padding-left: 20px;}
.search-list ol li dl dd{margin-left: 0; padding-left: 0;}


/* page mission-vision
------------------------------------- */
.cont-txt p{font: normal normal normal 18px/32px Noto Sans JP Regular; font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/32px Noto Sans JP Regular; font-family: font-family: 'Noto Sans JP', sans-serif;}
.vision{}
.vision ul{display: flex; flex-wrap: wrap; list-style-type: none; margin: 30px 0 0 0; padding: 0;}
.vision ul li{display: flex; flex-direction: column; align-items: stretch; width: 33%; margin-bottom: 30px;}
/*.vision ul li p{font: normal normal normal 16px/28px Noto Sans JP Regular; padding: 0 15px;}*/
.vision ul li p{font-size:16px; line-height: 2em; padding: 0 15px;}
.vision ul li img{width: 180px; height: 180px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 1079px){
	.cont-txt p{margin-left: 30px; margin-right: 30px;}
	.vision ul li{width: 100%; margin-bottom: 30px;}
	/*.vision ul li p{font: normal normal normal 14px/26px Noto Sans JP Regular; padding: 0 30px;}*/
	.vision ul li p{font-size: 14px; padding: 0 30px;}
}
@media only screen and (max-width : 480px){
	/*.cont-txt p{font: normal normal normal 16px/32px Noto Sans JP Regular; margin-left: 2%; margin-right: 2%;}*/
	.cont-txt p{font-size: 16px; margin-left: 2%; margin-right: 2%;}
	.vision ul li p{padding: 0 1%;}
}

/*tab切り替え用
------------------------------------- */
/* タブメニュー1 */
.curr-teacher ul, .ronbun ul{list-style-type: none; padding: 0; margin: 0;}
.tab-group{display: flex; justify-content: center; align-items: center; background: #E6EBEF url(../images/bg_tab_off.png);}
.tab{flex-grow: 1; height: 72px; align-self: center; text-align:center; cursor:pointer; border-right: 3px solid #fff;}
.tab:last-child{border-right:none;}
.tab p{font-size: 20px; font-weight: 500; margin: 0; padding-top: 15px; letter-spacing: 0.4px;}
.tab p.law{font-size: 18px; font-weight: 500; margin: 0; padding-top: 15px; letter-spacing: 0.4px;}
.panel-group{min-height:100px; }
.panel{display:none;}
.tab.is-active{background: transparent url(../images/bg_tab_on.png) no-repeat center bottom; color:#FFF; transition: all 0.2s ease-out;}
.panel.is-show{display:block;}

.curr-teacher h3{font-size: 30px; font-weight: 400;}
.teachers-info h4{font-size: 26px; font-weight: 400; margin-top: 60px;}
.teachers-info table{width: 100%;}
.teachers-info table th{background-color: #003461; color: #fff; height: 36px; text-align: left; padding: 0 20px; font-weight: 400;}
.teachers-info table tr:nth-child(odd) td{background: #fff;}
.teachers-info table td{background: #e6ebef; height: 50px; font-size: 20px; font-weight: 400; padding: 0 20px;}
.teachers-info table td:first-child{width: 50%;}
.teachers-info table td div.name{float: left; width: 200px;}
.teachers-info table td span.roman{font-size:18px; font-weight: normal; letter-spacing: -0.36px;}
@media only screen and (max-width : 1079px){
	.curr-teacher{margin-left: 30px; margin-right: 30px;}
	.curr-teacher h3{font-size: 22px; font-weight: 400; text-align: center; margin-top: 70px;}
	.tab{height: 70px;}
	.tab p{font-size: 16px;}
	.tab p.law{font-size: 14px; line-height: 1.1em; padding-top: 5px;}
	.teachers-info h4{font-size: 18px; font-weight: 400; margin-top: 60px;}
	.teachers-info table td{font-size: 16px; height: 70px;}
	.teachers-info table td div.name{float: none; width: 150px;}
	.teachers-info table td span.roman{font-size: 14px; letter-spacing: -0.28px;}
}
@media only screen and (max-width : 480px){
	.curr-teacher{margin-left: 2%; margin-right: 2%;}
	.tab p.support{font-size: 14px; line-height: 1.1em; padding-top: 15px;}
}


/* タブメニュー2 */
/*.tab-group2{display: flex; justify-content: center; align-items: center; background: #E6EBEF url(../images/bg_tab_off.png);}
.tab2{flex-grow: 1; height: 72px; align-self: center; text-align:center; cursor:pointer; border-right: 3px solid #fff;}
.panel-group2{min-height:100px; }
.panel2{display:none;}
.tab2.is-active{background: transparent url(../images/bg_tab_on.png) no-repeat center bottom; color:#FFF; transition: all 0.2s ease-out;}
.panel2.is-show{display:block;}*/

/* for_tabs.js */
ul.tabs-nav{border-bottom: none; margin-bottom: 30px;}
.tabs-nav li{opacity: 0.5;}
.tabs-nav li.selected{opacity: 1.0; border-bottom: 2px solid #003461;}


.teachers-detail h3{font: normal normal normal 30px/40px Noto Sans JP Medium;}
.teacher-box1{display: flex;}
.teacher-box1-left{display: block; overflow: hidden; margin-right: 40px;}
.teacher-box1-right{width: 100%;}
.teacher-box1-right dl{margin: 0; padding: 0;}
.teacher-box1-right dl dt{border-bottom: 1px solid #003461; font: normal normal normal 24px/52px Noto Sans JP Medium;}
.teacher-box1-right dl dd{margin: 0; padding: 0; font: normal normal normal 30px/52px Noto Sans JP Medium;}
.teacher-box1-right dl dd span{font: normal normal normal 20px/40px Noto Sans JP Regular;}
.teacher-box1-right table{width: 100%;}
.teacher-box1-right table tr{background-color: #f2f5f7; border-bottom: 4px solid #fff;}
.teacher-box1-right table tr th{ text-align: right; font-weight: normal; width: 100px;}
.teacher-box2 dl dt{background-color: #003461; color: #fff; height: 40px; padding-left: 20px; font: normal normal normal 20px/40px Noto Sans JP Medium;}
.teacher-box2 dl dd{font: normal normal normal 18px/32px Noto Sans JP Regular; margin: 0; padding: 10px 20px;}
.teacher-box2 dl dd table th{font-weight: normal; text-align: left; padding-right: 20px;}
.teacher-box2 dl dd ul{list-style-image: url(../images/icon_li_circle_blue.png);}
.teacher-box2 dl dd ul li{margin-left: 2em;}
/*.teacher-box2 dl dd ul li:before{display: inline-block; vertical-align: middle; content:''; width: 0.7em; height: 0.7em; background: #003461; border-radius: 50%; margin-right: 10px;}*/
@media only screen and (max-width : 1079px){
	.teachers-detail h3{font: normal normal normal 22px/40px Noto Sans JP Medium;}
	.teacher-box1{flex-direction: column;}
	.teacher-box1-left{margin: 0 auto;}
	.teacher-box1-right dl dd{display: flex; flex-direction: column; line-height: 1em; padding-top: 20px; padding-bottom: 10px;}
	.teacher-box1-right dl dd span{}
	.teacher-box1-right table tr{border-bottom: 2px solid #fff; height: 40px;}
	.teacher-box2 dl dt{font: normal normal normal 14px/50px Noto Sans JP Medium; height: 50px;}
	.teacher-box2 dl dd{font: normal normal normal 16px/32px Noto Sans JP Regular; padding: 10px 0;}
}

.curr-info > #tabs1 > ul > li{font: normal normal normal 26px Noto Sans JP Medium; margin-right: 10px;}
.curr-info > #tabs2 > ul > li{font: normal normal normal 26px Noto Sans JP Medium; margin-right: 10px;}
.curr-tab{margin-top: 50px;}
.curr-tab iframe{width: 100%; min-height: 1010px;}
.curr-tab iframe.type2{min-height: 1650px;}
.curr-nakami table{width: 100%; margin-bottom: 30px;}
.curr-nakami table th{background-color: #003461; color: #fff; text-align: left; padding: 5px 20px; font-weight: 500;}
.curr-nakami table td{padding: 10px 20px; width: 25%;}
.curr-nakami table tr:nth-child(even) td{background-color: #E6EBEF;}
.semi-nakami table{width: 100%; margin-bottom: 30px;}
.semi-nakami table th{background-color: #003461; color: #fff; text-align: left; padding: 5px 20px; font-weight: 500;}
.semi-nakami table td{padding: 10px 20px;}
.semi-nakami table td:first-child{width: 30%;}
.semi-nakami table tr:nth-child(even) td{background-color: #E6EBEF;}
.chu-comment{margin-top: 0;}
@media only screen and (max-width : 767px){
	.curr-info > #tabs1 > ul > li{font: normal normal normal 22px Noto Sans JP Medium; width: 48%; margin-right: 0;}
	.curr-info > #tabs2 > ul > li{font: normal normal normal 22px Noto Sans JP Medium; width: 48%; margin-right: 0;}
	.curr-nakami table th, .curr-nakami table td{display: block; width: 85%;}
	.semi-nakami table th, .curr-nakami table td{display: block; width: 85%;}
	.semi-nakami table td:first-child{width: 85%;}
}

iframe.type2{width: 100%; min-height: 1500px;}
/* iframe.type3{width: 100%; min-height: 2600px;} */
iframe.type3{width: 100%; min-height: 4000px;}
iframe.type4{width: 100%; min-height: 1200px;}
iframe.type5{width: 100%; min-height: 600px;}
iframe.type6{width: 100%; min-height: 1800px;}
iframe.type7{width: 100%; min-height: 1300px;}
iframe.type8{width: 100%; min-height: 2300px;}
iframe.type9{width: 100%; min-height: 1950px;}

.ikusei{}
.ikusei h3{font-size: 26px; font-weight: bold; border-bottom: 2px solid #003461; padding-bottom: 15px; margin-top: 40px; line-height: 1.2em;}
.ikusei h4{font-size: 20px; font-weight: bold; margin-bottom: 10px; margin-top: 40px;}
.ikusei p{font-size: 16px; line-height: 2.0em; margin: 0;}
.ikusei p.highlight{font-size: 16px; line-height: 1.8em;}
.ikusei p.highlight span{font-weight: bold;}
.ikusei a{color: #0E7FC5; text-decoration: none;}
.ikusei a:hover{opacity: 0.5;}
.ikusei ol{margin: 0; padding: 0;}
.ikusei ol li{list-style-type: none; counter-increment: cnt; line-height: 2.0em; padding-left: 40px;}
.ikusei ol li::before{content:"（" counter(cnt)"）"; margin-left: -40px;}
.ikusei ol.marunum{counter-reset: my-counter;list-style: none; padding: 0; margin-top: 20px;}
.ikusei ol.marunum li{margin-bottom: 15px; padding-left: 30px; position: relative; line-height: 1.5em; font-size: 16px;}
.ikusei ol.marunum li:before {content: counter(my-counter); counter-increment: my-counter; display: block; float: left; line-height: 16px; margin-left: -30px; text-align: center; height: 16px; width: 16px; border: 1px solid #003461; border-radius: 50%; margin-top: 4px;}


.ikusei table{border: 1px solid #C8D2DC; border-collapse: collapse; width: 100%; margin: 20px 0;}
.ikusei table th{background-color: #E6EBEF; font-weight: normal; border: 1px solid #C8D2DC; border-collapse: collapse; height: 50px; padding: 0 20px;}
.ikusei table td{font-weight: normal; border: 1px solid #C8D2DC; border-collapse: collapse; height: 50px; padding: 0 20px;}
.ikusei table td:first-child{text-align: center;}
.ikusei table td.txt-c{text-align: center;}
.kome{background: transparent url(../images/bg_icon_kome.png) no-repeat left 1px top 7px; padding-left: 20px; margin: 20px 0; font-size: 14px;}
.ikusei p.iroha-1, .ikusei p.iroha-2, .ikusei p.iroha-3{line-height: 1.7em; margin-left: 1em; font-size: 14px;} 
.iroha-1{background: transparent url(../images/bg_icon_iroha1.png) no-repeat left top 5px; padding-left: 30px; margin: 20px 0;}
.iroha-2{background: transparent url(../images/bg_icon_iroha2.png) no-repeat left top 5px; padding-left: 30px; margin: 20px 0;}
.iroha-3{background: transparent url(../images/bg_icon_iroha3.png) no-repeat left top 5px; padding-left: 30px; margin: 20px 0;}
@media only screen and (max-width : 1079px){
	.ikusei{margin-left: 30px; margin-right: 30px; }
	.ikusei h3{text-align: left; font-size: 22px;}
	.ikusei h4{font-size: 18px;}
	.ikusei p{font-size: 16px;}
	.ikusei p.highlight{font-size: 16px; line-height: 1.8em;}
	.ikusei p.iroha-1, .ikusei p.iroha-2, .ikusei p.iroha-3{font-size: 12px;}
	.ikusei ol{font-size: 14px;}
	.ikusei ol li{list-style-type: none; counter-increment: cnt; line-height: 2.0em; padding-left: 30px;}
	.ikusei ol li::before{content:"（" counter(cnt)"）"; margin-left: -35px;}
	.ikusei ol.marunum li{font-size: 16px;}
	.ikusei .table-scroll{overflow: auto; white-space: nowrap;}
	.table-scroll::-webkit-scrollbar{height: 5px;}
	.table-scroll::-webkit-scrollbar-track{background: #333;}
	.table-scroll::-webkit-scrollbar-thumb {background: #999;}
}
@media only screen and (max-width : 480px){
	.ikusei{margin-left: 2%; margin-right: 2%; }
}

.naibu h3{font-size: 20px; font-weight: bold; margin-top: 30px; line-height: 1.8em;}
.naibu p{font-size: 18px; font-weight: 400; line-height: 2em; letter-spacing: -0.07px;}
@media only screen and (max-width : 1079px){
	.naibu{margin-left: 30px; margin-right: 30px;}
	.naibu h3{font-size: 18px; line-height: 1.7em;}
	.naibu p{font-size: 16px;}
}
@media only screen and (max-width : 480px){
	.naibu{margin-left: 2%; margin-right: 2%; }
}

.gakui h4{font-size:20px;}

.hakase-group{margin: 50px 0;}
.hakase{margin: 0; padding-bottom: 10px; border-bottom: 1px dotted #cccccc;}
.hakase p{margin-bottom:5px; font: normal normal normal 18px/32px Noto Sans JP Regular;}
.hakase p.htitle{font-weight:bold;}
.hakase p.hname{text-align: right;}
.hakase a{color: #0E7FC5;}
.hakase a:hover{opacity: 0.7;}
.shushi-group ul{list-style-type: disc; margin: 30px 0; padding-left: 25px;}
.shushi-group ul li{margin-bottom: 20px;}

.shinro{margin-top: 60px;}
.shinro h3{font-size: 26px; font-weight: bold; border-bottom: 2px solid #003461; padding-bottom: 15px; margin-top: 40px; line-height: 1.2em;}
/*shinro*/
.work-mess{margin:50px 0; padding:0;}
.work-mess img{float: right; margin-left: 20px;}
.work-mess p.mess-title{font-weight: 500; font-size:20px;}
.work-mess p.mess-name{margin:40px 100px 0px 0px; font-weight: 500; font-size:16px; text-align: right}
.work-mess p.message-comment{display: block; overflow: hidden; margin: 30px 0; line-height: 2.0em;}

.ronbun{margin-top: 60px;}
@media only screen and (max-width : 1079px){
	.hakase-group{margin-left: 30px; margin-right: 30px;}
	.hakase p{font: normal normal normal 16px/30px Noto Sans JP Regular;}
	.shushi-group{margin-left: 30px; margin-right: 30px;}
}
@media only screen and (max-width : 480px){
	.hakase-group{margin-left: 2%; margin-right: 2%; }
	.shushi-group{margin-left: 2%; margin-right: 2%; }
}

.site-policy{margin-top: 60px;}
.site-policy dl dt{font-size: 20px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.site-policy dl dd{font-size: 18px; letter-spacing: -0.07px; margin-left: 0; margin-bottom: 30px; line-height: 2.0em;}
.site-policy dl dd a{color: #0E7FC5;}
.site-policy dl dd a:hover{opacity: 0.7;}

.shien ol{padding: 0; margin: 20px 0 100px 0;}
.shien ol li{font-size: 20px; font-weight: 500; margin-bottom: 30px; line-height: 1.8em;}
.shien ol.maru-shiro{counter-reset:list; list-style-type: none;}
.shien ol.maru-shiro li{position:relative; padding-left: 30px;}
.shien ol.maru-shiro li:before{counter-increment: list; content: "";  display: block; float: left; line-height: 16px; margin-left: -30px; text-align: center; height: 16px; width: 16px; border: 1px solid #003461; border-radius: 50%; margin-top: 8px;}
.img-pc{}
.img-sp{display: none;}
@media only screen and (max-width : 1079px){
	.site-policy{margin-left: 30px; margin-right: 30px;}
	.site-policy dl dt{font-size: 18px;}
	.site-policy dl dd{font-size: 16px;}
	.shien{margin: 0 30px;}
	.shien ol li{font-size: 18px; line-height: 1.6em;}
	.shien ol.maru-shiro li:before{margin-top: 6px;}
	.img-pc{display: none;}
	.img-sp{display: block; width: 428px; margin-left: auto; margin-right: auto;}
}
@media only screen and (max-width : 480px){
	.site-policy{margin-left: 2%; margin-right: 2%; }
	.shien{margin: 0 1%;}
	.img-sp{width: 100%;}
}

.room{}
.room h4{font-size: 20px; font-weight: 600; text-align: center;}
.insei-shitsu{display: flex; justify-content: space-between;}
.insei-shitsu dl{width: 100%; margin-top: 60px;}
.insei-shitsu dl dt{font-size: 20px; font-weight: 500; border-bottom: 2px solid #003461; padding-bottom: 10px;}
.insei-shitsu dl dd{font-size: 18px; line-height: 2.0em; letter-spacing: -0.18px; margin: 20px 0;}
@media only screen and (max-width : 1079px){
	.insei-shitsu{flex-direction: column; margin: 0 30px;}
	.insei-shitsu dl{width: 100%; margin-top: 30px;}
	.insei-shitsu dl dt{font-size: 18px;}
	.insei-shitsu dl dd{font-size: 16px;}
}
@media only screen and (max-width : 480px){
	.insei-shitsu{flex-direction: column; margin: 0 1%;}
}

.main{background-color: #ffffff; border: 1px solid #cbcbcb; margin-right: 0px; margin-bottom: 20px; padding: 20px;}

#pankuzu p{line-height: 1em; margin: 10px 5px;}

h2.index1{color: #434c53; letter-spacing: 0.1em; margin: 0 0 20px 0; background: url(../images/icon_index1.gif) 2px 0px no-repeat; padding-left: 18px;}

.gridContainer{display: block; overflow: hidden; width: auto; max-width: 980px; margin-left: auto; margin-right: auto;}

#curr-tb{
	margin-top: 20px;
}
#curr-tb img{
  vertical-align:top;
}
#curr-tb table{
  width:100%;
  border-top:1px solid #96b1e6;
}
#curr-tb th{
  text-align:left;
  padding: 2px 5px 1px 5px;
  background-color:#C7DAFF;
  border-bottom:1px solid #96b1e6;
}
#curr-tb td{
  font-size:90%;
  padding:5px;
}
#curr-tb ul{
	/*margin-left: 20px;*/
}
#curr-tb li{
  line-height:1.5em;
  margin-bottom:5px;
}
#curr-tb .param1{
  font-size:130%;
  font-weight: bold;
  color: #000000;
  line-height: 1.5em;
}

/* curriculum detail
----------------------------------------------- */
#shirabasu {background-color:#ffffff; border:1px solid #3E60A7;}
#shirabasu .title1 {font-weight:bold; color:#001F4D; padding:5px; font-size:120%;}
#shirabasu .title2 {color:#000000; font-size:80%;}
#shirabasu .foot1 {color:#000000; font-size:80%; text-align:right; padding:2px;}
#shirabasu .t10 {  font-size: 10px}
#shirabasu .t12 {  font-size: 12px}
#shirabasu .t12l {  font-size: 12px; line-height: 18px}
#shirabasu .t14 {  font-size: 14px}
#shirabasu .t16 {  font-size: 16px}
.syllabus-custom{
	background-color:#ffffff;
	width:100%;
}
.syllabus-prin{
	background-color: #C7DAFF;
	border-collapse: collapse;
	border: 1px solid #96B1E6;
	padding: 0 4px;
}

/* interview
----------------------------------------------- */
.intv-head{display: block; overflow: hidden; margin-top: 60px; margin-bottom: 60px; }
.intv-head p{font-size: 18px; line-height: 2.0em;}
.intv-head h3{letter-spacing: 0.05em; font-size: 24px;}
.intv-head img{float: right; width: 300px;}
.intv .fl-l{display: block; float: left; margin-right: 30px;}
.intv .fl-r{display: block; float: right; margin-left: 30px;}
.intv p{font-size: 18px; line-height: 2.0em;}
.intv p a{font-weight: bold;}
.intv ul{list-style-type: none; padding: 0;}
.intv ul li{margin-bottom: 10px;}
.intv ul li a{display: block; overflow: hidden; background: #e6ebef url(../images/icon_top_navi_off.png) no-repeat right center; background-position: right 25px bottom 25px; padding: 20px; font-size: 18px; text-decoration: none; border: 1px solid #e6ebef;}
.intv ul li a:hover{background: #fff url(../images/icon_top_navi_on.png) no-repeat right center; background-position: right 25px bottom 25px; border: 1px solid #003461;}
.intv dl{font-size: 18px; line-height: 2.0em;}
.intv dl dt{display: block; overflow: hidden; float: left;}
.intv dl dd{display: block; overflow: hidden; margin-left: 3em; margin-bottom: 11px;}

.intv .headbg{background-color: rgb(230,235,239); background: linear-gradient(90deg, rgba(230,235,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 100%); min-height: 324px; border: 1px solid #e6ebef; padding-left: 50px;}
.intv .headbg img{float: right;}
/*.intv .head-waku{background: transparent url(../images/itv/itv01_head_yamamoto.png) no-repeat right center; min-height: 324px; border: 1px solid #e6ebef; padding-left: 50px;}*/
.intv .headbg p.catch{font-size: 28px; margin-bottom: 40px; margin-top: 30px;}
.name-area{margin-left: 100px;}
.name-area p{line-height: 1em; color: #111111;}
.name-area p.katagaki{font-size: 21px; float: left; margin-right: 50px; margin-top: 3px; margin-bottom: 50px;}
.name-area p.namae{font-size: 24px; margin-top: 0;}
.name-area p.namae br{display: none;}
.name-area p.namae span{font-size: 16px;}
.name-area p.senmon{font-size: 18px; margin-top: 0;}

.button-area{width: 300px; margin-left: auto; display: flex; justify-content: space-between;}
.button-area2{width: 420px; margin-left: auto; display: flex; justify-content: space-between;}
button.banner-01 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_01_online.png) no-repeat center center;}
button.banner-02 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_02_freshman.png) no-repeat center center;}
button.banner-03 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_03_intv.png) no-repeat center center;}
button.banner-04 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_04_semi.png) no-repeat center center;}
button.banner-05 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_05_pamphlet.png) no-repeat center center;}
button.banner-06 {display: block; width: 1020px; height: 130px; margin: 50px 0; border: none; background: transparent url(../images/banner_open_seminer.png) no-repeat center center;}
button.banner-07 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_07_voice.png) no-repeat center center;}
button.banner-08 {display: block; width: 1020px; height: 130px; margin: 30px 0; border: none; background: transparent url(../images/banner_08_life.png) no-repeat center center;}
button.banner-09 {display: block; width: 1020px; height: 130px; margin: 50px 0; border: none; background: transparent url(../images/banner_open_seminer_fix.png) no-repeat center center;}
button.banner-01:hover{opacity: 0.7;}
button.banner-02:hover{opacity: 0.7;}
button.banner-03:hover{opacity: 0.7;}
button.banner-04:hover{opacity: 0.7;}
button.banner-05:hover{opacity: 0.7;}
button.banner-06:hover{opacity: 0.7;}
button.banner-07:hover{opacity: 0.7;}
button.banner-08:hover{opacity: 0.7;}
button.banner-09:hover{opacity: 0.7;}

button.list {display: block; width: 120px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 15px; padding: 1px 5px;}
button.list:hover{opacity: 0.7;}
button.list::after { content: "◀︎ 一覧へ戻る";}

button.back {display: block; width: 120px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 15px; padding: 1px 5px;}
button.back:hover{opacity: 0.7;}
button.back::after { content: "◀︎ 前へ戻る";}
button.next {display: block; width: 120px; height: 30px; margin: 10px 0 10px auto; color: #fff; text-align: center; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; border: none; background-color: #0E7FC5; border-radius: 15px; padding: 1px 5px;}
button.next:hover{opacity: 0.7;}
button.next::after { content: "続きを見る ▶︎";}
img.poster{width: 500px;}
.photo-area{display: flex; justify-content: space-between;}
img.photo-kankyou{width: 500px; height: 333px;}
@media only screen and (max-width : 1079px){
	.intv-head{margin: 30px 5px;}
	.intv-head p{font-size: 16px; line-height: 1.8em;}
	.intv-head h3{letter-spacing: 0.05em; font-size: 20px;}
	.intv-head img{display: block; float: none; width: 300px; margin-left: auto; margin-right: auto;}
	.intv{padding: 0 5px;}
	.intv p{font-size: 16px; line-height: 2.0em;}
	.intv ul li a{padding: 15px 40px 15px 10px; background-position: right 15px bottom 30px;}
	.intv dl{font-size: 16px; line-height: 1.8em;}
	.intv dl dt{display: inline-block; float: left;}
	.intv dl dd{display: inline-block; margin-left: 3em;}
	.button-area{flex-direction: column; width: 200px;}
	.button-area2{flex-direction: column; width: 200px;}
	button.list{width: 160px; height: 40px; margin: 10px auto 10px auto; border-radius: 25px;}
	button.back{width: 160px; height: 40px; margin: 10px auto 10px auto; border-radius: 25px;}
	button.next{width: 160px; height: 40px; margin: 10px auto 10px auto; border-radius: 25px;}
	.photo-area{display: flex; justify-content: space-between; flex-direction: column;}
	img.photo-kankyou{width: 100%; height: auto;}
}
@media only screen and (max-width : 768px){
	.intv .headbg{padding-left: 20px;}
	.intv .headbg p.catch{margin-bottom: 30px; margin-top: 20px; line-height: 1.8em; font-size: 24px;}
	.name-area{margin-left: 50px;}
	.name-area p.katagaki{float: none; margin-bottom: 0; font-size: 18px;}
	.name-area p.namae{margin-bottom: 0; line-height: 1.3em;}
	.name-area p.namae br{display: block;}
}
@media only screen and (max-width : 480px){
	.intv .headbg{background: transparent; min-height: auto; padding-left: 0;}
	.intv .headbg img{display: block; float: none; margin-left: auto; margin-right: auto; width: 265px;}
	.intv .headbg p.catch{font-size: 20px; padding: 0 10px;}
	.intv .headbg p.catch br{display: none;}
	.name-area{margin-bottom: 20px; margin-left: 0;}
	.name-area p{line-height: 1.2em; margin-top: 0; margin-bottom: 0; text-align: center;}
	.name-area p.katagaki{margin-right: 0; margin-bottom: 10px;}
	.name-area p.namae span{font-size: 14px;}
	button.banner-01 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_01_online_sp.png) no-repeat center center;}
	button.banner-02 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_02_freshman_sp.png) no-repeat center center;}
	button.banner-03 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_03_intv_sp.png) no-repeat center center;}
	button.banner-04 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_04_semi_sp.png) no-repeat center center;}
	button.banner-05 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_05_pamphlet_sp.png) no-repeat center center;}
	button.banner-06 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_open_seminer_sp.png) no-repeat center center;}
	button.banner-07 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_07_voice_sp.png) no-repeat center center;}
	button.banner-08 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_08_life_sp.png) no-repeat center center;}
	button.banner-09 {display: block; max-width: 100%; width: 368px; height: 241px; margin: 20px auto; border: none; background: transparent url(../images/banner_open_seminer_sp_fix.png) no-repeat center center;}
}
.banner-area{margin-top: 60px;}
.banner-area a:hover{opacity: 0.7;}

.photo-set{}
.photo-set p{font-size: 85%; text-align: center; margin: 0;}



/*top*/
.youtube-box{display: flex; justify-content: space-between; margin-top: 80px;}
@media only screen and (max-width : 1079px){
	.youtube-box{justify-content: center; flex-wrap: wrap;}
	.youtube-box iframe{margin: 15px 30px;}
}

/*女子タッチフットボールインタビュー*/
.itv_block, .itv_block2, .itv_block3{line-height: 2.0em;}
.itv_block2 img{float: left; margin-right: 15px;}
.itv_block3 img{float: right; margin-left: 15px;}
.flex-cont{display: flex; justify-content: center;}
@media only screen and (max-width : 767px){
	.itv_block2 img{float: none; width: 330px; margin-left: auto; margin-right: auto;}
	.itv_block3 img{float: none; width: 330px; margin-left: auto; margin-right: auto;}
}

/**/
.index-lev3{font-size: 20px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-top: 0;}
.index-lev3b{font-size: 20px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-top: 30px;}

.course-waku{margin-top: 30px;}
.course-waku p{font-size: 18px; line-height: 2em;}
.course-waku img{display: block; width: 100px; height: 120px; margin-top: 10px;}
.flex-cont2{display: flex; justify-content: space-between;}
@media only screen and (max-width : 1079px){
	.course-waku{margin-left: 20px; margin-right: 20px;}
	.course-waku img{float: left;}
	.flex-cont2{display: block;}
}

.houshoku{margin-top: 30px;}
.lev3-detail p{line-height: 2.0em;}
.lev3-detail ol li{line-height: 2.0em;}
.suisenlist table tr th{background-color: #003461; color: #fff; padding: 8px 15px; font-weight: normal; font-size: 18px; text-align: left;}
.suisenlist table tr td{border-bottom: 1px dotted #ccc; padding: 5px 15px;}
a.anchor{display: block; padding-top: 100px; margin-top: -100px;}
.suisentosyo table tr th{background-color: #e6ebef; text-align: left; padding: 0px 15px;}
.suisentosyo table tr td{line-height: 1.8em;}
@media only screen and (max-width : 767px){
	.houshoku{margin-left: 10px; margin-right: 10px;}
	.suisenlist table tr th{padding: 5px 10px; font-size: 16px;}
	.suisenlist table tr td{padding: 5px 10px;}
}

.but-blank a{display: block; overflow: hidden; width: 350px; color: #fff; background: #0E7FC5 url(/fa/images/icon_betsuwin.png) no-repeat center right 20px; border-radius: 10px; padding: 5px 20px; text-decoration: none;}
.but-blank a:hover{opacity: 0.7;}
.sousho-tab{margin-top: 50px;}

/* 研究叢書
----------------------------------------------- */
.sousho{
	margin: 10px;
	border-bottom:1px dotted #cbcbcb;
}
.sousho-title{
	float: left;
}
.sousho p.author{
	float: right;
}
.sousho p.isbn{
	clear: both;
}
/* 出版助成図書
----------------------------------------------- */
.book-area{display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding: 20px 0;}
.book-area p{margin: 0;}
.book-area img{}
.book-area table{}
.book-area th{width: 80px;}
.book-area th p{font-weight: bold; text-align: left;}
.book-area td{
  varticle-align: top;
  padding: 2px;
}
.book-area p.date{
	font-weight: bold;
	font-size: 110%;
}
.book-area p.author{
	font-weight: bold;
	text-align: right;
}

/*2020在宅学習支援特設ページ用*/
.slidetoggle_fast_menu dd{display: none;}
.zaitaku p{line-height: 1.8em;}
.zaitaku dl{border: 1px solid #003461; background-color: #fff;}
.zaitaku dl dd{background-color: #fff;}
.zaitaku dl dt{clear:both; color: #003461; min-height:30px; margin: 0px 0px; font-size:1em; letter-spacing: 0.1em; padding-left: 30px; padding-top: 8px;}
.zaitaku dl.slidetoggle_fast_menu dt{display:block; cursor:pointer; font-weight:bold; background: #f5fcff url("../images/icon_plus_toggle2.png") 5px 9px no-repeat;}
.zaitaku dl.slidetoggle_fast_menu dt.active{display:block; cursor:pointer; background: transparent url("../images/icon_minus_toggle2.png") 5px 9px no-repeat;}
.zaitaku dl.slidetoggle_fast_menu dt.hanten{display:block; cursor:pointer; font-weight:bold; background: transparent url("../images/icon_minus_toggle2.png") 5px 9px no-repeat;}
.zaitaku dl.slidetoggle_fast_menu dt.hanten.active{display:block; cursor:pointer; background: transparent url("../images/icon_plus_toggle2.png") 5px 9px no-repeat;}
.zaitaku dl.slidetoggle_fast_menu dd{padding-right: 20px;}
.zaitaku .open{display: block;}
.zaitaku ul{margin-left: 20px; padding: 0;}
.zaitaku ul li{margin-bottom: 15px;}
.zaitaku ul li p{margin: 5px 0;}
.zaitaku table tr td{border: none;}

span.midashi-url{font-weight: bold;}
.komidashi{font-weight: bold; color: #000000; border-bottom: 1px dotted #003461;}
.komidashi2{font-weight: bold; color: #000000;}

/*.but1retsu2{margin: 10px 22px 10px 0px;}
.but1retsu2 a{display: block; overflow: hidden; letter-spacing: 0.1em; font-weight: bold; width: 100%; border: 1px solid #005e97; padding: 10px;}
.but1retsu2 a:hover, .but1retsu a:active{background-color: #e4f5fe;}*/
.but1retsu2{margin: 10px 22px 10px 0px;}
.but1retsu2 a{display: block; overflow: hidden; color: #fff; letter-spacing: 0.1em; font-weight: bold; width: 100%; border: 1px solid #005e97; padding: 10px; background-color: #0E7FC5; border-radius: 5px; text-decoration: none;}
.but1retsu2 a:hover, .but1retsu a:active{opacity: 0.7;}

/*2020新入生特設ページ用*/
.freshman{margin-bottom: 50px;}
.paragraph p{line-height: 1.8em; font-size: 18px;}
.but3retsu{display: block; overflow: hidden; width: auto; max-width: 100%;}
.but3retsu ul{margin: 0; padding: 0;}
.but3retsu ul li{list-style-type: none; float: left; width: 300px; margin-right: 30px; border: 1px solid #005e97; text-align: center; background-color: #cce7ff;}
.but3retsu ul li p{margin: 5px;}
/*.but3retsu ul li a{display: block; overflow: hidden; color: #ffffff; padding: 10px 5px; background-color: #005e97; text-align: center;}*/

.but1retsu{margin: 20px 0px;}
/*.but1retsu a{display: block; overflow: hidden; letter-spacing: 0.1em; font-weight: bold; width: 100%; border: 1px solid #005e97; padding: 10px;}
.but1retsu a:hover, .but1retsu a:active{background-color: #e4f5fe;}*/
.but1retsu a{display: block; overflow: hidden; color: #fff; letter-spacing: 0.1em; font-weight: bold; width: 100%; background-color: #0E7FC5; border: 1px solid #005e97; padding: 10px; border-radius: 5px; text-decoration: none;}
.but1retsu a:hover, .but1retsu a:active{opacity: 0.7;}
.hitokoto th{font-size: 20px; color: #ffffff; background-color: #003461; padding: 10px; text-align: left; font-weight: bold; letter-spacing: 0.1em;}
.hitokoto p{font-size: 18px; line-height: 1.8em;}


/* project 2024.6.11
----------------------------------------------- */
.yuusousaki{display: inline-block; border: 1px solid #003461; padding: 10px; margin: 5px;}
.shutsugan-waku{margin-left: 30px;}
ol.katakakko{font-size: 14px;}
ol.katakakko li{list-style-type: none; counter-increment: cnt; line-height: 2.0em; padding-left: 30px;}
ol.katakakko li::before{content:counter(cnt)"）"; margin-left: -35px;}
.poster{display: block; width: 360px; margin-left: auto; margin-right: auto;}
.poster img{border: 1px solid #ccc;}
.poster p{text-align: center;}
.icon-pdf{display: inline-block; width: 20px; height: 18px; background: url(../images/icon_pdf.png) no-repeat; margin: 0 0 0 5px;}
.text-red{color: #ff0000;}

/* open seminar 2024 2024.10.17
----------------------------------------------- */
.op_seminar{font-size: 18px; line-height: 2.0em;}
.op_seminar dl dt{float: left;}
.op_seminar dl dd{margin-left: 100px;}

/* 在学生の声 2025 2025.1.10
----------------------------------------------- */
.voice{}
.voice ul{display: flex; flex-wrap: wrap; list-style-type: none; margin: 30px 0 0 0; padding: 0;}
.voice ul li{display: flex; flex-direction: column; align-items: stretch; width: 33%; margin-bottom: 30px;}
.voice ul li img{width: 320px; height: 320px; margin-left: auto; margin-right: auto;}
.voice ul li p{font-size: 16px; line-height: 2em; text-align: center;}
.voice-detail{margin-top: 30px;}
.voice-detail .index{display: flex;}
.voice-detail .index .index-left{width: 700px; padding-right: 50px;}
.index-left .hitokoto{font-size: 20px; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px;}
.index-left p{line-height: 2.0em; letter-spacing: 0.05em;}
.index-left p.gakunen{font-size: 18px; margin-top: 70px; text-align: center; margin-bottom: 0;}
.index-left p.name{font-size: 18px; text-align: center; margin-top: 0;}
.voice-detail .index .index-right{width: 320px;}
.voice-detail dl{margin-top: 50px;}
.voice-detail dl dt{font-weight: 500; background: transparent url(../images/bg_index_page.png) repeat-x; padding: 10px 20px; letter-spacing: 0.05em;}
.voice-detail dl dd{margin: 20px 20px 40px 20px; letter-spacing: 0.05em; line-height: 2.0em;}

@media only screen and (max-width : 1079px){
	.voice ul li{width: 100%; margin-bottom: 30px;}
	.voice ul li p{font-size: 14px; padding: 0 30px;}
	.voice-detail .index .index-left{width: 700px; padding-right: 50px; padding-left: 20px;}
	.index-left p.gakunen{margin-top: 30px;}
}
@media only screen and (max-width : 480px){
	.voice ul li p{padding: 0 1%;}
	.voice-detail .index{flex-wrap: wrap;}
	.voice-detail .index .index-left{width: 100%; padding: 0 5%;}
	.voice-detail .index .index-right{width: 100%; padding: 0 5%;}
}

/* 在学生の生活 2025 2025.1.10
----------------------------------------------- */
.life{margin-top: 30px;}
.life img{margin-top: 30px;}


/*教員インタビュー*/
ul.slider{padding: 0;}
/* 教員インタビュー（2012.3追加）
----------------------------------------------- */
.interview-list{
}
.interview-list ul{
	list-style-type: none;
	padding: 0;
}
.interview-list ul li{
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 0px 10px 0px;
	border-top: 1px dotted #cccccc;
}
.interview-list img{
	float:left;
	margin-right: 10px;
}
.interview-list p{
	letter-spacing: 0.1em;
	margin: 0;
}
.interview-list .int-name{
	font-size:110%;
	font-weight:bold;
	margin-bottom: 5px;
}
.interview-list .senmon{
	font-size: 90%;
	color:#000000;
	margin-bottom: 5px;
}
.int-text{
	padding: 20px 0px 15px 0px;
}
.int-text p{
	line-height:1.7em;
	letter-spacing: 0.05em;
	padding-left: 3px;
}
.int-text h3{
	font-size: 15px;
	line-height:1.7em;
	letter-spacing: 0.05em;
	color: #0e407e;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 3px;
}
img.message{
	margin-bottom: 10px;
}
.itvmsg{
	padding: 15px 15px 5px 15px;
background-color: #ffffff;
border: 1px solid #003461;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#E6EBEF');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#E6EBEF')";
background-image: -moz-linear-gradient(top, #ffffff, #E6EBEF);
background-image: -ms-linear-gradient(top, #ffffff, #E6EBEF);
background-image: -o-linear-gradient(top, #ffffff, #E6EBEF);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#E6EBEF));
background-image: -webkit-linear-gradient(top, #ffffff, #E6EBEF);
background-image: linear-gradient(top, #ffffff, #E6EBEF);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;

}
.img-r{display: block; margin-left: auto; margin-right: 0;}

/*パンフレット*/
#slider2{padding: 0;}


.shinro-area{display: block; overflow: hidden; margin-bottom: 50px;}
.shinro-area dl{display: flex;}
.shinro-area dl dt{width: 35%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; background-color: #E6EBEF; border-radius: 30px 0 0 30px; border: 1px solid  #E6EBEF; padding: 20px 30px; text-align: center;}
.shinro-area dl dd{width: 65%; display: flex; align-items: center; border: 1px solid  #E6EBEF; border-radius: 0 30px 30px 0; margin-left: 0; padding: 20px 30px;}
.shinro-area h5{font-size: 30px; margin: 10px 0; letter-spacing: 0.02em; line-height: 1.2em;}
.shinro-area p{margin: 10px 0; line-height: 2.0em;}
.shinro-area dl dd p{letter-spacing: 0.05em; font-size: 18px;}
p.mezasu{font-size: 24px; line-height: 1.2em;}
p.manabu{font-size: 14px; min-width: 190px;}

.syusyoku{margin-top: 50px;}
.syusyoku img{display: block; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 767px){
	.shinro-area dl dt{width:45%; border-radius: 10px 0 0 10px; padding: 5px 5px;}
	.shinro-area dl dd{width: 55%; border-radius: 0 10px 10px 0; padding: 5px 5px;}
	.shinro-area h5{font-size: 22px; margin: 10px 0; letter-spacing: 0em;}
	p.mezasu{font-size: 18px;}
	.shinro-area dl dd p{letter-spacing: 0em; font-size: 16px; line-height: 1.4em;}
}
@media only screen and (max-width : 743px){
	p.manabu{min-width: auto;}
}

/*法学資料室*/
.law-nakami{margin-top: 30px;}


/*add*/
.not-found{margin-top: 60px;}
.not-found h3{margin-top: 50px; text-align: center; font-size: 180%; line-height: 1.5em;}
.not-found p{text-align: center; }
.but-large a{display: block; overflow: hidden; width: 320px; color: #fff; background-color: #0E7FC5; border-radius: 10px; padding: 10px 20px; text-decoration: none; text-align: center; letter-spacing: 0.1em; font-size: 120%; margin: 20px auto 20px auto;}
.but-large a:hover{opacity: 0.7;}


/*旧コンテンツ（お知らせ）表示用*/
/***********************************************/
/*information*/
/***********************************************/
#infolist{
	margin: 5px;
}
#infolist table{
  width: 100%;
  border-top:1px solid #d0cfcb;
}
#infolist td{
  font-size:90%;
  vertical-align:top;
  padding:5px;
  border-bottom:1px dotted #d0cfcb;
}
#date{
  font-size: 95%;
  text-align:right;
}
hr.info{
  margin-top:10px;
}

#navir{
  text-align:right;
}
#navir a{
  font-size: 95%;
  text-decoration:none;
}

/* 講演会情報（一覧）
----------------------------------------------- */
.lec-list {
  margin:20px 0;
}

/* リストタイトル部分*/
#lec-past{
	margin:10px;
}
#lec-past p{
	text-align:center;
	font-size:150%;
}
.lec-title {
  background-color:#e6ebef; border-radius: 5px; padding: 5px;
}
.lec-list .lec-title table{
  width:100%;
}
.lec-list .lec-title p{
  font-size:120%;
  letter-spacing: 0.1em;
  padding: 4px 3px 2px 10px;
  margin: 0;
}
.lec-list .lec-title img{
/* 	margin-top: 1px; */
	margin-top: 4px;
	margin-right: 8px;
}
.lec-list .lec-area table{
  width:100%;
  margin-bottom:10px;
}
.lec-list .lec-area th{
  vertical-align:top;
  white-space:nowrap;
  text-align:left;
}
.lec-list .lec-area th p{
  font-weight:bold;
  margin:0px 5px 5px 15px;
}
.lec-list .lec-area td{
  text-align:left;
/*   width:440px; */
}
.lec-list .lec-area td p{
  text-align:left;
  margin: 0;
}
.lec-list .lec-area p.date{
  font-size:110%;
  font-weight:bold;
  color:#003461;
  margin:10px 5px 8px 15px;
}
.lec-list .lec-area p.bikou{
  font-size:100%;
  color:#003461;
  margin:0px 5px 8px 15px;
}
#but-arc{
  width:130px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
}


/* テーブル（講演会詳細）
----------------------------------------------- */
/* 上部分 */
#lec1{
	margin: 20px 5px 0px 5px;
	padding: 5px 0px 5px 0px;
/*
	border-top:1px solid #8ab279;
	border-bottom:1px solid #8ab279;
*/
}
#lec1 table{
  width: 100%;
}
#lec1 td{
  vertical-align:top;
  font-size:100%;
  line-height:1.5em;
}
#lec1 img{
  margin-bottom:10px;
}
/* 下部分 */
#lec2{
  margin:20px 0px 10px 0px;
}
#lec2 table{
  width: 98%;
  margin:10px 10px 10px 5px;
  border-top:1px dotted #999999;
}
#lec2 th{
  white-space:nowrap;
  padding:10px 30px 10px 0px;
  font-size:100%;
  vertical-align:top;
  line-height:1.5em;
  text-align:left;
  border-bottom:1px dotted #999999;
  color:#003461;
}
#lec2 td{
  width: 100%;
  vertical-align:top;
  padding:10px 0px 10px 0px;
  font-size:100%;
  line-height:1.5em;
  border-bottom:1px dotted #999999;
}
#lec2 p{
  margin:5px 0px 5px 0px;
}