@charset "UTF-8";

/* 中ページ共通
--------------------*/

.page-section .page-header {
	width: 100%;
	height: 100%;
	padding: 22% 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	background-image: url(../../images/hieizan_jh_hs/page_header_outline_bg.jpg);
	}

.page-section .page-header.high-school-header,
.page-section .page-header.high_school-header,
.page-section .page-header.examination-hs-header,
.page-section .page-header.hs_etc-header {
	background-image: url(../../images/hieizan_jh_hs/page_header_high_school_bg.jpg);
	}

.page-section .page-header.junior-high-school-header,
.page-section .page-header.junior_high_school-header,
.page-section .page-header.examination-jhs-header {
	background-image: url(../../images/hieizan_jh_hs/page_header_junior_high_school_bg.jpg);
	}

.page-section .page-header.feature-header {
	background-image: url(../../images/hieizan_jh_hs/page_header_feature_bg.jpg);
	}


.page-section .page-header .page-header-contents {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	}

.page-section .page-header .page-header-flame {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding-bottom: 30px;
	}

.page-section .page-header h1 {
	font-size: 250%;
	color: #FFFFFF;
	text-shadow: 2px 2px 3px #09351B,-2px 2px 3px #09351B,2px -2px 3px #09351B,-2px -2px 3px #09351B;
	}

.page-section .page-header.school-header h1 {
	text-shadow: 2px 2px 3px #09351B,-2px 2px 3px #09351B,2px -2px 3px #09351B,-2px -2px 3px #09351B;
	}

.page-section .page-header.high-school-header h1 {
	text-shadow: 2px 2px 3px #163BA3,-2px 2px 3px #163BA3,2px -2px 3px #163BA3,-2px -2px 3px #163BA3;
	}

.page-section .page-contents {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	}

.page-section .topicpass {
	font-size: 90%;
	line-height: 150%;
	width: 100%;
	max-width: 1040px;
	margin: 15px auto 10px;
	}

.page-section .topicpass span {
	color: #FFFFFF;
	padding: 2px 5px;
	background-color: #660000;
	}

.page-contents {
	display: flex;
	justify-content: space-between;
	}

.page-con-right {
	width: 100%;
	max-width: 230px;
	padding-top: 30px;
	}

.page-con-right .pege-navi-ttl {
	color: #FFFFFF;
	width: 100%;
	height: 50px;
	padding: 1px 1px 0 1px;
	border-radius: 5px 5px 0 0;
	background-color: #660000;
	}

