/*-------------------------------------------------------------------------
  Layout
------------------------------------------------------------------------- */
.container-fluid.index_main {
  -webkit-background-size: 12px 12px;
  -moz-background-size: 12px 12px;
  background-size: 12px 12px;
  background-color: #353535;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,  color-stop(.25, #313131), color-stop(.25, transparent),  color-stop(.5, transparent), color-stop(.5, #313131),  color-stop(.75, #313131), color-stop(.75, transparent),  to(transparent));
  background-image: -webkit-linear-gradient(-45deg, #313131 25%, transparent 25%,  transparent 50%, #313131 50%, #313131 75%,  transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, #313131 25%, transparent 25%,  transparent 50%, #313131 50%, #313131 75%,  transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, #313131 25%, transparent 25%,  transparent 50%, #313131 50%, #313131 75%,  transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, #313131 25%, transparent 25%,  transparent 50%, #313131 50%, #313131 75%,  transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #313131 25%, transparent 25%,  transparent 50%, #313131 50%, #313131 75%,  transparent 75%, transparent);
}
.container-fluid.index_main.top_bg {
  background-image: url(../img/bg-mv.jpg);
  background-repeat: repeat-x;
  background-size: contain;
  padding-top: 2rem;
}
.jumbotron h2.title10 {
  position: relative;
  padding: 7rem 0 6rem;
  color: #fff;
  font-size: 2.5rem;
}

.jumbotron h2.title10 span { display: none;}

.jumbotron h2.title10 p {
  font-size: 4.5rem;
  display: block;
  letter-spacing: .25rem;
  line-height: 1;
  font-family: 'Teko', sans-serif;
  transform: rotate(0.05deg);
  font-weight: 500;
}
/*-------------------------------------------------------------------------
  Top & Common
------------------------------------------------------------------------- */
/* courselList
-------------------------------------------------------------------------*/

.courseName {
  background: #feb608;
}

/* course-difference
-------------------------------------------------------------------------*/
.course-difference .compare .card-body {
  padding: 2.5rem;
}
/* point
-------------------------------------------------------------------------*/

.point .card-deck .card {
  margin-left: 10px;
  margin-right: 10px;
}

/*-------------------------------------------------------------------------
  about
------------------------------------------------------------------------- */

/* feature
-------------------------------------------------------------------------*/

/* course-difference     ----------------------------------*/
.feature .course-difference .card .border-bottom {
  border-width: 0 0 2px!important;
}
.feature .course-difference .card:first-child .border-bottom {
  border-color: #ff8500!important;
}
.feature .course-difference .card:last-child .border-bottom {
  border-color: #434343!important;
}
/* sec02     ----------------------------------*/
.feature .faq dt, .feature .faq dd {
  position: relative;
}
.feature .faq dt::before, .feature .faq dd::before {
  width: 5%;
  display: inline-block;
  vertical-align: top;
}
.feature .faq dt p, .feature .faq dd p {
  width: 94%;
  display: inline-block;
}
.feature .faq dt {
  background: #cee6ff;
}
.feature .faq dd {
  background: #fde4e7;
}
.feature .faq dt::before {
  content: 'Q.';
}
.feature .faq dd::before {
  content: 'A.';
}

@media (max-width: 768px) {
.feature .faq dt::before, .feature .faq dd::before {
  width: 10%;
}
.feature .faq dt p, .feature .faq dd p {
  width: 88%;
}
}
/* faq
-------------------------------------------------------------------------*/
/* card     ----------------------------------*/

.faq .main-col .card-header, .faq .main-col .card {
  border: none;
}
.faq .main-col .collapse {
  display: none;
}
.faq .main-col .collapse.show {
  display: block;
}
.faq .main-col .card-header {
  padding: 2.25rem 1.5rem;
}
.faq .main-col .card .card-header a[data-toggle="collapse"] {
  display: block;
  padding: .75rem 2rem .75rem 1.25rem;
  margin: -.75rem -1rem -.75rem -1.25rem;
}
.faq .main-col .card .card-header a[data-toggle="collapse"]:active, .faq .main-col .card .card-header a[data-toggle="collapse"]:hover, .faq .main-col .card .card-header a[data-toggle="collapse"]:focus {
  text-decoration: none;
}
.faq .main-col .card-body {
  padding: 1.25rem 0;
}
.faq .main-col .card .card-header h5 {
  position: relative;
  padding-left: 50px;
}
.faq .main-col .card .card-header h5::before {
  background: #feb608;
}
.faq .main-col .toggle.icon::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 1.5rem;
  height: 2px;
  background: #333;
}
.faq .main-col .toggle.icon::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 1.5rem;
  height: 2px;
  background: #333;
}
.faq .main-col .toggle.icon.collapsed::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.faq .main-col .toggle.icon.collapsed::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faq .main-col .toggle.icon::before {
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
.faq .main-col .toggle.icon::after {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}

@media (max-width: 500px) {
.faq .main-col .card-header {
  padding: 1rem 1rem 1.3rem;
}
.faq .main-col .card .card-header h5 {
  padding-left: 40px;
}
.faq .main-col .card .card-header h5::before {
  font-size: 2.5rem;
  top: 0px;
  width: 30px;
  padding: .5rem .25rem .1rem;
}
.faq .main-col .card .card-header a[data-toggle="collapse"] {
  padding: 7px 23px 0 0;
  margin: 0;
}
.faq .main-col .toggle.icon::before {
  right: 0;
}
.faq .main-col .toggle.icon::after {
  right: 0;
}
}
/* schools
-------------------------------------------------------------------------*/
/* accesslList     ----------------------------------*/

.schools .accessList .list li {
  padding: 0 1rem;
  border: solid 1px #666;
  border-width: 0 1px;
  margin-bottom: .5rem;
  display: inline-block;
  margin-left: -4px;
}

@media (max-width: 768px) {
.schools .accessList ul.list.text-center {
  text-align: left!important;
}
.schools .accessList .list li {
  margin-left: 0;
  border-width: 0 1px 0 0;
}
.schools .accessList .list li:first-child {
  border-left: solid 1px #666;
}
}
.schools .accessList .gmap object, .schools .accessList .gmap embed, .schools .accessList .gmap iframe {
  height: 230px;
}
.schools .accessList .buttonList.row {
}

@media (min-width: 576px) {
.schools .accessList .buttonList.row {
  margin-right: -5px;
  margin-left: -5px;
}
.schools .accessList .buttonList .col-sm-4 {
  padding-right: 5px;
  padding-left: 5px;
}
}

@media (max-width: 768px) {
.schools .accessList .gmap {
  padding-bottom: 60%;
  margin-bottom: 1rem;
}
}

/* work
-------------------------------------------------------------------------*/
/* production     ----------------------------------*/

@media (min-width: 768px) {
.work .production .etc.row {
  margin-left: -10px;
  margin-right: -10px;
}
.work .production .col-md-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 10px;
  padding-left: 10px;
}
}

