@charset "utf-8";
.text_backgroud_color {
    background: linear-gradient(transparent 0%, transparent 60%, rgba(255,246,222) 60%, rgba(255,246,222) 100%);
    display: inline;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}


/* ディレクター記入　aタグでリンクしないようにspanに変更しました。afterは非表示にしています*/
.flex-link .box > div > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  line-height: 1.2;
  color: #075096;
}

.flex-link .box > div > span::after {
  display: none;
}
#c3 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding: 3rem 0 4rem ;
}
#c1 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 h3,
#c1 div {
	text-align: center;
}
#c4 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c69 {
	clear: both;
	background-image: url(../images/page_header/page_header_1.jpg);
	margin:    ;
	padding: 10rem 0  ;
}
#c69 h3,
#c69 div {
	text-align: left;
}
#c2 {
	clear: both;
	margin: 2rem 0 6rem ;
	padding:    ;
}
#c63 {
	clear: both;
	background-color: white;
	margin:    ;
	padding:    ;
}
#c71 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c71 h3,
#c71 div {
	text-align: center;
}
#c70 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c72 {
	clear: both;
	margin: 0 0 0.9rem ;
	padding:    ;
}
#c72 h3,
#c72 div {
	text-align: center;
}
#c65 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c65 h3,
#c65 div {
	text-align: left;
}
#c66 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c73 {
	clear: both;
	background-color: #075096;
	margin: 3.5rem 0 0 ;
	padding: 3rem 0  ;
}
#c75 {
	clear: both;
	margin: 0 0 2.5rem ;
	padding:    ;
}
#c75 h3,
#c75 div {
	text-align: center;
}
#c76 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c76 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c76 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c76 > div:nth-of-type(1) img {
	width: 746px;
}
#c76 > div:nth-of-type(2) img {
	width: 373px;
}
#c76 > div:nth-of-type(3) img {
	width: 373px;
}
#c74 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c77 {
	clear: both;
	margin: 5rem 0 0.8rem ;
	padding:    ;
}
#c77 h3,
#c77 div {
	text-align: center;
}
#c5 {
	clear: both;
	margin: 0 0 3rem ;
	padding:    ;
}
#c5 h3,
#c5 div {
	text-align: center;
}
#c8 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c79 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c79 a.itext, #c79 img, #c79 video {
	width: 600px;
	height: 400px;
}
#c78 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c81 {
	clear: both;
	margin: 0 0 1rem ;
	padding:    ;
}
#c81 h3,
#c81 div {
	text-align: center;
}
#c80 {
	clear: both;
	margin: 0 0 0.9rem ;
	padding:    ;
}
#c80 h3,
#c80 div {
	text-align: center;
}
#c13 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c13 h3,
#c13 div {
	text-align: left;
}
#c9 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c82 {
	clear: both;
	display: none;
	margin: 3rem 0 1.5rem ;
	padding:    ;
}
#c82 h3,
#c82 div {
	text-align: left;
}
#c83 {
	clear: both;
	display: none;
	margin: 1.3rem 0 0 ;
	padding:    ;
}
#c83 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c83 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c84 {
	clear: both;
	margin: 3rem 0 1.5rem ;
	padding:    ;
}
#c84 h3,
#c84 div {
	text-align: left;
}
#c85 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c85 h3,
#c85 div {
	text-align: left;
}
#c86 {
	clear: both;
	margin: 1rem 0 0 ;
	padding:    ;
}
#c86 h3,
#c86 div {
	text-align: left;
}
#c16 {
	clear: both;
	margin: 2rem 0 0 ;
	padding:    ;
}
#c16 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c16 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c67 {
	clear: both;
	background-image: url(../images/education/appeal_bg.jpg);
	margin: 4rem 0 0 ;
	padding: 4.5rem 0 5rem ;
}
#c87 {
	clear: both;
	margin: 0 0 3rem ;
	padding:    ;
}
#c87 h3,
#c87 div {
	text-align: center;
}
#c88 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c89 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c89 a.itext, #c89 img, #c89 video {
	width: 600px;
	height: 400px;
}
#c90 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c92 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c92 h3,
#c92 div {
	text-align: center;
}
#c93 {
	clear: both;
	margin: 1rem 0 0 ;
	padding:    ;
}
#c93 h3,
#c93 div {
	text-align: center;
}
#c94 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c94 h3,
#c94 div {
	text-align: center;
}
#c95 {
	clear: both;
	margin: 1rem 0 0 ;
	padding:    ;
}
#c95 h3,
#c95 div {
	text-align: center;
}
#c91 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c68 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c3 {
}
#c1 {
}
#c4 {
}
#c69 {
}
#c2 {
}
#c63 {
}
#c71 {
}
#c70 {
}
#c72 {
}
#c65 {
}
#c66 {
}
#c73 {
}
#c75 {
}
#c76 {
}
#c76 {
}
#c74 {
}
#c77 {
}
#c5 {
	margin: 0 0 2rem;
}
#c8 {
}
#c79 {
}
#c78 {
}
#c81 {
}
#c80 {
}
#c13 {
}
#c9 {
}
#c82 {
	display: none;
}
#c83 {
	display: none;
}
#c83 {
}
#c84 {
}
#c85 {
}
#c86 {
}
#c16 {
}
#c16 {
}
#c67 {
}
#c87 {
	margin: 0 0 2rem;
}
#c88 {
}
#c89 {
}
#c90 {
}
#c92 {
}
#c93 {
}
#c94 {
}
#c95 {
}
#c91 {
}
#c68 {
}
}
@media screen and (max-width: 640px) {
#c3 {
}
#c1 {
}
#c4 {
}
#c69 {
}
#c2 {
}
#c63 {
}
#c71 {
}
#c70 {
}
#c72 {
}
#c65 {
}
#c66 {
}
#c73 {
}
#c75 {
}
#c76 {
}
#c76 {
}
#c74 {
}
#c77 {
}
#c5 {
	margin: 0 0 2rem;
}
#c8 {
}
#c79 {
}
#c78 {
}
#c81 {
}
#c80 {
}
#c13 {
}
#c9 {
}
#c82 {
	display: none;
}
#c83 {
	display: none;
}
#c83 {
}
#c84 {
}
#c85 {
}
#c86 {
}
#c16 {
}
#c16 {
}
#c67 {
}
#c87 {
	margin: 0 0 2rem;
}
#c88 {
}
#c89 {
}
#c90 {
}
#c92 {
}
#c93 {
}
#c94 {
}
#c95 {
}
#c91 {
}
#c68 {
}
}
