@charset "UTF-8";
/* top new header
---------------------------------------------------------------------------- */
.toiawase{display:none;}
	@media screen and (max-width:767px) {.toiawase{display:block;}}

@media screen and (min-width: 768px){
.s-nav {display: none;width: 100%;position: absolute;top: 30px;left: 0;}
.g-navLi:hover .s-nav {display: block;}
.s-nav li {background-color: #004d80;height: 60px;transition: all .3s;position: relative;}
.s-nav li:not(:first-child)::before{content: "";width: 100%;height: 1px;background-color: #3492d1;position: absolute;top: 0;left: 0;}
.s-nav li:hover {background-color: #003558;}
.s-nav li a {display: flex;justify-content: center;align-items: center;color: #fff;text-decoration: none;position: relative;}
.s-nav li a::before {content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(135deg);position: absolute;right: 15px;top: calc(50% - 5px);}
.renew-top header .header-wrap {padding: 10px 0 0 0;}
.renew-top header .header-wrap nav {width:100vw;justify-content: flex-end;margin-right:3rem;margin-bottom:8px;}
.renew-top header .header-wrap h1{width: 270px;margin-bottom: 15px;}
.renew-top header .header-wrap nav .menu-wrap ul.g-nav li a::after{border:none;}
}

@media screen and (min-width: 768px) and (max-width: 1280px){
.renew-top header .header-wrap nav {justify-content: space-evenly;margin-right:0;left: calc(-56vw - -540px);}
}

/* explanation edd
---------------------------------------------------------------------------- */
.renew .cmn-table.type-2col table.juniorExplanationTabl{font-size:0.9em;}
.renew .cmn-table.type-2col table.juniorExplanationTable th{width:6.5em;}
.renew .cmn-table3 table.juniorExplanationTable th,.renew .cmn-table3 table.juniorExplanationTable td{padding:1rem;}
@media screen and (max-width:767px) {.juniorExplanationTableSpNone{display:none;}}

/* explanation edd
---------------------------------------------------------------------------- */





@media screen and (min-width: 768px) {
    .renew-top header .header-wrap h1 {
        text-align: center;
    }
}



/*logo*/

/*
@media screen and (min-width: 768px) {
    .renew-top header .header-wrap #logo {
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .renew-top header .header-wrap #logo {
        width: 270px;
        margin-bottom: 15px;
    }
}
*/
@media screen and (min-width: 768px) {
    .renew-top header .header-wrap #logo {
        color: #aaa;
        font-size: 12px;
        font-weight: 40;
        text-align: right;
        margin-bottom: 7px;
        width: 200px;
        line-height: 1.5rem;
    }
    .renew-top header .header-wrap #logo p {
        line-height:1;text-align:right;margin-bottom:0px;padding-top:15px;
    }
}


/*gnavi*/
.g-nav {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.g-nav li {
  position: relative;
}

.g-nav li:hover > a {
  /*background: url("/img/menu_arrow.png") bottom center;*/
}

.menu,
.child_menu>li {
display: inline-block;
text-align: center;
}

.menu:not(:last-child) {
margin-bottom: 0;
}

.menu>a {
/* 親項目のスタイル */
/*font-weight: normal;*/
/*padding: 38px 4px;*/
}

.menu:hover>a {
background: #ffb6c1;
}

.child_menu {
width: 100%;
position: fixed;
/*top: 100px;*/
left: 0;
color: #fff;
background: #009fa2;
visibility: hidden;
opacity: 0;
transition: 0.3s opacity;
}

.child_menu.blue {
/*background: #0071BE;*/
}

.menu:hover .child_menu {
/* 下層メニューのスタイル */
visibility: visible;
opacity: 0.9;
}

.child_menu {
background-image: unset;
padding: 30px 10px 25px 10px;
color:#fff;
}
.child_menu li a {
background-image: unset;
padding: 10px 10px 10px 10px;
color:#fff;
}



.child_menu>li>a:hover {
background: unset;
color: #fff !important;
text-decoration:none;
}

.menu_green{
color:#009fa2;
}

.renew-top header .header-wrap nav .menu-wrap ul.g-nav li a.menu_act{
background:#009fa2;border-radius:0px;padding:9px 10px 0px 10px;margin-top:-9px;color:#fff;
}

@media screen and (max-width: 767px){
    .renew header .header-wrap nav ul.g-nav li.li_act, .renew header .header-wrap nav ul.sub-menu li.li_act {
        background:#009fa2;
    }
}


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


.g-nav {
  display: unset;
  justify-content: unset;
  position: unset;
}

.g-nav li {
  position: unset;
}

.g-nav li:hover > a {
  background: unset;
}

  .menu,
  .child_menu>li {
    display: unset;
    text-align: unset;
  }

  .menu:not(:last-child) {
    margin-bottom: unset;
  }

  .menu>a {
    /* 親項目のスタイル */
    /*font-weight: normal;*/
    /*padding: 38px 4px;*/
  }

  .menu:hover>a {
    background: unset;
  }

  .child_menu {
    width: unset;
    position: unset;
    /*top: unset;
    left: unset;
    color: unset;
    background: unset;
    visibility: unset;
    opacity: unset;
    transition: unset;*/
  }

  .menu:hover .child_menu {
    /* 下層メニューのスタイル */
    visibility: unset;
    opacity: unset;
  }

  .child_menu {
  	background-image: unset;
    padding: unset;
    color: unset;
  }
  .child_menu li a {
  	background-image: unset;
    padding: unset;
    color: #262626;
  }



  .child_menu>li>a:hover {
    background: unset;
    color: #262626 !important;
    text-decoration: unset;
  }


}


/*SPメニュー*/

@media screen and (max-width:767px) {
	.renew header .header-wrap nav ul.g-nav li,
	.renew header .header-wrap nav ul.sub-menu li.title{
		border-top: 1px solid #e9e9e9;
		display: block;
		font-size: 3.73vw;
		font-weight: bold;
		padding: 6vw 0 6vw 6.66vw;
		width: 100%;
	}
	.renew header .header-wrap nav ul.g-nav li.title,
	.renew header .header-wrap nav ul.sub-menu li.title{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 0 0 6.66vw;
	}
	.renew header .header-wrap nav ul.g-nav li.title span,
	.renew header .header-wrap nav ul.sub-menu li.title span{
		border-left: 1px solid #e9e9e9;
		display: block;
		padding: 6vw;
	}
	.renew header .header-wrap nav ul.g-nav li.title span::before,
	.renew header .header-wrap nav ul.sub-menu li.title span::before{
		content: "＋";
		color:#262626;
		font-weight: 400;
	}
	.renew header .header-wrap nav ul.g-nav li.title span.open::before,
	.renew header .header-wrap nav ul.sub-menu li.title span.open::before{
		content: "－";
		color:#262626;
		font-weight: 400;
	}
	.renew header .header-wrap nav ul.g-nav li.title ul.inner,
	.renew header .header-wrap nav ul.sub-menu li.title ul.inner{
		background: #f7f8fa;
		display: none;
		margin: 0 0 0 -6.66vw;
		padding: 0 6.66vw;
		width: 100vw;
	}
	.renew header .header-wrap nav ul.g-nav li.title ul.inner li{
		background: #f7f8fa;
		border-top:none;
		border-bottom: 1px solid #e9e9e9;
		font-size: 3.2vw;
		font-weight: 400;
		padding: 5.06vw 0;
		width:100%;
	}
	.renew header .header-wrap nav ul.sub-menu li.title ul.inner li{
		background: #f7f8fa;
		border-bottom: 1px solid #e9e9e9;
		font-size: 3.2vw;
		font-weight: 400;
		padding: 5.06vw 0;
		width:100%;
	}
	.renew header .header-wrap nav ul.g-nav li.title ul.inner li:last-child,
	.renew header .header-wrap nav ul.sub-menu li.title ul.inner li:last-child{
		border: none;
	}

}


/*add*/

.renew .cmn-bread-clumb {
    margin: 124px auto 0;
    max-width: 1340px;
    padding: 0 20px;
    width: 100%;
}

.renew .cmn-bread-clumb ul {
    align-items: center;
    display: flex;
    white-space: nowrap;
    height: 50px;
overflow-x: auto;
}
.renew .cmn-bread-clumb ul li {
    color: #aaa;
    font-size: 12px;
}


.renew.sub .titlearea{
    display: flex;
    height: 250px;
}

.renew.sub .title_about {
    background: url(/junior/images/about/title_index.jpg) center center / cover no-repeat;
}

.renew.sub .title_message {
    background: url(/junior/images/about/title_index.jpg) center center / cover no-repeat;

}

.renew.sub h1 {
    align-items: center;
    display: flex;
    font-size: 32px;
    margin: 0 auto;
    max-width: 1340px;
    padding: 0 0 10px 60px;
    width: 100%;
    color: #fff;
}

.renew.sub .title_campusikebukuro {    background: url(/junior/images/campus/ikebukuro/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusikebukuro h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campusyokohama {    background: url(/junior/images/campus/yokohama/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusyokohama h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campusmito {    background: url(/junior/images/campus/mito/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusmito h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campusnagoya {    background: url(/junior/images/campus/nagoya/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusnagoya h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campusosaka {    background: url(/junior/images/campus/osaka/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusosaka h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campusnamba {    background: url(/junior/images/campus/namba/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusnamba h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campusokayama {    background: url(/junior/images/campus/okayama/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campusokayama h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.renew.sub .title_campushakata {    background: url(/junior/images/campus/hakata/title.jpg) center center / cover no-repeat;}
.renew.sub .title_campushakata h1 {    color:#fff;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}



.renew.sub .sec-dir-inner {
    margin: 0 auto;
    max-width: 1340px;
    padding: 0 20px;
    margin-bottom: 50px;
    width: 100%;
}

.renew.sub .com-lead-text {
    align-items: center;
    display: flex;
    padding: 90px 0;
}
.renew.sub .com-lead-text p {
    margin: -.4em 0;
    width: 100%;
}
.renew.sub p:last-child {
    margin-bottom: 0;
}
.renew.sub p {
    line-height: 1.8;
    margin-bottom: calc(35px - .8em);
}
.renew .cmn-tac {
    text-align: center;
}
.renew .cmn-fs-l {
    font-size: 18px;
}
.renew h2.h2-under-line {
    text-align: center;
    margin-bottom: calc(40px - .3em - 6px);
}
.renew.sub h2 {
    font-size: 32px;
    line-height: 3.5;
    margin-bottom: calc(40px - .3em - 6px);
}
.renew h2.h2-under-line span {
    background: url(https://www.r-ac.jp/images/cmn_h2_underline.svg) center bottom / 100% 15px no-repeat;
    padding: 0 5px 2px;
}


.renew .cmn-grey-box {
    background: #f7f8fa;
    padding: 20px 20px 40px;
    margin-bottom: 25px;
}

.renew.sub h3 {
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: calc(32px - .3em - 6px);
}
.renew .cmn-tac {
    text-align: center;
}

.renew .cmn-move-arrow.type03 {
    background: url(https://www.r-ac.jp/images/cmn_icon_arr_blk.png) center center / contain no-repeat;
    display: block;
    height: 12px;
    position: absolute;
    right: 20px;
    transition: .3s ease;
    top: calc(50% - 6px);
    width: 31px;
}

.renew.sub .cmn-link-btn.btn-c a {
    margin: 0 auto;
}
.renew .cmn-link-btn a:hover {
    background: #0071be;
    border: 1px solid #0071be;
    color: #fff;
    transition: .3s ease;
}

.renew a:hover .cmn-move-arrow.type03 {
    background: url(https://www.r-ac.jp/images/cmn_icon_arr_blk_rev.png) center center / contain no-repeat;
    right: 15px;
}

.renew h2.h2-center {
    text-align: center;
    margin-bottom: calc(40px - .3em - 6px);
}

/*フッタにある3つのリンク*/
.renew.sub aside .sub-aside-upper-wrap {
    background: #f7f8fa;
    padding: 80px 0 60px;
}

.renew.sub aside .sub-aside-upper-link-box {
    display: flex;
    justify-content: center;
}

.renew.sub aside .sub-aside-upper-link-box a {
    align-items: center;
    background: #fff;
    border: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    height: 80px;
    line-height: 1.6;
    margin: 0 10px 20px;
    padding: 0 20px 0 30px;
    transition: .3s ease;
    max-width: 420px;
    width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
    transition: opacity .3s;
}
.renew.sub aside .sub-aside-upper-link-box a .cmn-move-arrow.type02 {
    background: url(https://www.r-ac.jp/images/cmn_icon_arr_b.png) center left / 25px auto no-repeat;
}
.renew .cmn-move-arrow.type02 {
    background: url(https://www.r-ac.jp/images/cmn_icon_arr_b.png) center left / 25px auto no-repeat;
    bottom: 1px;
    display: inline-block;
    height: 15px;
    margin-left: 10px;
    position: relative;
    transition: .3s ease;
    vertical-align: middle;
    width: 35px;
}

/*ボタンアクション*/

.renew.sub aside .sub-aside-lower-wrap {
    align-items: center;
    background: url(https://www.r-ac.jp/images/cmn_aside_bg.jpg) center center / cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 89px 0 50px;
}
.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 37px;
}

.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .session a {
    background: url(https://www.r-ac.jp/images/cmn_icon_session.png) left 43px center / 30px 30px no-repeat, -moz-linear-gradient(left, #42d1d4 0%, #009fa2 17%, #006c6e 100%);
    background: url(https://www.r-ac.jp/images/cmn_icon_session.png) left 43px center / 30px 30px no-repeat, -webkit-linear-gradient(left, #42d1d4 0%, #009fa2 17%, #006c6e 100%);
    background: url(https://www.r-ac.jp/images/cmn_icon_session.png) left 43px center / 30px 30px no-repeat, linear-gradient(to right, #42d1d4 0%, #009fa2 17%, #006c6e 100%);
    transition: .3s ease;
}
.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .doc_request a, .renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .session a, .renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .entry a {
    align-items: center;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    height: 70px;
    justify-content: center;
    margin: 0 10px 20px;
    transition: .3s ease;
    width: 346px;
}







.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .doc_request a {
    background: url(https://www.r-ac.jp/images/cmn_icn_doc_request.png) left 41px center / auto 31px no-repeat, -moz-linear-gradient(left, #42d1d4 0%, #009fa2 17%, #006c6e 100%);
    background: url(https://www.r-ac.jp/images/cmn_icn_doc_request.png) left 41px center / auto 31px no-repeat, -webkit-linear-gradient(left, #42d1d4 0%, #009fa2 17%, #006c6e 100%);
    background: url(https://www.r-ac.jp/images/cmn_icn_doc_request.png) left 41px center / auto 31px no-repeat, linear-gradient(to right, #42d1d4 0%, #009fa2 17%, #006c6e 100%);
    transition: .3s ease;
}
.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .doc_request a, .renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .session a, .renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .entry a {
    align-items: center;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    height: 70px;
    justify-content: center;
    margin: 0 10px 20px;
    transition: .3s ease;
    width: 346px;
}





.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .entry a {
    background: #fff url(https://www.r-ac.jp/images/cmn_icon_entry.png) left 40px center / 40px 40px no-repeat;
    border: 1px solid #0071be;
    color: #0071be;
    transition: .3s ease;
}
.renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .doc_request a, .renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .session a, .renew.sub aside .sub-aside-lower-wrap .sub-aside-lower-link-box .entry a {
    align-items: center;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    height: 70px;
    justify-content: center;
    margin: 0 10px 20px;
    transition: .3s ease;
    width: 346px;
}



.renew.sub aside .sub-aside-lower-wrap p .num {
    font-size: 43px;
    font-weight: bold;
    padding-bottom: 5px;
}
.renew.sub aside .sub-aside-lower-wrap p .op-time {
    font-weight: bold;
    margin: 0 20px 0 40px;
}
.renew.sub aside .sub-aside-lower-wrap p {
    align-items: center;
    color: #009fa2;
    display: flex;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}


.renew .cmn-bread-clumb ul li a::after {
    background: url(/images/com_bread_icon.png) center center / 5px auto no-repeat;
    content: "";
    display: inline-block;
    height: 9px;
    padding: 0 15px;
    width: 5px;
}



/* block05 news
---------------------------------------------------------------------------- */
.news-outer-wrap{
	background: #f7f8fa;
	border-top: 60px solid #fff;
	padding-bottom: 40px;
}
	@media screen and (max-width:767px) {
		.news-outer-wrap{
			background: none;
			border-top: none;
			display: block;
			padding-bottom: 0;
		}
	}

.news-outer-wrap section{
	margin: 0;
}
	@media screen and (max-width:767px) {
		.news-outer-wrap section{
			background: #f7f8fa;
			border-top: 14.66vw solid #fff;
			display: block;
			margin: 0;
			padding: 0 2.13vw 13.33vw;
			width: 100%;
		}
		.news-outer-wrap section:nth-child(2){
			border-top: 27.46vw solid #fff;
		}
	}

.news-outer-wrap section .block05{
	margin: 0 auto;
	max-width: 1120px;
	padding: 0 20px;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.news-outer-wrap section .block05{
			margin-bottom: 0;
			padding: 0 4.53vw;
			width: auto;
		}
	}

.block05 h2{
	/*background: url("/images/top/block05_news_title_bg.png") left top /auto 85px no-repeat;*/
	font-size: 32px;
	height: 125px;
	padding: 40px 0 0 50px;
	margin: -58px 0 5px;
}
	@media screen and (max-width:767px) {
		.block05 h2{
			/*background: url("/images/top/block05_news_title_bg.png") left 2vw top /auto 16.4vw no-repeat;*/
			font-size: 6.4vw;
			height: 16.4vw;
			padding: 8vw 0 0 5.33vw;
			margin: -12.66vw 0 4.66vw -6.66vw;
		}
	}

.block05 a{
	display: block;
}
.block05 a dl{
	align-items: flex-start;
	border-bottom: 1px solid #eaeff5;
	display: flex;
	padding: 30px;
}
	@media screen and (max-width:767px) {
		.block05 a dl{
			display: block;
			padding: 6.66vw 0;
		}
	}

.block05 a dl dt{
	align-items: center;
	color: #0071be;
	display: flex;
	font-size: 14px;
	margin-right: 20px;
}
	@media screen and (max-width:767px) {
		.block05 a dl dt{
			font-size: 3.73vw;
			margin: 0 0 4vw;
		}
	}

.block05 a dl dt span{
	align-items: center;
	background: #fff;
	border: 1px solid #0071be;
	border-radius: 13px;
	display: flex;
	font-size: 13px;
	height: 26px;
	justify-content: center;
	margin-left: 20px;
	width: 140px;
}
	@media screen and (max-width:767px) {
		.block05 a dl dt span{
			border-radius: 3.73vw;
			display: flex;
			font-size: 3.46vw;
			height: 7.46vw;
			margin-left: 4.66vw;
			width: 38.13vw;
		}
	}

.block05 a dl dd{
	flex: 1;
	line-height: 1.75;
	right: 0;
	transition: .3s ease;
}
.block05 a:hover dd{
	color: #0071be;
	transition: .3s ease;
}
.block05 .cmn-link-btn a{
	display: flex;
	margin: 40px 0 0 auto;
}


.renew.sub .cmn-vic .cont-txt-box{
	margin-bottom: 0;
}
.renew.sub .cmn-vic.vic1 .cont-txt-box{
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic.vic1 .cont-txt-box{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 13.33vw 0;
			width: auto;
		}
	}

.renew.sub .cmn-vic.vic2 .cont-txt-box{
	border-right: 1px solid #ddd;
	width: calc(100% / 2);
}
.renew.sub .cmn-vic.vic2 .cont-txt-box:last-child{
	border-right: none;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic.vic2 .cont-txt-box{
			border-right: none;
			border-bottom: 1px solid #ddd;
			margin: 0 6.66vw;
			padding: 13.33vw 0;
			width: auto;
		}
		.renew.sub .cmn-vic.vic2 .cont-txt-box:first-child{
			border-top: 1px solid #ddd;
		}
	}

.renew.sub .cmn-vic.vic2 .cont-txt-box a{
	display: flex;
	flex-direction: column;
	padding: 10px 9.23% 20px;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic.vic2 .cont-txt-box a{
			display: flex;
			flex-direction: column;
			padding: 0;
		}
	}

.renew.sub .cmn-vic.vic3 .cont-txt-box{
	border-right: 1px solid #ddd;
	width: calc(100% / 3);
}
.renew.sub .cmn-vic.vic3 .cont-txt-box:last-child{
	border-right: none;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic.vic3 .cont-txt-box{
			border-right: none;
			border-bottom: 1px solid #ddd;
			margin: 0 6.66vw;
			padding: 13.33vw 0;
			width: auto;
		}
		.renew.sub .cmn-vic.vic3 .cont-txt-box:first-child{
			border-top: 1px solid #ddd;
		}
	}

.renew.sub .cmn-vic.vic3 .cont-txt-box a{
	display: flex;
	flex-direction: column;
	padding: 10px 11.5% 20px;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic.vic3 .cont-txt-box a{
			display: flex;
			flex-direction: column;
			padding: 0;
		}
	}

.renew.sub .cmn-vic .cont-txt-box figure{
	border-radius: 50%;
	margin: 0 auto;
	overflow: hidden;
	max-width: 180px;
	max-height: 180px;
	width: 100%;
	position: relative;
	z-index: 1;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic .cont-txt-box figure{
			max-height: 60vw;
			max-width: 60vw;
		}
	}

.renew.sub .cmn-vic .cont-txt-box figure img{
	transform: scale(1);
	transition: .3s ease;
}
.renew.sub .cmn-vic .cont-txt-box h4 {
	font-size: 18px;
	line-height: 1.6;
	margin-top: calc(28px - .3em);
	margin-bottom: calc(28px - .3em);
	text-align: center;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic .cont-txt-box h4 {
			font-size: 4.8vw;
			margin-top: calc(6.66vw - .3em);
			margin-bottom: calc(6.66vw - .3em);
			padding: 0;
		}
	}

.renew.sub .cmn-vic .cont-txt-box p{
	line-height: 1.8;
	margin-top: -.4em;
	margin-bottom: calc(40px - .4em);
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic .cont-txt-box p{
			margin-bottom: calc(9.33vw - .4em);
			padding: 0;
		}
	}

.renew.sub .cmn-vic .cont-txt-box a{
	padding: 10px 12.3% 20px;
}
	@media screen and (max-width:767px) {
		.renew.sub .cmn-vic .cont-txt-box a{
			padding: 13.33vw 0;
		}
	}

.renew.sub .cmn-vic .cont-txt-box a:hover figure img {
	transition: .3s ease;
	transform: scale(1.05);
}
.renew.sub .cmn-vic .cont-txt-box a:hover {
	background: none;
}
.renew.sub .cmn-vic .cont-txt-box a .link-arr {
	margin: auto -10px 0 0;
	text-align: right;
}
.renew.sub .cmn-vic .cont-txt-box a .cmn-move-arrow.type02 {
	background: url(/images/cmn_icon_arr_b.png) center left /30px auto no-repeat;
	display: inline-block;
	height: 15px;
	margin-left: 10px;
	transition: .3s ease;
	vertical-align: middle;
	width: 40px;
}
.renew.sub .cmn-vic .cont-txt-box a:hover .cmn-move-arrow.type02 {
	background: url(/images/cmn_icon_arr_b.png) center left 5px /30px auto no-repeat;
}

/* 1カラムセッティング */
@media screen and (min-width:768px) {
	.renew.sub .cmn-vic.vic1 .cont-txt-box a{
		display: flex;
		padding: 20px 0;
	}
	.renew.sub .cmn-vic.vic1 .cont-txt-box a figure{
		margin: 0 40px 0 0;
	}
	.renew.sub .cmn-vic.vic1 .cont-txt-box a .txt-box{
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: center;
	}
	.renew.sub .cmn-vic.vic1 .cont-txt-box a .txt-box h4{
		text-align: left;
		margin: 0 0 calc(30px - .3em);
	}
	.renew.sub .cmn-vic.vic1 .cont-txt-box a .txt-box p{
		margin: -.4em 0 calc(40px - .4em);
	}
	.renew.sub .cmn-vic.vic1 .cont-txt-box a .link-arr{
		margin: 0 -10px 0 0;
	}
}
@media screen and (max-width:767px) {
	.renew.sub .cmn-vic.vic1 .cont-txt-box{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin: 0 6.66vw;
		padding: 13.33vw 0;
		width: auto;
	}
}


/*footermenu*/
.bottom-menu {
  position: fixed;
  bottom: -70px;
  left: 0;
  width: 100%;
  height: 70px;
  /*background-color: rgba(0, 159, 162, 0.5);*/
background-color: rgba(32, 160, 161, 0.8);
  transition: bottom 0.3s ease-in-out;
  /*display: flex;
  justify-content: space-around;
  align-items: right;*/
  text-align:center;
  z-index: 999;
padding-top:5px;
box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}

.bottom-menu.show {
  bottom: 0;
}

.bottom-menu.show a{
  margin: 10px 3px 0px 3px;
  position:relative;
  top:0;
}

.bottom-menu.show a:hover {
  top:-8px;
  transition:0.3s;
}

.bottom-menu.show a.fmenu01, .bottom-menu.show a.fmenu02, .bottom-menu.show a.fmenu03 { display: inline-block; height: 70px; width: 190px; } 
.bottom-menu.show a.fmenu01 { background: url(/junior/images/fmenupc01.png); } 
.bottom-menu.show a.fmenu02 { background: url(/junior/images/fmenupc02.png); } 
.bottom-menu.show a.fmenu03 { background: url(/junior/images/fmenupc03.png); } 
.bottom-menu a span { visibility: hidden; } 



.bottom-menu a {
  color: white;
  text-decoration: none;
}


@media screen and (max-width:767px) {
  .bottom-menu.show a.fmenu01,
  .bottom-menu.show a.fmenu02,
  .bottom-menu.show a.fmenu03 {
    height: 70px;
    width: 115px;
    margin-top:25px;
  }

  .bottom-menu.show a.fmenu01 {
    background: url(/junior/images/fmenu01.png);
  }

  .bottom-menu.show a.fmenu02 {
    background: url(/junior/images/fmenu02.png);
  }

  .bottom-menu.show a.fmenu03 {
    background: url(/junior/images/fmenu03.png);
  }

  .bottom-menu.show {
    bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;

  }


.renew.sub h2 {
    line-height: 1.5;
}

}



@media screen and (max-width: 767px) {
    .renew.sub aside .sub-aside-lower-wrap p {
        flex-direction: column;
        font-size: 4.26vw;
    }
    .renew.sub aside .sub-aside-lower-wrap p .num {
        font-size: 10.13vw;
        padding-bottom: 4.8vw;
    }
    .renew.sub aside .sub-aside-lower-wrap p .op-time {
        margin: 0;
        padding-bottom: 4.8vw;
    }
}

@media screen and (max-width: 767px) {
    .renew.sub aside .sub-aside-upper-wrap {
        padding: 16vw 6.66vw 12vw;
    }
    .renew.sub aside .sub-aside-upper-link-box {
        flex-wrap: wrap;
    }
    .renew.sub aside .sub-aside-upper-link-box a {
        font-size: 4.26vw;
        height: 18.66vw;
        margin: 0 0 4vw;
        padding: 0 4vw 0 8vw;
        max-width: 100%;
        width: 100%;
    }
}


.renew .cmn-table table {
    table-layout: fixed;
    /*width: 100%;*/
}
.renew .cmn-table table, .renew .cmn-table table th, .renew .cmn-table table td {
    border: 1px solid #009fa2;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.renew .cmn-table table th {
    background: #e0f1f2;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: 24px;
}
.renew .cmn-table table, .renew .cmn-table table th, .renew .cmn-table table td {
    border: 1px solid #aaa;
}
.renew .cmn-table table td {
    text-align: left;
    vertical-align: top;
    padding: 24px;
    line-height:140%;
}
.renew .cmn-table table, .renew .cmn-table table th, .renew .cmn-table table td {
    border: 1px solid #009fa2;
}

.renew .cmn-table table th.vam { vertical-align: middle; }
.renew .cmn-table table th.vat { vertical-align: top; }
.renew .cmn-table table th.vab { vertical-align: bottom; }
.renew .cmn-table table td.vam { vertical-align: middle; }
.renew .cmn-table table td.vat { vertical-align: top; }
.renew .cmn-table table td.vab { vertical-align: bottom; }

/*floatingbanner*/
#floating-bannerpc {
    position: fixed;
    bottom: 0px;
    right: 0px;
    border-radius: 0px;
    display: inline-block;
    padding: 0px;
    z-index: 9999;
}

#banner-content {
    position: relative;
}

#banner-content img {
    max-width: 100%;
    display: block;
}

#close-buttonpc {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    text-indent:-9999px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:767px) {
#floating-banner {
    position: fixed;
    bottom: 65px;
    left: 0px;
    border-radius: 0px;
    display: inline-block;
    padding: 0px;
    z-index: 9999;
}

#banner-content {
    position: relative;
}

#banner-content img {
    max-width: 100%;
    display: block;
}

#close-button {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    text-indent:-9999px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

/* スライドバナー用CSS */

  .prev-button, .next-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fa001a;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    padding: 0;
    transition: background-color 0.3s;
  }
  .prev-button:hover, .next-button:hover {
    background-color: #d00015;
  }

  .banner-container {
    overflow: hidden;
    position: relative;
    padding: 40px 0;
    max-width: 1120px;
    margin-top:130px;
  }

  .banner-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 20px;
  }

  .banner-wrapper.center-items {
    justify-content: center;
    gap: 10px;
  }

  .banner-item {
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .banner-wrapper.center-items .banner-item {
    width: auto;
    max-width: 300px;
  }

  @media (max-width: 767px) {
    .banner-wrapper.center-items .banner-item {
      max-width: 85%;
    }
    .banner-container {
    	margin-top:-50px;
    }
  }

  .banner-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .banner-description {
    text-align: center;
    margin-top: 3px;
    font-size: 0.9em;
    color: #333;
    text-align:left;
    line-height:1.0;
  }

  .banner-controls {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .indicator-container {
    display: flex;
    gap: 5px;
  }

  .indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .indicator.active {
    background-color: #fa001a;
  }

.banner-item img{
border:2px solid #009fa2;
}

.banner-item figcaption{
margin:6px 0 0 0;font-weight:bold;color:#fff;font-size:110%;text-align:center;padding:0;
background:#fff;
color:#009fa2;
padding:0px 0px;
}
.banner-item figcaption span{
background:#fff
}

.banner-item figure {
  position: relative;
  margin: 0;
}

.banner-item figure::after {
  content: '→';
  position: absolute;
  right: 0;
  bottom: 0px;
  background-color: #009fa2;
  color: white;
  width: 30px;
  height: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.5s ease;
}

.banner-item a:hover figure::after {
  background-color: #3ae1e4;
}

.btitle{
	margin: 6px 0 5px 0;
    font-weight: bold;
    color: #fff;
    font-size: 105%;
    text-align: center;
    padding: 0;
    background: #fff;
    color: #009fa2;
    padding: 0px 0px;
    line-height:1.2;
}

/* // スライドバナー用CSS */