@charset "utf-8";

/************************************************************
 common
************************************************************/
:root {
/*
	--color-course-web: #81b7de;
	--color-course-biz: #81b7de;
	--color-course-design: #aa73a6;
	--color-course-hb: #53acaa;
	--color-course-cyb: #7cb09a;
	--color-course-pati: #f4454a;
	--color-course-pet: #edb13f;
	--color-course-nur: #f38d94;
	--color-course-int: #6399d7;
	--color-course-hot: #53acaa;
	--color-course-it: #9dca6e;
	--color-course-international: #5a90d2;
*/
	--color-course-it: #81b7de;
	--color-course-innovation: #9dca6e;
	--color-course-design: #aa73a6;
	--color-course-hb: #53acaa;
	--color-course-medicaloffice: #f38d94;
	--color-course-mypro: #ea5d19;
	--color-course-pet: #ffad49;
	--color-course-heishu: #6a3906;
}
body {
	color: #333;
}
.btn a {
	color: #333;
	border-color: #6399d7;
}
.btn a:hover {
	color: #fff;
	background-color: #6399d7;
}
.btn span::after {
	background-image: url(/ib/assets/images/btn_arrow_00.png);
}
.btn a:hover span::after {
	background-image: url(/ib/assets/images/btn_arrow_00_on.png) !important;
}
strong {
	color: #377ccc;
	font-weight:bold;
}
.annotation {
	color: #666;
}

.text-center{
  text-align: center;
}

.insta-block{
  text-align: center;
}

.mb-sp-30{
  margin-bottom: 30px !important;
}

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

/************************************************************
 ヘッダー
************************************************************/
.head-nav-panel .menu .name {
    background-color: #377ccc;
    border-bottom: 1px solid #5f96d6;
}
.head-nav-panel .share li a {
	border-right: 1px solid #377ccc;
}
.head-nav-panel .share li:first-child a{
    border-right: 1px solid #377ccc;
}

.head-nav-panel .share li:last-child a {
	border: none;
}
.head-nav-panel .policy{
	background: #377ccc;
}
.head-nav-panel .policy li {
	background-color: #bbd3ed;
	color: #333;
	width: 70%;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
}
.head-nav-panel .policy li a {
	display: block;
	font-size: 1.1em;
	line-height: 40px;
}
.head-nav-panel .contacts .request {
	background-color: #f8f8de;
	color:#6399d7;
}
.head-nav-panel .categories {
    background: #377ccc url(/ib/assets/images/sp/bg_stripe.png) repeat 0 0;
}
.head-nav-panel .share {
    border-top: 1px solid #377ccc;
}
.head-nav-panel .menu .items {
    background-color: #6298d7;
}
.head-nav-panel .menu .items li:nth-of-type(2n+1) {
    border-right: 1px solid #377ccc;
}
.head-nav-panel .menu .items li {
    border-bottom: 1px solid #377ccc;
}
.head-nav-panel .menu .open .name::after {
    background-image: url(/ib/assets/images/sp/btn_minus@2x.png);
}
.head-nav-panel .menu .open .name::after {
    background-image: url(/ib/assets/images/sp/btn_minus.png);
}
.head-nav-panel .menu .name::after {
    background-image: url(/ib/assets/images/sp/btn_plus@2x.png);
}
.head-nav-panel .menu .name::after {
    background-image: url(/ib/assets/images/sp/btn_plus.png);
}
/* ナビ追従
---------------------------------------- */
#head-nav-follow .follow{
	background-color: rgba(77,138,210,0.9);
}
#head-nav-follow .follow .btn-menu{
	background-color:#377ccc;
}
#head-nav-follow .follow .opencumpus,
#head-nav-follow .follow .request{
	 width: 33.3%;    
}
#head-nav-follow .follow .opencumpus img {
	width: 88.1%;
}
#head-nav-follow .follow .request img {
	width: 60%;
}
#head-nav-follow .follow .opencumpus:after,
#head-nav-follow .follow .request:after{
	content: "";
	width: 1px;
	height: 35px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/************************************************************
 TOPページ
************************************************************/
/* mainvisual
---------------------------------------- */
#for-index {
	overflow:hidden;
}
#for-index #mainvisual {
	width: 100%;
}
#for-index #mainvisual .mainvisual-slide img{
	width:100%;
	height:auto;	
}


/* g-nav
---------------------------------------- */
#for-index #g-nav {
	position: absolute;
	bottom: -10px;
	margin-bottom: 0;
}

/* search
---------------------------------------- */
#for-index .search {
    position: absolute;
    top: 396px;
}

/* gnav-sub
---------------------------------------- */
#for-index #gnav-sub {
	margin:0 0 45px 0;
}

/* h1
---------------------------------------- */
#for-index h1 {
	white-space:nowrap;
	text-indent:200%;
	overflow: hidden;
}

/* main common
---------------------------------------- */
main#index h2 {
	text-align: center;
	margin-bottom: 30px;
}
main#index h3 {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
}
main#index .catch {
	line-height: 1.8;
	margin-bottom: 25px;
}
main#index .catch br {
	display:none;
}
/* 夜間相談会
---------------------------------------- */
main#index #night {
	background: url(/ib/assets/images/bg_night.png) repeat;
	margin-bottom: 50px;
	padding: 5px;
	box-sizing:border-box;
	margin-top: -20px;
}
main#index #night .bg-inner {
	background-color: #ffffff;
}
main#index #night dl {
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
main#index #night dl dt {
	border-bottom: #888 solid 1px;
	line-height: 1.5;
	font-weight: bold;
	display: block;
	margin-bottom: 1%;
}
main#index #night dl dd {
	box-sizing: border-box;
}
main#index #night dl dd.next {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 2%;
}
main#index #night dl dd.next a:hover {
	text-decoration: underline;
}
main#index #night dl dd.time {
	background: #f2f3f4;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	font-size: 0.88em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 3%;
}
main#index #night dl dd.text br {
	display:none;
}
main#index #night dl dd.detail a {
	position: relative;
	font-size: 0.95em;
	background: url(/ib/assets/images/btn_arrow_00.png) no-repeat 90% center;
}
/* TOP　news
------------------------------ */
main#index #news {
	margin-bottom: 10%;
}
main#index #news .entry-twitter {
	display:none;
}
main#index #news .columns3 article a {
	display: block;
}
main#index #news .columns3 article {
	float: left;
	width: 48%;
	margin-right:4%;
	margin-bottom:4%;
}
main#index #news .columns3 article:nth-child(2n) {
	margin-right:0;
}
main#index #news article .photo {
	width: 100%;
	height: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 10px;
}
main#index #news article .photo span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
main#index #news article .photo img {
	max-height: 120%;
	max-width: inherit;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
main#index #news article ul.date {
	margin-bottom: 7px;
}
main#index #news article ul.date li {
	float: left;
	color: #666;
	letter-spacing: 0.05em;
	line-height: 17px;
}
main#index #news article ul.date li.ico {
	font-size: 0.8em;
	color: #fff;
	padding: 0 5px;
	margin-left: 5px;
}
main#index #news article ul.date li.ico.news {
	background-color: #6399d7;
}
main#index #news article ul.date li.ico.event {
	background-color: #5bc3a0;
}
main#index #news article .txt {
	letter-spacing: 0.05em;
	line-height: 1.5;
}
main#index #news article .txt .new {
	color: #f7931e;
	font-weight: bold;
	margin-left: 5px;
}
main#index #news .btn-area {
	text-align: center;
}
main#index #news .btn-area .btn {
	display: inline-block;
	width: 48%;
}
main#index #news .btn-area .btn:first-child {
	margin-right:2%;
}
main#index #news .btn.news, main#index #news .btn.event {
	margin-bottom:20px;
}
main#index #news .btn.event a {
	border-color: #5bc3a0;
}
main#index #news .btn.event span::after {
	background-image:url(/ib/assets/images/btn_arrow_02.png);
}
main#index #news .btn.event a:hover {
	background-color: #5bc3a0;
}
main#index #news .btn.event a:hover span::after {
	background-image:url(/ib/assets/images/btn_arrow_02_on.png) !important;
}

/* TOP　content-slider
---------------------------------------- */
/* content-slider */
main#index #content-slider {
    	background: #e3edf8;
	margin-bottom: 40px;
}
main#index #content-slider p{
	text-align:center;
}
main#index #content-slider p img{
	width:95%;
	display:inline;
}
main#index #content-slider .prev{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	left:-3%;
	z-index:2;
} 
main#index #content-slider .next{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:-3%;
	z-index:2;
} 

/* TOP　youtube
------------------------------ */
#youtube {
	text-align: center;
	margin-bottom: 40px;
}
#youtube h2 {
	font-size: 24px;
	color: #377ccc;
    font-weight: bold;
}
#youtube .docs{
	line-height: 2;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#youtube .docs a{
	color: #377ccc;
	font-weight: bold;
}
#youtube .playlist {
	display: flex;
	flex-flow: column;
}
#youtube .playlist li {
	margin: 0 auto;
	max-width: 90% !important;
}
#youtube .playlist li + li {
	margin-top: 15px;
}

/* TOP　course
------------------------------ */
main#index #course {
	margin-bottom: 60px;
	background: url(/ib/assets/images/bg_course.png) repeat-x left 200px;
}
main#index #course h2 {
	margin-bottom: 15px;
}
main#index #course .columns2 > p{
	width:100%;
}
main#index #course .columns2 > p a img.on{
	display:none;
}

/* TOP　works
------------------------------ */
main#index #works {
	position: relative;
	padding-top: 13px;
	margin-bottom: 50px;
}
main#index #works h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
main#index #works .catch {
	margin-bottom: 15px;
}
main#index #works .inner, main#index #interview .inner {
	padding: 10px;
	box-sizing: border-box;
}
main#index #works .inner {
	border: 15px solid #d4eafb;
	margin-bottom: 15px;
	text-align: center;
}
main#index #works .inner .columns3 div:nth-child(2),
main#index #works .inner .columns3 div:nth-child(3) {
	display:none;
}
main#index #works .photo {
	display: inline-block;
}
main#index #works .photo.first {
	margin-right: 20px;
}
main#index #works .btn {
	margin:0 3%;
}
main#index #works .btn a {
	border-color: #54abed;
}
main#index #works .btn span::after {
	background-image: url(/ib/assets/images/btn_arrow_00.png);
}
main#index #works .btn a:hover {
	background-color: #54abed;
	color: #050505;
}

/* TOP　interview
------------------------------ */
main#index #interview {
	position: relative;
	padding-top: 12px;
	text-align: center;
	margin-bottom: 50px;
}
main#index #interview h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
main#index #interview .catch {
	margin-bottom: 15px;
}
main#index #interview .inner {
	border: 15px solid #fcf1ac;
}
main#index #interview .inner .columns2 {
	width:100%;
	margin:0 auto;
}
main#index #interview .inner .columns2 div {
	width:100%;
	margin-right:34px;
}
main#index #interview .inner .columns2 div iframe {
	/*width:100%;
	height:170px;
	border:none;*/
}

/* TOP　link
------------------------------ */
main#index #link {
	margin-bottom: 50px;
	position:relative;
	z-index:1;
}
main#index #link .columns4>div{
	width: 48%;
	margin-right:4%;
	float:left;
}
main#index #link .columns4>div:nth-child(even) {
	margin-right:0;
}
main#index #link .columns4>div:nth-child(n+5) {
	margin-bottom: 0;
}
main#index #link .columns4 .photo{
	margin-bottom:15px;
}
main#index #link .columns4 .txt{
	display:none;
}

/* TOP　gallery
------------------------------ */
main#index #gallery {
    margin-bottom: 60px;
	overflow:hidden;
}
main#index #gallery .bg {
	padding: 33px 0;
	background: url(/ib/assets/images/bg_gallery.png);
	margin-bottom: 20px;
}
main#index #gallery li {
	text-align: center;
}
main#index #gallery li img {
	display: inline-block;
}
main#index #gallery .btn {
	text-align: center;
}
main#index #gallery .btn a {
	display: inline-block;
	width: 260px;
}

/* TOP　bnr
------------------------------ */
main#index #bnr {
	margin-bottom: 30px;
}
main#index #bnr .columns3 .photo{
	margin-bottom:10px
}
main#index #bnr .columns3 .photo img{
	width:100%;
}
main#index #bnr .columns3 a:hover .txt{
	text-decoration: underline;
}
main#index #bnr .youtube .photo {
	/*height:215px;
	border: 5px solid #000;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;*/
}
main#index #bnr iframe {
	/*width: 100%;
	height: 100%;
	border:none;*/
}

/* breadcrumb
---------------------------------------- */

#breadcrumb {
	display:none;
}

/* accordion
---------------------------------------- */
main.page h2.accordion{
	background-image:url(/ib/assets/images/bg_slanting.png);
}
main.page h2.accordion p{
	border-color: #5482b7;
}
main.page h2.accordion p:after{
	background: url(/ib/assets/images/btn_accordion.png) no-repeat;
}

/* page common
---------------------------------------- */
main.page h5 {
	color:#6399d7;
}

main.page .box .inner{
	border-color:#d4eafb;
}
main.page .box .ttl{
	border-color:#d4eafb;
}
/* box */
main.page .box .inner{
	border-color:#d4eafb;
}
main.page .box .box-header{
	border-color:#d4eafb;
}
main.page .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color:#54abed;
}
main.page .box .box-body .box-block:nth-child(3n+1) .box-info dl dt,
main.page .box .box-body .box-block:nth-child(3n+1) .box-info h5 {
	color:#54abed;
}
main.page .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color:#4bb591;
}
main.page .box .box-body .box-block:nth-child(3n+2) .box-info dl dt ,
main.page .box .box-body .box-block:nth-child(3n+2) .box-info h5 {
	color:#4bb591;
}
main.page .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color:#3d80cd;
}
main.page .box .box-body .box-block:nth-child(3n+3) .box-info dl dt,
main.page .box .box-body .box-block:nth-child(3n+3) .box-info h5 {
	color:#3d80cd;
}
main.page .box .box-body .box-block .box-info dl dt {
	font-weight:bold;
}
main.page .box .box-body .box-block .box-info dl dd {
	margin-bottom:10px;
}
main.page .box .box-body .box-block .box-info dl dd:last-child {
	margin-bottom:0;
}

/* map */
main.page .map-btn a {
	background-color: #6399d7;
}
main.page .map-btn a:hover {
	background-color: #83b4ec;
}