.page-con-right .pege-navi-ttl span {
	width: 100%;
	height: 49px;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-radius: 5px 5px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.page-con-right > ul {
	border: 1px solid #CCCCCC;
	}

.page-con-right > ul li > ul {
	border-top: 1px solid #CCCCCC;
	}

.page-con-right ul li {
	border-bottom: 1px solid #CCCCCC;
	}

.page-con-right ul.pege-navi-main li:last-child {
	border-bottom: none;
	}


.page-con-right ul li a {
	font-size: 95%;
	text-decoration: none;
	line-height: 130%;
	width: 100%;
	height: 50px;
	padding-left: 35px;
	position: relative;
	display: flex;
	align-items: center;
	}

.page-con-right > ul li > ul a {
	padding-left: 50px;
	}

.page-con-right ul li.active a,
.page-con-right ul li.current-cat a,
.page-con-right ul.information-jhs_page-sn li.current-cat-parent a,
.page-con-right.courses01-news ul li.cat-item-51 a,
.page-con-right.courses02-news ul li.cat-item-52 a,
.page-con-right.courses03-news ul li.cat-item-53 a {
	background-color: #F6F6F6;
	}

.page-con-right ul.pege-navi-main li a:hover {
	background-color: #F6F6F6;
	}

.page-con-right ul li a::before,
.page-con-right ul li a::after {
	vertical-align: middle;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	}

.page-con-right ul li a::before {
	width: 12px;
	height: 12px;
	left: 10px;
	background: #ED6D00;
	}

.page-con-right ul li a::after {
	width: 6px;
	height: 4px;
	left: 14px;
	border: 3px solid transparent;
	border-left: 5px solid #FFFFFF;
	box-sizing: border-box;
	}


.page-con-right > ul li > ul a::before {
	background: none;
	}

.page-con-right > ul li > ul a::after {
	left: 29px;
	border: 5px solid transparent;
	border-left: 8px solid #09351B;
	}



.page-con-right .pege-navi-school {
	margin-top: 20px;
	border: none;
	}

.page-con-right .pege-navi-school li {
	margin-bottom: 10px;
	}

.page-con-right .pege-navi-school li a {
	height: 68px;
	}

.page-con-right .pege-navi-school li.tyuu {
	border: 1px solid #076B23;
	background: linear-gradient(to right, #FFFFFF 50%, #0CBA3C 100%);
	}

.page-con-right .pege-navi-school li.kou {
	border: 1px solid #660000;
	background: linear-gradient(to right, #FFFFFF 50%, #660000 100%);
	}

.page-con-right .pege-navi-school li.tyuu a::before {
	background-color: #076B23;
	}

.page-con-right .pege-navi-school li.kou a::before {
	background-color: #660000;
	}

.page-con-left {
	width: 100%;
	max-width: 790px;
	padding: 30px 10px 70px 0;
	}

.page-con-left h2 {
	font-size: 140%;
	line-height: 150%;
	color: #000000;
	margin-bottom: 25px;
	padding: 15px 15px 12px;
	clear: both;
	border-bottom: 3px solid #660000;
	border-left: 10px solid #660000;
	}

.page-con-left .main-txt-block {
	font-size: 95%;
	line-height: 150%;
	margin: 0 35px 30px;
	}

.page-con-left .main-txt-block h3 {
	font-size: 125%;
	line-height: 150%;
	margin: 15px 0 15px -20px;
	padding: 5px 10px;
	clear: both;
	border-left: 10px solid #ED6D00;
	}

.page-con-left .main-txt-block h4 {
	font-size: 120%;
	line-height: 150%;
	margin-bottom: 5px;
	clear: both;
	}

.page-con-left .txt-contents-box {
	clear: both;
	}

.page-con-left p {
	line-height: 200%;
	margin-bottom: 20px;
	}

.page-con-left p.margin-s {
	margin-bottom: 10px;
	}

.page-con-left p img {
	max-width: 100%;
	height: auto;
	}

.page-con-left p.img-x2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.page-con-left p.img-x2 img {
	margin-bottom: 15px;
	}

.txt-contents-box > ul,
.txt-contents-box > dl,
.txt-contents-box > ol {
	margin-bottom: 30px;
	}

.txt-contents-box > ul > li,
.txt-contents-box > dl > li,
.txt-contents-box > ol > li {
	margin-bottom: 15px;
	}

.txt-contents-box ul.list-type > li {
	margin-left: 20px;
	list-style-type: disc;
	}

.txt-contents-box ol.list-type > li {
	margin-left: 20px;
	list-style-type: decimal;
	}

.page-con-left table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}

.page-con-left table th,
.page-con-left table td {
	padding: 15px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

.page-con-left .txt-c-r {
	color: #FF0000;
	}

.page-con-left .txt-top {
	font-size: 70%;
	vertical-align: super;
	}

.page-con-left .txt-nom-p01 {
	margin-bottom: 5px !important;
	}

.page-con-left table.line-no {
	width: auto;
	border-top: none;
	border-left: none;
	}

.page-con-left table.line-no th,
.page-con-left table.line-no td {
	padding: 5px;
	border-right: none;
	border-bottom: none;
	}

/* エディタ用CSS
--------------------*/
.page-con-left .centered,
.page-con-left p.centered {
	text-align: center;
	}

.page-con-left img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.page-con-left .alignright,
.page-con-left p.alignright {
	text-align: right;
	}

.page-con-left img.alignright {
	margin: 0 0 10px 10px;
	float: right;
	}

.page-con-left .box-alignright {
	text-align: center;
	margin: 0 0 10px 10px;
	float: right;
	}

.page-con-left .box-alignright img {
	margin-bottom: 10px;
	}

.page-con-left .alignleft,
.page-con-left p.alignleft {
	text-align: left;
	}

.page-con-left img.alignleft {
	margin: 0 10px 10px 0;
	float: left
	}

.page-con-left .box-alignleft {
	text-align: center;
	margin: 0 10px 10px 0;
	float: left
	}

.page-con-left .box-alignleft img {
	margin-bottom: 10px;
	}

/* コース紹介
--------------------*/

.high-school-lead {
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	line-height:130%;
	color: #09351B;
	}

.high-school-lead-sub {
	font-size: 45%;
	text-align: center;
	}

.high-school-box01 dl {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFFFFF;
	width:100%;
	max-width: 632px;
	min-height: 121px;
	margin: 0 auto 16px;
	display: flex;
	}

.high-school-box01 dt {
	text-align: center;
	width: 24%;
	max-width: 140px;
	padding-top: 20px;
	}

.high-school-box01 dt span {
	display: block;
	}

.high-school-box01 dt span:nth-child(1) {
	font-size: 300%;
	line-height: 100%;
	}

.high-school-box01 dt span:nth-child(2) {
	padding-top: 5px;
	}

.high-school-box01 .itirui {
	background-color: #9F0412;
}
.high-school-box01 .nirui {
	background-color: #076B23;
}
.high-school-box01 .sanrui {
	background-color: #163BA3;
}
.high-school-box01 dl dd {
	max-width:460px;
	width:76%;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 110%;
	line-height: 160%;
	position: relative;
	min-height: 121px;
}

.high-school-box01 dl dd p {
	margin-bottom: 3px;
	}

.high-school-box01 dl dd a {
	text-align: right;
	display: block;
	margin-bottom: 7px;
	}

.high-school-ttl {
	font-size: 70%;
	}

.high-school-ttl p {
	margin: 0;
	display: inline;
	}


.curriculum th,
.curriculum td {
	line-height: 120%;
	vertical-align: middle;
	padding: 0 !important;
	}

.curriculum .credits .bgcolor-01 {
	background-color: #E7B7D1;
}
.curriculum .credits .bgcolor-02 {
	background-color: #f4df86;
}
.curriculum .credits .bgcolor-03 {
	background-color: #b6d7f6;
}
.curriculum .credits .bgcolor-04 {
	background-color: #b4d1bb;
}
.curriculum .credits .bgcolor-05 {
	background-color: #f3e3d4;
}
.curriculum .credits .bgcolor-06 {
	background-color: #f4f082;
}
.curriculum .credits .bgcolor-07 {
	background-color: #e3b7ce;
}
.curriculum .credits .bgcolor-08 {
	background-color: #ab9fcd;
}
.curriculum .credits .bgcolor-09 {
	background-color: #b4d181;
}
.curriculum .credits .b-w-0 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}
.curriculum .credits .b-w-0111 {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.curriculum .credits .b-w-0110 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}
.curriculum .credits .bd {
	border-top-style: none;
}
.page-con-left .table-curriculum {
	width: 100%;
	height: 230px;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 35px;
	margin-left: 12px;
	text-align: center;
	overflow: auto;
}
.curriculum {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

/* 課外活動
--------------------*/

.extracurricular-action-list {
	display: flex;
	flex-wrap: wrap;
	}

.extracurricular-action-list li {
	margin-right: 15px;
	}

.extracurricular-action-list li:last-child {
	margin-right: 0;
	}

.schedule-block .txt-contents-box img {
	max-width: 300px;
	max-height: 225px;
	}

/* オープンスクール
--------------------*/

.schedule-block .txt-contents-box.openschool-block img {
	max-width: 100%;
	}































/* アクセス
--------------------*/

.page-access-box.access-gmap {
	width: 100%;
	margin: 15px 0;
	}

.page-access-box.access-gmap #map {
	max-width: 600px;
	height: 470px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	}

.page-access-box.access-traffic {
	width: 100%;
	display: flex;
	justify-content: space-between;
	}

.page-access-box h4 {
	font-size: 140%;
	margin-bottom: 5px;
	}

.page-access-box.access-traffic p {
	}

.page-access-box img {
	max-width: 100%;
	height: auto;
	}

.page-access-box {
	width: 100%;
	max-width: 600px;
	height: 100%;
	max-height: 470px;
	border: 1px solid #CCCCCC;
	}

.page-access-box iframe {
	width: 100%;
	max-height: 470px;
	}

/* 高大連携
--------------------*/

.table-graduate2 {
	max-width: 500px;
	}

.table-graduate2 th {
	background-color: #F6F6F6;
	}

.table-graduate2 th:nth-child(1) {
	width: 30%;
	}

.table-graduate2 th:nth-child(2) {
	width: 50%;
	}

.table-graduate2 th:nth-child(3) {
	width: 20%;
	}

.page-con-left .table-graduate2 th,
.page-con-left .table-graduate2 td {
	padding: 10px;
	}

.page-con-left .table-graduate2 tr td:first-child {
	vertical-align: middle;
	}

/* 指定校推薦
--------------------*/

.table-graduate3-01 {
	max-width: 500px;
	}

.table-graduate3-02 {
	max-width: 300px;
	}

.table-graduate3-01 th,
.table-graduate3-02 th {
	background-color: #F6F6F6;
	}

.page-con-left .table-graduate3-01 th,
.page-con-left .table-graduate3-01 td,
.page-con-left .table-graduate3-02 th,
.page-con-left .table-graduate3-02 td {
	text-align: center;
	padding: 10px;
	}

.table-graduate3-02 tr:first-child th {
	width: 50%;
	}

/* 進路指導
--------------------*/
.graduate-box01 h4 {
	margin-bottom: 5px;
	}

.graduate-box01.txt-contents-box:nth-of-type(1) h4,
.graduate-box01.txt-contents-box:nth-of-type(1) p {
	clear: none !important;
	
	}

.table-graduate1 th {
	background-color: #F6F6F6;
	}

.page-con-left .table-graduate1 th,
.page-con-left .table-graduate1 td {
	text-align: left;
	padding: 10px;
	}

.table-graduate1 tr:first-child th {
	text-align: center;
	}

.table-graduate1 tr:nth-child(2) th {
	width: 140px;
	}

/* 各種証明書発行手続・受付時間など
--------------------*/

.download-box h4 {
	margin-bottom: 5px !important;
	}

.download-box li {
	margin-bottom: 5px !important;
	}

.table-download01 {
	max-width: 320px;
	}

.table-download01 th {
	min-width: 100px;
	background-color: #F6F6F6;
	}

.page-con-left .table-download01 th,
.page-con-left .table-download01 td {
	padding: 10px;
	}

/* 図書館
--------------------*/

.library-txt-box01 {
	padding-top: 20px;
	}

/* 過去の入試データ
--------------------*/

.table-entrance1-01 {
	max-width: 500px;
	}

.table-entrance1-01 th {
	vertical-align: middle;
	background-color: #F6F6F6;
	}

.page-con-left .table-entrance1-01 th,
.page-con-left .table-entrance1-01 td {
	text-align: center;
	padding: 10px;
	}

/* 説明会のご案内
--------------------*/

.table-entrance2 th {
	background-color: #F6F6F6;
	}

.table-entrance2 th:nth-child(1) {
	width: 20%;
	}

.table-entrance2 th:nth-child(2) {
	width: 20%;
	}

.table-entrance2 th:nth-child(3) {
	width: 30%;
	}

.table-entrance2 th:nth-child(4) {
	width: 30%;
	}

.page-con-left .table-entrance2 th,
.page-con-left .table-entrance2 td {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	}

/* 入試情報・提出書類など
--------------------*/

.table-entrance th {
	background-color: #F6F6F6;
	}

.page-con-left .table-entrance th {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	}

.page-con-left .table-entrance td {
	vertical-align: middle;
	padding: 10px;
	}

/* 中学校 学校紹介
--------------------*/

.hieizan-j-school-txt-box {
	padding-top: 20px;
	}

.table-hieizan-j-school01 {
	max-width: 356px;
	}

.table-hieizan-j-school01 th,
.table-hieizan-j-school02 th {
	background-color: #F6F6F6;
	}

.page-con-left .table-hieizan-j-school01 th,
.page-con-left .table-hieizan-j-school01 td {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	}

.page-con-left .table-hieizan-j-school02 th,
.page-con-left .table-hieizan-j-school02 td {
	text-align: left;
	padding: 10px;
	}

/* 中学校 叡中ニュース
--------------------*/

.hieizan-j-news-btn {
	margin-left: 25px;
	display: flex;
	}

.hieizan-j-news-btn li {
	margin-right: 30px;
	}

.hieizan-j-news-wareki {
	font-size: 100%;
	text-align: right;
	}

.hieizan-j-news-txt {
	line-height: 200% !important;
	}

.hieizan-j-news-pagenavi {
	text-align: right;
	margin-top: 50px;
	padding: 8px 10px;
	border-top: 1px solid #CCCCCC;
	}



/* 過去の入試データ
--------------------*/

.kekka-box table th,
.kekka-box table td {
	vertical-align: middle;
	padding: 5px 0;
	}

.kekka-box table th p,
.kekka-box table td p {
	margin: 0;
	}

/* 入試情報詳細ページ
--------------------*/

.table-h29ichisetsu {
	
	}

.table-h29ichisetsu th {
	text-align: left;
	width: 150px;
	background-color: #F6F6F6;
	}

h4.h29ichisetsu-ttl {
	font-size: 180%;
	}

/* 入試説明会情報
--------------------*/

.setsu-box table th,
.setsu-box table td {
	vertical-align: middle;
	padding: 5px;
	}

.setsu-box table th p,
.setsu-box table td p {
	margin: 0;
	}


/* 募集要項
--------------------*/

.youkou-box table th,
.youkou-box table td {
	vertical-align: middle;
	padding: 5px;
	}

.youkou-box table th p,
.youkou-box table td p {
	margin: 0;
	}

.table-youkou01 th {
	text-align: left;
	width: 150px;
	background-color: #F6F6F6;
	}

.table-youkou02 th {
	text-align: left;
	width: 175px;
	background-color: #F6F6F6;
	}

/* フォーム
--------------------*/


.table-form01 th {
	text-align: left;
	width: 175px;
	background-color: #F6F6F6;
	}

.table-form01 td {
	vertical-align: middle;
	}

.table-form01 th p,
.table-form01 td p {
	margin: 0 0 5px;
	}

.table-form01 td .form-box01 {
	display: flex;
	}

.table-form01 td .form-box01 span {
	width: 100px;
	display: block;
	}

.form-box02 {
	text-align: center;
	}

.form-box02 label {
	margin-bottom: 10px;
	display: block;
	}

.table-form01 td input[type="text"] {
	width: 210px;
	}

.table-form01 td.open_form_td input[type="text"] {
	width: auto !important;
	}

.table-form01 td input[type="text"].contact-post {
	width: 160px;
	}

.table-form01 td input[type="text"].contact-address {
	width: 300px;
	}

.table-form01 td textarea {
	width: 350px;
	height: 160px;
	}

.form-ttl-check {
	display: none;
	}

.mw_wp_form_preview .form-ttl-check {
	display: block;
	}

.mw_wp_form_preview .form-ttl-txt,
.mw_wp_form_preview td p {
	display: none;
	}

.contact-form td span.error {
	font-weight: bold;
	color: #FF3300;
	margin: 5px 0;
	}

.mw_wp_form_complete .contact-btn-box {
	text-align: center;
	}

.mw_wp_form_complete .contact-btn-box .txt-ok {
	font-size: 100%;
	line-height: 150%;
	}







/* 沿革
--------------------*/
.table-history th {
	text-align: left;
	width: 165px;
	background-color: #F6F6F6;
	}

.table-history td {
	}

/* 施設案内
--------------------*/

.institution-list {
	display: flex;
	flex-wrap: wrap;
	}

.institution-list li {
	font-size: 110%;
	text-align: center;
	margin: 0 3px 10px;
	}

.institution-list li img {
	margin-bottom: 5px;
	}

/* 年間行事
--------------------*/
.table-annual-event th,
.table-annual-event td {
	width: calc(100% / 3);
	}

.table-annual-event th {
	font-size: 160%;
	background-color: #F6F6F6;
	}

.table-annual-event th span {
	font-size: 60%;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	}

.table-annual-event tr:nth-child(1) th {
	color: #339900;
	}

.table-annual-event tr:nth-child(3) th {
	color: #0066CC;
	}

.table-annual-event tr:nth-child(5) th {
	color: #CC6600;
	}

.table-annual-event tr:nth-child(7) th {
	color: #993399;
	}

.table-annual-event td li {
	margin-bottom: 7px;
	}

.annual-event-list {
	display: flex;
	flex-wrap: wrap;
	}

.annual-event-list dt {
	font-weight: bold;
	}

.annual-event-list dd {
	margin-left: 10px;
	}

.annual-event-photo {
	display: flex;
	flex-wrap: wrap;
	}

.annual-event-photo li {
	text-align: center;
	margin: 0 20px 20px 0;
	}

.annual-event-photo li img {
	margin-bottom: 5px;
	}


/* 同窓会誌
--------------------*/

.dousoukai-list {
	display: flex;
	flex-wrap: wrap;
	}

.dousoukai-list li {
	text-align: center;
	margin: 0 20px 20px 0;
	}

.alumni-txt01 {
	font-size: 110%;
	}

/* 延暦寺学園新校舎建設事業計画 及び ご寄付のお願い
--------------------*/

.page-con-left.donation-box ol.list-type > li ol.list-type li {
	margin-bottom: 10px;
	list-style-type: lower-roman;
	}

.table-form01-tr01 .mwform-radio-field {
	margin-left: 0 !important;
	display: block;
	}

.table-form01-tr01 input[type="text"] {
    width: auto !important;
}

.table-form01 .table-form01-td01 {
	}

.table-form01 .table-form01-td01 .mwform-radio-field.horizontal-item {
	margin-left: 4em !important;
	text-indent: -4em;
	}

.aisatuyakuin-txt-l {
	font-size: 125%;
	}

.aisatuyakuin-txt-l-c {
	font-size: 125%;
	text-align: center;
	margin-left: -35%;
	}

.aisatuyakuin-list li {
	margin-left: 25px;
	list-style-type: disc;
	}

.aisatuyakuin-list02 {
	margin-left: 25px;
	list-style-type: decimal;
	}

.aisatuyakuin-img01 {
	width: 100%;
	max-width: 710px;
	height: auto;
	}

.aisatuyakuin-txt-form {
	font-size: 130%;
	text-align: center;
	line-height: 150%;
	margin: 45px 0;
	}

.aisatuyakuin-txt-form-link {
	text-align: center;
	margin-top: 50px;
	}





@media screen and (max-width:1040px) {
.page-section .page-header h1 {
	padding-left: 10px;
	}

.page-section .topicpass {
	max-width: 1020px;
	padding: 0 10px;
	}

.page-contents {
	max-width: 1020px;
	padding: 0 10px;
	}

.page-con-right {
	max-width: 200px;
	}

	}

@media screen and (max-width:740px) {
.page-contents {
	flex-direction: column;
	}

.page-con-right {
	max-width: 100%;
	padding-top: 0;
	}

.page-con-left {
	max-width: 100%;
	padding: 20px 10px 30px 0;
	}

.page-con-right .pege-navi-school li.tyuu {
	background: linear-gradient(to right, #FFFFFF 20%, #0CBA3C 50%);
	}

.page-con-right .pege-navi-school li.kou {
	background: linear-gradient(to right, #FFFFFF 20%, #660000 50%);
	}


	}