@media (max-width: 768px) {
.work .production .px-5 {
  padding-left: 2rem!important;
  padding-right: 2rem!important;
}
.work .production .etc.row {
  margin-left: -10px;
  margin-right: -10px;
}
.work .production .col-md-2 {
  padding-right: 10px;
  padding-left: 10px;
}
}

/* admission
-------------------------------------------------------------------------*/

@media (min-width: 768px) {
.admission .counsel ul.point.row {
  margin-left: -10px;
  margin-right: -10px;
}
.admission .counsel ul.point .col-sm-6 {
  padding-right: 10px;
  padding-left: 10px;
}
}

@media (max-width: 768px) {
.admission .counsel ul.point.row {
  margin-left: -10px;
  margin-right: -10px;
}
.admission .counsel ul.point .col-sm-6 {
  padding-right: 10px;
  padding-left: 10px;
}
}
/*-------------------------------------------------------------------------
  aside
------------------------------------------------------------------------ */
aside .indexHead02::before,
aside .indexHead.card-header::before, aside .indexHead::before {
  background: #feb608;
}
.round-Btn {
}
.round-Btn i {
  display: inline-block;
  width: 35px;
  padding-right: 1rem;
}

/*-------------------------------------------------------------------------
  course ※コース名をクラスにしているものはクラス名に変更してください
------------------------------------------------------------------------- */
/* Karte     ----------------------------------*/

.Karte { position: relative;}

.Karte::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 40%;
  height: 1rem;
  margin-left: -20%;
  background: #1b1b1b;
}

/* review     ----------------------------------*/

.star_orange {
	color: #ffc000;
}
.star_gray {
	color: #cccccc;
}


/* radio_actor
------------------------------------------------------------------------- */

.btn.bg-white-border {
	border: #434343 1px solid;
	border-radius: 0;
  color: #434343;
	display: inline-block;
	padding: 10px 25px;
}

.radio_actor .sec05 .arwA::after{
border-top: none;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
}

.radio_actor .main-col .sec05 .collapse {
      display: none;
  }
  
  .radio_actor .main-col .sec05 .collapse.show {
      display: block;
  }

.radio_actor .main-col .sec05 .card-body {
	padding: 0;
}
.radio_actor .main-col .sec05 .card {
	border: none;
}


/* pa_tushin
------------------------------------------------------------------------- */

.pa_tushin .rounded {
	border-radius: 20px !important;
}
.pa_tushin .arrow.dot::before {
	top:12px;
}

.pa_tushin .sec05 ul {
	padding: 0;
	width: 100%;
}
.pa_tushin .sec05 ul li{
	float: left;
	margin-right: 0.3%;
	text-align: center;
	width: 14%;
}
.pa_tushin .sec05 ul li:last-child{
	margin-right: 0;
}


/* pa_anime_vod
------------------------------------------------------------------------- */
.pa_anime_vod .rounded {
	border-radius: 20px !important;
}
.pa_anime_vod .sec03 ul li {
	border-bottom: #c9c9c9 1px solid; 
}
.pa_anime_vod .sec08 ul.courseMat {
	padding: 0;
	width: 75%;
}
.pa_anime_vod .sec08 ul.courseMat li{
	float: left;
	margin-right: 0.3%;
	text-align: center;
	width: 19.7%;
}
.pa_anime_vod .sec08 ul.courseMat li:last-child{
	margin-right: 0;
}


@media (max-width: 768px) {
	/* pa_tushin
------------------------------------------------------------------------- */
.pa_tushin .sec05 ul li{
	margin-right: 1.3%;
	width: 49%;
}
.pa_tushin .sec05 ul li:nth-child(2),
.pa_tushin .sec05 ul li:nth-child(4),
.pa_tushin .sec05 ul li:nth-child(6){
	margin-right: 0;
}
	
	/* pa_anime_vod
------------------------------------------------------------------------- */
	.pa_anime_vod .sec08 ul.courseMat {

	width: 100%;
}
	.pa_anime_vod .sec08 ul.courseMat li{
	margin-right: 1.3%;
	width: 49%;
}
.pa_anime_vod .sec08 ul.courseMat li:nth-child(2),
.pa_anime_vod .sec08 ul.courseMat li:nth-child(4){
	margin-right: 0;
}


}