/* table */
main.page table {
	width:100%;
	border-top: solid 2px #888;
	border-bottom: solid 2px #888;
	margin-bottom:5%;
}
main.page table th, table td {
	font-weight:normal;
	padding: 2px 10px;
}
main.page table thead tr{
	border-bottom: solid 1px #888;
}
main.page table thead tr:last-child {
	border-bottom: solid 2px #888;
}
main.page table thead th {
	border-right:solid 1px #888;
	background-color: #bbd3ed;
}
main.page table thead th:last-child {
	border-right:none;
}
main.page table tbody th {
	background-color: #fdf8c3;
	border-right:solid 1px #888;

	border-bottom:solid 1px #888;
}
main.page table tbody th .ttl_txt {
    font-size: 0.85em;
    margin-top: 0.3em;
    line-height: 1.5em;
}
main.page table tbody tr:last-child th {
	border-bottom:none;
}
main.page table td {
	background-color:#ffffff;
	border-right:solid 1px #888;
	border-bottom:solid 1px #888;
}
main.page table td.none {
    background-color: #f2f2f2;
}
main.page table tbody td:last-child {
	/*border-right:none;*/
}
main.page table tbody  {
	border-right:solid 2px #fff;
}
main.page table tbody tr:last-child td {
	border-bottom:none;
}

main.page table tbody td .color {
	color: red ;
}
/************************************************************
 検索結果
************************************************************/
/* search
---------------------------------------- */
main#search.inner {

}
main#search h3 {
	margin-bottom:40px;
}
main#search .no-results p{
	text-align:center;
}
main#search article {
	padding-bottom:20px;
	border-bottom:dotted 1px #ccc;
	margin-bottom:20px;
}main.page table tbody tr:last-child td
main#search article:nth-last-child(2) {
	padding-bottom:0;
	border-bottom:none;
	margin-bottom:0;
}
main#search article .entry-summary p {
	margin-bottom:0;
}
main#search article .entry-summary a.more-link span.screen-reader-text {
	display:none;
}

/* page navigation (search)
------------------------------ */
main#search h2.screen-reader-text {
	display:none;
}
#search .nav-links {
	text-align:center;
}
#search .navigation.pagination {
	margin:80px 0 0 0;
}
#search .navigation.pagination .page-numbers {
    text-decoration: none;
    line-height: 25px;
	border: 1px solid #6399d7;
	display:inline-block;
	width:25px;
	height:25px;
	margin:2px;
}
#search .navigation.pagination .page-numbers.current {
    border-color: #6399d7;
    background: #6399d7;
    color: #fff;
    font-weight: bold;
}
#search .navigation.pagination .page-numbers.current a {
	text-decoration: none;
    border: 1px solid #6399d7;
}
#search .navigation.pagination a.next, #search .navigation.pagination a.prev {
    border: none;
    color: #6399d7;
}

/************************************************************
 フッター
************************************************************/
/* バナー
---------------------------------------- */
footer #foot-bnr {
	background-color:#6399d7;
}

/* ドット
---------------------------------------- */
footer #foot-company .address {
    background: url(/ib/assets/images/bg_foot.png) no-repeat center bottom;
}
.page-info-link{
	text-align:center;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px !important;
}
.page-info-link li{
	display:inline-block;
	margin-bottom:0 !important;
}
.page-info-link li a{
    display: block;
    font-size:2.5vw;
	text-decoration:none;
    padding: 8px 5px;
    border: 1px solid #ccc;
	border-bottom:none;
    background-color: #fff;
}
main ul.page-index-link{
	text-align:center;
	margin-bottom:20px;
}
.page-index-link li{
	display:inline-block;
	width: 49%;
	vertical-align: top;
}
.page-index-link li div,
.page-index-link li > span,
.page-index-link li a{
	display:block;
    line-height:33px;
    padding-left:0px;
    padding-right:0px;
	padding-bottom:10px;
	text-decoration:none;
	position:relative;
    color:#fff;
    font-weight:bold;
	font-size: 0.85em;
}
.page-index-link li div,
.page-index-link li > span,
.page-index-link li a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2em;
    height: 33px;
}
.page-index-link li div span,
.page-index-link li > span span,
.page-index-link li a span{
    white-space: nowrap;
}
.page-index-link li div span.block,
.page-index-link li > span span.block,
.page-index-link li a span.block{
    white-space: normal;
}

.page-index-link li a::after{
    position: absolute;
    bottom: 0;
    right: 0;
    left:0;
    margin: auto;
    content: "";
}
.page-index-link li a::after{
	bottom:5px;
    box-sizing: border-box;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top: 4px solid #fff;
}

/* ///////////////////////////////////////////////// */
/* cms common
---------------------------------------- */
main.list, main.single {
	overflow: hidden;
}
/* main single
---------------------------------------- */
main.single #content h2 {
	font-family: 'Noto Sans Japanese';
	color: #6399d7;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
main.single .ico {
	border-top: 1px solid #6399d7;
	border-bottom: 1px solid #6399d7;
	overflow: hidden;
	margin-bottom: 20px
}
main.single .ico li.date, main.single .ico li.cat a {
	float: left;
	display: block;
	line-height: 30px;
	padding-left: 23px;
	margin-right: 20px;
	position: relative;
}
main.single .ico .date:before {
	content: '\f307';
	font: normal 20px Genericons;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
main.single .ico .cat a:before {
	content: '\f301';
	font: normal 22px Genericons;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
main.single #detail {
	line-height: 1.5;
	margin-bottom: 30px;
}
main.single #detail p, main.single #detail div {
	overflow: hidden;
	margin-bottom: 2%;
}
main.single #detail img {
	margin: 2% 0;
}
main.single #detail a {
	text-decoration: underline;
}
main.single #detail strong {
	color: inherit;
}
main.single #detail .alignleft {
	float: left;
	margin: 0 15px 0 0;
}
main.single #detail .alignright {
	float: right;
	margin: 0 0 0 15px;
}
main.single #detail .aligncenter {
	margin: 0 auto;
	display: block;
}
main.single #navigation {
	overflow: hidden;
	border-top: 1px solid #6399d7;
	border-bottom: 1px solid #6399d7;
	margin-bottom: 50px;
}
main.single #navigation>div {
	box-sizing: border-box;
}
main.single #navigation .prev {
	border-bottom: 1px solid #6399d7;
}
main.single #navigation .next {
}
main.single #navigation>div a {
	display: block;
	padding: 10px;
	overflow: hidden;
	position: relative;
}
main.single #navigation>div a:hover {
	color: #6399d7;
}
main.single #navigation .prev a {
	padding-left: 30px;
}
main.single #navigation .next a {
	padding-right: 30px;
	text-align: right;
}
main.single #navigation>div .ttl {
	line-height: 2;
}
main.single #navigation>div .ttl span {
	width: 6px;
	height: 7px;
	background-image: url(/ib/assets/images/arrow_head.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
main.single #navigation .prev span {
	left: 10px;
	background-position: 3% center;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
main.single #navigation .next span {
	right: 10px;
	background-position: 97% center;
}
/* main list
---------------------------------------- */
main.list #content .entry {
	overflow: hidden;
	margin-bottom: 10%;
}
main.list #content .entry article {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 5%;
}
main.list #content .entry article:nth-child(2n) {
	margin-right: 0;
}
main.list #content article .photo {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
	height: 100px;
}
main.list #content article .photo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
main.list #content article .photo img {
	max-height: 100%;
	max-width: inherit;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
main.list #content article .date {
	color: #666;
	overflow: hidden;
	line-height: 18px;
	margin-bottom: 5px;
}
main.list #content article .date .new {
	color: #f7931e;
	font-weight: bold;
	margin-left: 5px;
}
main.list #content article .date .ico {
	float: right;
	font-size: 0.7em;
	line-height: 16px;
}
main.list #content article .date .ico a {
	display: block;
	padding: 0 5px;
	color: #fff;
}
main.list #content article.news .date .ico a {
	border: 1px solid #6399d7;
	background-color: #6399d7;
}
main.list #content article.event .date .ico a {
	border: 1px solid #5bc3a0;
	background-color: #5bc3a0;
}
main.list #content article h2 {
	line-height: 1.5em;
	font-size: inherit;
}
main.list #content article h2 a:hover {
	text-decoration: underline;
}
/* sidebar
---------------------------------------- */
#sidebar {
}
#sidebar>div {
	padding: 15px;
	border: 1px solid #6399d7;
	margin-bottom: 20px;
}
#sidebar h2 {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	margin-bottom: 15px;
}
#sidebar h2 span {
	float: right;
}
#sidebar h2 span a {
	padding-right: 13px;
	background: url(/ib/assets/images/arrow_head.png) no-repeat right center;
	font-size: 0.8rem;
	font-weight: normal;
	color: #6399d7;
}
#sidebar .category li {
	line-height: 45px;
	border-bottom: 1px dotted #B3B3B3;
}
#sidebar .category li:last-child {
	border-bottom: none;
}
#sidebar .category li a {
	display: block;
	padding-left: 20px;
	background-image: url(/ib/assets/images/arrow_head.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidebar article {
	border-bottom: 1px dotted #B3B3B3;
}
#sidebar article:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
#sidebar article a {
	display: block;
	overflow: hidden;
	padding: 8px 0;
}
#sidebar article a:hover {
	color: #6399d7;
}
#sidebar article .photo {
	display: none;
}
#sidebar article .photo span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
#sidebar article .photo img {
	max-height: 150%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#sidebar article .date {
	font-size: 0.9em;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
}
#sidebar article .date span {
	color: #f7931e;
	font-weight: bold;
	margin-left: 5px;
}
#sidebar article .txt {
	letter-spacing: 0.05em;
	line-height: 1.5;
	font-size: 0.95em;
}
/************************************************************
 入試・学費
************************************************************/
/* 募集学科・定員
------------------------------ */
/* recruitment */
#recruit #recruitment table thead th:nth-child(2), #recruit #recruitment table thead th:nth-child(3), #recruit #recruitment table thead th:nth-child(4) {
	width: 20%;
}
#recruit #recruitment table tbody td {
	text-align: center;
}
/* test-schedule */
#recruit #test-schedule table thead th.kind {
	width: 7%;
	padding: 3px 0;
	line-height: 1.2em;
}
#recruit #test-schedule table tbody td:nth-child(n+4):nth-child(-n+10) {
	text-align: center;
    width: 10%;
}
#recruit #test-schedule table tbody th{
	width:10%;
}
#recruit #test-schedule table.tsushin-schedule {
	text-align: center;
}
#recruit #test-schedule table.tsushin-schedule thead th:first-child {
	width: 40%;
}
/* btn-area */
#recruit .btn-area {
	text-align: center;
}
#recruit .btn-area .btn {
	display: inline-block;
	margin: 0;
}

/* 出願方法
------------------------------ */
/* 出願方法
------------------------------ */
.g-info#application .image-flow {
	margin-bottom: 20px;
	text-align: center;
}
.g-info#application .columns2 li {
	margin-bottom: 5px;
}
.g-info#application .image-ac {
	margin-bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
/* method */
.g-info#application #method table tbody th {
	width: 30%;
}
.g-info#application #method td span.mensetsu{
    color: #E60000;
    font-weight: bold;
    font-size: 1.0rem;
	text-decoration: underline;
}
.g-info#application #test-schedule table tbody th,
.g-info#application #test-schedule table tbody td:nth-child(n+4){
	width:10%;
	text-align: center;
}
.g-info#application #applying td ol {
	margin-bottom: 0;
}
.g-info#application article {
	background-color: #e5f2ff;
	padding: 15px;
	margin-bottom: 15px;
}
.g-info#application article p {
	margin-bottom: 0;
}
.g-info#application h4 span {
	color: #dc1d1d;
	margin-right: 5px;
}
.g-info#application div.notes-box {
	border: 1px solid #666;
	color: #666;
	padding: 15px;
}
.g-info#main#application div.notes-box ul, .g-info#application div.notes-box ol {
	margin-bottom: 0;
}
.g-info#application div.notes-box li {
	margin-bottom: 5px;
}
.g-info#application div.notes-box li:last-child {
	margin-bottom: 0;
}
#application #self{
	padding-top: 120px;
    margin-top: -120px;
}
#application #specified{
    padding-top: 120px;
    margin-top: -120px;
}
#application #schedule{
	padding-top: 100px;
    margin-top: -100px;
}
.g-info#application .page-index-link li{
    margin-bottom:5px;
}
.g-info#application .page-index-link li:nth-child(1){
    background-color:#80be40;
}
.g-info#application .page-index-link li:nth-child(2){
    background-color:#eba727;
}
.g-info#application .page-index-link li:nth-child(3){
    background-color:#f57b84;
}
.g-info#application .page-index-link li:nth-child(4){
    background-color:#4785cc;
}
.g-info#application .page-index-link li:nth-child(5){
    background-color:#c486bf;
}
.g-info#application .page-index-link li:nth-child(6){
    background-color:#66abdc;
}
.g-info#application .page-index-link li:nth-child(7){
    background-color:#f55b5f;
}
.g-info#application .page-index-link li:nth-child(8){
    background-color:#ebcc00;
}
.g-info#application #documents tbody td:nth-child(n+3) {
	text-align: center;
}
.g-info#application .image-flow{
    margin-bottom: 10%;
    border-bottom: 1px dotted;
    padding-bottom: 12%;
}
.g-info#application table thead tr:first-child th:first-child{
    text-align: start;
    padding-left: 20px;
}

/* 学費
------------------------------ */
.g-info#gakuhi .inner {
}
.g-info#gakuhi table td {
	text-align: center;
}
.g-info#gakuhi table.expense tbody th,
.g-info#gakuhi table.expense02 tbody th,
.g-info#gakuhi table.expense03 tbody th{
	width:10%;
}
.g-info#gakuhi #gakuhi01 table.expense02 td{
	width:45%;
}
.g-info#gakuhi #gakuhi01 table tbody th{
	text-align: center;
	width:10%;
}
/* 学費納入期日 */
.g-info#gakuhi .date td {
	width: 20.5%
}
/* 入学金 */
.g-info#gakuhi .enrollment thead th:first-child {
	width: 28%;
}
/* 学費(年額) */
/*.g-info#gakuhi .expense td {
	width: 24%;
}*/
/* 学費納入方法 */
.g-info#gakuhi .method td {
	width: 24%;
}
/* 教材費 */
.g-info#gakuhi .teaching-material td {
	width: 24%;
}
.g-info#gakuhi li {
	margin-bottom: 5px;
}

.g-info#gakuhi .page-index-link {
    text-align: center;
}
.g-info#gakuhi .page-index-link li {
    text-align: center;
}

.g-info#gakuhi .page-index-link li:nth-child(-n+2){
    background-color:#66abdc;
}
.g-info#gakuhi .page-index-link li:nth-child(3){
    background-color:#80be40;
}
.g-info#gakuhi .page-index-link li:nth-child(4){
    background-color:#c486bf;
}
.g-info#gakuhi .page-index-link li:nth-child(5){
    background-color:#f57b84;
}
.g-info#gakuhi .page-index-link li:nth-child(6){
    background-color:#eba727;
}
.g-info#gakuhi .page-index-link li:nth-child(7){
    background-color:#4080ce;
}
.g-info#gakuhi .page-index-link li:nth-child(8){
    background-color:#f4454a;
}
.g-info#gakuhi .page-index-link li:nth-child(9){
    background-color:#70a990;
}

