html{
  scroll-padding-top: 100px;
}

a {
    color: #2b2b93;
}

/* 教員紹介ページの高さ */
.seminar a h1{
	color: #2b2b93;
}

/* カードの高さ */
.kyoshoku .card{
	min-height: 28rem;
}
.eigo .card{
	min-height: 30rem;
}
.global .card{
	min-height: 37rem;
}

/* what's new */
.whats_new {
	background-color: #ffffff;
}
.whats_new a {
	text-decoration: none;
}
.whats_new h3{
	font-size: 1.8rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}
.whats_new header button{
	border-radius: 5px;
	border-color: #2b2b93;
	padding: 0.5rem;
	line-height:1em;
	font-weight: normal;
}
.whats_new .list-group-item{
	margin-bottom: 0px;
}
.whats_new.list-group{
    max-height: 26rem;
	margin-top: 1rem;
    margin-bottom: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


/*googleカスタム検索用*/
#___gcse_0,
#___gcse_1{
    margin-bottom: 30px;
}
.gsc-input-box {
    border: none!important;
}
td#gs_tti50,
div#___gcse_1{
    border: 5px solid #eee;
    padding: 20px 10px;
    border-radius: 30px;
}
.cse .gsc-search-button-v2,
.gsc-search-button-v2{
    padding: 18px 21px!important;
    border: none!important;
    border-radius: 0!important;
    -moz-border-radius:  0!important;
    -webkit-border-radius: 0!important;
    border-color: none!important;
    background-color: none!important;
    background-image: none!important;
    background: none!important;
    position: absolute;
    right: 20px;
    bottom: 3px
}
.under_3col_side .gsc-search-button-v2{
    right: 18px;
}
#___gcse_1 .gsc-search-button-v2{
    bottom: -17px;
}
.gsc-search-button-v2 svg {
    fill: #aaa!important;
    width: 25px;
    height: 25px;
}
td.gsc-search-button{
    position: relative;
    width: 0;
}
.slabel {
    padding-left: 20px;
    margin-bottom: 10px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding-right: 0;
}



/* カテゴリバッジカラー */
.badge.info-seminar{
	background-color: #ffc107 ;
}
.badge.topics{
	background-color: #ee9881 ;
}
.badge.info-campus{
	background-color: #7bb5ee ;
}
.badge.info-admission{
	background-color: #acca66 ;
}
.badge{
	color: white ;
	font-size: 85%;
	min-width: 8em;
}

/* 卒業生の声 */

.senior h2{
	color: #2b2b93;
}


/* 教員紹介ページの高さ */
.teachers .card{
	min-height: 24rem;
}


.kamoku table{
margin-left: 2em;
}
.kamoku h2{
	margin-top: 1em;
	color: #2b2b93;
}

a:hover{
	text-decoration: none;
}

#search .form-control {
	font-size: medium;
}

body {
	color: #212529;
}
.index h3{
	color: #2b2b93;
}


/* large devices */
@media (min-width: 1400px){
.container {
	max-width: 1400px;

}
}

.navbar-expand-lg>.container {
	flex-wrap: nowrap;
	max-width: 1500px;
}

.navbar .navbar-nav .nav-item {
	margin-bottom: 0.2em;
}
.navbar .navbar-nav .nav-item:last-child{
	margin-left: 0rem;
}


/* news */
h2.title_news{
  color: #010079;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #F7F780, #F7F780 3px,#F7E274 3px, #F7E274 7px);
  background: repeating-linear-gradient(-45deg, #F7F780, #F7F780 3px,#F7E274 3px, #F7E274 7px);
}
.news .news_info{
	border-bottom: solid 1px #2b2b93;
	margin-bottom: 2em;
}

/* pages */

/*
.pages section{
  padding: 0;
}
*/

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

.card {
	margin-bottom: 2em;
}

.card .note {
	display: block;
	text-align: right;
	font-size: small;
}

.more .btn {
	font-weight: normal;
	border-radius: 5px;
	padding: .2rem .5rem;
	margin-top: 1rem;
}

.withmark h1 {
	padding-left: 1em;
}

.pages h1 {
	font-size: xx-large
}

.pages .card h1 {
	font-size: x-large;
	font-family: 'Noto Serif JP', serif;
}

.pages h2 {
	font-size: x-large;
	font-family: 'Noto Serif JP', serif;
}
.pages section>header>h1.lines {
	font-size: x-large;
}
.pages section>header>h1.lines:before {
	height: 70px;
}

.pages section>header>h1 {
	position: relative;
	color: #2b2b93;
	padding: 10px 0;
	text-align: center;
	margin: 1.5em 0 0.5em 0;
}

.pages section:first-child>header>h1 {
	font-weight: bold;
}

.pages section>header>h1:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 50%;
	width: 250px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid #9999ff;
	border-left-color: transparent;
	border-right-color: transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

section {
	padding: 0;
}

.pages .seminar a {
	float: left;
	margin: 1em;
	height: 25em;
	text-align: center;
}

.pages .seminar a img {
	width: 225px;
	height: 225px;
}

.pages .seminar h2 {
	color: #6c7293;
}

.pages p{
	font-size: 1rem;
	line-height: 1.7rem;
}

.pages .faq article h1{
	font-size: x-large;
	margin-top: 1.5rem;
	font-weight: bold;
	color: #2b2b93;
}


/* top page*/
img.top_logo{
	border-radius: 50%;
}

.slider__content{
	list-style-type: none
}
section#home {
	color: #FFFFFF;
	padding: 1em 0 1em 0;
	background: url('/faculty/business/files/top/bg_top_park_full2.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
}

.catchphrase {
	background-color: rgba(60, 55, 241, 0.8);
	padding: 2.2em;
}

.catchphrase h3 {
	font-size: 1.8rem;
	margin: 0;
	margin-bottom: 1em;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.catchphrase .container {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.catchphrase p {
	font-size: 1.1rem;
	line-height: 1.7rem;
}

.services-box {
	padding: 1em 2em 1em 2em;
}

.services-box img {
	margin-right: 1em;
}

ul, ol {
	margin: 0;
}

/* table */

.page table h2 {
	margin-bottom: 0;
}

/* navbar */

.navbar .navbar-collapse {
	color: #FFFFFF!important;
	background: #2b2b93!important;
}

.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
	color: #ffffff!important;
}
.navbar {
    padding: 0 1rem;
}


.footer {
	margin-top: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #2b2b93!important;
	background-position: 0 0px!important;
}

.footer a {
	color: #e5e5e5;
}

.mintyo {
	font-family: 'Noto Serif JP', serif;
}


/* pages */

section#posts {
	padding: 0 0 0 0;
}

/* voice */

.slider {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.slider__content {
	min-width: 100%;
	animation: sliderAnime 15s ease-in-out infinite;
}

@keyframes sliderAnime {
	0% {}
	12.5% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-100%);
	}
	37.5% {
		transform: translateX(-100%);
	}
	50% {
		transform: translateX(-200%);
	}
	62.5% {
		transform: translateX(-200%);
	}
	75% {
		transform: translateX(-300%);
	}
	87.5% {
		transform: translateX(-300%);
	}
	100% {
		transform: translateX(0);
	}
}

