body{
	color: #3b4043;
}

a,.nav-link{
	color: #000000;	
}
a:hover,.nav-link:hover{
	color: #666666;	
}


@media only screen and (min-width:600px) {
.nav-item{
	padding: 0;
}

.nav-pills .nav-link {
    border-radius: 0;
}
}

.navbar-toggler{
	float: right;
	margin-top:0.3em;
}

.navbar-light .navbar-nav .nav-link{
	color: #FFF;
	padding-bottom: 0.7em;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.navbar-light .navbar-nav .nav-link:last-child{
	border: none;
}

.btn-outline-dark{	
	border-radius: 20px;
	/*height: 2.5em;*/
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.btn-primary{
	background-color: rgba(220,53,69,1);
	border-radius: 20px;
	border: none;
	width: 100%;
}

.btn-primary:hover{
	background-color: rgba(186,48,32,1);
}

.btn-primary.disabled, .btn-primary:disabled{
	background-color: rgba(0,0,0,.7);
	border-color: rgba(0,0,0,.7);
}

.btn-outline-primary{
	border-color: rgba(220,53,69,1);
	color: rgba(220,53,69,1);
	border-radius: 20px;
	width: 100%;
}

.btn-outline-primary:hover{
	background-color:#FFF;
	border-color: rgba(186,48,32,1);
	color: rgba(186,48,32,1);
}

.img-instructor{
	width: 100%;
	height: 30vh;
	object-fit: cover;

}

.img-instructor--detail{
	width: 100%;
	height: 25vh;
	object-fit: cover;

}

.mt-45 {
    margin-top: 2rem!important;
}

.page-link,a:hover.page-link {
	color: #d34b4f;
}

.font-midashi {
  display: inline-block;
  position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 1.5em;
	font-weight: bold;
}
.font-midashi:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px; /*下線の上下位置調整*/
  display: inline-block;
  width: 50px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #d34b4f; /*下線の色*/
}
.font-zen{
	font-family: 'Zen Kurenaido', sans-serif;
	font-weight: bold;
}
.font-marugo{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: bold;
}
.font-kiwi{
	font-family: 'Kiwi Maru', serif;
	font-weight: bold;
}
.font-yomogi{
	font-family: 'Yomogi', cursive;
	font-weight: bold;
}

.bg--orange{
	background-color: rgba(254,133,24,1);
}
.bg--light-orange{
	background-color: #ffe5cd;
}

.bg--grad-orange {
background: linear-gradient(to left, rgba(254,133,24,.2), rgba(254,133,24,1));
}

.bg--light-gray{
	background: #EFEFEF;
}

.bg--check{
  background-image: linear-gradient(0deg, transparent 18px, #ddd 19px),linear-gradient(90deg,  transparent 18px, #ddd 19px);
  background-size: 19px 19px;
	border-bottom: 1px solid #eee;
} 

.bo-top-gray{
	border-top: 1px solid #CCC;
}

.color--gray,.color--gray a{ color: #999;}
.color--white{ color: #FFFFFF;}
.color--red{ color: #d34b4f;}

.fontsize--80{ font-size: 80%; }
.fontsize--90{ font-size: 90%; }
.fontsize--100{ font-size: 100%; }
.fontsize--110{ font-size: 110%; }
.fontsize--120{ font-size: 120%; }
.fontsize--130{ font-size: 130%; }
.fontsize--140{ font-size: 140%; }

.line-h14{line-height: 1.4;}
.line-h16{line-height: 1.6;}

footer{
	background: #606060;
	color: #FFFFFF;
}

footer a,footer a:hover{
	color: #FFFFFF;
}

.pc{display: block;}
.sp{display: none;}

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

table th{
	white-space: nowrap;
}

.page-item .page-link{
	border: none;
}
.page-item a.page-link{
	background-color: transparent;	
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: .25rem;
	border: 1px solid #dee2e6;
	box-sizing: border-box;
	background-color: #fff;
}
.page-no {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    border-radius: .25rem;
	border: 1px solid #dee2e6;
	box-sizing: border-box;
	background-color: #F5F5F5;
	color: #dee2e6;
}
.page-item .page-active{
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
	font-weight: bold;
}

.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 0.5em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #FFF;
  background: #e66d79;
  border-radius: 8px;
	font-weight: bold;
}

.balloon:before {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 15px solid #e66d79;
}

.w-75{ margin-left:12.5%; margin-right: 12.5%;}
.h25{height: 2.5em;}

.table{
	text-align: center;
	font-weight: bold;
}

.table th,.table td{
	white-space: nowrap;
}


.note{
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 50%,
      #ffe5cd 50%,
      #ffe5cd 50%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #dc3545 97%,
      #dc3545 100%
    );
  background-size:
    8px 100%,
    100% 2em;
  line-height:1.9;
}
.note p{
  margin-bottom:0;
}

/*------section-qanda-------*/
#qanda{
}
#qanda .back_blue{
	background-color:  rgba(0,166,155,0.20);
}
#qanda table{
	width: 95%;
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}
#qanda table tr{
	padding: .5em;
	color: #00a69b;
}
#qanda table tr.back_blue{
	color: #000;
}
#qanda table th{
	font-size: 17px;
	width: 2.5em;
	padding: .8em;
	padding-left: 2em;
	font-weight: 500;
}
#qanda table td{
	padding: .8em;
	padding-left: 0;
		font-size: 17px;
	font-weight: 500;	
}
#qanda table td a{
	font-size: 17px;
	font-weight: 500;
	text-decoration: underline;
}

/*------section-flow-------*/
#flow{
}
#flow .flex{
	width: 100%;
	max-width: 680px;
	margin: 0 auto 5px;
	border-radius: 10px;
	background-color: #fff;
	align-items: center;
	line-height: 1.4;
	display: flex;
	border: 1px solid #CCC;	
}
#flow .flex .left{
	font-size: 22px;
		font-weight: 500;
	background-color: #00a69b;
	border-radius: 10px 0 0 10px;
	color: #fff;
	text-shadow: 1px 2px 3px #808080;
	padding: 1.3em 0;
	width: 150px;
	text-align: center;
}
#flow .flex .left.middle{
	padding: 30px 0;	
}
#flow .flex .right{
	width: 510px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

#flow p{
	margin-bottom: 0;
}

@media only screen and (max-width:600px) {
.font-catch{font-size: 1.3rem;}
.btn-secondary{width: 100%; margin: 1em 0;}
.font-mdiashi{font-size: 1.2em;}
.pc{display: none;}
.sp{display: block;}
.txt-center--pc{text-align: left;}
	
/*------section-qanda-------*/
#qanda{
	padding-top: 40px;
}
#qanda table tr{
	padding: .3em;
}
#qanda table th{
	font-size: 16px;
	width: 1.6em;
	padding: .8em;
	padding-left: 1em;
}
#qanda table td{
	padding: .8em;
	padding-left: 0;
	font-size: 16px;
}
	#qanda table td a{
	font-size: 16px;
}

	/*------section-flow-------*/
#flow{
	padding-top: 40px;
	padding-bottom: 40px;
}
#flow .flex{
	margin: 0 auto 6px;
	border-radius: 10px;
	background-color: #fff;
	align-items: stretch;
}
#flow .flex .left{
	font-size: 16px;
	border-radius: 10px 0 0 10px;
	padding: 1em 0;
	width: 23%;
}
#flow .flex .left.middle{
	padding: 1.7em 0;	
}
#flow .flex .right{
	width: 77%;
	padding: 1em;
	padding-left: .5em;
	font-size: 15px;

}

}