.g-info#gakuhi-pre ul.page-index-link li.color-it {	background-color:#81b7de;}
.g-info#gakuhi-pre ul.page-index-link li.color-innovation {	background-color:#9dca6e;}
.g-info#gakuhi-pre ul.page-index-link li.color-design {	background-color:#aa73a6;}
.g-info#gakuhi-pre ul.page-index-link li.color-medicaloffice {	background-color:#f38d94;}
.g-info#gakuhi-pre ul.page-index-link li.color-hb {	background-color:#53acaa;}
.g-info#gakuhi-pre ul.page-index-link li.color-mypro {	background-color:#ea5d19;}
.g-info#gakuhi-pre ul.page-index-link li.color-pet {	background-color:#ffad49;}
.g-info#gakuhi-pre ul.page-index-link li.color-heishu {	background-color:#6a3906;}
.g-info#gakuhi-pre ul.page-index-link li.color-hennyu {	background-color:#70a990;}




/* サポート
------------------------------ */
.g-info#support table tbody th:first-child {
	width: 20%;
}
.g-info#support #group article {
	background-color: #e8f3ff;
	padding: 15px;
	margin-bottom: 15px;
}
.g-info#support #group article p {
	margin-bottom: 0;
}
.g-info#support #banner-area .columns3 {
	text-align: center;
}
.g-info#support #banner-area p {
	margin-bottom:20px;
}
.g-info#support table.loan tbody th:first-child {
	width: 0%;
}
#support h4#siteikou,
#support h4#jiko,
#support h4#sougou,
#support h4#syakai{
	padding-top: 120px;
	margin-top: -120px;
}

/* 入試・学費-共通
------------------------------ */
/* 表　td-border-right */
.g-info td:last-child {
	/*border-right: none;*/
}
/* 表 td-backgraundcolor */
#recruit table tbody tr:nth-child(even) td,
#application table tbody tr:nth-child(even) td,
#gakuhi table tbody tr:nth-child(even) td{
	background:#F3F3F3;
}

/************************************************************
 ～の方へ
************************************************************/
/* common
------------------------------ */
/* bg-balloon */
#for-affiliate .bg-balloon .bg-balloon-inner {
	background-color: #377ccc;
}
#for-affiliate .bg-balloon .bg-balloon-inner::before {
	background-image: url(/ib/assets/images/for/bg-balloon-before.png);
}
#for-affiliate .bg-balloon::after {
	background-image: url(/ib/assets/images/for/bg-balloon-after.png);
}
#for-affiliate .bg-balloon strong {
	color: #fff080;
}
/* bg-balloon.bg-balloon-white */
#for-affiliate .bg-balloon.balloon-white strong {
	color: #377ccc;
}
/************************************************************
 学科
************************************************************/
/* common
------------------------------ */
.g-course .catch {
	margin-bottom: 50px;
}
.g-course .note, .g-course .noteR {
	margin-bottom: 5%;
}
.g-course #course-head {
	margin-bottom: 30px;
}
.g-course #course-head .catch {
	font-size: 15px;
	line-height: 1.8em;
}
.g-course #course-head .catch br {
	display: none;
}
.g-course table tbody td {
	text-align: center;
}
.g-course #feature .columns {
	margin-bottom: 20px;
}
.g-course #feature .columns .info {
	box-sizing: border-box;
	padding: 10px 0 0 0;
}
.g-course #feature .columns .info .ttl {
	margin-bottom: 20px;
}
.g-course #feature .columns .info .text {
	margin-bottom: 0;
}
.g-course #skill .columns4 > * {
	width: 48%;
	float: left;
}
.g-course #skill .columns4 > *:nth-child(odd) {
	margin-right: 4%;
}
.g-course #skill .ttl {
	margin-bottom: 20px;
}
.g-course #curriculum article {
	width: 48%;
	float: left;
	margin-bottom: 20px;
}
.g-course #curriculum article:nth-child(odd) {
	margin-right: 4%;
}
.g-course #curriculum table {
	margin-bottom: 10px;
}
/* パティシエ学科
------------------------------ */
main#patisserie h5 {
	color: #f4454a;
}
#patisserie strong {
	color: #f4454a;
}
#patisserie .btn a {
	border-color: #f4454a;
}
#patisserie .btn a span::after {
	background-image: url(/ib/assets/images/course/patisserie/btn_arrow_course.png);
}
#patisserie .btn a:hover {
	background-color: #f4454a;
}
#patisserie .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/patisserie/btn_arrow_course_on.png) !important;
}
#patisserie table thead th {
	background-color: #fddadb;
}
#patisserie .box .inner {
	border-color: #ffdbbc;
}
#patisserie .box .box-header {
	border-color: #ffdbbc;
}
#patisserie .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #b783b4;
}
#patisserie .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #f14d53;
}
#patisserie .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #32bab1;
}

/* 情報ビジネス科
------------------------------ */
main#innovation .point{
  color: #9DCA6E;
  font-weight: bold;
}
main#innovation h5 {
	color: #7FBA43;
}
main#innovation strong {
	color: #7FBA43;
}
main#innovation .btn a {
	border-color: #7FBA43;
}
main#innovation .btn a span::after {
	background-image: url(/ib/assets/images/course/biz/biz-button.png);
}
main#innovation .btn a:hover {
	background-color: #7FBA43;
}
main#innovation .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/biz/biz-button_on.png) !important;
}
main#innovation table thead th {
	background-color: #9DCA6F;
}
main#innovation .box .inner {
	border-color: #fdf5c3;
}
main#innovation .box .box-header {
	border-color: #fdf5c3;
}
main#innovation .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #54abed;
}
main#innovation .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #4bb591;
}
main#innovation .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #3d80cd;
}
.v-PC{
  display: none;
}

.v-SP{
  display: block;
}

main#innovation .col-2{
  text-align: center;
}

main#innovation .col-2 > *:first-child,
main#innovation .col-2 > *:last-child{
  float: none;
}

main#innovation .col-2 > *:last-child{
  margin-top: 20px;
}

main#innovation .skill-box{
  margin-top: 20px;
}

main#innovation  #point .columns:nth-child(1) .info,
main#innovation  #point .columns:nth-child(2) .info,
main#innovation  #point .columns:nth-child(3) .info,
main#innovation  #point .columns:nth-child(4) .info{
  padding: 25px 0 0 0;
}

main#innovation .targetting-job ul.job_list {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
main#innovation .targetting-job ul.job_list li {
	font-size: 1.1em;
	float: none;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}
main#innovation .targetting-job ul.job_list li:before {
	content: "●";
	position: relative;
	top: 0.1em;
	font-size: 1.8em;
	display: inline-block;
	color: #9dca6f;
}

main#innovation.g-course .page-index .page-index-link {
}
main#innovation.g-course .page-index .page-index-link li {
    background-color: #9dca6f;
    float: none;
    margin-bottom: 6%;
}
main#innovation #curriculum .curriculum-list {
}
main#innovation #curriculum .curriculum-list img {
    display: inline-block;
    margin-bottom: 30px;
}
main#innovation #curriculum .color-category{
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
main#innovation #curriculum .color-category p{
    display: inline-block;
    margin-right: 1.0em;
}
main#innovation #curriculum .color-category .cat-title{
    font-weight: bold;
    display: block;
    margin-bottom: 1em;
}
main#innovation #curriculum .color-category span{
    display: inline-block;
    height: 1em;
    line-height: 1em;
}
main#innovation #curriculum .color-category .color{
    width: 40px; 
    margin-right: 0.25em;
}
main#innovation #curriculum .color-category .txt{
}
main#innovation #curriculum .color1{    background-color: #b6e885; }
main#innovation #curriculum .color2{    background-color: #ffff50; }
main#innovation #curriculum .color3{    background-color: #a3dbf3; }
main#innovation #curriculum .color12{
    background-image: linear-gradient(90deg, #b6e885 0% 50%, #ffff50 50% 100%);
}
main#innovation #curriculum .color23{
    background-image: linear-gradient(90deg, #ffff50 0% 25%, #a3dbf3 25% 100%);
}
main#innovation #curriculum table {
    table-layout: fixed;
    font-size: 0.7rem;
}
main#innovation #curriculum table thead th {
    border-bottom: 1px solid #888;
    background-color: #81b8de;
    background-color: rgba(157,202,111,0.4);
}
main#innovation #curriculum table thead th:first-child {
    background-color: white;
}
main#innovation #curriculum table .vertical {
    padding: 0;
}
main#innovation #curriculum table .vertical span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
main#innovation #curriculum table tbody th {
    height: 70px;
}
main#innovation #curriculum table tbody th span{
    font-size: 1em;
}
main#innovation #curriculum table tbody td,
main#innovation #curriculum table tbody th{
    height: auto;
    font-size: 0.875rem;
}
main#innovation #curriculum .color3 {
    background-color: #a3dbf3;
}
main#innovation #curriculum .color4 {
    background-color: #e6e6e6;
}
main#innovation #curriculum .color13 {
    background-image: linear-gradient(90deg, #b6e885 0% 50%, #a3dbf3 50% 100%);
}
main#innovation #curriculum .remark {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin-bottom: 0;
}
main#innovation #curriculum .memo {
    font-size: 0.8125rem;
    margin-bottom: 50px;
}
main#innovation .box .box-body .box-block > .box-image .data {
}
main#innovation .box .box-body .box-block > .box-image .data .resume{
    line-height: 1.5em;
}
main#innovation .box .box-body .box-block > .box-image .data .resume span{
    display: inline-block;
}

/* メディアデザイン科
------------------------------ */
main#design h5 {
	color: #654f9e;
}
#design strong {
	color: #654f9e;
}
#design .btn a {
	border-color: #654f9e;
}
#design .btn a span::after {
	background-image: url(/ib/assets/images/course/design/btn_arrow_course.png);
}
#design .btn a:hover {
	background-color: #654f9e;
}
#design .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/design/btn_arrow_course_on.png) !important;
}
#design table thead th {
	background-color: #e7d8e6;
}
#design .box .inner {
	border-color: #ddeefc;
}
#design .box .box-header {
	border-color: #ddeefc;
}
#design .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #b18dae;
}
#design .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #4bb591;
}
#design .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #f9989a;
}
#design .bnr-real-wedding{
	width:94%;
	text-align:center;
	margin:0 auto 10%;
}
main#design.g-course li{
	margin-bottom:6%;
}


main#design.g-course .page-index .page-index-link {
}
main#design.g-course .page-index .page-index-link li {
    background-color: #654f9e;
    float: none;
    margin-right: 0;
}
main#design.g-course #curriculum article {
	width: 48%;
	
	height: auto;
	margin-bottom: 20px;
	float: left;
}
main#design.g-course #curriculum article:nth-child(odd) {
	margin-right: 4%;
}
main#design.g-course #curriculum article p{
	width: 100%;
}
main#design.g-course #curriculum article img{
	width: 100%;
}
main#design.g-course #curriculum article h5{
	text-align: left;
	line-height: 1.0625em;
}
main#design.g-course #curriculum article h5 span.sub{
	font-size: 0.8em;
}
main#design.g-course #real-class li img{
	width: 100%;
}
main#design.g-course .mb30{
	margin-bottom: 30px;
}
main#design.g-course #internship .internship-image article{
	width: 48%;
	height: auto;
	margin-right: 0;
	float: left;
	aspect-ratio: 240/150;
}
main#design.g-course #internship .internship-image article:nth-child(odd){
	margin-right: 4%;
}
main#design.g-course #internship .internship-image article:last-of-type{
	/*width: 48%;*/
	/*height: auto;*/
	/*margin-right: 0;*/
}
main#design.g-course #internship .internship-image article:last-of-type p{
	text-align: center;
}
main#design.g-course #internship .internship-image article:last-of-type img{
	width: 75%;
	aspect-ratio: 180/150;
}
main#design.g-course #internship .btn-area {
	margin-top: 35px;
}

main#design.g-course #point .columns {
	margin-bottom: 20px;
}
main#design.g-course #point .columns .info {
	box-sizing: border-box;
	padding: 10px 0 0 0;
}
main#design.g-course #point .columns .info .ttl {
	margin-bottom: 20px;
}
main#design.g-course #point .columns .info .text {
	margin-bottom: 0;
}
main#design.g-course .targetting-job h2 {
	font-weight: bold;
}
main#design.g-course .targetting-job ul.job_list {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
main#design.g-course .targetting-job ul.job_list li {
	font-size: 1.5em;
	float: none;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}
main#design.g-course .targetting-job ul.job_list li:before {
	content: "●";
	position: relative;
	top: 0.1em;
	font-size: 1.8em;
	display: inline-block;
	color: #654f9e;
}

main#design.g-course #curriculum {
}
main#design.g-course #curriculum .curriculum-list {
	font-size: 3em;
}
main#design.g-course #curriculum .curriculum-list img{
	display: inline-block;
	margin-bottom: 30px;
}
main#design.g-course .btn.design {
	margin-top: 1em;
}

/* ホテル・ブライダル科
------------------------------ */
main#hb h5 {
	color: #53acaa;
}
#hb strong {
	color: #53acaa;
}
#hb .btn a {
	border-color: #53acaa;
}
#hb .btn a span::after {
	background-image: url(/ib/assets/images/course/hb/btn_arrow_course.png);
}
#hb .btn a:hover {
	background-color: #53acaa;
}
#hb .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/hb/btn_arrow_course_on.png) !important;
}
#hb table thead th {
	background-color: #d3f0ee;
}
#hb .box .inner {
	border-color: #ddeefc;
}
#hb .box .box-header {
	border-color: #ddeefc;
}
#hb .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #b18dae;
}
#hb .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #4bb591;
}
#hb .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #f9989a;
}
#hb .bnr-real-wedding{
	width:94%;
	text-align:center;
	margin:0 auto 10%;
}
main#hb.g-course li{
	margin-bottom:6%;
}