.slider__img {
	max-width: 100%;
	min-width: 100%;
}

/* 特別枠_アーカイブ */

.widget-archive {
	margin-top: 3em;
	position: relative;
	padding: 0.5em 1em;
	border: solid 2px #c0c6c9;
}

.widget-archive h3 {
	margin-bottom: 0;
	border-bottom: none;
}

.widget-archive .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #c0c6c9;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.widget-archive p {
	margin: 0;
	padding: 0;
}

/* 右サイドカード */
.side-card  {
	margin-top: 2em;
}
.side-card i {
	font-size: xx-large;
}
.side-card .icon {
	margin-right: 1em;
}


/* 特別枠 */

.widget-special {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: .65em 1em;
	color: #fff;
	text-decoration: none;
	/* text-align: center; */
	transition: .3s ease-in-out;
}

.widget-special div {
	position: relative;
	z-index: 2;
}

.widget-special::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 100%;
	border: 2px solid #c0c6c9;
}

.widget-special::after {
	position: absolute;
	top: 4px;
	left: 4px;
	content: '';
	width: 102%;
	height: 102%;
	background-color: #3C37F1;
	transform: rotate(1deg);
	transition: .3s ease-in-out;
}

.widget-special:hover {
	color: #fff;
}

.widget-special:hover::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(0);
}

/* sns枠 */
#palette{
	text-align:center;
}
#palette img, #palette_insta, #palette_x{
	margin: 0.5rem;
}

@media screen and (min-width: 768px) {
	#palette{
		position: relative;
		text-align: left;
	}
	#palette_insta{
		position: absolute; height:45%; width:auto;top:1rem;right:1rem
	}
	#palette_x{
		position: absolute; height:45%; width:auto;bottom:1rem; right:1rem;
	}
	#palette img, #palette_insta, #palette_x{
		margin: 0rem;
	}

}


/* 水色囲み枠 */
		p.mizuiro {
			margin-top:1.5rem;
			display: inline-block;
			padding: .5em 1em;
			background: #fff;
			border-radius: 35% 39% 27% 47% / 39% 35% 51% 29%;
			background-color: #d7efff;
			font-family: serif;
			font-size: 1.2rem;
			font-weight: bold;
			 word-break: keep-all;
			max-width:90%;
		}

		.mizuiro::after {
			margin-left: 1.1rem;
			margin-top: -1.5rem;
			content: url(/faculty/business/files/kyotyo.png);
			position: absolute;
		}
		@media screen and (max-width: 600px) {
		.mizuiro2::after {
			margin-top: -2.5rem;
			right: 5%;
		}
		}

figcaption {
  text-align: center;
}

/*卒業したら何になる？*/
.future a{
	color: #212529;
}
.future .card-title, .senior .card-title{
	font-family: 'Noto Serif JP', serif;
	color: #2b2b93;
}
.senior .card-title{
  font-size:2rem;
}
.future .card-text{
	font-size: 0.9rem;
	line-height:1.2rem;
}
.senior .side{
  padding:1rem;
}
.senior .card .card-body p{
  text-indent:1rem;
}
.senior .seimei{
  font-size: 1.5rem;
}
.senior .card{
  padding: 2rem;
}

/*トップページ　卒業生の声*/
.testimonial .testimonial-item .testimonial-icons {
    width: 50px;
    height: auto;
    border-radius: 5%;
    position: absolute;
    top: 40px;
    left: 28px;
}

/* youtube iframe*/
  .box_youtube{
  width: 100%;
  aspect-ratio: 16 / 9;
  }
  .box_youtube iframe {
  width: 100%;
  height: 100%;
  }
