@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : other.css
 author     : Ability Consultant
 style info : 各種講習
=================================================================== */
.con_link, .box_other > div {
	max-width: 1280px;
	margin: auto;
}
@media only screen and (min-width: 1025px) {
  .con_link, .box_other > div {
		padding: 0 40px;
  }
}
@media print {
  .con_link, .box_other > div {
		padding: 0 40px;
  }
}
.ie8 .con_link, .ie8 .box_other > div {
	padding: 0 40px;
}
@media only screen and (max-width: 1024px) {
  .con_link, .box_other > div {
		width: 95%;
  }
}

.con_intro > div {
	max-width: 1680px;
	margin: auto;
}
@media only screen and (min-width: 1025px) {
  .con_intro > div {
		padding: 0 40px;
  }
}
@media print {
  .con_intro > div {
		padding: 0 40px;
  }
}
.ie8 .con_intro > div {
	padding: 0 40px;
}
@media only screen and (max-width: 1024px) {
  .con_intro > div {
		width: 95%;
  }
}

/*Animate */
/* -----------------------------------------------------------
	.con_pgtitle
----------------------------------------------------------- */
.con_pgtitle {
	background: url(../other/images/pagetitle.jpg) no-repeat center;
	background-size: cover;
}
@media only screen and (min-width: 951px) and (max-width: 1024px) {
  .con_pgtitle {
		background-position-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  .con_pgtitle {
		background-position-x: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pgtitle {
		background: url(../other/images/pagetitle-sp.jpg) no-repeat center;
		background-size: 100%;
  }
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	position: relative;
	z-index: 2;
}
.con_intro > div {
	padding: 100px 0;
	margin-bottom: 70px;
	text-align: center;
	background: url(../other/images/tyouhatu.png) no-repeat right;
	background-size: 35%;
	background-position-y: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro > div {
		padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > div {
		padding: 40px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro > div {
		margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > div {
		margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > div {
		background: none;
  }
}
.con_intro > div .txt_bg {
	background: #fff;
	padding: 0 .2em;
}
.con_intro > div .st_jp_s {
	margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro > div .st_jp_s {
		margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > div .st_jp_s {
		margin-bottom: 13px;
  }
}
.con_intro > div .txt {
	line-height: 2.5;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro > div .txt {
		line-height: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > div .txt {
		line-height: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > div .img {
		margin-top: 20px;
		text-align: center;
  }
  .con_intro > div .img img {
		width: 60%;
  }
}

/* -----------------------------------------------------------
	.con_link
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .con_link {
		margin-bottom: -40px;
  }
}
.con_link .acc_btn {
	font-size: 100%;
	text-align: center;
	padding: 0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 4px solid #101010;
	background: #fff;
}
.con_link .acc_btn .ic {
	margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .con_link .acc_btn .ic {
		width: 20px;
		height: 20px;
  }
}
.con_link .lnk_list {
	display: flex;
	justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link .lnk_list {
		flex-wrap: wrap;
		justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .con_link .lnk_list {
		display: none;
  }
}
.con_link .lnk_list .lnk_list_c {
	width: 23%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link .lnk_list .lnk_list_c {
		width: 49%;
  }
}
@media only screen and (max-width: 767px) {
  .con_link .lnk_list .lnk_list_c {
		width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_link .lnk_list .lnk_list_c {
		margin-right: 2%;
  }
  .con_link .lnk_list .lnk_list_c:last-child {
		margin-right: 0;
  }
}
@media print {
  .con_link .lnk_list .lnk_list_c {
		margin-right: 2%;
  }
  .con_link .lnk_list .lnk_list_c:last-child {
		margin-right: 0;
  }
}
.ie8 .con_link .lnk_list .lnk_list_c {
	margin-right: 2%;
}
.ie8 .con_link .lnk_list .lnk_list_c:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .con_link .lnk_list .lnk_list_c {
		margin-top: 1em;
  }
}
.con_link .lnk_list .lnk_list_c .btn_anchor {
	padding: 1em 0;
	display: block;
	background: #e8e8e8;
	color: #101010;
	width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor {
		padding: 0.7em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor:hover .ic {
		animation: pushmini_bottom .4s linear forwards;
  }
}
@media print {
  .con_link .lnk_list .lnk_list_c .btn_anchor:hover .ic {
		animation: pushmini_bottom .4s linear forwards;
  }
}
.ie8 .con_link .lnk_list .lnk_list_c .btn_anchor:hover .ic {
	animation: pushmini_bottom .4s linear forwards;
}
.con_link .lnk_list .lnk_list_c .btn_anchor > div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.con_link .lnk_list .lnk_list_c .btn_anchor > div .ic {
	width: 20px;
	height: 20px;
	margin-right: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor > div .ic {
		width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor > div .ic {
		width: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor > div .ic {
		height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor > div .ic {
		height: 18px;
  }
}
.con_link .lnk_list .lnk_list_c .btn_anchor > div .ic svg {
	fill: #101010;
}
@media only screen and (max-width: 767px) {
  .con_link .lnk_list .lnk_list_c .btn_anchor > div .ic {
		display: none;
  }
}

@keyframes pushmini_bottom {
	0% {
		transform: translateY(0);
	}
	20% {
		transform: translateY(4px);
	}
	50% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
/* -----------------------------------------------------------
	.box_other
----------------------------------------------------------- */
.box_other {
	padding: 130px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other {
		padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_other {
		padding: 80px 0;
  }
}
.box_other .stop_txt {
	background: #ef0071;
	padding: .6%;
	text-align: center;
	color: #fff;
	font-size: 113%;
	margin-bottom: 12px;
}
@media only screen and (min-width: 1025px) {
  .box_other .stop_txt {
		width: 45%;
  }
}
@media print {
  .box_other .stop_txt {
		width: 45%;
  }
}
.ie8 .box_other .stop_txt {
	width: 45%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other .stop_txt {
		width: 100%;
  }
}
.box_other:nth-of-type(odd) .info .box_img img {
	margin-top: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other:nth-of-type(odd) .info .box_img img {
		margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_other:nth-of-type(odd) .info .box_img img {
		margin-top: 0;
  }
}
.box_other:nth-of-type(even) {
	background: url(../images/common/bg_pattern.png) repeat;
}
.box_other:last-of-type {
	margin-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other:last-of-type {
		margin-bottom: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other:last-of-type {
		margin-bottom: 80px;
  }
}
.box_other > div .st_jp {
	margin-bottom: 40px;
	line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .st_jp {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .st_jp {
		margin-bottom: 25px;
  }
}
.box_other > div .info {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .info {
		margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .info {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .info {
		flex-direction: column;
  }
}
.box_other > div .info .box_img,
.box_other > div .info .box_txt,
.box_other > div .info .box_table {
	width: 48%;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_img,
  .box_other > div .info .box_txt,
  .box_other > div .info .box_table {
		width: 100%;
  }
}
.box_other > div .info .box_img {
	position: relative;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_img {
		order: 1;
		margin-bottom: 20px;
  }
}
.box_other > div .info .box_img img {
	width: 100%;
}
.box_other > div .info .box_img .label {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_img .label {
		width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_txt {
		order: 2;
  }
}
.box_other > div .info .box_txt .st_jp_ss {
	margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_txt .st_jp_ss {
		margin-bottom: 0.5em;
  }
}
.box_other > div .info .box_txt .st_sub {
	font-size: 134%;
	color: #555;
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .info .box_txt .st_sub {
		font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_txt .st_sub {
		font-size: 127%;
  }
}
.box_other > div .info .box_txt .list .list_c {
	position: relative;
	padding-left: 1.5em;
}
.box_other > div .info .box_txt .list .list_c::before {
	content: '●';
	position: absolute;
	font-size: 114%;
	color: #ef0071;
	left: 0;
	top: 0;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_txt .list .list_c::before {
		line-height: 1.5;
		font-size: 120%;
  }
}
.box_other > div .info .box_txt .box_btn {
	margin-top: 40px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_txt .box_btn {
		margin-top: 20px;
  }
}
.box_other > div .info .box_txt .box_btn > p {
	margin-bottom: 1em;
}
.box_other > div .info .box_txt .txt {
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .box_other > div .info .box_txt .txt {
		margin-bottom: 20px;
  }
}
.box_other > div .box_table {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_table {
		margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_table {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_table {
		flex-direction: column;
  }
}
.box_other > div .box_table .st_jp_ss {
	margin-bottom: 10px;
}
.box_other > div .box_table > div {
	width: 48%;
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_table > div {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_table > div:first-of-type {
		margin-bottom: 1em;
  }
}
.box_other > div .box_table > div .att_list {
	margin-top: 1em;
}
.box_other > div .box_table > div .att_list .att_list_c {
	padding-left: 1.3em;
}
.box_other > div .box_table > div.box_korei {
	width: 60%;
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_table > div.box_korei {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_other > div .box_table > div.box_korei {
		margin: 0 auto;
  }
  .box_other > div .box_table > div.box_korei .st_jp_ss {
		text-align: center;
  }
}
@media print {
  .box_other > div .box_table > div.box_korei {
		margin: 0 auto;
  }
  .box_other > div .box_table > div.box_korei .st_jp_ss {
		text-align: center;
  }
}
.ie8 .box_other > div .box_table > div.box_korei {
	margin: 0 auto;
}
.ie8 .box_other > div .box_table > div.box_korei .st_jp_ss {
	text-align: center;
}
.box_other > div .box_contact > div {
	max-width: 1000px;
	width: 95%;
	border: 6px solid #ef0071;
	display: flex;
	align-items: center;
	margin: 0 auto;
	background: #fff;
	padding: 20px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div {
		padding: 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div {
		padding: 15px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div {
		display: block;
  }
}
.box_other > div .box_contact > div .box_title {
	font-size: 147%;
	width: 50%;
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_title {
		font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_title {
		font-size: 120%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_title {
		width: 46%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_title {
		width: 100%;
  }
}
.box_other > div .box_contact > div .box_tel {
	width: 50%;
	text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel {
		width: 54%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel {
		text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel {
		text-align: center;
  }
}
.box_other > div .box_contact > div .box_tel .tel {
	color: #ef0071;
	font-size: 254%;
	letter-spacing: 4px;
	display: flex;
	align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel .tel {
		font-size: 187%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .tel {
		font-size: 174%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel .tel {
		letter-spacing: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .tel {
		letter-spacing: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .tel {
		justify-content: center;
  }
}
.box_other > div .box_contact > div .box_tel .tel a {
	font-weight: bold;
	color: #ef0071;
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .tel a {
		padding: 3px 0;
		display: flex;
		align-items: center;
		justify-content: center;
  }
}
.box_other > div .box_contact > div .box_tel .tel .ic {
	margin-right: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel .tel .ic {
		margin-right: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .tel .ic {
		margin-right: 5px;
  }
}
.box_other > div .box_contact > div .box_tel .tel .ic svg {
	fill: #ef0071;
}
.box_other > div .box_contact > div .box_tel .des .day {
	background: #000;
	color: #fff;
	padding: 3px 16px;
	border-radius: 20px;
	margin-right: 10px;
	font-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel .des .day {
		padding: 3px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .des .day {
		padding: 1px 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel .des .day {
		font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .des .day {
		font-size: 94%;
  }
}
.box_other > div .box_contact > div .box_tel .des .time {
	font-size: 134%;
	letter-spacing: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other > div .box_contact > div .box_tel .des .time {
		font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .box_contact > div .box_tel .des .time {
		font-size: 120%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other > div .tbl_basic .c_l {
		width: 30%;
  }
}
.box_other.seniorstyle > div {
	font-size: 115%;
}
.box_other.seniorstyle > div .info .box_txt .st_jp_ss_p {
	font-size: 200%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other.seniorstyle > div .info .box_txt .st_jp_ss_p {
		font-size: 167%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other.seniorstyle > div .info .box_txt .st_jp_ss_p {
		font-size: 174%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other.seniorstyle > div .box_table > div:first-of-type {
		margin-bottom: 1em;
  }
}
.box_other.seniorstyle > div .box_table > div .att {
	font-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_other.seniorstyle > div .box_table > div .att {
		font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_other.seniorstyle > div .box_table > div .att {
		font-size: 94%;
  }
}
.box_other.seniorstyle > div .box_contact > div {
	border: 6px solid #101010;
}
.box_other.seniorstyle > div .box_contact .note {
	margin-top: 1em;
	text-align: center;
}