main#hb.g-course .page-index {
}
main#hb.g-course .page-index .page-index-link {
}
main#hb.g-course .page-index .page-index-link li {
    background-color: #53acaa;
    float: none;
}
main#hb.g-course #pickup-class article {
	width: 48%;
	
	height: auto;
	margin-bottom: 20px;
	float: left;
}
main#hb.g-course #pickup-class article:nth-child(odd) {
	margin-right: 4%;
}
main#hb.g-course #pickup-class article p{
	width: 100%;
}
main#hb.g-course #pickup-class article img{
	width: 100%;
}
main#hb.g-course #pickup-class article h5{
	text-align: left;
	line-height: 1.0625em;
}
main#hb.g-course #pickup-class article h5 span.sub{
	font-size: 0.8em;
}
main#hb.g-course #real-class li img{
	width: 100%;
}
main#hb.g-course .mb30{
	margin-bottom: 30px;
}
main#hb.g-course #internship .internship-image article{
	width: 48%;
	height: auto;
	margin-right: 0;
	float: left;
	aspect-ratio: 240/150;
}
main#hb.g-course #internship .internship-image article:nth-child(odd){
	margin-right: 4%;
}
main#hb.g-course #internship .internship-image article:last-of-type{
	/*width: 48%;*/
	/*height: auto;*/
	/*margin-right: 0;*/
}
main#hb.g-course #internship .internship-image article:last-of-type p{
	text-align: center;
}
main#hb.g-course #internship .internship-image article:last-of-type img{
	width: 75%;
	aspect-ratio: 180/150;
}
main#hb.g-course #internship .btn-area {
	margin-top: 35px;
}
/* 国際ホテル・ブライダル学科
------------------------------ */
main#hotel h5 {
	color: #53acaa;
}
#hotel strong {
	color: #53acaa;
}
#hotel .btn a {
	border-color: #53acaa;
}
#hotel .btn a span::after {
	background-image: url(/ib/assets/images/course/hotel/btn_arrow_course.png);
}
#hotel .btn a:hover {
	background-color: #53acaa;
}
#hotel .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/hotel/btn_arrow_course_on.png) !important;
}
#hotel table thead th {
	background-color: #d3f0ee;
}
#hotel .box .inner {
	border-color: #ddeefc;
}
#hotel .box .box-header {
	border-color: #ddeefc;
}
#hotel .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #b18dae;
}
#hotel .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #4bb591;
}
#hotel .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #f9989a;
}
#hotel .bnr-real-wedding{
	width:94%;
	text-align:center;
	margin:0 auto 10%;
}
main#hotel.g-course li{
	margin-bottom:6%;
}
/* ペット総合学科
------------------------------ */
main#pet h5 {
	color: #edb13f;
}
#pet strong {
	color: #edb13f;
}
#pet .btn a {
	border-color: #edb13f;
}
#pet .btn a span::after {
	background-image: url(/ib/assets/images/course/pet/btn_arrow_course.png);
}
#pet .btn a:hover {
	background-color: #edb13f;
}
#pet .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/pet/btn_arrow_course_on.png) !important;
}
#pet table thead th {
	background-color: #f7d99f;
}
#pet .box .inner {
	border-color: #e0f4ce;
}
#pet .box .box-header {
	border-color: #e0f4ce;
}
#pet .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #ff8f30;
}
#pet .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #35ac84;
}
#pet .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #6298d6;
}
#pet #feature .info {
}
#pet #feature .info h5 {
	margin-bottom: 0;
}
#pet #feature .info .text {
	line-height: 1.5em;
	margin-bottom: 10px;
}
/* 医療事務学科
------------------------------ */
main#medicaloffice h5 {
	color: #f38d94;
}
#medicaloffice strong {
	color: #f38d94;
}
#medicaloffice .btn a {
	border-color: #f38d94;
}
#medicaloffice .btn a span::after {
	background-image: url(/ib/assets/images/course/nurse/btn_arrow_course.png);
}
#medicaloffice .btn a:hover {
	background-color: #f38d94;
}
#medicaloffice .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/nurse/btn_arrow_course_on.png) !important;
}
#medicaloffice table thead th {
	background-color: #fbd9d2;
}
#medicaloffice .box .inner {
	border-color: #fff5d2;
}
#medicaloffice .box .box-header {
	border-color: #fff5d2;
}
#medicaloffice .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #f38d94;
}
#medicaloffice .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #98d95c;
}
#medicaloffice .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #fbb03b;
}

/* 情報工学科・情報システム科
------------------------------ */
main#it h5 {
	color: #6399d7;
}
#it strong {
	color: #6399d7;
}
#it .btn a {
	border-color: #6399d7;
}
#it .btn a span::after {
	background-image: url(/ib/assets/images/course/it/it-button.png);
}
#it .btn a:hover {
	background-color: #6399d7;
}
#it .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/it/it-button_on.png) !important;
}
#it table thead th {
	background-color: #8EBFE1;
}
#it .box .inner {
	border-color: #d4eafb;
}
#it .box .box-header {
	border-color: #d4eafb;
}
#it .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #ff8f30;
}
#it .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #35ac84;
}
#it .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #6298d6;
}
#it #feature .info h5 {
	margin-bottom: 0;
}
#it #feature .columns {
 margin-bottom:
}
#it #feature .columns .info {
}
#it #feature .info .ttl {
	margin-bottom: 15px;
}
#it #feature .info .text {
	line-height: 1.5em;
	margin-bottom: 10px;
}

#it .col-2{
 text-align: center;
}
main#it .col-2 > *:first-child,
main#it .col-2 > *:last-child{
 float: none;
}
#it .col-2 > *{
 margin-bottom: 20px;
}
main#it .video-content{
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 56.25%;
 overflow: hidden;
 margin-bottom: 50px;
}
main#it .video-content iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
main#it #feature .columns:nth-child(1) .info,
main#it #feature .columns:nth-child(2) .info,
main#it #feature .columns:nth-child(3) .info,
main#it #feature .columns:nth-child(4) .info{
 padding: 25px 0 0 0;
}
main#it #skill .skill-box{
 text-align: center;
 margin-bottom: 20px;
}
main#it .it-catch{
 text-align: left;
}

main#it #curriculum .color-category{
    display: block;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
main#it #curriculum .color-category p{
    display: inline-block;
    margin-right: 1.0em;
}
main#it #curriculum .color-category .cat-title{
    font-weight: bold;
    display: block;
    margin-bottom: 1em;
}
main#it #curriculum .color-category span{
    display: inline-block;
    height: 1em;
    line-height: 1em;
}
main#it #curriculum .color-category .color{
    width: 50px; 
    margin-right: 0.25em;
}
main#it #curriculum .color-category .txt{
}
main#it #curriculum .color1{    background-color: #ffff50; }
main#it #curriculum .color2{    background-color: #ffd250; }
main#it #curriculum .color3{    background-color: #b6e885; }
main#it #curriculum .color4{    background-color: #a3dbf3; }
main#it #curriculum .color5{    background-color: #e6e6e6; }
main#it #curriculum .color12{
    background-image: linear-gradient(90deg, #ffff50 0% 50%, #ffd250 50% 100%);
}
main#it #curriculum .color23{
    background-image: linear-gradient(90deg, #ffd250 0% 25%, #b6e885 25% 100%);
}
main#it #curriculum table {
    table-layout: fixed;
    font-size: 0.8rem;
}
main#it #curriculum table thead th {
    border-bottom: 1px solid #888;
    background-color: #81b8de;
    background-color: rgba(129,184,222,0.4);
}
main#it #curriculum table thead th:first-child {
    background-color: white;
    text-align: left;
    padding-left: 2%;
}
main#it #curriculum table .vertical {
    padding: 0;
}
main#it #curriculum table tbody th {
    height: 70px;
}
main#it #curriculum table .vertical span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
main#it #curriculum table tbody th span{
    font-size: 1em;
}
main#it #curriculum table tbody td:last-child{
    /*border-right: none;*/
}

/* 情報ビジネス科Webビジネスコース
------------------------------ */
main#web .point{
  color: #9DCA6E;
  font-weight: bold;
}
main#web h5 {
	color: #7FBA43;
}
main#web strong {
	color: #7FBA43;
}
main#web .btn a {
	border-color: #7FBA43;
}
main#web .btn a span::after {
	background-image: url(/ib/assets/images/course/web/web-button.png);
}
main#web .btn a:hover {
	background-color: #7FBA43;
}
main#web .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/web/web-button_on.png) !important;
}
main#web table thead th {
	background-color: #9DCA6F;
}
main#web .box .inner {
	border-color: #fdf5c3;
}
main#web .box .box-header {
	border-color: #fdf5c3;
}
main#web .box .box-body .box-block:nth-child(3n+1) .box-image .data {
	background-color: #54abed;
}
main#web .box .box-body .box-block:nth-child(3n+2) .box-image .data {
	background-color: #4bb591;
}
main#web .box .box-body .box-block:nth-child(3n+3) .box-image .data {
	background-color: #3d80cd;
}
.v-PC{
  display: none;
}

.v-SP{
  display: block;
}

main#web .col-2{
  text-align: center;
}

main#web .col-2 > *:first-child,
main#web .col-2 > *:last-child{
  float: none;
}

main#web .col-2 > *:last-child{
  margin-top: 20px;
}

main#web .skill-box{
  margin-top: 20px;
}

main#web  #feature .columns:nth-child(1) .info,
main#web  #feature .columns:nth-child(2) .info,
main#web  #feature .columns:nth-child(3) .info,
main#web  #feature .columns:nth-child(4) .info{
  padding: 25px 0 0 0;
}

main#web #curriculum .color-category{
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
main#web #curriculum .color-category p{
    display: inline-block;
    margin-right: 1.0em;
}
main#web #curriculum .color-category .cat-title{
    font-weight: bold;
    display: block;
    margin-bottom: 1em;
}
main#web #curriculum .color-category span{
    display: inline-block;
    height: 1em;
    line-height: 1em;
}
main#web #curriculum .color-category .color{
    width: 40px; 
    margin-right: 0.25em;
}
main#web #curriculum .color-category .txt{
}
main#web #curriculum .color1{    background-color: #b6e885; }
main#web #curriculum .color2{    background-color: #ffff50; }
main#web #curriculum .color3{    background-color: #a3dbf3; }
main#web #curriculum .color12{
    background-image: linear-gradient(90deg, #b6e885 0% 50%, #ffff50 50% 100%);
}
main#web #curriculum .color23{
    background-image: linear-gradient(90deg, #ffff50 0% 25%, #a3dbf3 25% 100%);
}
main#web #curriculum table {
    table-layout: fixed;
    font-size: 0.7rem;
}
main#web #curriculum table thead th {
    border-bottom: 1px solid #888;
    background-color: #81b8de;
    background-color: rgba(157,202,111,0.4);
}
main#web #curriculum table thead th:first-child {
    background-color: white;
}
main#web #curriculum table .vertical {
    padding: 0;
}
main#web #curriculum table .vertical span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
main#web #curriculum table tbody th {
    height: 70px;
}
main#web #curriculum table tbody th span{
    font-size: 1em;
}
main#web #curriculum table tbody td,
main#web #curriculum table tbody th{
    height: auto;
    font-size: 0.875rem;
}
main#web #curriculum .color3 {
    background-color: #a3dbf3;
}
main#web #curriculum .color4 {
    background-color: #e6e6e6;
}
main#web #curriculum .color13 {
    background-image: linear-gradient(90deg, #b6e885 0% 50%, #a3dbf3 50% 100%);
}
main#web #curriculum .remark {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin-bottom: 0;
}
main#web #curriculum .memo {
    font-size: 0.8125rem;
    margin-bottom: 50px;
}
main#web .box .box-body .box-block > .box-image .data {
}
main#web .box .box-body .box-block > .box-image .data .resume{
    line-height: 1.5em;
}
main#web .box .box-body .box-block > .box-image .data .resume span{
    display: inline-block;
}

/* マイプロジェクトコース
------------------------------ */
#mypro .btn a {
	border-color: #EA5D19;
}
#mypro .btn a span::after {
    background-image: url(/ib/assets/images/course/mypro/btn_arrow_course.svg);
}

/* ハイブリッドスタディ科（大学併修）
------------------------------ */
#heishu .btn a {
	border-color: #6A3906;
}
#heishu .btn a span::after {
    background-image: url(/ib/assets/images/course/heishu/btn_arrow_course.svg);
}

/*サイバー大学IT総合学部
------------------------------ */
main#cyber h5 {
	color: #7cb09a;
}
#cyber strong {
	color: #7cb09a;
}
#cyber .btn a {
	border-color: #7cb09a;
}
#cyber .btn a span::after {
	background-image: url(/ib/assets/images/course/cyber/btn_arrow_course.png);
}
#cyber .btn a:hover {
	background-color: #7cb09a;
}
#cyber .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/cyber/btn_arrow_course_on.png) !important;
}
#cyber #more ul {
	overflow: hidden;
	text-align: center;
	letter-spacing: -.40em;
}
#cyber #more ul li {
	display: inline-block;
	margin-bottom: 20px;
	letter-spacing: normal;
}
#cyber #more ul li:nth-child(3), #cyber #more ul li:last-child {
	margin-right: 0;
}
/*国際ビジネス学科（2017年4月新設 留学生対象学科）
------------------------------ */
main#international h5 {
	color: #6399d7;
}
#international strong {
	color: #6399d7;
}
#international .btn a {
	border-color: #6399d7;
}
#international .btn a span::after {
	background-image: url(/ib/assets/images/course/international/btn_arrow_course.png);
}
#international .btn a:hover {
	background-color: #6399d7;
}
#international .btn a:hover span::after {
	background-image: url(/ib/assets/images/course/international/btn_arrow_course_on.png) !important;
}
#international table thead th {
	background-color: #bbd3ed;
}
#international #feature .inner-section {
	background-image: url(/ib/assets/images/course/international/bg-feature.png);
	background-repeat: repeat;
	background-position: top center;
	text-align: center;
}
#international #course-schedule .schedule-tbl {
	background-image: url(/ib/assets/images/course/bg-schedule.png);
	background-repeat: repeat;
	background-position: top center;
	padding: 40px 0;
	text-align: center;
}
#international #tuition-benefits table {
	margin-bottom: 30px;
}
#international #tuition-benefits .tbl01, #international #tuition-benefits .tbl02 {
	margin-bottom: 2%;
}
#international #tuition-benefits .arbeit table td {
	text-align: left;
}
#international #tuition-benefits .dormitory table td {
	text-align: left;
}
#international #course-opencampus table {
	margin-bottom: 10px;
}
/************************************************************
 講師紹介
************************************************************/
/* common
------------------------------ */
.g-course#staff .introduction article {
	width: 100%;
	border: 6px solid #fadb84;
	padding: 3%;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 5%;
}
.g-course#staff .introduction article:nth-child(2n-1) {
	margin-right: 20px;
}
.g-course#staff .introduction article .photo {
	padding-right: 10px;
	margin-bottom: 0;
	box-sizing: border-box;
}
.g-course#staff .introduction article .txt-area {
}
.g-course#staff .introduction article .txt-area > *:last-child {
	margin-bottom: 0;
}
.g-course#staff .introduction article h5 {
	line-height: 1.5;
}
.g-course#staff .introduction article .comment {
	margin-bottom: 7%;
}
.g-course#staff .introduction article .ttl {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2;
	margin-bottom: 3%;
}
.g-course#staff .introduction article .txt {
	font-size: 0.9em;
	line-height: 1.2;
}

#staff article{
  height: auto;
  margin-right: 0;
  width: 100%;
}
#staff article h5{
  margin-bottom: 5%;
}
#staff strong {
    color: #1e1e1e;
}

#staff article .comment{
  display: inline-block;
}
#staff article p{
  font-size: 0.9em;
  line-height: 1.5em;
}
#staff .page-index-link li{
  height: 43px;
  width: 49%;
  vertical-align: top;
  margin-bottom: 3px;
}
#staff .page-index-link li:nth-child(1){
	background-color:#68acda;
}
#staff .page-index-link li:nth-child(2){
	background-color:#81bd49;
}
#staff .page-index-link li:nth-child(3){
	background-color:#f37c85;
}
#staff .page-index-link li:nth-child(4){
    background-color:#53acaa;
}
#staff .page-index-link li:nth-child(5){
    background-color:#f38d94;
}
#staff .page-index-link li:nth-child(6){
    background-color:#edb13f;
}

.g-course#staff .introduction article .column{
	margin-bottom: 10px;
	display: flex;
}
.g-course#staff .introduction article .column-item{
	width: 49.5%;
	vertical-align: top;
}
.g-course#staff .introduction article .column-item:after{
	content: "";
	clear: both;
	display: table;
}

.g-course#staff .introduction article {
	border: 6px solid #ccc;
}
.g-course#staff .introduction article h5 {
	color: #ccc;
}

/* パティシエ学科
------------------------------ */
.g-course#staff #staff-patisserie.introduction article {
	border: 6px solid #fcc7c9;
}
.g-course#staff #staff-patisserie.introduction article h5 {
	color: #f4454a;
}
/* 情報ビジネス科
------------------------------ */
.g-course#staff #staff-biz.introduction article {
	border: 6px solid #cfe5b7;
}
.g-course#staff #staff-biz.introduction article h5 {
	color: #9dca6e;
}
/* ウェブデザイン科
------------------------------ */
.g-course#staff #staff-design.introduction article {
	border: 6px solid #aa73a6;
}
.g-course#staff #staff-design.introduction article h5 {
	color: #aa73a6;
}
/* ホテルブライダル科
------------------------------ */
.g-course#staff #staff-hb.introduction article {
	border: 6px solid #53acaa;
}
.g-course#staff #staff-hb.introduction article h5 {
	color: #53acaa;
}
/* 国際ホテル・ブライダル学科
------------------------------ */
.g-course#staff #staff-hotel.introduction article {
	border: 6px solid #e1cee0;
}
.g-course#staff #staff-hotel.introduction article h5 {
	color: #53acaa;
}
/* ペット総合学科
------------------------------ */
.g-course#staff #staff-pet.introduction article {
	border: 6px solid #f6d99e;
}
.g-course#staff #staff-pet.introduction article h5 {
	color: #edb13f;
}
/* 医療事務学科
------------------------------ */
.g-course#staff #staff-medicaloffice.introduction article {
	border: 6px solid #f9c7ca;
}
.g-course#staff #staff-medicaloffice.introduction article h5 {
	color: #f38d94;
}
/* 情報工学科・情報システム科
------------------------------ */
.g-course#staff #staff-it.introduction article {
	border: 6px solid #c1dbef;
}
.g-course#staff #staff-it.introduction article h5 {
	color: #81b7de;
}
/* 情報ビジネス科Webビジネスコース
------------------------------ */
.g-course#staff #staff-web.introduction article {
	border: 6px solid #cfe5b7;
}
.g-course#staff #staff-web.introduction article h5 {
	color: #9dca6e;
}
/************************************************************
 about
************************************************************/

/* greeting
------------------------------ */
/* 挨拶 */
#greeting #message .columns .image {
	text-align: center;
	margin-bottom: 3%;
}
#greeting #message .columns .name {
	text-align: right;
	font-size: 1.2em;
	line-height: 2;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/************************************************************
 about
************************************************************/
/* history
------------------------------ */
#history #concept .list-wrap {
	text-align: center;
}
#history #concept .list-wrap ul {
	display: inline-block;
	text-align: left;
	margin-bottom: 5%;
}
#history #concept .list-wrap li {
	margin-bottom: 10px;
}
#history #concept th {
	width: 25%;
}
#history #concept .catch br {
	display: none;
}
#history #concept .copy br {
	display: none;
}
/************************************************************
 about
************************************************************/
/* facilities
------------------------------ */
#facilities #laboratory article {
	margin-bottom: 30px;
	float: left;
	width: 48%;
}
#facilities #laboratory article:nth-child(odd) {
	margin-right: 4%;
}
/* access
------------------------------ */
#access #detail .columns2 {
	margin-bottom: 30px;
}
/*#access #detail h4{
	overflow:hidden;
}
#access #detail h4 span{
	float:right;
	font-weight:normal;
}*/
#access #detail table tbody th {
	width: 150px;
}
#access #detail .train .columns2 table td {
	text-align: center;
}
#access #detail .train .columns2 > * table:last-child {
	margin-bottom: 0;
}
#access #detail .train .note {
	text-align: left;
}
#access #detail .info td span {
	display: inline-block;
	margin-right: 20px;
}
#access #detail .info td span:last-child {
	margin-right: 0;
}
/* data 数字で分かるYIC
------------------------------ */
main#data.g-about ul {
	overflow: hidden;
}
main#data.g-about li {
	float: left;
	width: 47%;
	margin-right: 6%;
	margin-bottom: 6%;
}
main#data.g-about li:nth-child(3), main#data.g-about li:nth-child(8), main#data.g-about li:nth-child(9), main#data.g-about li:nth-child(10) {
	width: 100%;
	margin-right: 0;
}
main#data.g-about li:nth-child(2), main#data.g-about li:nth-child(5), main#data.g-about li:nth-child(7), main#data.g-about li:nth-child(12), main#data.g-about li:nth-child(14), main#data.g-about li:nth-child(16), main#data.g-about li:last-child {
	margin-right: 0;
}
main#data.g-about li img {
	width: 100%;
	height: auto;
}
/************************************************************
 course
************************************************************/
/* contest
----------------------------- */

#contest .columns {
	margin-bottom: 40px;
}
#contest .columns .txt-area {
}
#contest .columns .txt-area .ttl {
	font-weight: bold;
}
#contest .columns .photo-area {
}
#contest .columns .photo img {
	width: 100%;
	height: auto;
}
#contest .columns4 {
	overflow: hidden;
}
#contest .columns4 > * {
	float: left;
	margin-bottom: 40px;
	width: 48%;
}
#contest .columns4 > *:nth-child(odd) {
	margin-right: 4%;
}
#contest .qa {
	margin: 0 auto 40px;
}
#contest .qa dt, #contest .qa dd {
	padding-left: 20px;
	position: relative;
}
#contest .qa dt {
	color: #6399d7;
	margin-bottom: 3px;
}
#contest .qa dt:after {
	content: "Q.";
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 1.5em;
	font-weight: bold;
}
#contest .qa dd {
	margin-bottom: 10px;
}
#contest .qa dd:after {
	content: "A.";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.5em;
	font-weight: bold;
}
#contest .qa dd {
	margin-bottom: 10px;
}
#contest table td {
	text-align: center;
}
#contest .columns5 {
	overflow: hidden;
}
#contest .columns5 > * {
	float: left;
	margin-bottom: 40px;
	width: 48%;
}
#contest .columns5 > *:nth-child(odd) {
	margin-right: 4%;
}
.contest-list > p{
  display: block;
  text-align: center;
 }

.contest-list > p:nth-child(odd),
.contest-list > p:nth-child(even){
  float: none;
}
/************************************************************
 よくあるご質問
************************************************************/
main#faq article {
	margin-bottom: 30px;
}
main#faq article h5 {
	background-image: url(/ib/assets/images/faq/question.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 33px;
}
main#faq article .answer {
	background-image: url(/ib/assets/images/faq/answer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 33px;
}
main#faq article .answer ul {
	margin-bottom: 10px;
}
main#faq article .answer *:last-child {
	margin-bottom: 0;
}
/************************************************************
Webサイト取り扱い指針
************************************************************/

/************************************************************
 情報公開
************************************************************/
main#disclosure table th {
	width: 30%;
}
/************************************************************
 年間スケジュール
************************************************************/
#schedule table tbody td img {
	width: 200px;
}
#schedule #technology-it-engineer-it-coursedepartment table thead th {
	width: 16%;
}
#schedule #technology-it-engineer-it-coursedepartment table thead th:first-child {
	width: 4%;
}
/* キャンパス周辺マップ
------------------------------ */
#map #neighboring-maps div {
	text-align: center;
}
#map #location article {
	margin-bottom: 30px;
	float: left;
	width: 48%;
}
#map #location article:nth-child(odd) {
	margin-right: 4%;
}
/* 学生寮について
------------------------------ */
#dormitory .image {
	text-align: center;
}
#dormitory #guide .image {
	margin-bottom: 20px;
}
#dormitory #guide table th {
	width: 25%;
}
#dormitory #facility .catch {
	margin-bottom: 30px;
}
#dormitory #access .map {
	margin-bottom: 30px;
}
#dormitory #access iframe {
	width: 100%;
	height: 250px;
}
#dormitory #summary table {
	margin-bottom: 40px;
}
#dormitory #summary .image {
	margin-bottom: 40px;
}
/************************************************************
 サイトマップ
************************************************************/
main#sitemap a {
	display: block;
	line-height: 1.5em;
	padding: 3px 0;
}
main#sitemap section>div>ul {
	margin-bottom: 40px;
}
main#sitemap section>div>ul>li {
	margin-bottom: 20px;
}
main#sitemap section>div>ul>li>a {
	padding-left: 17px;
	background: url(/ib/assets/images/btn_arrow_00.png) no-repeat left center;
}
main#sitemap ul.child {
	margin-left: 10px;
	margin-bottom: 0;
}
main#sitemap ul.child li {
	margin-bottom: 15px;
}
main#sitemap ul.child a {
	padding-left: 10px;
	background: url(/ib/assets/images/arrow_head.png) no-repeat left 11px;
}
/************************************************************
 プライバシーポリシー
************************************************************/
main#privacy #privacy-contact {
	overflow: hidden;
}
main#privacy #privacy-contact article {
	float: right;
}
main#privacy #privacy-contact article h5 {
	color: #000;
	font-weight: normal;
	margin-bottom: 3px;
}
main#privacy .date {
	text-align: right;
}
main#privacy .name {
	text-align: right;
}
/************************************************************
 オープンキャンパス
************************************************************/
/* 開催日程
------------------------------ */
.g-opencampus#schedule #ttl-area dl {
	text-align: center;
	margin-bottom: 20px;
}
.g-opencampus#schedule #ttl-area dt, .g-opencampus#schedule #ttl-area dd {
	display: inline-block;
}
.g-opencampus#schedule #ttl-area dd {
	font-size: 1.3em;
	font-weight: bold;
}
.g-opencampus#schedule #table02 .copy img {
	width: 150px;
	height: auto;
}
.g-opencampus#schedule #table02 .columns4 {
	margin-bottom: 20px;
}
.g-opencampus#schedule #table02 .columns4 article {
	margin-bottom: 20px;
}
.g-opencampus#schedule .btn-area {
	text-align: center;
}
.g-opencampus#schedule .btn-area .btn {
	display: inline-block;
	margin: 0 10px 10px 10px;
}
/************************************************************
 recruit
************************************************************/
/* support
------------------------------ */
.g-recruit#support #support_system .box-only {
	padding-top: 11px;
}
.g-recruit#support #support_system .box-only .inner {
	text-align: center;
}
.g-recruit#support #support_system .box-only .inner .p-adjust {
	margin-top: 20px;
}
.g-recruit#support #training_system ul {
/*	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count:2;
	-ms-column-count: 2;*/
}
/* record
------------------------------ */

main#record .comment {
    text-align: left;
    font-size: 0.95rem;
    margin-bottom: 2em;
}
main#record p {
    text-align: center;
}

/* 就職先一覧 */

main#record #company_list ul {
/*	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-o-column-count: 3;
	-ms-column-count: 3;*/
}
main#record h2{
	font-weight: bold;
	font-size: large;
	color: red;
}
/*
main#record h2.it{
	color: #81b7de;
}
main#record h2.biz{
	color: #9dca6e;
}
main#record h2.hb{
	color: #53acaa;
}
main#record h2.medicaloffice{
	color: #f38d94;
}
main#record h2.pet{
	color: #edb13f;
}
*/
main#record h2.it            {	color: #81b7de;}
main#record h2.innovation    {	color: #9dca6e;}
main#record h2.design        {	color: #aa73a6;}
main#record h2.hb            {	color: #53acaa;}
main#record h2.medicaloffice {	color: #f38d94;}
main#record h2.mypro         {	color: #ea5d19;}
main#record h2.pet           {	color: #ffad49;}
main#record h2.heishu        {	color: #6a3906;}

/************************************************************
 専門学校とは？
************************************************************/
main#vocational section p br {
	display: none;
}
main#vocational #with-a-college .catch {
}
main#vocational #with-a-college ol {
}
/************************************************************
 ～の方へ
************************************************************/
/* 企業採用担当者様へ
------------------------------ */
/* for-message */
#enterprise #traning .columns2 article {
	background-color: #e5f2ff;
}
/************************************************************
 form common
************************************************************/
input[type="reset"], input[type="button"], input[type="submit"] {
	border-color: #54abed;
}
input[type="reset"], input[type="button"] {
	background-image: url(/ib/assets/images/btn_arrow_00_re.png);
}
input[type="submit"], main#form .wpcf7 input[type="submit"], main#request .wpcf7 input[type="submit"] {
	color: #fff;
	background-image: url(/ib/assets/images/btn_arrow_00_on.png);
	background-color: #6399d7;
	border-color: #6399d7;
}
form th span, form .mail-area p, form .address-area p, form .bus-area p, form .description span {
	color: #ed1c24;
}
/************************************************************
 フォーム(オープンキャンパス申込み, 資料請求)
************************************************************/
main#form .form-head .confirm-txt, main#request .form-head .confirm-txt {
	padding: 10px;
	background: #e5f2ff;
	margin-bottom: 5%;
}
main#form .form-head .flow, main#request .form-head .flow {
	text-align: center;
	margin-bottom: 5%;
}
main#form .sex .wpcf7-list-item.last, main#request .sex .wpcf7-list-item.last {
	display: none;
}
/* contact, form, request
------------------------------ */
/* エラーメッセージ「入力内容に問題があります」 */
main#contact_new div.wpcf7-response-output.wpcf7-validation-errors, main#request_new div.wpcf7-response-output.wpcf7-validation-errors, main#form_new div.wpcf7-response-output.wpcf7-validation-errors, main#contact div.wpcf7-response-output.wpcf7-validation-errors, main#request div.wpcf7-response-output.wpcf7-validation-errors, main#form div.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-size: 1.2em;
	border-width: 4px;
	text-align: left;
	padding: 0.5em;
	margin-top: 10px;
}
/* 入力ボックスの文字色 */
main#contact_new .wpcf7 textarea, main#contact_new .wpcf7 input, main#request_new .wpcf7 textarea, main#request_new .wpcf7 input, main#form_new .wpcf7 textarea, main#form_new .wpcf7 input, main#contact .wpcf7 textarea, main#contact .wpcf7 input, main#request .wpcf7 textarea, main#request .wpcf7 input, main#form .wpcf7 textarea, main#form .wpcf7 input {
	color: #333;
}
/* chromeの自動入力時の背景色を変更する */
main#contact_new input:-webkit-autofill, main#request_new input:-webkit-autofill, main#form_new input:-webkit-autofill, main#contact input:-webkit-autofill, main#request input:-webkit-autofill, main#form input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* 確認画面の入力ボックス */
main#contact_new .wpcf7-form-control.wpcf7c-conf, main#request_new .wpcf7-form-control.wpcf7c-conf, main#form_new .wpcf7-form-control.wpcf7c-conf, main#contact .wpcf7-form-control.wpcf7c-conf, main#request .wpcf7-form-control.wpcf7c-conf, main#form .wpcf7-form-control.wpcf7c-conf {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: white;
	border: 0;
}
/* 送信完了メッセージ(完了ページに遷移してから表示するので遷移前の表示は隠す) */
main#request_new div.wpcf7-response-output.wpcf7-mail-sent-ok, main#form_new div.wpcf7-response-output.wpcf7-mail-sent-ok, main#request div.wpcf7-response-output.wpcf7-mail-sent-ok, main#form div.wpcf7-response-output.wpcf7-mail-sent-ok {
	display: none !important;
}
/* contact_sent, request_sent, form_sent
------------------------------ */

main#contact_sent .flow, main#request_sent .flow, main#form_sent .flow {
	text-align: center;
	margin-bottom: 5%;
}
/* 送信完了メッセージ */
main#contact_sent div.mail-sent-ok, main#request_sent div.mail-sent-ok, main#form_sent div.mail-sent-ok {
	display: block;
	font-size: 1.2em;
	border: 0;
}
main.page .mail-sent-ok p{
    box-sizing: border-box;
    width: 85%;
    margin: 0 auto;
    text-align: left;
    font-size: 1.0rem;
    text-indent: -1em;
    padding-left: 1em;
}
main.page .mail-sent-ok p{
    margin-bottom: 0;
}
main.page .mail-sent-ok p:first-of-type{
    margin-top: 1em;
}
main.page .mail-sent-ok {
    margin-bottom: 1em;
}
main.page .mail-sent-ok p{
    width: 100%;
    font-size: 0.95rem;
}

/************************************************************
 先輩の成長ストーリー
************************************************************/
/* 国際ホテル・ブライダル学科
------------------------------ */
/* block-head */
main#story .story-block .block-head .main-info .course {
	background-color: #53acaa;
}
main#story .story-block .block-head .main-info .company {
	background-color: #f9f5f9;
}
/* QA */
main#story .story-block .qa .columns3 .block:before {
	content: url(/ib/assets/images/course/story/story-01-ico-corner.png);
}
main#story .story-block .qa .columns3 .block strong {
	color: #9689b9;
}
main#story .story-block .qa .columns3 .block .block-inner .question {
	background: url(/ib/assets/images/course/story/story-01-ico-question.png) left top no-repeat;
}
main#story .story-block .qa .columns3 .block .block-inner .answer {
	background: url(/ib/assets/images/course/story/ico-answer.png) left top no-repeat;
}
/************************************************************
 めざせる職種
************************************************************/
/* common
------------------------------ */
.g-course#job #job-course .inner-section {
	padding-bottom: 30px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 30px;
}
.g-course#job #job-course .inner-section:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 40px;
}
.g-course#job #job-course .catch {
	margin-bottom: 10px;
}
.g-course#job #job-course .list {
	margin-bottom: 0;
}
.g-course#job #job-course .list li {
	margin-bottom: 30px;
}
.g-course#job #job-course .list li h5 {
	margin-bottom: 5px;
	text-align: center;
}
.g-course#job #job-course .list li .txt {
	margin-bottom: 0;
}
.g-course#job #job-course .list li .photo {
	margin-bottom: 5px;
	text-align: center;
}
.g-course#job #job-course .list li .photo img {
	width: auto;
	max-width: 100%;
}
.g-course#job #job-course .other {
	padding: 10px;
	box-sizing: border-box;
}
.g-course#job #job-course .other ul {
	margin-bottom: 0;
}
.g-course#job #job-course .other ul li:last0-child {
 margin-bottom:0;
}
/* パティシエ学科
------------------------------ */
.g-course#job #job-patisserie h5 {
	color: #f4454a;
}
.g-course#job #job-patisserie .other {
/*background-color:#f4454a;*/
}
/* 情報ビジネス科
------------------------------ */
.g-course#job #job-biz h5 {
	color: #9dca6e;
}
.g-course#job #job-biz .other {
/*background-color: #f5faf1;*/
}
/* ウェブデザイン科
------------------------------ */
.g-course#job #job-design h5 {
	color: #9dca6e;
}
.g-course#job #job-design .other {
/*background-color: #f5faf1;*/
}
/* 国際ホテル・ブライダル学科
------------------------------ */
.g-course#job #job-hb h5 {
	color: #53acaa;
}
.g-course#job #job-hb .other {
	background-color: #f9f5f9;
}
/* 国際ホテル・ブライダル学科
------------------------------ */
.g-course#job #job-hotel h5 {
	color: #53acaa;
}
.g-course#job #job-hotel .other {
	background-color: #f9f5f9;
}
/* ペット総合学科
------------------------------ */
.g-course#job #job-pet h5 {
	color: #edb13f;
}
.g-course#job #job-pet .other {
/*background-color:#edb13f;*/
}
/* 医療事務学科
------------------------------ */
.g-course#job #job-medicaloffice .list li .photo {
	margin-bottom: 3%;
}
.g-course#job #job-medicaloffice h5 {
	color: #f38d94;
}
.g-course#job #job-medicaloffice .other {
  background-color:#f38d94;
}
/* 情報工学科・情報システム科
------------------------------ */
.g-course#job #job-it h5 {
	color: #81b7de;
}
.g-course#job #job-it .other {
  background-color:#e6f1f8;
}
/* 情報ビジネス科Webビジネスコース
------------------------------ */
.g-course#job #job-web h5 {
	color: #9dca6e;
}
.g-course#job #job-web .other {
/*background-color: #f5faf1;*/
}
/* tab
------------------------------ */
#job .inner-section{
    padding-top: 70px;
    margin-top: -70px;
}

#job .page-index-link{
text-align: center;
margin-bottom: 20px;
}

#job .page-index-link li{
    height: 43px;
    width: 49%;
    vertical-align: top;
    margin-bottom: 3px;
}

#job .page-index-link .tab--patisserie{
    background-color:#f4454a;
}

#job .page-index-link .tab--biz{
    background-color:#9dca6e;
}

#job .page-index-link .tab--design{
    background-color:#aa73a6;
}

#job .page-index-link .tab--hb{
    background-color:#53acaa;
}

#job .page-index-link .tab--hotel{
    background-color:#53acaa;
}

#job .page-index-link .tab--pet{
    background-color:#edb13f;
}

#job .page-index-link .tab--nurse{
    background-color:#f38d94;
}

#job .page-index-link .tab--it{
    background-color:#81b7de;
}

#job .page-index-link .tab--web{
    background-color:#9dca6e;
}

  #job .page-index-link{
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }


/* 入試・学費　下部リンク
------------------------------ */
.foot-info-link {
	padding: 3%;
	border: 1px dotted #8f8f8f;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 3px 3px 3px #dfdfdf;
	margin-bottom: 10%;
}
.foot-info-link .ttl {
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #8f8f8f;
	margin-bottom: 10px;
}
.foot-info-link .ttl br {
	display: none;
}
.foot-info-link li {
	float: left;
	margin-right: 10px;
}
.foot-info-link li a {
	display: block;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 10px;
	position: relative;
}
.foot-info-link li a:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid #6399d7;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* イベントカレンダー
------------------------------ */
main#event_calendar .sp-inner {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}
main#event_calendar h2 {
	text-align: center;
	margin-bottom: 20px;
}
main#event_calendar .section {
	margin-bottom: 40px;
}
main#event_calendar .ttl-area .tab {
	overflow: hidden;
}
main#event_calendar .ttl-area .tab li {
	text-align: center;
	margin-bottom: 10px;
}
main#event_calendar .ttl-area .tab li:last-child {
	margin-bottom: 0;
}
main#event_calendar .ttl-area .tab a {
	display: block;
	color: #fff;
	line-height: 40px;
	position: relative;
}
main#event_calendar .ttl-area .tab a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 4px;
	border-top-color: #fff;
	border-top-width: 6px;
	border-bottom: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 10px;
}
main#event_calendar .ttl-area .tab .date a {
	background: #0079c1;
}
main#event_calendar .ttl-area .tab .course a {
	background: #de3a38;
}
main#event_calendar .ttl-area .tab .event a {
	background: #009c59;
}
main#event_calendar .subject-tabs{
	margin-bottom: 50px;
}
main#event_calendar .subject-tabs li {
	font-weight: bold;
	margin-bottom: 10px;
}
main#event_calendar .subject-tabs li:last-child {
	margin-bottom: 0;
}
main#event_calendar .subject-tabs .current {
	color: red;
}
/*
main#event_calendar .subject-tabs .web.current {
	color: #81b7de;
}
main#event_calendar .subject-tabs .cyb.current {
	color: #7cb09a;
}
main#event_calendar .subject-tabs .pati.current {
	color: #f4454a;
}
main#event_calendar .subject-tabs .pet.current {
	color: #edb13f;
}
main#event_calendar .subject-tabs .nur.current {
	color: #f38d94;
}
main#event_calendar .subject-tabs .int.current {
	color: #6399d7;
}
main#event_calendar .subject-tabs .biz.current {
	color: #81b7de;
}
main#event_calendar .subject-tabs .design.current {
	color: #aa73a6;
}
main#event_calendar .subject-tabs .hb.current {
	color: #53acaa;
}
main#event_calendar .subject-tabs .hot.current {
	color: #53acaa;
}
main#event_calendar .subject-tabs .it.current {
	color: #9dca6e;
}
main#event_calendar .subject-tabs .international.current {
	color: #5a90d2;
}
*/
main#event_calendar .subject-tabs li a {
	display: block;
	line-height: 30px;
	line-height: 20px;
	text-indent: -1.5em;
	margin-left: 1.5em;
	padding-bottom: 10px;
}
main#event_calendar .subject-tabs li span {
	padding-left: 17px;
	position: relative;
}
main#event_calendar .subject-tabs li span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 3px;
	border-left-color: #fff;
	border-left-width: 5px;
	border-right: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 4px;
}
main#event_calendar .subject-tabs li span:before {
	content: "";
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: red;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 0;
}
/*
main#event_calendar .subject-tabs .web span:before {
	background: #81b7de;
}
main#event_calendar .subject-tabs .cyb span:before {
	background: #7cb09a;
}
main#event_calendar .subject-tabs .pati span:before {
	background: #f4454a;
}
main#event_calendar .subject-tabs .pet span:before {
	background: #edb13f;
}
main#event_calendar .subject-tabs .nur span:before {
	background: #f38d94;
}
main#event_calendar .subject-tabs .int span:before {
	background: #6399d7;
}
main#event_calendar .subject-tabs .biz span:before {
	background: #81b7de;
}
main#event_calendar .subject-tabs .design span:before {
	background: #aa73a6;
}
main#event_calendar .subject-tabs .hb span:before {
	background: #53acaa;
}
main#event_calendar .subject-tabs .hot span:before {
	background: #53acaa;
}
main#event_calendar .subject-tabs .it span:before {
	background: #9dca6e;
}
main#event_calendar .subject-tabs .international span:before {
	background: #5a90d2;
}
*/
main#event_calendar .subject-tabs .it.current {
	color: #81b7de;
}
main#event_calendar .subject-tabs .it span:before {
	background: #81b7de;
}
main#event_calendar .subject-tabs .innovation.current {
	color: #9dca6e;
}
main#event_calendar .subject-tabs .innovation span:before {
	background: #9dca6e;
}
main#event_calendar .subject-tabs .design.current {
	color: #aa73a6;
}
main#event_calendar .subject-tabs .design span:before {
	background: #aa73a6;
}
main#event_calendar .subject-tabs .hb.current {
	color: #53acaa;
}
main#event_calendar .subject-tabs .hb span:before {
	background: #53acaa;
}
main#event_calendar .subject-tabs .medicaloffice.current {
	color: #f38d94;
}
main#event_calendar .subject-tabs .medicaloffice span:before {
	background: #f38d94;
}
main#event_calendar .subject-tabs .mypro.current {
	color: #ea5d19;
}
main#event_calendar .subject-tabs .mypro span:before {
	background: #ea5d19;
}
main#event_calendar .subject-tabs .pet.current {
	color: #ffad49;
}
main#event_calendar .subject-tabs .pet span:before {
	background: #ffad49;
}
main#event_calendar .subject-tabs .heishu.current {
	color: #6a3906;
}
main#event_calendar .subject-tabs .heishu span:before {
	background: #6a3906;
}


main#event_calendar .calendar {
	padding-top: 60px;
	margin-top: -60px;
}
main#event_calendar .calendar .inner {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
main#event_calendar .calendar .catch {
	line-height: 1.7;
	margin-bottom: 15px;
}
main#event_calendar #wp-calendar {
	font-size: 110%;
	margin: 0 auto 15px;
	position: relative;
}
main#event_calendar #wp-calendar caption {
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	line-height: 35px;
	background: #377ccc;
}
main#event_calendar #wp-calendar thead, main#event_calendar #wp-calendar tbody {
	border: 1px solid #ccc;
}
main#event_calendar #wp-calendar th, main#event_calendar #wp-calendar td {
	vertical-align: top;
	border: 1px dashed #ccc;
	padding: 0;
	overflow: hidden;
}
main#event_calendar #wp-calendar thead th {
	width: 14.2%;
	line-height: 1.5;
}
main#event_calendar #wp-calendar tbody a {
	display: block;
	overflow: hidden;
}
main#event_calendar #wp-calendar tfoot th, main#event_calendar #wp-calendar tfoot td {
	padding: 0;
	border: none;
	position: absolute;
	top: 0;
}
main#event_calendar #wp-calendar tfoot #prev {
	left: 0;
}
main#event_calendar #wp-calendar tfoot #next {
	right: 0;
}
main#event_calendar #wp-calendar tfoot a {
	display: block;
	color: #fff;
	line-height: 35px;
	padding: 0 10px;
}
main#event_calendar #wp-calendar .Sun {
	color: #f5464b;
}
main#event_calendar #wp-calendar .Sat {
	color: #005aaa;
}
main#event_calendar #wp-calendar .day {
	font-size: 110%;
	text-align: center;
	line-height: 1.5;
}
main#event_calendar #wp-calendar #today .day {
	font-weight: bold;
}
main#event_calendar #wp-calendar .sun .day {
	color: #f5464b;
}
main#event_calendar #wp-calendar .sat .day {
	color: #005aaa;
}
main#event_calendar #wp-calendar .terms {
	min-height:50px;
	padding: 0 5px;
	overflow: hidden;
	margin-bottom: 5px;
}
main#event_calendar #wp-calendar .term {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: 0 1px;
}
main#event_calendar #wp-calendar .hands-on.on {
	background: #ef831a;
}
main#event_calendar #wp-calendar .night.on {
	background: #113a73;
}
main#event_calendar #wp-calendar .tour.on {
	background: #f55f5f;
}
main#event_calendar #wp-calendar .briefing.on {
	background: #25b8c7;
}
main#event_calendar #wp-calendar .trip.on {
	background: #00aa84;
}
main#event_calendar #wp-calendar .other.on {
	background: #ffbe00;
}
main#event_calendar #wp-calendar .term span {
	display: none;
}
main#event_calendar .event-meta li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
main#event_calendar .event-meta li:last-child {
	margin-right: 0;
}
main#event_calendar .event-meta li span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 3px;
}
main#event_calendar .event-meta .hands-on span {
	background: #ef831a;
}
main#event_calendar .event-meta .night span {
	background: #113a73;
}
main#event_calendar .event-meta .tour span {
	background: #f55f5f;
}
main#event_calendar .event-meta .briefing span {
	background: #25b8c7;
}
main#event_calendar .event-meta .trip span {
	background: #00aa84;
}
main#event_calendar .event-meta .other span {
	background: #ffbe00;
}
main#event_calendar .event-list {
	padding-top: 60px;
	margin-top: -60px;
}
main#event_calendar .event-list .list-bg {
	text-align: center;
	padding: 20px 0;
	background: url(/ib/assets/images/calendar/bg_bnr.png);
}
main#event_calendar .event-list .event-bnr li {
	margin-bottom: 10px;
}
main#event_calendar .event-list .event-bnr li:last-child {
	margin-bottom: 0;
}
main#event_calendar .event-list .event-bnr li a {
	display: block;
	color: #fff;
	line-height: 40px;
}
main#event_calendar .event-list .event-bnr .hands-on a {
	background: #ef831a;
}
main#event_calendar .event-list .event-bnr .night a {
	background: #113a73;
}
main#event_calendar .event-list .event-bnr .tour a {
	background: #f55f5f;
}
main#event_calendar .event-list .event-bnr .briefing a {
	background: #25b8c7;
}
main#event_calendar .event-list .event-bnr .trip a {
	background: #00aa84;
}
main#event_calendar .event-list .event-bnr .other a {
	color: #000;
	background: #ffbe00;
}
main#event_calendar .event-list .event-bnr li span {
	padding-right: 20px;
	position: relative;
}
main#event_calendar .event-list .event-bnr li span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 3px;
	border-left-width: 5px;
	border-right: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 3px;
}
main#event_calendar .event-list .event-bnr li span:before {
	content: "";
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 0;
}
main#event_calendar .event-list .event-bnr .hands-on span:after {
	border-left-color: #ef831a;
}
main#event_calendar .event-list .event-bnr .night span:after {
	border-left-color: #113a73;
}
main#event_calendar .event-list .event-bnr .tour span:after {
	border-left-color: #f55f5f;
}
main#event_calendar .event-list .event-bnr .briefing span:after {
	border-left-color: #25b8c7;
}
main#event_calendar .event-list .event-bnr .trip span:after {
	border-left-color: #00aa84;
}
main#event_calendar .event-list .event-bnr .other span:after {
	border-left-color: #ffbe00;
}
main#event_calendar .event-list .event-bnr .other span:before {
	background: #000;
}
main#event_calendar .course-list {
	padding-top: 60px;
	margin-top: -60px;
}
main#event_calendar .course-list .list-bg {
	text-align: center;
	padding: 20px 0;
	background: url(/ib/assets/images/calendar/bg_bnr.png);
}
main#event_calendar .course-list .course-bnr li {
	margin-bottom: 10px;
}
main#event_calendar .course-list .course-bnr li:last-child {
	margin-bottom: 0;
}
main#event_calendar .gift .catch {
	line-height: 1.7;
}
main#event_calendar .gift .support {
	margin-bottom: 20px;
}
main#event_calendar .event-archive .entry {
	margin-bottom: 20px;
}
main#event_calendar .event-archive h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	padding-top: 60px;
	margin-top: -60px;
	margin-bottom: 10px;
}
main#event_calendar .event-archive h2 .ttl-txt {
	display: block;
	background: #377ccc;
	color: #fff;
}
main#event_calendar .event-archive h2 .week {
	font-size: 13px;
	line-height: 1;
	border: 1px solid #fff;
	padding: 2px;
	vertical-align: middle;
}
main#event_calendar .event-archive h2 .Sun {
	background: #f5464b;
}
main#event_calendar .event-archive h2 .Sat {
	background: #005aaa;
}
main#event_calendar .event-archive h3 {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 6px;
}
main#event_calendar .event-archive h3 .do-not-link {
	color: #de3a38;
	margin-right: 3px;
}
main#event_calendar .event-archive article {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
main#event_calendar .event-archive article:last-child {
	border: none;
}
main#event_calendar .event-archive article a {
	display: block;
}
main#event_calendar .event-archive .photo-pc {
	display: none;
}
main#event_calendar .event-archive .wrap {
	overflow: hidden;
}
main#event_calendar .event-archive .post-meta {
	margin-bottom: 6px;
}
main#event_calendar .event-archive .post-meta .ico {
	color: #fff;
	font-size: 12px;
	padding: 3px 10px;
	margin-right: 5px;
}
main#event_calendar .event-archive .post-meta span {
	display: inline-block;
}
main#event_calendar .event-archive .post-meta .hands-on {
	background: #ef831a;
}
main#event_calendar .event-archive .post-meta .night {
	background: #113a73;
}
main#event_calendar .event-archive .post-meta .tour {
	background: #f55f5f;
}
main#event_calendar .event-archive .post-meta .briefing {
	background: #25b8c7;
}
main#event_calendar .event-archive .post-meta .trip {
	background: #00aa84;
}
main#event_calendar .event-archive .post-meta .other {
	background: #ffbe00;
	color: #000;
}
main#event_calendar .event-archive .time {
	line-height: 1.5;
}
main#event_calendar .event-archive .photo-sp {
	width: 37.5%;
	float: left;
	border-radius: 5px;
	overflow: hidden;
}
main#event_calendar .event-archive .txt-area {
	width: 58%;
	float: right;
}
main#event_calendar .event-archive .meta-sp {
	margin-bottom: 5px;
}
main#event_calendar .event-archive .meta-sp {
	font-size: 12px;
	line-height: 1.5;
}
main#event_calendar .event-archive .meta-sp span {
	display: inline-block;
	color: #fff;
	padding: 2px 5px;
	background: red;
}
/*
main#event_calendar .event-archive .meta-sp .web {
	background: #9dca6e;
}
main#event_calendar .event-archive .meta-sp .cyb {
	background: #7cb09a;
}
main#event_calendar .event-archive .meta-sp .pati {
	background: #f4454a;
}
main#event_calendar .event-archive .meta-sp .pet {
	background: #edb13f;
}
main#event_calendar .event-archive .meta-sp .nur {
	background: #f38d94;
}
main#event_calendar .event-archive .meta-sp .int {
	background: #6399d7;
}
main#event_calendar .event-archive .meta-sp .biz {
	background: #9dca6e;
}
main#event_calendar .event-archive .meta-sp .design {
	background: #aa73a6;
}
main#event_calendar .event-archive .meta-sp .hb {
	background: #ca3cc0;
}
main#event_calendar .event-archive .meta-sp .hot {
	background: #53acaa;
}
main#event_calendar .event-archive .meta-sp .it {
	background: #81b7de;
}
main#event_calendar .event-archive .meta-sp .international {
	background: #5a90d2;
}
*/

main#event_calendar .event-archive .txt {
	margin-bottom: 5px;
}
main#event_calendar .term-list h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}
main#event_calendar .term-list .event-bnr {
	text-align: center;
	margin-bottom: 50px;
}
main#event_calendar .term-list .event-bnr li {
	font-weight: bold;
	margin-bottom: 10px;
}
main#event_calendar .term-list .event-bnr li:last-child {
	margin-bottom: 0;
}
main#event_calendar .term-list .event-bnr li a {
	display: block;
	color: #fff;
	line-height: 40px;
}
main#event_calendar .term-list .event-bnr .hands-on a {
	background: #ef831a;
}
main#event_calendar .term-list .event-bnr .night a {
	background: #113a73;
}
main#event_calendar .term-list .event-bnr .tour a {
	background: #f55f5f;
}
main#event_calendar .term-list .event-bnr .briefing a {
	background: #25b8c7;
}
main#event_calendar .term-list .event-bnr .trip a {
	background: #00aa84;
}
main#event_calendar .term-list .event-bnr .other a {
	color: #000;
	background: #ffbe00;
}
main#event_calendar .term-list .event-bnr li span {
	padding-right: 15px;
	position: relative;
}
main#event_calendar .term-list .event-bnr li span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 3px;
	border-left-width: 5px;
	border-right: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 3px;
}
main#event_calendar .term-list .event-bnr li span:before {
	content: "";
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 0;
}
main#event_calendar .term-list .event-bnr .hands-on span:after {
	border-left-color: #ef831a;
}
main#event_calendar .term-list .event-bnr .night span:after {
	border-left-color: #113a73;
}
main#event_calendar .term-list .event-bnr .tour span:after {
	border-left-color: #f55f5f;
}
main#event_calendar .term-list .event-bnr .briefing span:after {
	border-left-color: #25b8c7;
}
main#event_calendar .term-list .event-bnr .trip span:after {
	border-left-color: #00aa84;
}
main#event_calendar .term-list .event-bnr .other span:after {
	border-left-color: #ffbe00;
}
main#event_calendar .term-list .event-bnr .other span:before {
	background: #000;
}
main#event_calendar .message{
    border: 5px solid #f00e48;
    padding: 4%;
    width: 76%;
    margin: 0 auto 7%;
    line-height:2.0em;
}
main#event_calendar .message h3{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:5%;
	
}
main#event_calendar .message h4{
	text-align:left;
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:6%;
	
}
main#event_calendar .message p{
	margin-bottom:2%;
	font-size:1.1em;
}

/* イベントお申込み
------------------------------ */
main#entry {
	margin-bottom: 10%;
}
main#entry .form-head .flow {
	text-align: center;
	margin-bottom: 5%;
}
main#entry .form-head .confirm-txt {
	padding: 10px;
	background: #e5f2ff;
	margin-bottom: 5%;
}
main#entry .entry-form .cmt {
	margin-top: 10px;
}
main#entry .entry-form li {
	margin-bottom: 10px;
}
main#entry .entry-form li:last-child {
	margin-bottom: 0;
}
/* オープンキャンパス
------------------------------ */
main#event-form.inner {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10%;
}
main#event-form .form-head #alert{
	color: red;
	font-size: 1.2em;
	line-height: 1.5;
	border-width: 4px;
	text-align: center;
	padding: 0.5em;
	border: 2px solid #f7e700;
	margin-bottom: 20px;
}
main#event-form .sp-inner {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
main#event-form table ul {
	margin-bottom: 0;
}
main#event-form table li {
	margin-bottom: 10px;
}
main#event-form table li:last-child {
	margin-bottom: 0;
}
main#event-form table li.event_course_area {
	display: none;
}
main#event-form table li.event_date_area {
	display: none;
}
main#event-form table li.event_ttl_area {
	display: none;
}
main#event-form table li.event_time_area {
	display: none;
}
main#event-form table .add_event_bus_area {
	display: none;
}
main#event-form table .add_event_bus_area .reset{
	display: none;
}
main#event-form table .event_bus_stop_area {
	display: none;
}
main#event-form table .add_event_subject_area {
	display: none;
}
main#event-form table .add_event_subject_area label {
	display: block;
	line-height: 1.5;
	padding: 5px 0;
	margin-right: 0;
}
main#event-form table label {
	padding: 0;
}
main#event-form table #address, main#event-form table #mail {
	margin-bottom: 0;
}
/* ////////////////////////////////////////////////// */
/* Sass Document */
main#index {
  display: none;
}

main#index-sp {
  margin-top: 0;
}
main#index-sp .section {
  margin-bottom: 40px;
}
main#index-sp h2 {
  text-align: center;
  margin-bottom: 20px;
}
main#index-sp .mainvisual {
  margin-bottom: 20px;
}
main#index-sp .mainvisual .slick-slide img{
	width:100%;
}
main#index-sp .mainvisual .mainslide-sp {
}
main#index-sp .mainvisual .mainslide-sp .slick-arrow{ 
    display: block;
    position: absolute;
    width: 35px;
    top: 45%;
    z-index: 1;
}
main#index-sp .mainvisual .mainslide-sp .slick-arrow img {
    opacity: 0.7;
    width: 100%;
    height: 100%;
}
main#index-sp .mainvisual .mainslide-sp .slick-arrow.prev{ 
    left: 1%;
}
main#index-sp .mainvisual .mainslide-sp .slick-arrow.next{ 
    right: 1%;
}
main#index-sp #top-link li {
  margin-bottom: 10px;
}
main#index-sp #top-link li:last-child {
  margin-bottom: 0;
}
main#index-sp #course-of-yic .catch {
  line-height: 1.5;
  margin-bottom: 20px;
}
main#index-sp #course-of-yic ul {
  overflow: hidden;
}
main#index-sp #course-of-yic li {
  float: left;
  width: 48%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-right: 2%;
  margin-bottom: 2%;
  aspect-ratio: 123/104;
}
main#index-sp #course-of-yic li:nth-child(2n) {
  margin-right: 0;
}
main#index-sp #course-of-yic li.course1 {
  background-image: url(/ib/assets/images/top/bg_bnr_course1.jpg);
}
main#index-sp #course-of-yic li.course2 {
  background-image: url(/ib/assets/images/top/bg_bnr_course2.jpg);
}
main#index-sp #course-of-yic li.course3 {
  background-image: url(/ib/assets/images/top/bg_bnr_course3.jpg);
}
main#index-sp #course-of-yic li.course4 {
  background-image: url(/ib/assets/images/top/bg_bnr_course4.jpg);
}
main#index-sp #course-of-yic li.course5 {
  background-image: url(/ib/assets/images/top/bg_bnr_course5.jpg);
}
main#index-sp #course-of-yic li.course6 {
  background-image: url(/ib/assets/images/top/bg_bnr_course6.jpg);
}
main#index-sp #course-of-yic li.course7 {
  background-image: url(/ib/assets/images/top/bg_bnr_course7.jpg);
}
main#index-sp #course-of-yic li.course8 {
  background-image: url(/ib/assets/images/top/bg_bnr_course8.jpg);
}
/*
main#index-sp #course-of-yic li.course01 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_01.jpg);
}
main#index-sp #course-of-yic li.course02 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_02.jpg);
}
main#index-sp #course-of-yic li.course03 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_03.jpg);
}
main#index-sp #course-of-yic li.course04 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_04.jpg);
}
main#index-sp #course-of-yic li.course05 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_05.jpg);
}
main#index-sp #course-of-yic li.course06 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_06.jpg);
}
main#index-sp #course-of-yic li.course07 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_07.jpg);
}
main#index-sp #course-of-yic li.course08 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_2_08.jpg);
}
*/
main#index-sp #course-of-yic li.course01 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_01_sp.jpg);
}
main#index-sp #course-of-yic li.course02 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_02_sp.jpg);
}
main#index-sp #course-of-yic li.course03 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_03_sp.jpg);
}
main#index-sp #course-of-yic li.course04 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_04_sp.jpg);
}
main#index-sp #course-of-yic li.course05 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_05_sp.jpg);
}
main#index-sp #course-of-yic li.course06 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_06_sp.jpg);
}
main#index-sp #course-of-yic li.course07 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_07_sp.jpg);
}
main#index-sp #course-of-yic li.course08 {
  background-image: url(/ib/assets/images/top/bg_bnr_course_4_08_sp.jpg);
}
main#index-sp #course-of-yic li a {
  display: block;
  padding: 10%;
}
main#index-sp #course-of-yic li img {
  width: 90%;
  height: auto;
}
main#index-sp #news-and-event ul {
  overflow: hidden;
  margin-bottom: 10px;
}
main#index-sp #news-and-event li {
  float: left;
  width: 48%;
  margin-bottom: 15px;
  margin-right: 2%;
}
main#index-sp #news-and-event li:nth-child(2n) {
  margin-right: 0;
}
main#index-sp #news-and-event li .photo {
  padding-top: 70%;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
main#index-sp #news-and-event li .photo img {
  max-height: 140%;
  max-width: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
main#index-sp #news-and-event li .meta {
  margin-bottom: 7px;
}
main#index-sp #news-and-event li .meta .date {
  color: #666;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
main#index-sp #news-and-event li .meta .ico {
  font-size: 0.8em;
  color: #fff;
  padding: 0 5px;
  margin-left: 5px;
}
main#index-sp #news-and-event li .meta .ico.news {
  background-color: #6399d7;
}
main#index-sp #news-and-event li .meta .ico.event {
  background-color: #5bc3a0;
}
main#index-sp #news-and-event li .ttl {
  letter-spacing: 0.05em;
  line-height: 1.5;
}
main#index-sp #news-and-event li .ttl .new {
  color: #f7931e;
  font-weight: bold;
  margin-left: 5px;
}
main#index-sp #news-and-event .btn-area {
  text-align: center;
  margin-bottom: 20px;
}
main#index-sp #news-and-event .btn-area .btn {
  display: inline-block;
  width: 48%;
}
main#index-sp #news-and-event .btn-area .btn.event a {
  border-color: #5bc3a0;
}
main#index-sp #news-and-event .sns-btn {
  text-align: center;
  letter-spacing: 10px;
}
main#index-sp .insta_wrap{
	position:relative;
	margin-bottom:7%;
}
main#index-sp .insta_wrap:after {
    width: 100%;
    height: 80%;
    content: "";
    background: rgb(203, 224, 247);
    background: -moz-linear-gradient(180deg, rgba(203, 224, 247,1) 0%, rgba(55, 124, 204,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(203, 224, 247,1) 0%, rgba(55, 124, 204,1) 100%);
    background: linear-gradient(180deg, rgba(203, 224, 247,1) 0%, rgba(55, 124, 204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7e5f5",endColorstr="#377ccc",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin: auto;
}
main#index-sp .insta_wrap .inner{ 
	border: 1px solid #6399d7;
	padding:25px 0 15px;
	box-sizing:border-box;
	overflow-y:scroll;
}
main#index-sp .insta_wrap h3{
	text-align:center;
	margin-bottom:7px;
}
main#index-sp .insta_wrap .catch{
	text-align:center;
	margin-bottom:20px;
}
main#index-sp .insta_wrap ul{
	margin:0 0 0 3%;
	overflow:hidden;
}
main#index-sp .insta_wrap li{
	width:30%;
	float:left;
	padding-top:30%;
	box-sizing:border-box;
	margin:0 3% 3% 0;
	position:relative;
	overflow:hidden;
}
main#index-sp .insta_wrap li p{
	display:none;
	font-size:12px;
	line-height:1.5;
	margin-bottom:10px;
}
main#index-sp .insta_wrap li img{
	width:100%;
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}
main#index-sp #news-and-event .sns {
  display: inline-block;
  width: 50px;
}
main#index-sp #content-slider {
  background: #e3edf8;
  margin-bottom: 40px;
}
main#index-sp #content-slider p {
  text-align: center;
}
main#index-sp #content-slider p img {
  width: 95%;
  display: inline;
}
main#index-sp #content-slider .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -3%;
  z-index: 2;
}
main#index-sp #content-slider .next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -3%;
  z-index: 2;
}
main#index-sp #subject-menu h2 img {
  width: 265px;
}
main#index-sp #subject-menu .bnr {
  overflow: hidden;
  margin-bottom: 20px;
}
main#index-sp #subject-menu .bnr li {
  margin-bottom: 10px;
}
main#index-sp #subject-menu .bnr li:last-child {
  margin-bottom: 0;
}
main#index-sp #subject-menu .bnr li a {
  display: block;
}
main#index-sp #subject-menu .link li {
  border: 1px solid #6399d7;
  margin-bottom: 10px;
}
main#index-sp #subject-menu .link li a {
  display: block;
  color: #444;
  font-weight: bold;
  text-align: center;
  line-height: 2.5;
}
main#index-sp #subject-menu .link li span {
  position: relative;
  padding-right: 18px;
}
main#index-sp #subject-menu .link li span:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 3px 5px 3px 5px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  margin: auto;
}
main#index-sp #subject-menu .link li span:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #6399d7;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*    otemae
------------------------------ */

main#otemae {
            padding: 3%;
            box-sizing: border-box;
            }
main#otemae span {
            color: #70a990;
            font-weight: bold;
            }
main#otemae #pinklink {
            display: inlineblock;
            color: #fff;
            background-color: #e8465a;
            width: 100%;
            padding: 15px 0;
            font-size: 17px;
            font-family: meirio;
            font-weight: bold;
            text-align: center;
           }
main#otemae #main {
            text-align: center;
            display: flex;
			flex-wrap: wrap;
           }

main#otemae #center {
            text-align: center;
            margin-bottom: 40px;
            }
main#otemae #center img{
            margin-top: 15px;
            margin-bottom: 5px;
            }
main#otemae #center p {
            font-family: Meirio;
            text-align: left;
            }
main#otemae #center p br {
            display: none;
            }
main#otemae #listA {
            text-align: center;
            margin-bottom: 40px;
            }
main#otemae #listA h2 {
            margin-bottom: 3%;
            }
main#otemae #listA ul li {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            text-align: left;
            box-sizing: border-box;
            }
main#otemae #listA ul li img {
            padding-top: 15px;
            }
main#otemae #listA ul li .lisA {
            background-color: #f4f2f1;
            display: block;
            height: calc(100% - 100px);
            margin-top: 10px;
            text-align: left;
            padding: 15px 15px;
            box-sizing: border-box;
            }
main#otemae #listA #im6,#im7,#im8 {
            display:none;
           }
main#otemae #listB ul {
            display: flex;
	        flex-wrap: wrap;
            margin-bottom: 7%;
            }
main#otemae #listB ul li {
            width: 50%;
            padding: 0 0.5em;
            box-sizing: border-box;
           }
main#otemae #listB ul li:nth-child(odd) {
            padding-left: 0;
           }
main#otemae #listB ul li:nth-child(even) {
            padding-right: 0;
           }
main#otemae #listB ul li img {
            max-width: 100%;
            margin-top: 10px;
            margin-bottom: 0.5rem;
           }
main#otemae #bottom {
            text-align: center;
            margin-bottom: 50px;
           }
main#otemae #bottom .btn a{
            cursor: pointer;
            border-color: #5bc3a0;
           }
main#otemae #bottom .btn a:hover{
            background-color: #5bc3a0;
           }
main#otemae .btn span::after {
           background-image: url(/ib/assets/images/otemae/btn_arrow_otemachi.png);
           }
main#otemae #main #im1,#im2,#im3,#im4 {
            width: 50%;
            padding: 5px;
            display: inline-block;
            box-sizing: border-box;
           }
main#otemae .box .inner {
           border-color: #FDF5C3;
           }
main#otemae .box .box-header {
           border-color: #FDF5C3;
           }
main#otemae .box {
           margin: 20px 0 0 0;
           }
main#otemae p.message_top  {
           margin: 5% auto;
           font-weight: bold;
           }
main#otemae p.message_bottom {
           text-align: center;
           margin-bottom: 50px;
           }

/*    real_wedding
------------------------------ */
#real_wedding .stripe:after {
         content: "";
         display: block;
         clear: both;
        }
#real_wedding #topp {
         margin-bottom: 15%;
        }
#real_wedding span {
      color: #53acaa;
      font-weight: bold;
     }
#real_wedding .stripe {
         background: url(/ib/assets/images/course/real-wedding/plan-info_bk.jpg);
         padding: 3%;
         box-sizing: border-box;
         margin-bottom: 8%;
        }
#real_wedding .parent p img {
        width: 100%;
       }
#real_wedding .flow {
      border: 1px solid #53acaa;
      box-sizing: border-box;
      margin-bottom: 3%;
      }
#real_wedding .flow {
       width: 100%;
       display: flex;
       }
#real_wedding .flowimg {
        width: 40%;
        flex-wrap: nowrap;
       }
#real_wedding .flowinfo {
        width: 60%;
        flex-wrap: nowrap;
        padding: 2%;
       box-sizing: border-box;
       }
#real_wedding .rwinfo {
        background-color: #fff;
        padding: 5%;
        box-sizing: border-box;
        text-align: center;
        }
#real_wedding .leftB {
        margin-bottom: 5%;
        }
#real_wedding .das {
      border-bottom: 1px dashed #ccc;
      box-sizing: border-box;
      font-weight: bold;
     }
#real_wedding .rwplanList {
      margin-top: 3%;
      }
#real_wedding a.decor {
       text-decoration-color: #53acaa;
      }
#real_wedding .reg {
      color: #666;
      margin-top: 2%;
      }
#real_wedding .flow .flowimg p {
         margin-bottom: 0px;
        }
#real_wedding .slick-dots li.slick-active button:before{
       color: #945191;
      }
#real_wedding .slick-dots li button:hover:before, .slick-dots li button:focus:before {
       color: #945191;
      }
#real_wedding .slick-dots {
      bottom: -37px;
      }
#real_wedding .leftA .planL {
      margin-bottom: 3%;
      }
#real_wedding .parent div {
        margin-bottom: 3%;
       }
#real_wedding .parent div:last-child {
        margin-bottom: 0;
       }
#real_wedding .box .box-body .box-block:nth-child(1) .box-image .data {
    background-color: #b18dae!important;
       }
#real_wedding .pc {
       display: none !important;
       }
#real_wedding .sp {
       display: block !important;
       }
#real_wedding .flow {
       background-color: #f3ebf3;
       }
#real_wedding .flowinfo {
       background-color: #fff;
       }
#real_wedding .slick-dots li {
       margin: 0;
      }
#real_wedding  #feature .columns {
	margin-bottom: 20px;
}
#real_wedding  #feature .columns .info {
	box-sizing: border-box;
	padding: 10px 0 0 0;
}
#real_wedding  #feature .columns .info .ttl {
	margin-bottom: 20px;
}
#real_wedding  #feature .columns .info .text {
	margin-bottom: 0;
}
body > x-t{
    z-index: 10 !important;
}


#scholarship .common_contact > div{
	float: none;
    width: 90%;
	margin: 30px auto;
}

/* ///////////////////////////////////////////////// */
/************************************************************
 line_entry　ー 出願時の公式LINE登録について ー 
************************************************************/
main#line_entry h1{
	font-weight: bold;
    font-size: 1.6em;	
}
main#line_entry h2{
	font-weight: bold;
    font-size: 1.4em;	
}
main#line_entry .detail ul{
border: solid 1px;
    padding: 4%;
}
main#line_entry .register .method1,
main#line_entry .register .method2,
main#line_entry .register .method3{
	margin-bottom: 15%;	
}
main#line_entry .register .method1 p:nth-child(2){
	margin-left: 1%;
    margin-bottom: 0;
}
main#line_entry .register .method1 p:nth-child(3){
	margin-left: 7%;
}
/* ///////////////////////////////////////////////// */
/************************************************************
 2024movie　ー YIC情報ビジネス専門学校・紹介動画集 ー 
************************************************************/
main#\32 024movie .movie{
	margin-bottom: 30px;
}
main#\32 024movie .movie p{
	text-align: center;
}
main#\32 024movie .movie p iframe{
	width: 98%;
	height: 200px;
}
main#\32 024movie section h1{
	font-size: 15pt;
}
/* ///////////////////////////////////////////////// */
/************************************************************
 design-pbl　ー メディアデザイン科　PBL(課題解決型実践学習)実績 ー 
************************************************************/
main#design-pbl section h1{
	font-size: 24px
}

/* 学科別カラー */
main#event_calendar .event-archive .meta-sp .it             {	background: #81b7de;}
main#event_calendar .event-archive .meta-sp .innovation     {	background: #9dca6e;}
main#event_calendar .event-archive .meta-sp .design         {	background: #aa73a6;}
main#event_calendar .event-archive .meta-sp .hb             {	background: #53acaa;}
main#event_calendar .event-archive .meta-sp .medicaloffice  {	background: #f38d94;}
main#event_calendar .event-archive .meta-sp .mypro          {	background: #ea5d19;}
main#event_calendar .event-archive .meta-sp .pet            {	background: #ffad49;}
main#event_calendar .event-archive .meta-sp .heishu         {	background: #6a3906;}

.g-info#gakuhi ul.page-index-link li.color-it            {	background-color:#81b7de;}
.g-info#gakuhi ul.page-index-link li.color-biz           {	background-color:#9dca6e;}
.g-info#gakuhi ul.page-index-link li.color-design        {	background-color:#aa73a6;}
.g-info#gakuhi ul.page-index-link li.color-hb            {	background-color:#53acaa;}
.g-info#gakuhi ul.page-index-link li.color-medicaloffice {	background-color:#f38d94;}
.g-info#gakuhi ul.page-index-link li.color-pet           {	background-color:#edb13f;}

.g-course#staff #staff-it.introduction            article{    border-color:#81b7de;}
.g-course#staff #staff-innovation.introduction    article{    border-color:#9dca6e;}
.g-course#staff #staff-design.introduction        article{    border-color:#aa73a6;}
.g-course#staff #staff-hb.introduction            article{    border-color:#53acaa;}
.g-course#staff #staff-medicaloffice.introduction article{    border-color:#f38d94;}
.g-course#staff #staff-mypro.introduction         article{    border-color:#ea5d19;}
.g-course#staff #staff-pet.introduction           article{    border-color:#ffad49;}
.g-course#staff #staff-heishu.introduction        article{    border-color:#6a3906;}

.g-course#staff #staff-it.introduction            article h5{	color:#81b7de;}
.g-course#staff #staff-innovation.introduction    article h5{	color:#9dca6e;}
.g-course#staff #staff-design.introduction        article h5{	color:#aa73a6;}
.g-course#staff #staff-hb.introduction            article h5{	color:#53acaa;}
.g-course#staff #staff-medicaloffice.introduction article h5{	color:#f38d94;}
.g-course#staff #staff-mypro.introduction         article h5{	color:#ea5d19;}
.g-course#staff #staff-pet.introduction           article h5{	color:#ffad49;}
.g-course#staff #staff-heishu.introduction        article h5{	color:#6a3906;}