@charset "utf-8";

/**
 * 02. 学校のご紹介
 * ------------------------------------ */

#about .page-visual {
	background-image: url(../images/about/main.png);
}

#about .contents-01 > p {
	font-size: 16px;
	line-height: 2;
	margin: 0 0 40px 0;
}

#about .contents-02 > a {
	display: block;
	margin: 0 0 50px;
}

#about .contents-02 dl {
	border: 1px solid #3FA9E6;
	border-top: 7px solid #3FA9E6;
	float: left;
	height: 202px;
	width: 414px;
}

#about .contents-02 a > img {
	float: right;
	height: 210px;
	width: 414px;
}

#about .contents-02 > a:nth-of-type(2n) dl {
	float: right;
}

#about .contents-02 > a:nth-of-type(2n) > img {
	float: left;
}

#about .contents-02 dl dt {
	background: url(../images/common/ico-arrow.png) left center no-repeat;
	color: #1D50A2;
	font-size: 30px;
	margin: 20px 40px 10px 40px;
	padding-left: 30px;
}

#about .contents-02 a:hover dl dt {
	text-decoration: underline;
}

#about .contents-02 dl dd {
	font-size: 16px;
	margin: 0 40px 40px 40px;
}

@media screen and (max-width: 767px) {
	#about .contents-01 > p {
		font-size: 12px;
		margin: 0 0 20px 0;
	}

	#about .contents-02 > a {
		display: block;
		margin: 0 0 30px;
	}

	#about .contents-02 dl,
	#about .contents-02 a > img {
		float: none;
		height: auto;
		width: 100%;
	}

	#about .contents-02 dl {
		border-top: 0;
		padding-top: 10px;
	}

	#about .contents-02 > a:nth-of-type(2n) dl,
	#about .contents-02 > a:nth-of-type(2n) > img {
		float: none;
	}

	#about .contents-02 dl dt {
		background: url(../images/common/ico-arrow.png) left center no-repeat;
		color: #1D50A2;
		font-size: 21px;
		margin: 0 10px;
	}

	#about .contents-02 a:hover dl dt {
		text-decoration: underline;
	}

	#about .contents-02 dl dd {
		font-size: 14px;
		margin: 0 10px 10px 10px;
	}
}

/**
 * 03. 学校長より
 * ------------------------------------ */

#principal .page-visual {
	background-image: url(../images/about/main-02.png);
}

#principal .content-01 {
	background: url(../images/about/image-05.png) left top no-repeat;
	padding-left: 250px;
}

#principal .principal-list-01 {
	border: 1px solid #3FA9E6;
	padding: 30px 30px 20px 30px;
}

#principal .principal-list-01 li {
	background: url(../images/about/icon-01.png) left center no-repeat;
	color: #1D50A2;
	font-size: 18px;
	font-weight: bold;
	min-height: 32px;
	margin-bottom: 10px;
	padding-left: 50px;
}

#principal .text-01 {
	margin: 30px 0;
	font-size: 16px;
	line-height: 1.75;
}

#principal .text-01 span {
	display: block;
	text-align: right;
}

#principal .text-01 strong {
	color: #1D50A2;
	font-weight: bold;
	background: linear-gradient(transparent 50%, rgb(252 238 33 / 0.2) 20%);
}

#principal .principal-log {
	border-bottom: 1px dashed #555;
	font-size: 16px;
	padding: 10px 0;
}

#principal .principal-log dt {
	float: left;
	width: 100px;
}

#principal .principal-log dd {
	float: left;
}

#principal .principal-log dd li {
	float: left;
	margin-right: 15px;
}

#principal .principal-log dd li a {
	color: #1D50A2;
	text-decoration: underline;
}

#principal .principal-log dd li a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#principal .content-01 {
		background-size: 67px 250px;
		padding-left: 80px;
	}

	#principal .principal-list-01 {
		padding: 10px;
	}

	#principal .principal-list-01 li {
		background-size: 20px 17px;
		font-size: 14px;
		margin: 0;
		padding: 5px 0 5px 25px;
	}

	#principal .text-01 {
		margin: 10px 0;
		font-size: 12px;
	}

	#principal .principal-log {
		font-size: 14px;
	}

	#principal .principal-log dt {
		font-size: 16px;
		float: none;
		padding-bottom: 5px;
		width: 100%;
	}

	#principal .principal-log dd {
		float: none;
	}

	#principal .principal-log dd li {
		float: left;
		margin-right: 15px;
	}

	#principal .principal-log dd li a {
		color: #1D50A2;
		text-decoration: underline;
	}

	#principal .principal-log dd li a:hover {
		text-decoration: none;
	}
}

/**
 * 04. 学校長より 過去ログ 投稿
 * ------------------------------------ */

#principal-post .page-visual {
	background-image: url(../images/about/main-02.png);
}

#principal-post .link-01 {
	text-align: right;
	margin: 20px 0;
}

#principal-post .link-01 a {
	background: url(../images/common/ico-arrow.png) left center no-repeat;
	padding: 10px 0 10px 30px;
	text-decoration: underline;
}

#principal-post .link-01 a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
}

/**
 * 05. 約束･沿革
 * ------------------------------------ */

#promise .page-visual {
	background-image: url(../images/promise/main.png);
}

#promise hr {
	border-top: 1px dashed #aaa;
	margin: 15px 0;
}

#promise .text-01 {
	font-size: 186%;
}

#promise .text-01 span {
	background: url(../images/promise/line-02.png) left bottom repeat-x;
}

#promise .text-02 {
	line-height: 1.25;
}

#promise .text-02 small {
	font-size: 72%;
}

#promise .text-03 {
	padding: 20px 0;
	text-align: center;
}

#promise .list-01 dl {
	float: left;
	width: 40%;
	margin: 20px 0;
	padding: 0 5%;
}

#promise .list-01 dl:first-child {
	border-right: 1px dashed #aaa;
	width: -webkit-calc(40% - 1px) ;
	width: calc(40% - 1px) ;
}

#promise .list-01 dt {
	margin-bottom: 10px;
}

#promise .list-01 dd {
	font-size: 115%;
	line-height: 2;
}

#promise .content-01 {
	background: url(../images/promise/line-01.png) left top repeat-x;
	margin-top: 10%;
	padding-top: 10%;
}

#promise .text-04 {
	font-size: 186%;
	margin: 20px 0;
}

#promise .table-01 tr:nth-of-type(2n) {
	background-color: #E1F4FF;
}

#promise .table-01 tr:first-child td:first-child {
	background: url(../images/promise/background-01.png) left 10px top 0 no-repeat;
}

#promise .table-01 tr td:first-child {
	background: url(../images/promise/background-02.png) left 10px top 0 no-repeat;
	/*padding-left: 60px;*/
}

#promise .table-01 tr:last-child td:first-child {
	background: url(../images/promise/background-03.png) left 10px top 0 no-repeat;
}

#promise .table-01 .year,
#promise .table-01 .text {
	font-size: 115%;
	padding: 10px 0;
	vertical-align: top;
	height: 90px;
}

#promise .table-01 .year {
	color: #1D50A2;
	text-align: right;
	padding-right: 15px;
	width: 120px;
}

#promise .table-01 .text {
	padding-left: 15px;
}

@media screen and (max-width: 767px) {
	#promise .text-01 {
		font-size: 129%;
	}

	#promise .text-03 {
		padding: 10px 30px;
	}

	#promise .list-01 dd {
		font-size: 100%;
	}

	#promise .text-04 {
		font-size: 129%;
	}

	/*#promise .table-01 tr {
		background: url(../images/promise/background-02.png) left 10px top 0 no-repeat;
	}

	#promise .table-01 tr:first-child {
		background: url(../images/promise/background-01.png) left 10px top 0 no-repeat;
	}

	#promise .table-01 tr:last-child {
		background: url(../images/promise/background-03.png) left 10px top 0 no-repeat;
	}*/

	#promise .table-01 .year,
	#promise .table-01 .text {
		font-size: 86%;
	}

	#promise .table-01 .year {
		width: 80px;
		padding-right: 5px;
	}
}

/**
 * 06. 施設案内
 * ------------------------------------ */

#school_building .page-visual {
	background-image: url(../images/school_building/main.png);
}

#school_building .building-headline-01 {
	background: url(../images/school_building/icon-01.png) left center no-repeat;
	font-size: 243%;
	margin: 10px 0 20px 0;
	padding: 5px 0 5px 55px;
}

#school_building .building-headline-02 {
	background: url(../images/school_building/icon-02.png) left center no-repeat;
	font-size: 186%;
	margin: 10px 0 20px 0;
	padding: 5px 0 5px 45px;
}

#school_building .building-headline-03 {
	background: url(../images/school_building/icon-03.png) left center no-repeat;
	font-size: 186%;
	margin: 10px 0 20px 0;
	padding: 5px 0 5px 45px;
}

#school_building .building-headline-01 span {
	background: url(../images/school_building/icon-01-background.png) left bottom repeat-x;
}

#school_building .building-headline-02 span {
	background: url(../images/school_building/icon-02-background.png) left bottom repeat-x;
}

#school_building .building-headline-03 span {
	background: url(../images/school_building/icon-03-background.png) left bottom repeat-x;
}

#school_building .text-01 {
	font-size: 115%;
	margin: 20px 0 40px;
}

#school_building .image-01 {
	margin: 0 0 40px;
}

#school_building .content-01 {
	background: url(../images/school_building/line-01.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 50px;
}

#school_building .content-02{
	background: url(../images/school_building/line-02.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 50px;
}

#school_building .content-07{
	background: url(../images/school_building/line-02.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 50px;
}

#school_building .content-01 ul li {
	margin-bottom: 10px;
}


#school_building .content-02 .table-01 {
	float: left;
	width: 48%;
}

#school_building .content-02 .table-02 {
	float: right;
	width: 48%;
}

#school_building .content-02 table tr:first-child td {
	border-top: 1px dashed #1D50A2;
}

#school_building .content-02 table td {
	border-bottom: 1px dashed #1D50A2;
	padding: 5px;
}

#school_building .content-02 table td:first-child {
	text-align: center;
	width: 75px;
}

#school_building .content-02 table td:nth-of-type(2) {
	text-align: center;
	width: 75px;
}

#school_building .content-02 table td:nth-of-type(3) a {
	font-size: 115%;
	text-decoration: underline;
	margin-left: 10px;
}

#school_building .content-02 table td:nth-of-type(3) a:hover {
	text-decoration: none;
}

#school_building .content-06{
	background: url(../images/school_building/line-01.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 50px;
}

#school_building .content-06 .table-01 {
	float: left;
	width: 48%;
}

#school_building .content-06 .table-02 {
	float: right;
	width: 48%;
}

#school_building .content-06 table tr:first-child td {
	border-top: 1px dashed #1D50A2;
}

#school_building .content-06 table td {
	border-bottom: 1px dashed #1D50A2;
	padding: 5px;
}

#school_building .content-06 table td:first-child {
	text-align: center;
	width: 75px;
}

#school_building .content-06 table td:nth-of-type(2) {
	text-align: center;
	width: 75px;
}

#school_building .content-06 table td:nth-of-type(3) a {
	font-size: 115%;
	text-decoration: underline;
	margin-left: 10px;
}

#school_building .content-06 table td:nth-of-type(3) a:hover {
	text-decoration: none;
}

#school_building .content-03 dl {
	border-top: 1px solid #1D50A2;
	margin-top: 30px;
	padding-top: 10px;
}

#school_building .content-04 dl {
	border-top: 1px solid #009646;
	margin-top: 30px;
	padding-top: 10px;
}

#school_building .content-03 dd,
#school_building .content-04 dd {
	font-size: 115%;
	line-height: 2;
}

#school_building .content-03 dd strong {
	color: #1D50A2;
	font-weight: bold;
}

#school_building .content-03 dd > img,
#school_building .content-04 dd > img {
	float: right;
	margin: 0 0 20px 20px;
}

#school_building .content-04 dd > p {
	text-align: center;
}

#school_building .content-04 dd > p > img {
	margin: 20px 30px;
}

#school_building .link-01 {
	margin: 30px 0;
	text-align: right;
}

#school_building .link-01 a {
	text-decoration: underline;
}

#school_building .link-01 a:hover {
	text-decoration: none;
}

#school_building .illust_map dt > img {
	display: block;
	margin: 20px auto 40px auto;
}

#school_building .content-05 .thumb-title {
	background: url(../images/school_building/icon-02.png) left center no-repeat;
	border-top: 1px solid #1D50A2;
	display: block;
	font-size: 186%;
	margin: 10px 0;
	padding: 10px 0 10px 45px;
}

#school_building .content-05 .thumb-title span {
	background: url(../images/school_building/icon-02-background.png) left bottom repeat-x;
}

#school_building .content-05 .thumb-content li {
	float: left;
	margin-bottom: 40px;


	width: 390px;
}

#school_building .content-05 .thumb-content li:nth-of-type(2n) {
	margin-left: 40px;
}

#school_building .content-05 .thumb-content li .image {
	margin-bottom: 20px;
}

#school_building .content-05 .thumb-content li .text {
	font-size: 115%;
	line-height: 2;
}

@media screen and (min-width:767px) {

    #school_building .table-01 tr:nth-of-type(odd){
	    background-color: #E1F4FF;
    }

    #school_building .table-02 tr:nth-of-type(odd){
   	    background-color: #E1F4FF;
    }
}

@media screen and (max-width:767px) {
	#school_building .building-headline-01 {
		background-size: 22px 22px;
		font-size: 143%;
		margin: 10px 0;
		padding: 5px 0 5px 28px;
	}

	#school_building .building-headline-02 {
		background-size: 20px 20px;
		font-size: 136%;
		margin: 10px 0;
		padding: 5px 0 5px 25px;
	}

	#school_building .building-headline-03 {
		background-size: 20px 20px;
		font-size: 136%;
		margin: 10px 0;
		padding: 5px 0 5px 25px;
	}

	#school_building .building-headline-01 span,
	#school_building .building-headline-02 span,
	#school_building .building-headline-03 span {
		background-size: 10px 6px;
	}

	#school_building .illust_map dd {
		margin-top: 10px;
		overflow: hidden;
		text-indent: -99999px;
	}

	#school_building .illust_map .floor-01 {
		background: url(../images/school_building/map-01.png) center center no-repeat;
		background-size: cover;
	}

	#school_building .illust_map .floor-02 {
		background: url(../images/school_building/map-02.png) center center no-repeat;
		background-size: cover;
	}

	#school_building .illust_map .floor-03 {
		background: url(../images/school_building/map-03.png) center center no-repeat;
		background-size: cover;
	}

	#school_building .content-02 .table-01,
	#school_building .content-02 .table-02 {
		float: none;
		width: 100%;
	}

	#school_building .content-02 table tr:first-child td {
		border-top: none;
	}

	#school_building .content-02 .table-01 tr:first-child td {
		border-top: 1px dashed #1D50A2;
	}

	#school_building .content-02 table td:first-child {
		width: 50px;
	}

	#school_building .content-02 table td:nth-of-type(2) {
		width: 60px;
	}

	#school_building .content-02 table td:nth-of-type(3) a {
		font-size: 100%;
	}

	#school_building .content-03 dl,
	#school_building .content-04 dl {
		margin-top: 20px;
		padding-top: 0;
	}

	#school_building .content-03 dd,
	#school_building .content-04 dd {
		font-size: 100%;
	}

	#school_building .content-03 dd > img,
	#school_building .content-04 dd > img {
		margin: 0 0 5px 5px;
		max-width: 35%;
	}

	#school_building .content-04 dd > p > img {
		margin: 10px 5%;
		max-width: 35%;
	}

	#school_building .link-01 {
		margin: 30px 0;
		text-align: right;
	}

	#school_building .link-01 a {
		text-decoration: underline;
	}

	#school_building .link-01 a:hover {
		text-decoration: none;
	}

	#school_building .illust_map dt,
	#school_building .illust_map .pc {
		display: none !important;
	}

	#school_building .content-05 .thumb-title {
		background-size: 20px 20px;
		font-size: 136%;
		margin: 10px 0;
		padding: 10px 0 10px 25px;
	}

	#school_building .content-05 .thumb-title span {
		background-size: 10px 6px;
	}

	#school_building .content-05 .thumb-content li {
		margin-bottom: 20px;
		width: 48%;
	}

	#school_building .content-05 .thumb-content li:nth-of-type(2n) {
		margin-left: 4%;
	}

	#school_building .content-05 .thumb-content li .image {
		margin-bottom: 10px;
	}

	#school_building .content-05 .thumb-content li .text {
		font-size: 100%;
	}


	#school_building .content-06 .table-01,
	#school_building .content-06 .table-02 {
		float: none;
		width: 100%;
	}

	#school_building .content-06 table tr:first-child td {
		border-top: none;
	}

	#school_building .content-06 .table-01 tr:first-child td {
		border-top: 1px dashed #1D50A2;
	}

	#school_building .content-06 table td:first-child {
		width: 50px;
	}

	#school_building .content-06 table td:nth-of-type(2) {
		width: 60px;
	}

	#school_building .content-06 table td:nth-of-type(3) a {
		font-size: 100%;
	}

	#school_building .content-01 {
	margin-top: 10px;
	/* padding-top: 40px; */
    }

    #school_building .content-02{
	margin-top: 40px;
	padding-top: 30px;
    }

    #school_building .content-07{
	margin-top: 40px;
	padding-top: 40px;
    }

    #school_building .content-06{
	margin-top: 40px;
	padding-top: 40px;
    }


	#school_building .content-07{
	display: none;
    }

	#school_building .table-01 tr:nth-of-type(odd){
		background-color: #E1F4FF;
	}

	#school_building .table-02 tr:nth-of-type(2n){
		background-color: #E1F4FF;
	}
}

/**
 * 07. アクセス
 * ------------------------------------ */

#access .page-visual {
	background-image: url(../images/access/main.png);
}

#access .image-01 {
	text-align: center;
	margin: 30px 0;
}

#access .map {
	text-align: center;
	margin: 30px 0;
}

#access .list-02{
	border: 1px solid #B4DBF7;
	padding: 16px 8px;
}

#access .list-01 li {
	font-size: 115%;
	margin: 5px 5px 5px 2em;
	text-indent: -1em;
}

#access .list-01 li:before {
	content: '●';
	color: #B4DBF7;
}

#access .link-01 {
	margin: 30px 0;
	text-align: center;
}

#access .text-01 {
	font-size: 200%;
	margin: 10px 0;
}

@media screen and (max-width: 767px) {
	#access .map iframe {
		height: 200px;
		width: 100%;
	}

	#access h4 > img {
		height: 34px;
	}

	#access .text-01 {
		font-size: 143%;
	}
}

/**
 * 08. トピックス
 * ------------------------------------ */

#topics .page-visual {
	background-image: url(../images/topics/main.png);
}

#topics .topics-archive-table {
	font-size: 16px;
	width: 100%;
}

#topics .topics-archive-table td {
	padding: 15px 0;
	text-align: left;
}

#topics .topics-archive-table td.date {
	width: 150px;
}

#topics .topics-archive-table td.category {
	color: #1D50A2;
	width: 250px;
}

#topics .topics-archive-table td.post-title a {
	text-decoration: underline;
}

#topics .topics-archive-table td.post-title a:hover {
	text-decoration: none;
}

.topics-post-date {
	font-size: 21px;
	margin-right: 1em;
}

.topics-post-category {
	color: #1D50A2;
	font-size: 21px;
}

.topics-post-title {
	border-bottom: 1px dashed #ddd;
	color: #1D50A2;
	font-size: 28px;
	line-height: 1.5;
	margin: 10px 0 15px 0;
	padding-bottom: 15px;
}

.post-area .link-01 {
	text-align: right;
	margin: 20px 0;
}

.post-area .link-01 a {
	background: url(../images/common/ico-arrow.png) left center no-repeat;
	padding: 10px 0 10px 30px;
	text-decoration: underline;
}

.post-area .link-01 a:hover {
	text-decoration: none;
}

#topics .topics-search {
	background: #F7F7F7;
	float: right;
	line-height: 1.75;
	margin-bottom: 20px;
	padding: 20px 10px;
	text-align: center;
	width: 60%;
}

#topics .clearfix > .headline-03 {
	float: left;
	margin: 35px 0 15px 0;
	width: 30% !important;
}

#topics .topics-search a {
	color: #555;
	font-size: 86%;
	display: inline-block;
	margin-right: 1em;
}

#topics .topics-search a:last-child {
	margin-right: 0;
}

#topics .topics-search a:hover {
	text-decoration: underline;
}

#topics .topics-search a:before {
	content: '»';
}

#topics .topics-search h3 {
	color: #F299C1;
	font-size: 126%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin: 10px 0;
}

#topics .topics-post-content {
	font-size: 115%;
	line-height: 2;
}

#topics .topics-post-content a {
	margin: 0 2px;
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#topics .topics-archive-table td {
		font-size: 76%;
		display: block;
		padding: 0 0 5px 0;
	}

	#topics .topics-archive-table td:last-child {
		border-bottom: 1px solid #ddd;
	}

	#topics .topics-search {
		float: none;
		padding: 2.5%;
		width: 95%;
	}

	#topics .topics-search a {
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 48%;
	}

	#topics .clearfix > .headline-03 {
		float: none;
		width: auto !important;
	}
}

/**
 * 10. 入学案内
 * ------------------------------------ */

#guide .page-visual {
	background-image: url(../images/guide/main.png);
}

#guide .text-01 {
	font-size: 115%;
	margin: 20px 0 40px 0;
}

#guide .menu-01 dl {
	border: 1px solid #2EA7E0;
	float: left;
	width: 398px;
}

#guide .menu-01 a:hover dl,
#guide .content-01 a:hover dl {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#guide .menu-01 a:nth-of-type(2) dl {
	float: right;
}

#guide .menu-01 dd {
	padding: 20px;
}

#guide .menu-01 dd h3 {
	background: url(../images/common/ico-arrow.png) left top 10px no-repeat;
	color: #1D50A2;
	font-size: 215%;
	line-height: 1.25;
	margin-bottom: 10px;
	padding-left: 25px;
}

#guide .menu-01 dd p {
	color: #4d4d4d;
}

#guide .guide-headline-01 {
	background-image: url(../images/guide/line-01.png), url(../images/guide/line-01.png);
	background-repeat: repeat-x, repeat-x;
	background-position: left top, left bottom;
	margin: 50px 0;
	padding: 30px 0;
	text-align: center;
}

#guide .menu-02 li {
	float: left;
	margin-right: 25px;
}

#guide .menu-02 li:last-child {
	margin-right: 0;
}

#guide .link-01 ,
#guide .link-02{
	margin: 30px 0 50px 0;
	text-align: center;
}

#guide .guide-headline-02 {
	background-image: url(../images/guide/line-01.png), url(../images/guide/line-01.png);
	background-repeat: repeat-x, repeat-x;
	background-position: left top, left bottom;
	margin: 50px 0;
	padding: 30px 0;
	text-align: center;
}

#guide .menu-03 li {
	float: left;
	margin-bottom: 30px;
}

#guide .menu-03 li:nth-of-type(2n) {
	float: right;
}

#guide .content-01 {
	background: url(../images/guide/line-02.png) left top repeat-x;
	margin-top: 60px;
	padding-top: 60px;
}

#guide .content-01 li {
	float: left;
	margin: 0 30px 30px 0;
	width: 250px;
}

#guide .content-01 li:nth-of-type(3n) {
	margin: 0 0 30px 0;
}

#guide .content-01 li dd {
	line-height: 1.5;
	padding: 20px 10px;
	text-align: center;
}

#guide .content-01 li dd span {
	background: url(../images/common/line-01.png) left bottom repeat-x;
	color: #4d4d4d;
	font-size: 172%;
}

@media screen and (max-width: 767px) {
	#guide .text-01 {
		margin: 20px 0 30px 0;
	}

	#guide .menu-01 dl {
		width: 48%;
	}

	#guide .menu-01 a:hover dl,
	#guide .content-01 a:hover dl {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

	#guide .menu-01 dd {
		padding: 10px;
	}

	#guide .menu-01 dd h3 {
		background-size: 10px 10px;
		font-size: 115%;
		margin-bottom: 10px;
		padding-left: 15px;
	}

	#guide .guide-headline-01 ,
	#guide .guide-headline-02 {
		margin: 20px 0 10px 0;
	}

	#guide .guide-headline-01 img,
	#guide .guide-headline-02 img {
		height: 25px;
	}

	#guide .menu-02 li {
		margin: 0 0 20px 0;
		width: 48%;
	}

	#guide .menu-02 li:nth-of-type(2n) {
		float: right;
	}

	#guide .link-01 ,
	#guide .link-02{
		margin: 10px 0 20px 0;
	}

	#guide .link-01 img,
	#guide .link-02 img {
		height: 40px;
	}

	#guide .menu-03 li {
		margin: 0 0 20px 0;
		width: 48%;
	}

	#guide .content-01 {
		margin-top: 40px;
		padding-top: 30px;
	}

	#guide .content-01 li {
		float: none;
		margin: 0 4% 20px 0;
		width: 48%;
	}

	#guide .content-01 li:nth-of-type(3n) {
		margin: 0 4% 20px 0;
	}

	#guide .content-01 li:nth-of-type(2n) {
		margin-right: 0;
	}

	#guide .content-01 li dd {
		padding: 10px 10px;
	}

	#guide .content-01 li dd span {
		font-size: 136%;
	}
}

/**
 * 11. 学びやすさNo.1の秘密
 * ------------------------------------ */

#appeals .page-visual {
	background-image: url(../images/appeals/main.png);
}

#appeals .text-01 {
	font-size: 115%;
	margin: 20px 0 50px 0;
}

#appeals .menu-01 li {
	float: left;
	margin: 0 25px 50px 0;
}

#appeals .menu-01 li:nth-of-type(3n) {
	margin: 0 0 50px 0;
}

@media screen and (max-width: 767px) {
	#appeals .text-01 {
		margin: 10px 0 30px 0;
	}

	#appeals .menu-01 li {
		margin: 0 2% 20px 0;
		width: 32%
	}

	#appeals .menu-01 li:nth-of-type(3n) {
		margin: 0 0 20px 0;
	}
}

/**
 * 12. 充実した水戸女子の学習指導
 * ------------------------------------ */

#own_learning .page-visual {
	background-image: url(../images/own_learning/main.png);
}

#own_learning .pageup {
	text-align: right;
	margin: 40px 0;
}

#own_learning .own_learning-headline-01 {
	border-bottom: 1px dashed #555;
	border-top: 1px dashed #555;





	margin: 40px 0;
	padding: 30px 0;
	text-align: center;
}

#own_learning .link-01 {
	margin-bottom: 40px;
}

#own_learning .link-01 li {
	float: left;
	margin: 0 15px 0 0;
}

#own_learning .link-01 li:last-child {
	margin: 0;
}

#own_learning .hr-01,
#own_learning .hr-03,
#own_learning .hr-04,
#own_learning .hr-05 {
	border: none;
	height: 17px;
	margin: 50px 0 20px 0;
}

#own_learning .hr-01 {
	background: url(../images/own_learning/line-01.png) left center repeat-x;
}

#own_learning .hr-03 {
	background: url(../images/own_learning/line-03.png) left center repeat-x;
}

#own_learning .hr-04 {
	background: url(../images/own_learning/line-05.png) left center repeat-x;
}

#own_learning .hr-05 {
	background: url(../images/own_learning/line-06.png) left center repeat-x;
}

#own_learning h2 span {
	background: url(../images/own_learning/line-08.png) left bottom repeat-x;
}

#own_learning #content-01 h2,
#own_learning #content-02 h2,
#own_learning #content-03 h2,
#own_learning #content-04 h2 {
	font-size: 272%;
	margin: 40px 0 20px 0;
	padding: 5px 0 5px 48px;
}

#own_learning #content-01 h2 {
	background: url(../images/own_learning/icon-01.png) left center no-repeat;
}

#own_learning #content-02 h2 {
	background: url(../images/own_learning/icon-02.png) left center no-repeat;
}

#own_learning #content-03 h2 {
	background: url(../images/own_learning/icon-04.png) left center no-repeat;
}

#own_learning #content-04 h2 {
	background: url(../images/own_learning/icon-06.png) left center no-repeat;
}

#own_learning #content-01 .text-01 {
	background: url(../images/own_learning/line-02.png) left bottom repeat-x;
	font-size: 115%;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

#own_learning #content-02 .text-01 {
	background: url(../images/own_learning/line-04.png) left bottom repeat-x;
	font-size: 115%;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

#own_learning #content-03 .text-01 {
	font-size: 115%;
	margin-bottom: 20px;
}

#own_learning #content-04 .text-01 {
	background: url(../images/own_learning/line-07.png) left bottom repeat-x;
	font-size: 115%;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

#own_learning #content-03 .text-02 {
	background: url(../images/own_learning/line-13.png) left top repeat-x;
	margin-top: 20px;
	padding-top: 20px;
}

#own_learning #content-01 dl {
	padding: 15px 0;
}

#own_learning #content-01 dl dt {
	font-size: 186%;
}

#own_learning #content-01 dl dt span {
	background: url(../images/own_learning/line-12.png) left bottom repeat-x;
}

#own_learning #content-01 dl dd {
	font-size: 115%;
	margin: 5px 0;
}

#own_learning #content-01 dl dt:before {
	color: #8fc31f;
	content: '●';
	margin-right: 5px;
}

#own_learning #content-01 .clearfix {
	border-bottom: 1px dashed #39b54a;
	padding: 15px 0;
}

#own_learning #content-01 .clearfix .image {
	float: right;
}

#own_learning #content-01 .clearfix dl {
	float: left;
	width: 660px;
}

#own_learning .link-02 {
	margin: 40px 0;
	text-align: center;
}

#own_learning #content-02 .list-01 dt {
	background: url(../images/own_learning/icon-03.png) left center no-repeat;
	font-size: 186%;
	margin: 40px 0 20px 0;
	padding: 5px 0 5px 50px;
}

#own_learning #content-02 .list-01 dd {
	font-size: 115%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#own_learning #content-02 .list-02 dt {
	font-size: 186%;
	margin: 10px 0 10px 0;
	padding: 5px 0;
}

#own_learning #content-02 .list-02 dt:before {
	color: #f8b62d;
	content: '●';
	margin-right: 5px;
}

#own_learning #content-02 .list-01 dt span,
#own_learning #content-02 .list-02 dt span {
	background: url(../images/own_learning/line-09.png) left bottom repeat-x;
}

#own_learning #content-02 .list-02 {
	border-top: 1px dashed #f15a24;
	margin-top: 10px;
	padding-top: 10px;
}

#own_learning #content-02 .list-02 dd {
	font-size: 115%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#own_learning #content-02 dl:nth-of-type(3) {
	border-bottom: 0;
}

#own_learning #content-02 h3 {
	background: url(../images/own_learning/icon-08.png) left center no-repeat;
	border-bottom: 1px dashed #f15a24;
	border-top: 1px solid #f15a24;
	color: #f15a24;
	font-size: 172%;
	margin: 30px 0 20px 0;
	padding: 10px 0 10px 30px;
}

#own_learning #content-02 h3 small {
	font-size: 93%;
}

#own_learning #content-02 .list-03 dt {
	float: left;
}

#own_learning #content-02 .list-03 dd {
	font-size: 115%;
	float: right;
	width: 500px;
}

#own_learning #content-02 .text-03 {
	border-bottom: 1px solid #f7931e;
	font-size: 115%;
	margin-bottom: 50px;
	padding-bottom: 30px;
}









































#own_learning #content-02 h4 {
	font-size: 186%;
	text-align: center;
	margin: 20px 0 50px 0;
}

#own_learning #content-02 h4 span {
	background: url(../images/own_learning/line-08.png) left bottom repeat-x;
}

#own_learning #content-02 .course li {
	float: left;
	margin-bottom: 30px;
}

#own_learning #content-02 .course li:nth-of-type(2n) {
	float: right;
}

#own_learning #content-03 .text-02 dt {
	background: url(../images/own_learning/icon-05.png) left center no-repeat;
	font-size: 186%;
	margin: 40px 0 20px 0;
	padding: 5px 0 5px 50px;
}

#own_learning #content-03 .text-02 ol li {
	font-size: 115%;
	margin-bottom: 5px;
	text-indent: -1em;
	margin-left: 1em;
}

#own_learning #content-03 .text-02 ol li:before {
	color: #c1e0f5;
	content: '●';
}

#own_learning #content-03 .text-02 dt span {
	background: url(../images/own_learning/line-10.png) left bottom repeat-x;
}

#own_learning #content-04 .text-02 li {
	border-bottom: 1px dashed #555;
	padding: 15px 0;
}

#own_learning #content-04 .text-02 dt {
	color: #b70171;
	font-size: 172%;
	margin-bottom: 5px;
}

#own_learning #content-04 .text-02 dt:before {
	content: '●';
	margin-right: .25em;
}

#own_learning #content-04 .text-02 dd {
	color: #4d4d4d;
	font-size: 115%;
	line-height: 2;
}

#own_learning #content-04 .text-02 .text {
	float: left;
	width: 650px;
}

#own_learning #content-04 .text-02 .image {
	float: right;
}

@media screen and (max-width: 767px) {
	#own_learning .pageup {
		margin: 20px 0;
	}

	#own_learning .pageup img {
		height: 20px;
	}

	#own_learning .own_learning-headline-01 {
		margin: 30px 0;
		padding: 20px 0;
	}

	#own_learning .own_learning-headline-01 img {
		height: 40px;
	}

	#own_learning .link-01 li {
		margin: 0;
		width: 48%;
		margin-bottom: 20px;
	}

	#own_learning .link-01 li:nth-of-type(2n) {
		float: right;
	}

	#own_learning .hr-01,
	#own_learning .hr-03,
	#own_learning .hr-04,
	#own_learning .hr-05 {
		margin: 20px 0 10px 0;
	}

	#own_learning #content-01 h2,
	#own_learning #content-02 h2,
	#own_learning #content-03 h2,
	#own_learning #content-04 h2 {
		background-size: 22px 20px;
		font-size: 186%;
		margin: 20px 0 10px 0;
		padding: 5px 0 5px 30px;
	}

	#own_learning #content-01 dl dt {
		font-size: 150%;
	}

	#own_learning #content-01 dl dt span {
		background-size: 7px 7px;
	}

	#own_learning #content-01 dl dd {
		font-size: 115%;
		margin: 5px 0;
	}

	#own_learning #content-01 .clearfix .image {
		width: 30%;
	}

	#own_learning #content-01 .clearfix dl {
		width: 68%;
		padding: 0;
	}

	#own_learning .link-02 {
		margin: 20px 0;
	}

	#own_learning .link-02 img {
		height: 40px;
	}

	#own_learning #content-02 .list-01 dt {
		background-size: 20px 20px;
		font-size: 150%;
		margin: 20px 0 10px 0;
		padding: 5px 0 5px 25px;
	}

	#own_learning #content-02 .list-02 dt {
		font-size: 150%;
	}

	#own_learning #content-02 .list-01 dt span,
	#own_learning #content-02 .list-02 dt span {
		background-size: 7px 7px;
	}

	#own_learning #content-02 h3 {
		font-size: 150%;
		padding: 10px 0 10px 20px;
	}

	#own_learning #content-02 .list-03 dt {
		width: 30%;
	}

	#own_learning #content-02 .list-03 dd {
		font-size: 100%;
		width: 68%;

	}

	#own_learning #content-02 .text-03 {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	#own_learning #content-02 h4 {
		font-size: 150%;
		margin: 10px 0 20px 0;
	}

	#own_learning #content-02 h4 span {
		background: url(../images/own_learning/line-08.png) left bottom repeat-x;
	}

	#own_learning #content-02 .course li {
		margin-bottom: 5%;
		padding: 10px 0;
		width: 48%;
	}

	#own_learning #content-02 .course li:nth-of-type(2n) {
		float: right;
	}

	#own_learning #content-03 .text-02 dt {
		background-size: 20px 20px;
		font-size: 150%;
		margin: 10px 0;
		padding-left: 25px;
	}

	#own_learning #content-03 .text-02 dt span {

		background-size: 7px 7px;
	}


	#own_learning #content-04 .text-02 dt {
		font-size: 129%;
	}

	#own_learning #content-04 .text-02 dd {
		font-size: 100%;
	}

	#own_learning #content-04 .text-02 .text {
		width: 68%;
	}

	#own_learning #content-04 .text-02 .image {
		width: 30%;
	}
}

/**
 * 13. 修学STYLE なりたいで決める
 * ------------------------------------ */

#style .page-visual {
	background-image: url(../images/style/main.png);
}

#style .text-01 {
	color: #4d4d4d;
	font-size: 115%;
	margin: 20px 0 40px 0;
}

#style .menu-content {
	margin-bottom: 50px;
}

#style .menu-content .image {
	float: right;
}

#style .menu-01 a:nth-of-type(2n) .menu-content .image {
	float: left;
}

#style .menu-content dl {
	float: left;
	height: 144px;
	padding: 30px;
	width: 353px;
}

#style .menu-01 a:nth-of-type(2n) .menu-content dl {
	float: right;
}

#style .menu-content dt {
	font-size: 186%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 25px;
}

#style .menu-content dt small {
	font-size: 72%;
}

#style .menu-content dd {
	font-size: 115%;
}

#style .menu-01 a:hover .menu-content {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#style .menu-list-01 {
	border-bottom: 1px solid #e578a7;
	border-left: 1px solid #e578a7;
	border-top: 5px solid #e578a7;
}

#style .menu-list-01 dt {
	background: url(../images/style/icon-01.png) left center no-repeat;
	color: #b70171;
}

#style .menu-list-02 {
	border-bottom: 1px solid #189ee5;
	border-right: 1px solid #189ee5;
	border-top: 5px solid #189ee5;
}

#style .menu-list-02 dt {
	background: url(../images/style/icon-02.png) left center no-repeat;
	color: #036eb8;
}

#style .menu-list-03 {
	border-bottom: 1px solid #f8b500;
	border-left: 1px solid #f8b500;
	border-top: 5px solid #f8b500;
}

#style .menu-list-03 dt {
	background: url(../images/style/icon-03.png) left center no-repeat;
	color: #e83828;
}

#style .menu-list-04 {
	border-bottom: 1px solid #8cc63f;
	border-right: 1px solid #8cc63f;
	border-top: 5px solid #8cc63f;
}

#style .menu-list-04 dt {
	background: url(../images/style/icon-04.png) left center no-repeat;
	color: #006934;
}

@media screen and (max-width: 767px) {
	#style .text-01 {
		margin: 10px 0 20px 0;
	}

	#style .menu-content {
		margin-bottom: 20px;
	}

	#style .menu-content .image {
		float: none;
	}

	#style .menu-content dl {
		float: none;
		height: auto;
		padding: 5%;
		width: 90%;
		width : -webkit-calc(90% - 2px) ;
		width : calc(90% - 2px) ;
	}

	#style .menu-content dd {
		font-size: 100%;
	}

	#style .menu-list-01 {
		border-right: 1px solid #e578a7;
		border-left: 1px solid #e578a7;
		border-bottom: 5px solid #e578a7;
		border-top: 0;
	}

	#style .menu-list-02 {
		border-left: 1px solid #189ee5;
		border-right: 1px solid #189ee5;
		border-bottom: 5px solid #189ee5;
		border-top: 0;
	}

	#style .menu-list-03 {
		border-right: 1px solid #f8b500;
		border-left: 1px solid #f8b500;
		border-bottom: 5px solid #f8b500;
		border-top: 0;
	}

	#style .menu-list-04 {
		border-left: 1px solid #8cc63f;
		border-right: 1px solid #8cc63f;
		border-bottom: 5px solid #8cc63f;
		border-top: 0;
	}
}

/**


 * 各コース
 * ------------------------------------ */

.course-page .text-01 {
	font-size: 115%;
	margin: 20px 0 40px 0;
}

.course-page .course-headline-02 {
	border-bottom: 1px dashed #4d4d4d;
	border-top: 1px dashed #4d4d4d;
	font-size: 229%;
	margin-bottom: 40px;
	padding: 10px 0;
	text-align: center;
}

.course-page .course-headline-02 span {
	background: url(../images/course/line-02.png) left bottom repeat-x;
}

.course-page .list-01 dt {
	margin-bottom: 20px;
}

.course-page .list-01 dd {
	font-size: 115%;
	margin-bottom: 40px;
}

.course-page .list-02 {
	background-image: url(../images/course/line-05.png), url(../images/course/line-05.png);
	background-position: left top, left bottom;

	background-repeat: repeat-x, repeat-x;
	margin: 40px 0;
	padding: 40px 0;
}

.course-page .course-headline-03 {
	margin-bottom: 20px;
}

.course-page .list-02 li {
	float: left;
	margin-right: 1em;
}

.course-page .list-02 li:before {
	content: '●';
	color: #badcf4;
}

.course-page .course-headline-01 {
	margin-bottom: 40px;
}

.cs01-headline-03 {
	background: url(../images/course/icon-04.png) left top no-repeat;
	color: #555;
	font-size: 26px;
	min-height: 33px;
	line-height: 1.5;
	padding: 0 0 0 40px;
	margin: 20px 0 10px 0;
}


.course-page .cs01-content-01 {
	background: url(../images/course/line-03.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 60px;
}

.course-page .cs01-content-02{
	background: url(../images/course/line-01.png) left top repeat-x;
	margin-top: 40px;
	padding-top: 40px;
}

.course-page .cs02-content-01 {
	background: url(../images/course/line-04.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 60px;
}

.course-page .cs02-content-02{
	background: url(../images/course/line-05.png) left top repeat-x;
	margin-top: 40px;
	padding-top: 40px;
}

.course-page .cs03-content-01 {
	background: url(../images/course/line-06.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 60px;
}

.course-page .cs03-content-02{
	background: url(../images/course/line-07.png) left top repeat-x;
	margin-top: 40px;
	padding-top: 40px;
}

.course-page .cs04-content-01 {
	background: url(../images/course/line-09.png) left top repeat-x;
	margin-top: 50px;
	padding-top: 60px;
}

.course-page .cs04-content-02{
	background: url(../images/course/line-08.png) left top repeat-x;
	margin-top: 40px;
	padding-top: 40px;
}

.course-page .message-list {
	/* border-bottom: 1px dashed #aaa; */
	/* margin-bottom: 30px; */
	padding-bottom: 30px;
}

.course-page .message-list > ul > li {
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	width: 100%;
}

.course-page .message-list .patch-image {
	position: absolute;
	top: 10px;
	left: 10px;
}

.course-page .message-list .girls-photo {
	float: left;
	margin: 30px 0 0 40px;
}

.course-page .message-list dl {
	float: right;
	width: 580px;
}

.course-page .message-list dt {
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	position: relative;
	padding: 0 0 10px 0;
}

.course-page .message-list dt .text-01 {
	font-size: 20px;
	margin-right: 10px;
}

.course-page .message-list dt .text-02 {
	font-size: 30px;
}

.course-page .message-list dt .text-03 {
	position: absolute;
	right: 0;
	bottom: 25%;
}

.course-page .message-list dd {
	font-size: 16px;
	line-height: 2;
}

.course-page .link-01 {
	text-align: right;

}

.course-page .link-01 a {
	background: url(../images/message/arrow-01.png) right center no-repeat;
	padding-right: 20px;
	height: 15px;
}

.course-page .link-03 {
	text-align: right;
    margin-top: 30px;
}

.course-page .link-03 a {
	background: url(../images/message/arrow-01.png) right center no-repeat;
	padding-right: 20px;
	height: 15px;
}

.course-page .link-01 a:hover {
	text-decoration: underline;
}

.course-page .course-01 > ul > li {
	border: 1px solid #f5bec2;
}

.course-page .course-01 dt {
	background-image: url(../images/message/line-01.png);
}

.course-page .course-01 .message-headline-02 {
	background-image: url(../images/message/icon-02.png);
}

.course-page .course-01 .message-headline-02 span {
	background: url(../images/message/line-10.png) left bottom repeat-x;
}

.course-page .course-02 > ul > li {
	border: 1px solid #c1e0f5;
}

.course-page .course-02 dt {
	background-image: url(../images/message/line-02.png);
}

.course-page .course-02 .message-headline-02 {
	background-image: url(../images/message/icon-03.png);
}

.course-page .course-02 .message-headline-02 span {
	background: url(../images/message/line-06.png) left bottom repeat-x;
}

.course-page .course-03 > ul > li {
	border: 1px solid #f8b500;

}

.course-page .course-03 dt {
	background-image: url(../images/message/line-03.png);
}

.course-page .course-03 .message-headline-02 {
	background-image: url(../images/message/icon-04.png);
}

.course-page .course-03 .message-headline-02 span {
	background: url(../images/message/line-07.png) left bottom repeat-x;
}

.course-page .course-04 > ul > li {
	border: 1px solid #b4e0a7;
}

.course-page .course-04 dt {
	background-image: url(../images/message/line-04.png);
}

.course-page .course-04 .message-headline-02 {
	background-image: url(../images/message/icon-05.png);
}

.course-page .course-04 .message-headline-02 span {
	background: url(../images/message/line-08.png) left bottom repeat-x;
}

.course-page .message-headline-03 {
	background: url(../images/message/bg-01.png) left center repeat-x;
	color: #7d4296;
	font-size: 35px;
	text-align: center;
}

.course-page .message-headline-03 span {
	background: #fff;
	padding: 0 47px;
}

.course-page .message-list-02 > ul > li {
	border: 1px solid #b0a1cd;
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	width: 100%;
}

.course-page .message-list-02 .message-headline-04 {
	padding-left: 100px;
}

.course-page .message-list-02 .text-04,
.course-page .message-list-02 .text-05 {
	color: #7d4296;
	font-size: 24px;
	line-height: 1.75;
	margin-left: 100px;
}

.course-page .message-list-02 .text-04 {
	background: url(../images/message/line-11.png) left bottom repeat-x;
}

.course-page .message-list-02 .text-01 {
	font-size: 20px;
	margin-right: 10px;
}

.course-page .message-list-02 .text-02 {
	font-size: 30px;
	margin-right: 10px;

}

.course-page .message-list-02 .message-headline-04 {
	background-image: url(../images/message/line-05.png), url(../images/message/line-05.png);
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
	margin: 10px 0;
	padding: 10px 0 10px 100px;
}

.course-page .message-list-02 .patch-image {
	position: absolute;
	top: 10px;
	left: 10px;
}

.course-page .message-list-02 .girls-photo {
	float: left;
}

.course-page .message-list-02 .detail {
	font-size: 16px;
	float: right;
	width: 600px;
}

.course-page .message-list-02 .detail dt {
	color: #7d4296;
}

.course-page .performance-list {
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	padding: 10px 10px 5px 10px;
}

.course-page .performance-list li {
	display: block;
	float: left;
	padding: 0 30px 5px 0;
}

.course-page .performance-list li:before {
	content: '●';
	margin-right: 3px;
}

.course-page .link-02 {
	margin: 40px 0;
	text-align: center;
}

.course-log{
	width: 100%;
}

.course-log tr:first-child td {
	border-top: 1px dashed #555;
}

.course-log td {
	border-bottom: 1px dashed #555;
	font-size: 16px;
	padding: 10px 0;
}

@media screen and (max-width: 767px) {
	.course-page .text-01 {
		font-size: 100%;
		margin: 20px 0 20px 0;
	}

	.course-page .course-headline-02 {
		font-size: 150%;
	}

	.course-page .list-01 dt img {
		max-height: 25px;
	}

	.course-page .list-01 dd {
		font-size: 100%;
	}

	.course-page .course-headline-01 {
		margin-bottom: 20px;
	}

	.course-page .course-headline-01 img {
		max-height: 25px;
	}

	.course-page .list-02 {
		margin: 20px 0;
		padding: 20px 0;
	}

	.course-page .course-headline-03 {
		margin-bottom: 10px;
	}

	.course-page .course-headline-03 img {
		max-height: 25px;
	}

	.course-page .message-list {
		/* margin-bottom: 20px; */
		padding-bottom: 20px;
	}

	.course-page .message-list > ul > li {
		margin: 10px auto;
		position: relative;
		padding: 5%;
		width: 90%;
	}

	.course-page .message-list .patch-image {
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.course-page .message-list .girls-photo {
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}

	.course-page .message-list dl {
		float: none;
		width: auto;
	}

	.course-page .message-list dt .text-01 {
		font-size: 12px;
	}


	.course-page .message-list dt .text-02 {
		font-size: 16px;
	}

	.course-page .message-list dt .text-03 {
		display: block;
		font-size: 10px;
		position: inherit;
		text-align: right;
	}

	.course-page .message-list dd {
		font-size: 12px;
	}

	.course-page .link-01 {
		text-align: right;
	}

	.course-page .message-headline-03 {
		font-size: 21px;
		margin: 20px 0;
	}

	.course-page .message-headline-03 span {
		color: #7d4296;
		display: inline-block;
		height: 40px;
		line-height: 1.75;
		padding: 0 21px;
	}

	.course-page .message-list-02 > ul > li {
		margin-bottom: 10px;
	}


	.course-page .message-list-02 .text-04,
	.course-page .message-list-02 .text-05 {
		display: inline-block;
		font-size: 14px;
		margin-left: 90px;
	}

	.course-page .message-list-02 .text-04 {
		background: url(../images/message/line-11.png) left bottom repeat-x;
	}

	.course-page .message-list-02 .text-01 {
		font-size: 12px;
		margin-right: 10px;
	}

	#message .message-list-02 .text-02 {
		font-size: 14px;
		margin-right: 10px;
	}

	.course-page .message-list-02 .text-03 {
		display: block;
		text-align: right;
	}

	.course-page .message-list-02 .message-headline-04 {
		background-image: url(../images/message/line-05.png), url(../images/message/line-05.png);
		background-position: left top, left bottom;
		background-repeat: repeat-x, repeat-x;
		margin: 10px 0;
		padding: 10px 0;
	}

	.course-page .message-list-02 .patch-image {
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.course-page .message-list-02 .girls-photo {
		float: left;
		width: 28%;
	}

	.course-page .message-list-02 .detail {
		font-size: 12px;
		float: right;
		width: 70%;
	}

	.course-page .message-list-02 .detail dt {
		color: #7d4296;
	}

	.course-page .link-02 {
		margin: 20px 0;
	}

	.course-page .link-02 img {
		max-height: 35px;
	}

	.course-log {
		font-size: 14px;
	}

	.course-log dd {
		float: none;
	}

	.course-log dd li {
		float: left;
		margin-right: 15px;
	}

	.course-page .cs01-content-01 {
	    margin-top: 40px;
	    padding-top: 50px;
    }

    .course-page .cs01-content-02{
	    margin-top: 30px;
	    padding-top: 30px;
    }

    .course-page .cs02-content-01 {
	    margin-top: 40px;
	    padding-top: 50px;
    }

    .course-page .cs02-content-02{
	     margin-top: 30px;
	    padding-top: 30px;
    }

    .course-page .cs03-content-01 {
	    margin-top: 40px;
	    padding-top: 50px;
    }

    .course-page .cs03-content-02{
	     margin-top: 30px;
	    padding-top: 30px;
    }

    .course-page .cs04-content-01 {
	    margin-top: 40px;
	    padding-top: 50px;
    }

    .course-page .cs04-content-02{
	     margin-top: 30px;
	    padding-top: 30px;
    }
}

/**
 * 14. 選抜進学コース
 * ------------------------------------ */

#course_01 .page-visual {
	background-image: url(../images/course/main-01.png);
}

#course_01 .headline-03 {
	background-image: url(../images/course/icon-04.png);
}

/**
 * 15. 会計情報コース
 * ------------------------------------ */

#course_02 .page-visual {
	background-image: url(../images/course/main-02.png);
}

#course_02 .headline-03 {
	background-image: url(../images/course/icon-01.png);
}


/**
 * 16. 教養進学コース
 * ------------------------------------ */

#course_03 .page-visual {
	background-image: url(../images/course/main-03.png);
}

#course_03 .headline-03 {
	background-image: url(../images/course/icon-02.png);
}

#course_03 .list-02 {
	background-image: url(../images/course/line-07.png), url(../images/course/line-07.png);
}

#course_03 .list-02 li:before {
	color: #badcf4;
}

@media screen and (max-width: 767px) {
}

/**
 * 17. 福祉実践コース
 * ------------------------------------ */

#course_04 .page-visual {
	background-image: url(../images/course/main-04.png);
}

#course_04 .headline-03 {
	background-image: url(../images/course/icon-03.png);
}

#course_04 .list-02 {
	background-image: url(../images/course/line-08.png), url(../images/course/line-08.png);
}

#course_04 .list-02 li:before {

	color: #c8de89;
}

@media screen and (max-width: 767px) {
}

/**
 * 18. 目的別に探す
 * ------------------------------------ */

#purpose .page-visual {
	background-image: url(../images/course-purpose/main.png);
}

#purpose .text-01 {
	font-size: 115%;
	margin: 20px 0 40px 0;
}

#purpose .menu-01 li {
	float: left;
	margin: 0 0 30px 0;
}

#purpose .menu-01 li:nth-of-type(2n) {
	float: right;
}

@media screen and (max-width: 767px) {
	#purpose .menu-01 li {
		width: 48%;
	}
}

/**
 * 19. 高校生活は部活動でもっと楽しくなる
 * ------------------------------------ */

#club .page-visual {
	background-image: url(../images/club/main-01.png);

}

#club .text-01 {
	font-size: 16px;
	line-height: 1.75;
	margin: 20px 0;
}

#club a:hover .club_menu .title {
	text-decoration: underline;
}

#club a:hover .club_menu .image {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#club .club_menu {

	margin: 50px 0;
}

#club .club_menu .image {
	float: right;
}

#club .club_menu > div {
	float: left;
	padding: 40px;
	height: 228px;
	width: 333px;
}

#club a:nth-of-type(2n) .club_menu .image {
	float: left;
}

#club a:nth-of-type(2n) .club_menu > div {
	float: right;
}



#club .club_menu .title {
	font-size: 32px;
	margin-bottom: 20px;
	padding-left: 30px;

}

#club .club_menu .text-02 {
	font-size: 16px;
}

#club .club_menu.sports > div {
	border-bottom: 1px solid #f7931e;
	border-left: 1px solid #f7931e;
	border-top: 7px solid #f7931e;
}

#club .club_menu.academic > div {
	border-bottom: 1px solid #2db67c;
	border-right: 1px solid #2db67c;
	border-top: 7px solid #2db67c;
}

#club .club_menu.sports .title {
	background: url(../images/club/icon-03.png) left center no-repeat;
	color: #f15a24;
}

#club .club_menu.academic .title {
	background: url(../images/club/icon-04.png) left center no-repeat;
	color: #2db67c;
}

@media screen and (max-width: 767px) {
	#club .text-01 {
		font-size: 12px;
		line-height: 1.75;
		margin: 20px 0;
	}

	#club .club_menu {
		margin: 30px 0;
	}

	#club .club_menu .image {
		float: none;
	}

	#club .club_menu > div {
		float: none;
		padding: 20px;
		height: auto;
		width: auto;
	}

	#club a:nth-of-type(2n) .club_menu .image {
		float: none;
	}

	#club a:nth-of-type(2n) .club_menu > div {
		float: none;
	}


	#club .club_menu .title {
		font-size: 21px;
		margin-bottom: 10px;
		padding-left: 15px;
	}

	#club .club_menu .text-02 {
		font-size: 12px;
	}

	#club .club_menu.sports > div {
		border-right: 1px solid #f7931e;
		border-top: 0;
	}

	#club .club_menu.academic > div {
		border-left: 1px solid #2db67c;
		border-top: 0;
	}

	#club .club_menu.sports .title {
		background: url(../images/club/icon-03.png) left center no-repeat;
		background-size: 10px 10px;
	}

	#club .club_menu.academic .title {
		background: url(../images/club/icon-04.png) left center no-repeat;
		background-size: 10px 10px;
	}
}

/**
 * 各部活動ページ
 * ------------------------------------ */

.club_pages .page-visual {
	/* width: 1080px; */
	margin-left: auto;
	margin-right: auto;
}

.club_pages .image-01 {
	text-align: center;
	margin: 20px 0;
}

.club_pages .site-content-area > p {
	font-size: 16px;
	line-height: 2;
}

.club_pages .link-01 {
	margin-top: -30px;
	text-align: right;
}

.club_pages .club-headline {
	background: url(../images/club/icon-07.png) left center no-repeat;
	font-size: 28px;
	padding: 10px 0 10px 45px;
	margin: 10px 0;
}

.club_pages .club-headline span {
    background: linear-gradient(transparent 60%, rgb(193 224 245 / 1) 0% );
}

.club-sports-title {
    background: linear-gradient(transparent 60%, rgb(247 215 125 / 1) 0% );
}

.club-academic-title {
    background: linear-gradient(transparent 60%, rgb(199 214 109 / 1) 0% );
}

.club_pages .table-01 {
	width: 100%;
}

.club_pages .table-01 tr:first-child th,
.club_pages .table-01 tr:first-child td {
	border-top: 1px solid #555;
}

.club_pages .table-01 th,
.club_pages .table-01 td {
	border-bottom: 1px solid #555;
	font-size: 16px;
	padding: 10px;
}

.club_pages .table-01 th {
	color: #1D50A2;
	text-align: center;
	width: 150px;1D50A2
}

.club_pages .table-01 td a {



	text-decoration: underline;
}

.club_pages .table-01 td a:hover {
	text-decoration: none;
}

.club_pages dl dt {
	font-size: 22px;
	margin: 10px 0 5px 0;
}

.club_pages dl dd {
	font-size: 16px;
	line-height: 2;
	padding-left: 2em;
}

.club_pages dl dd:before {
	content: '●';
	margin: 0 5px 0 -1em;
}

.club_pages .club_message {
	border: 1px solid #85C6F7;

	padding: 20px;
}

.club_pages .club_message .image-02 {
	float: left;
}

.club_pages .club_message .detail {
	float: right;
	width: 580px;
}

.club_pages .club_message .detail h4 {
	background: url(../images/club/line-07.png) left bottom repeat-x;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

.club_pages .club_message .detail .text-01 {
	font-size: 21px;
	margin-right: 10px;
}

.club_pages .club_message .detail .text-02 {
	font-size: 29px;
	margin-right: 10px;
}

.club_pages .club_message .detail .text-03 {
	font-size: 16px;
}

.club_pages .club_message .detail p {
	font-size: 16px;
	line-height: 2;
}

.club-links {
	background: url(../images/club/line-07.png) left top repeat-x;
	margin-top: 30px;
	padding-top: 30px;
}

.club-links h2 {
	background: url(../images/club/icon-10.png) left center no-repeat;
	color: #187fc4;
	font-size: 38px;
	padding: 10px 0 10px 50px;
}

.club-links h3 {
	background: url(../images/club/icon-08.png) left center no-repeat;
	font-size: 27px;
	margin-top: 20px;
	padding: 10px 0 10px 45px;
}

.club-links h3:nth-of-type(2) {
	background-image: url(../images/club/icon-09.png);
}

.club-links li {
	background: url(../images/club/icon-11.png) left center no-repeat;
	display: inline-block;
	font-size: 18px;
	float: left;
	padding: 5px 0 5px 20px;
	width: 20%;
}

.club-links li a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.club_pages .page-visual {
		width: auto;
	}

	.club_pages .site-content-area > p {
		font-size: 12px;
		line-height: 2;
	}

	.club_pages .club-headline {
		background-size: 20px 21px;
		font-size: 18px;
		padding-left: 25px;
	}

	.club_pages .table-01 {
		width: 98%;
	}

	.club_pages .table-01 tr:first-child th {
		border-top: 1px solid #555;
	}

	.club_pages .table-01 tr:first-child td {
		border-top: none;
	}

	.club_pages .table-01 th,
	.club_pages .table-01 td {
		border: none;
		font-size: 12px;
		padding: 5px;
		display: block;
		text-align: left;
		width: 100%;
	}

	.club_pages .table-01 td {
		border-bottom: 1px solid #555;
	}

	.club_pages dl dt {
		font-size: 16px;
	}

	.club_pages dl dd {
		font-size: 12px;
		line-height: 2;
		padding-left: 2em;
	}

	.club_pages dl dd:before {
		content: '●';
		margin: 0 5px 0 -1em;
	}

	.club_pages .club_message .image-02 {
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}

	.club_pages .club_message .detail {
		float: none;
		width: auto;
	}

	.club_pages .club_message .detail h4 {
		background: url(../images/club/line-07.png) left bottom repeat-x;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.club_pages .club_message .detail .text-01 {
		font-size: 12px;
		margin-right: 10px;
	}

	.club_pages .club_message .detail .text-02 {
		font-size: 16px;
		margin-right: 10px;
	}

	.club_pages .club_message .detail .text-03 {
		display: block;
		font-size: 12px;
		text-align: right;
	}

	.club_pages .club_message .detail p {
		font-size: 12px;
	}

	.club-links {
		background: url(../images/club/line-07.png) left top repeat-x;
		margin-top: 30px;
		padding-top: 30px;
	}

	.club-links h2 {
		background-size: 23px 25px;
		font-size: 21px;
		padding-left: 35px;
	}


	.club-links h3 {
		background-size: 20px 21px;
		font-size: 18px;
		margin-top: 0;
		padding-left: 30px;
	}

	.club-links h3:nth-of-type(2) {
		background-image: url(../images/club/icon-09.png);
	}

	.club-links li {
		background-size: 8px 8px;
		font-size: 12px;
		float: left;
		padding-left: 15px;
		text-decoration: underline;
		width: 45%;
	}

}

/**
 * 20. 運動部
 * ------------------------------------ */

#sports .page-visual {
	background-image: url(../images/club/main-02.png);
}

#sports .text-01 {
	font-size: 16px;
	line-height: 1.5;
}

#sports .club_list > li {
	border: 1px solid #fbb03b;
	display: block;
	margin: 20px 0;
	padding: 20px;
	width: 790px;
}

#sports .club_list > li > a:hover .image {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#sports .club_list > li > a:hover h3 {
	text-decoration: underline;
}

#sports .club_list > li .image {
	float: left;
}

#sports .club_list > li .detail {
	float: right;
	width: 450px;
}

#sports .club_list > li .detail h3 {
	background-image: url(../images/club/icon-05.png), url(../images/club/arrow-01.png), url(../images/club/line-01.png);
	background-position: left center, right center, left bottom;
	background-repeat: no-repeat, no-repeat, repeat-x;
	font-size: 30px;
	padding: 0 0 15px 45px;
	margin-bottom: 15px;
}

#sports .club_list > li .detail .text-02 {
	font-size: 16px;
	line-height: 1.5;
}

#sports .club_list > li .detail .f-size-up {
	font-size: 18px;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	#sports .text-01 {
		font-size: 12px;
	}

	#sports .club_list > li {
		padding: 5%;
		width: 90%;
	}

	#sports .club_list > li .image {
		float: none;
		text-align: center;
	}

	#sports .club_list > li .detail {
		float: none;
		width: auto;
	}


	#sports .club_list > li .detail h3 {
		background-size: 16px 16px, 10px 16px, 444px 8px;
		font-size: 16px;
		padding: 10px 0 10px 20px;
		margin-bottom: 15px;
	}

	#sports .club_list > li .detail .text-02 {
		font-size: 12px;
		line-height: 1.5;
	}

	#sports .club_list > li .detail .f-size-up {
		font-size: 14px;
	}
}

/**
 * 21. ソフトテニス
 * ------------------------------------ */

#soft-tennis_club .page-visual {
	background-image: url(../images/club/main-02.png);
}

/**
 * 22. バレーボール
 * ------------------------------------ */

#volleyball_club .page-visual {

	background-image: url(../images/club/main-06.png);
}

/**
 * 23. フェンシング
 * ------------------------------------ */

#fencing_club .page-visual {
	background-image: url(../images/club/main-07.png);
}

/**
 * 24. 新体操部
 * ------------------------------------ */

#rhythmic-gymnastics_club .page-visual {
	background-image: url(../images/club/main-08.png);
}

/**
 * 25. 空手
 * ------------------------------------ */

#karate_club .page-visual {
	background-image: url(../images/club/main-09.png);
}

/**
 * 25. Activity-Running
 * ------------------------------------ */

#activity-running .page-visual {
	background-image: url(../images/club/main-18.png);
}

/**
 * 28. 文化部
 * ------------------------------------ */

#academic .page-visual {
	background-image: url(../images/club/main-03.png);
}

#academic .text-01 {
	font-size: 16px;
	line-height: 1.5;
}

#academic .club_list > li {
	border: 1px solid #46c87d;
	display: block;
	margin: 20px 0;
	padding: 20px;
	width: 790px;
}

#academic .club_list > li > a:hover .image {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#academic .club_list > li > a:hover h3 {
	text-decoration: underline;
}

#academic .club_list > li .image {
	float: left;
}

#academic .club_list > li .detail {
	float: right;
	width: 450px;
}



#academic .club_list > li .detail h3 {
	background-image: url(../images/club/icon-06.png), url(../images/club/arrow-02.png), url(../images/club/line-02.png);
	background-position: left center, right center, left bottom;
	background-repeat: no-repeat, no-repeat, repeat-x;
	font-size: 30px;
	padding: 0 0 15px 45px;
	margin-bottom: 15px;
}

#academic .club_list > li .detail .text-02 {
	font-size: 16px;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	#academic .text-01 {
		font-size: 12px;
	}

	#academic .club_list > li {
		padding: 5%;
		width: 90%;
	}

	#academic .club_list > li .image {
		float: none;
		text-align: center;
	}

	#academic .club_list > li .detail {
		float: none;
		width: auto;
	}



	#academic .club_list > li .detail h3 {
		background-size: 16px 16px, 10px 16px, 444px 8px;
		font-size: 16px;
		padding: 10px 0 10px 20px;
		margin-bottom: 15px;
	}

	#academic .club_list > li .detail .text-02 {
		font-size: 12px;
		line-height: 1.5;
	}
}

/**
 * 29. 美術
 * ------------------------------------ */

#art_club .page-visual {
	background-image: url(../images/club/main-10.png);
}

/**
 * 30. 書道
 * ------------------------------------ */

#calligraphy_club .page-visual {
	background-image: url(../images/club/main-05.png);
}

/**
 * 32. 自然科学
 * ------------------------------------ */

#nature-observation_club .page-visual {
	background-image: url(../images/club/main-11.png);
}

/**
 * 33. 簿記
 * ------------------------------------ */

#bookkeeping_club .page-visual {
	background-image: url(../images/club/main-12.png);
}

/**
 * 34. インターアクト
 * ------------------------------------ */

#interact_club .page-visual {
	background-image: url(../images/club/main-13.png);
}

/**
 * 35. 雅樂
 * ------------------------------------ */

#court-music_club .page-visual {
	background-image: url(../images/club/main-14.png);
}

/**
 * 36. パソコン
 * ------------------------------------ */

#pc_club .page-visual {
	background-image: url(../images/club/main-15.png);
}

/**
 * 37. 吹奏楽
 * ------------------------------------ */

#wind-orchestra_club .page-visual {
	background-image: url(../images/club/main-16.png);
}

/**
 * 38. マナーライフ
 * ------------------------------------ */

#manor-life_club .page-visual {
	background-image: url(../images/club/main-17.png);
}

/**
 * 各部活動ページ
 * ------------------------------------ */

.club_archive_date {
	background: url(../images/club/icon-07.png) left center no-repeat;
	font-size: 21px;
	margin-top: 20px;
	padding: 10px 0 10px 50px;
}

.club_post_detail {
	background: url(../images/club/line-08.png) left 15px top 10px repeat-y;
	margin-bottom: 20px;
	padding: 10px 10px 10px 50px;
}

.club_post_detail > h2 a {
	color: #1D50A2;
	font-size: 26px;
	font-weight: bold;
	padding: 15px 0;
	text-decoration: underline;
}

.club_post_detail > h2 a:hover {
	text-decoration: none;
}

.club_post_detail .club_post_data {
	font-size: 14px;
	line-height: 2;
}

.nav-next a,
.nav-previous a {
	display: block;
	padding: 30px 5%;
	width: 40%;
	color: #1d50a2;
	font-size: 18px;
}

.nav-next a:hover,
.nav-previous a:hover {
	background-color: #f5ffff;
	text-decoration: underline;
}

.nav-next a {
	float: right;
	text-align: right;
}

.nav-previous a {
	float: left;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.club_archive_date {
		font-size: 18px;
		padding: 10px 0 10px 50px;
	}

	.club_post_detail > h2 a {
		font-size: 21px;
	}

	.club_post_detail .club_post_data {
		font-size: 12px;
	}

	.nav-next a,
	.nav-previous a {
		font-size: 14px;
	}
}

/**
 * 41. スクールツアー
 * ------------------------------------ */

#school_tour .page-visual {
	background-image: url(../images/school_tour/main.png);
}
#school_tour .text-01 {
	color: #4d4d4d;
	font-size: 115%;
	margin: 20px 0 40px 0;
}

#school_tour .menu-content {
	margin-bottom: 50px;
}

#school_tour .menu-content .image {
	float: right;
}

#school_tour .menu-01 a:nth-of-type(2n) .menu-content .image {
	float: left;
}

#school_tour .menu-content dl {
	border-bottom: 1px solid #3fa9e6;
	border-left: 1px solid #3fa9e6;
	border-top: 5px solid #3fa9e6;
	float: left;
	height: 144px;
	padding: 30px;
	width: 353px;
}

#school_tour .menu-01 a:nth-of-type(2n) .menu-content dl {
	border-bottom: 1px solid #3fa9e6;
	border-left: 0;
	border-right: 1px solid #3fa9e6;
	border-top: 5px solid #3fa9e6;
	float: right;
}

#school_tour .menu-content dt {
	font-size: 186%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 25px;
}

#school_tour .menu-content dt small {
	font-size: 72%;
}

#school_tour .menu-content dd {
	font-size: 115%;
}

#school_tour .menu-01 a:hover .menu-content {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#school_tour dl dt {
	background: url(../images/style/icon-02.png) left center no-repeat;
	color: #1d50a2;
}

@media screen and (max-width: 767px) {
	#school_tour .text-01 {
		margin: 10px 0 20px 0;
	}

	#school_tour .menu-content {
		margin-bottom: 20px;
	}

	#school_tour .menu-content .image {
		float: none;
	}

	#school_tour .menu-content dl {
		float: none;
		height: auto;

		padding: 5%;
		width: 90%;
		width : -webkit-calc(90% - 2px) ;
		width : calc(90% - 2px) ;
	}

	#school_tour .menu-content dd {
		font-size: 100%;
	}

	#school_tour .menu-content dl,
	#school_tour .menu-01 a:nth-of-type(2n) .menu-content dl {
		border-right: 1px solid #3fa9e6;
		border-left: 1px solid #3fa9e6;
		border-bottom: 5px solid #3fa9e6;
		border-top: 0;
	}
}

/**
 * 42. 年間イベント
 * ------------------------------------ */

#annual_events .page-visual {
	background-image: url(../images/annual_events/main.png);
}

#annual_events .content-01 > li {
	margin: 0 3% 30px 0;
	width: 48%;
}

#annual_events .content-01 > li .list_wrapper {
	border: 2px solid #e6e6e6;
	padding: 30px;
}

#annual_events .content-01 > li:nth-of-type(2n) {
	margin-right: 0;
}

#annual_events .content-01 h3 {
	background: url(../images/performance/arrow-02.png) right center no-repeat;
	color: #187fc4;
	cursor: pointer;
	font-size: 226%;
	line-height: 1;
	font-weight: bold;
}

#annual_events .content-01 h3.active {
	background: url(../images/performance/arrow-01.png) right center no-repeat;
}

#annual_events .content-01 h3:after {
	content: '月';
	font-size: 65%;
	margin-left: .1em;
}

#annual_events .content-01 ol {
	border-top: 2px solid #e6e6e6;
	margin-top: 10px;
	padding-top: 10px;
}

#annual_events .content-01 ol li {
	margin: 0 0 5px 0;
}

#annual_events .content-01 ol {
	display: none;
}

@media screen and (max-width: 767px) {
	#annual_events .content-01 > li {
		margin: 0 0 3% 0;
		width: 100%;
	}

	#annual_events .content-01 > li .list_wrapper {
		padding: 5%;
	}

	#annual_events .content-01 h3 {
		background: url(../images/performance/arrow-02.png) right center no-repeat;
		background-size: 15px 15px;
		font-size: 186%;
	}

	#annual_events .content-01 h3.active {
		background: url(../images/performance/arrow-01.png) right center no-repeat;
		background-size: 15px 15px;
	}

	#annual_events .content-01 h3:after {
		font-size: 72%;
	}

	#annual_events .content-01 ol {
		display: none;
		font-size: 100%;
	}
}

/**
 * 43. フォトギャラリー
 * ------------------------------------ */

#gallery .page-visual {
	background-image: url(../images/gallery/main.png);
}

#gallery .category_list {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	margin-bottom: 40px;
	padding: 30px;
}

#gallery .category_list li {
	float: left;
	margin: 0 30px 10px 0;
}

#gallery .category_list li a {
	color: #42210b;
	text-decoration: underline;
}

#gallery .category_list li a:hover {
	text-decoration: none;
}

#gallery .category_list li:before {
	color: #85c6f7;
	content: '●';
	margin-right: 2px;
}

#gallery .gallery_thumnails li {
	float: left;
	margin: 0 20px 30px 0;
	width: 260px;
}

#gallery .gallery_thumnails li:nth-of-type(3n) {
	margin-right: 0;
}

#gallery .gallery_thumnails li .image img {
	object-fit: cover;
	font-family: 'object-fit: cover ;';
	height: 180px;
	margin-bottom: 10px;
	width: 260px;
}

#gallery .gallery_thumnails li .title {
	text-align: center;
}

#gallery .gallery_thumnails li a .title {
	color: #1d50a2;
	font-size: 18px;
	text-decoration: underline;
}

#gallery .gallery_thumnails li a:hover .title {
	text-decoration: none;
}


.wp-pagenavi {
	font-size: 125%;
	padding: 5% 0;
	text-align: center;

}

.wp-pagenavi span,
.wp-pagenavi a {
	margin: 0 5px;
}

.wp-pagenavi a {
	color: #1d50a2;
	text-decoration: underline;
}

.wp-pagenavi a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#gallery .category_list {
		margin-bottom: 20px;
		padding: 20px 20px 10px 20px;
	}

	#gallery .category_list li {
		float: left;
		margin: 0 20px 10px 0;
	}

	#gallery .gallery_thumnails li {
		float: left;
		margin: 0 0 20px 0;
		width: 48%;
	}

	#gallery .gallery_thumnails li:nth-of-type(odd) {
		margin-right: 4%;
	}

	#gallery .gallery_thumnails li .image img {
		height: 50%;
		margin-bottom: 10px;

		width: 100%;

	}




	#gallery .gallery_thumnails li a .title {
		font-size: 12px;
	}
}

/**
 * 44. 制服
 * ------------------------------------ */

#uniform .page-visual {
	background-image: url(../images/uniform/main.png);
}

#uniform .content-01 {
	padding: 40px;
}

#uniform .uniform-headline-01,
#uniform .uniform-headline-02 {
	font-size: 200%;
	margin: 10px 0 20px 0;
	padding: 5px 0 5px 45px;
}

#uniform .uniform-headline-01 {
	background: url(../images/uniform/icon-01.png) left center no-repeat;
}

#uniform .uniform-headline-02 {
	background: url(../images/uniform/icon-02.png) left center no-repeat;
}

#uniform .text-01,
#uniform .text-02 {
	font-size: 115%;
	min-height: 280px;
}

#uniform .winter-uniform{
    max-width: 830px;
    width:100%;
	height: auto;
	position: relative;
}

#uniform .winter-uniform-text{
	width: 55%;
	max-width: 480px;
	display: inline-block;

}

#uniform .winte-uniform-img{
	width: 50%;
	max-width: 320px;
	display: inline-block;
	position: absolute;
    top: 0;
    right: 0;
}

#uniform .winte-uniform-img img{
	width: 100%;
}

#uniform .summer-uniform{
	max-width: 830px;
	width:100%;
	height: auto;
	margin-top: 40px;
	position: relative;
}

#uniform .summer-uniform-text{
	width: 55%;
	max-width: 480px;
	display: inline-block;
	position: absolute;
    top: 0;
    right: 0;
}

#uniform .summer-uniform-img{
	width: 50%;
	max-width: 320px;
	display: inline-block;

}

#uniform .summer-uniform-img img{
	width: 100%;
}

#uniform .summer-polo-img{
	position: absolute;
	bottom: -15%;
	right: 0;
}

#uniform .summer-polo-img img{
	width: 100%;
}

#uniform .text-01 span,
#uniform .text-02 span {
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
	display: block;
	padding: 20px 0;
}

#uniform .text-01 span {
	background-image: url(../images/uniform/line-01.png), url(../images/uniform/line-01.png);
}

#uniform .text-02 span {
	background-image: url(../images/uniform/line-02.png), url(../images/uniform/line-02.png);
}

#uniform .school-bag{
    width:100%;
	height: auto;
	margin-top: 40px;
	position: relative;
	display: inline-block;
}

#uniform .school-bag .text-03{
	font-size: 160%;
	display: inline-block;
	position: absolute;
	top: 35%;
	right: 0%;
}

#uniform .ribbon-vest{
    width:100%;
    height: 560px;
	position: relative;
	display: inline-block;
}

#uniform .ribbon-vest-img{
	position: absolute;
	top: 0%;
	right: 0%;
}

#uniform .ribbon-vest .text-04{
	font-size: 160%;
	display: inline-block;
	position: absolute;
	top: 25%;
	left: 0%;
}


@media screen and (max-width: 767px) {
	#uniform .content-01 {
		padding: 10px;
	}

	#uniform .uniform-headline-01,
	#uniform .uniform-headline-02 {
		background-size: 25px 25px;
		font-size: 150%;
		padding-left: 30px;
	}

	#uniform .winter-uniform{
		width:100%;
		height: auto;
		position: relative;
		}

	#uniform .winter-uniform-text{
		width: 55%;
		max-width: 480px;
		display: inline-block;

	}

	#uniform .winte-uniform-img{
		max-width: 240px;
		height: 240px;
		display: inline-block;
		position: absolute;
		top: 10%;
		right: 0;
	}


	#uniform .summer-uniform{
		width:100%;
		height: 320px;
		position: relative;
		margin-top: 0px;
	}

	#uniform .summer-uniform-text{
		width: 55%;
		max-width: 480px;
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
	}

	#uniform .summer-uniform-img{
		max-width: 240px;
		height: 240px;
		display: inline-block;
		position: absolute;
		top: 10%;
		left: 0;

	}

	#uniform .summer-polo-img{
		position: absolute;
		bottom: -2%;
		right: 0;
	}

	#uniform .summer-polo-img img{
		width: 100%;
	}

	#uniform .school-bag{
		width: 100%;
		height: auto;
		margin-top: 60px;
		position: relative;
		display: inline-block;
	}

    #uniform .school-bag img{
        width: 80%;
		max-width: 360px;
    }

	#uniform .school-bag .text-03{
		font-size: 110%;
		display: inline-block;
		position: absolute;
		top: 10%;
		right: 0%;
	}

	#uniform .ribbon-vest{
		width: 100%;
		height: 220px;
		position: relative;
		display: inline-block;
	}

	#uniform .ribbon-vest-img{
		width: 80%;
		max-width: 360px;
		position: absolute;
		top: 0%;
		right: 0%;
	}

	#uniform .ribbon-vest .text-04{
		font-size: 110%;
		display: inline-block;
		position: absolute;
		top: 10%;
		left: 0%;
		z-index: 1;
	}

	#uniform .text-01 span,
	#uniform .text-02 span {
		font-size: 93%;
	}
}

/**
 * 45. 在校生・卒業生メッセージ
 * ------------------------------------ */

#message .page-visual {
	background-image: url(../images/message/main-01.png);
}

#message .message-headline-01 {
	background: url(../images/message/bg-01.png) left center repeat-x;
	color: #1d50a2;
	font-size: 35px;
	text-align: center;
}

#message .message-headline-01 span {
	background: #fff;
	padding: 0 47px;
}

#message .message-headline-02 {
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 36px;
	margin: 20px 0;
	padding: 10px 0 10px 60px;
}

#message .message-list {
	border-bottom: 1px dashed #aaa;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

#message .message-list > ul > li {
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	width: 100%;
}

#message .message-list .patch-image {
	position: absolute;
	top: 10px;
	left: 10px;
}

#message .message-list .girls-photo {
	float: left;
	margin: 30px 0 0 40px;
}

#message .message-list dl {
	float: right;
	width: 580px;
}


#message .message-list dt {
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	position: relative;
	padding: 0 0 10px 0;

}

#message .message-list dt .text-01 {
	font-size: 20px;
	margin-right: 10px;
}

#message .message-list dt .text-02 {
	font-size: 30px;
}

#message .message-list dt .text-03 {
	position: absolute;
	right: 0;
	bottom: 25%;
}

#message .message-list dd {
	font-size: 16px;
	line-height: 2;
}

#message .link-01 {

	text-align: right;
}


#message .link-01 a {
	background: url(../images/message/arrow-01.png) right center no-repeat;
	padding-right: 20px;
	height: 15px;
}

#message .link-01 a:hover {
	text-decoration: underline;
}

#message .course-01 > ul > li {
	border: 1px solid #f5bec2;
}

#message .course-01 dt {
	background-image: url(../images/message/line-01.png);
}

#message .course-01 .message-headline-02 {
	background-image: url(../images/message/icon-02.png);
}

#message .course-01 .message-headline-02 span {
	background: url(../images/message/line-10.png) left bottom repeat-x;
}

#message .course-02 > ul > li {
	border: 1px solid #c1e0f5;
}

#message .course-02 dt {
	background-image: url(../images/message/line-02.png);
}

#message .course-02 .message-headline-02 {
	background-image: url(../images/message/icon-03.png);
}

#message .course-02 .message-headline-02 span {
	background: url(../images/message/line-06.png) left bottom repeat-x;
}

#message .course-03 > ul > li {
	border: 1px solid #f8b500;
}

#message .course-03 dt {
	background-image: url(../images/message/line-03.png);
}

#message .course-03 .message-headline-02 {
	background-image: url(../images/message/icon-04.png);
}

#message .course-03 .message-headline-02 span {
	background: url(../images/message/line-07.png) left bottom repeat-x;
}

#message .course-04 > ul > li {
	border: 1px solid #b4e0a7;
}

#message .course-04 dt {
	background-image: url(../images/message/line-04.png);
}

#message .course-04 .message-headline-02 {
	background-image: url(../images/message/icon-05.png);
}

#message .course-04 .message-headline-02 span {
	background: url(../images/message/line-08.png) left bottom repeat-x;
}

#message .message-headline-03 {
	background: url(../images/message/bg-01.png) left center repeat-x;
	color: #7d4296;
	font-size: 35px;
	text-align: center;
}

#message .message-headline-03 span {
	background: #fff;
	padding: 0 47px;
}

#message .message-list-02 > ul > li {
	border: 1px solid #b0a1cd;
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
	width: 100%;
}

#message .message-list-02 .message-headline-04 {
	padding-left: 100px;
}

#message .message-list-02 .text-04,
#message .message-list-02 .text-05 {
	color: #7d4296;
	font-size: 24px;
	line-height: 1.75;
	margin-left: 100px;
}

#message .message-list-02 .text-04 {
	background: url(../images/message/line-11.png) left bottom repeat-x;
}

#message .message-list-02 .text-01 {
	font-size: 20px;
	margin-right: 10px;
}

#message .message-list-02 .text-02 {
	font-size: 30px;
	margin-right: 10px;
}

#message .message-list-02 .message-headline-04 {
	background-image: url(../images/message/line-05.png), url(../images/message/line-05.png);
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
	margin: 10px 0;
	padding: 10px 0 10px 100px;
}

#message .message-list-02 .patch-image {
	position: absolute;
	top: 10px;
	left: 10px;
}

#message .message-list-02 .girls-photo {
	float: left;
}

#message .message-list-02 .detail {
	font-size: 16px;
	float: right;
	width: 600px;
}

#message .message-list-02 .detail dt {
	color: #7d4296;
}

@media screen and (max-width: 767px) {
	#message .message-headline-01 {
		font-size: 21px;
	}

	#message .message-headline-01 span {
		display: inline-block;
		height: 40px;
		line-height: 1.75;
		padding: 0 21px;
	}


	#message .message-headline-02 {
		background-size: 25px 28px;
		font-size: 21px;
		margin: 10px 0;
		padding-left: 38px;
	}

	#message .message-list {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	#message .message-list > ul > li {
		margin: 10px auto;
		position: relative;
		padding: 5%;
		width: 90%;
	}

	#message .message-list .patch-image {
		position: absolute;
		top: 10px;
		left: 10px;
	}

	#message .message-list .girls-photo {
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}

	#message .message-list dl {
		float: none;

		width: auto;
	}


	#message .message-list dt .text-01 {
		font-size: 12px;
	}

	#message .message-list dt .text-02 {
		font-size: 16px;
	}

	#message .message-list dt .text-03 {
		display: block;
		font-size: 10px;
		position: inherit;
		text-align: right;
	}

	#message .message-list dd {
		font-size: 12px;
	}

	#message .link-01 {

		text-align: right;
	}

	#message .message-headline-03 {
		font-size: 21px;
		margin: 20px 0;
	}

	#message .message-headline-03 span {
		color: #7d4296;
		display: inline-block;
		height: 40px;
		line-height: 1.75;
		padding: 0 21px;
	}

	#message .message-list-02 > ul > li {
		margin-bottom: 10px;
	}

	#message .message-list-02 .text-04,
	#message .message-list-02 .text-05 {
		display: inline-block;
		font-size: 14px;
		margin-left: 90px;
	}

	#message .message-list-02 .text-04 {
		background: url(../images/message/line-11.png) left bottom repeat-x;
	}

	#message .message-list-02 .text-01 {
		font-size: 12px;
		margin-right: 10px;
	}

	#message .message-list-02 .text-02 {
		font-size: 14px;
		margin-right: 10px;
	}

	#message .message-list-02 .text-03 {
		display: block;
		text-align: right;
	}

	#message .message-list-02 .message-headline-04 {
		background-image: url(../images/message/line-05.png), url(../images/message/line-05.png);
		background-position: left top, left bottom;
		background-repeat: repeat-x, repeat-x;
		margin: 10px 0;
		padding: 10px 0;
	}

	#message .message-list-02 .patch-image {
		position: absolute;
		top: 10px;
		left: 10px;
	}

	#message .message-list-02 .girls-photo {
		float: left;
		width: 28%;
	}

	#message .message-list-02 .detail {
		font-size: 12px;
		float: right;
		width: 70%;
	}

	#message .message-list-02 .detail dt {
		color: #7d4296;
	}
}

/**
 * 46. オープンスクール･イベント日程
 * ------------------------------------ */

#open_school .page-visual {
	background-image: url(../images/open_school/main-01.png);
}

#open_school .text-01 {
	font-size: 16px;
	line-height: 2.0;
	margin-bottom: 40px;
}

#open_school .link-01 {
	text-align: right;
	margin-bottom: 2px;
}

#open_school .table-01 {
	width: 100%;
}

#open_school .table-01 th,
#open_school .table-01 td {
	background-color: #3189d4;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 20px;
	text-align: center;
}

#open_school .table-01 th:first-child {
	width: 250px;
}

#open_school .table-01 td {
	background-color: #fff;
	border-bottom: 1px solid #555;
	color: #555;
	text-align: left;
}

#open_school .table-01 td span {
	color: #b70171;
	margin-right: 30px;
}

#open_school .table-02 {
	margin: 0 0 10px 0;
}

#open_school .table-02 td {
	font-size: 21px;
	padding: 0 30px;
}

#open_school .list-01 {
	margin-bottom: 30px;
}

#open_school .list-01 li {
	font-size: 18px;
}

#open_school .list-01 li strong {
	color: #b70171;
	font-weight: bold;
}

#open_school .table-03 {
	width: 100%;
}

#open_school .table-03 th,

#open_school .table-03 td {
	background-color: #e66491;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 20px;
	text-align: center;
}

#open_school .table-03 th:first-child {
	width: 250px;
}

#open_school .table-03 td {
	background-color: #fff;
	border-bottom: 1px solid #555;
	color: #555;
	text-align: left;
}

#open_school .table-03 .cell-01 {
	width: 40%;
}

#open_school .table-03 .cell-02 {
	width: 30%;

}

#open_school .table-03 .cell-03 {
	width: 30%;
}

#open_school .table-03 .td_border-right {
	border-right: 1px solid #555 !important;
}

#open_school table a {
	text-decoration: underline;
}

#open_school table a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#open_school .text-01 {
		font-size: 12px;
		margin-bottom: 20px;
	}

	#open_school .link-01 {
		text-align: right;
		margin-bottom: 2px;
	}

	#open_school .table-01 th,
	#open_school .table-01 td {

		font-size: 12px;
		padding: 10px;
	}

	#open_school .table-01 th:first-child {
		width: 100px;
	}

	#open_school .table-01 td span {
		display: block;
		margin-right: 0;
	}

	#open_school .table-02 {
		margin: 0 0 10px 0;
		width: 100%;
	}

	#open_school .table-02 td {
		font-size: 14px;
		padding: 0 10px;
		text-align: center;
	}

	#open_school .list-01 {
		margin-bottom: 10px;
	}

	#open_school .list-01 li {
		font-size: 12px;
	}

	#open_school .list-01 li strong {
		color: #b70171;
		font-weight: bold;
	}

	#open_school .table-03 {
		width: 100%;
	}

	#open_school .table-03 th,
	#open_school .table-03 td {
		font-size: 10px;
		padding: 10px;
		width: 33%;
	}

	#open_school .table-03 th:first-child {
		width: 100px;
	}
}


/**
 * 47. 入試情報･募集要項
 * ------------------------------------ */

#guidelines .page-visual {
	background-image: url(../images/guidelines/main.png);
	margin-left: auto;
	margin-right: auto;
	/*width: 1080px;*/
}

#guidelines .guidelines-headline-01 {

	background: url(../images/guidelines/icon-02.png) left center no-repeat;
	font-size: 28px;
	margin: 30px 0;
	padding: 5px 0 5px 45px;
}

#guidelines .description-list-01 {
	line-height: 2;
	padding-left: 45px;
}

#guidelines .description-list-01 dt {
	color: #1d50a2;
	font-weight: bold;
}

#guidelines .description-list-01 dd:last-child {
	margin-bottom: 30px;
}

#guidelines .text-01,
#open_school .text-01 {
	margin: 10px 0;
	text-align: center;
}

#guidelines .text-02 {
	margin: 10px 0;
	text-align: right;
}

#guidelines .link-01 a,
#open_school .link-01 a {
	background: url(../images/guidelines/arrow-03.png) right 10px center no-repeat;
	border: 1px solid #1d50a2;
	color: #1d50a2;
	display: block;
	font-size: 21px;
	margin: 0 auto;
	padding: 20px 15%;
	text-align: center;
	width: 25%;
}

#guidelines .accordion .anchor {
	background-image: url(../images/guidelines/line-01.png), url(../images/guidelines/icon-03.png), url(../images/guidelines/arrow-02.png);
	background-position: left top, left center, right center;
	background-repeat: repeat-x, no-repeat, no-repeat;
	color: #187fc4;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
	padding: 20px 0 20px 60px;
}

#guidelines dt.active {
	background-image: url(../images/guidelines/line-01.png), url(../images/guidelines/icon-03.png), url(../images/guidelines/arrow-01.png) !important;
}

#guidelines .accordion:last-child {
	background: url(../images/guidelines/line-01.png) left bottom repeat-x;
	padding-bottom: 10px;
}

#guidelines .accordion dd {
	display: none;
	padding-left: 60px;
}

#guidelines .table-01,
#guidelines .table-02,
#guidelines .table-03 {
	margin: 10px 0;
	width: 100%;
}

#guidelines .table-01 th,
#guidelines .table-02 th,
#guidelines .table-03 th,
#guidelines .table-01 td,
#guidelines .table-02 td,
#guidelines .table-03 td {
	background: #fff;
	border: 1px solid #ccc;
	line-height: 2;
	padding: 20px;
}

#guidelines .table-01 th,
#guidelines .table-02 th,
#guidelines .table-03 th {
	font-weight: normal;
	text-align: center;
	width: 200px;
}

#guidelines .table-01 th {
	background: #dcedff;
}

#guidelines .table-02 th {
	background: #f5fff5;
}

#guidelines .guidelines-headline-02 {
	background: #f2f2f2;

	font-size: 21px;
	margin: 20px 0;
	padding: 10px 20px;
}

#guidelines .link-02 {
	margin: 20px 0;
	text-align: right;
}

#guidelines .link-02 a {
	color: #e578a7;
	font-size: 18px;
	background: url(../images/guidelines/arrow-03.png) right center no-repeat;
	padding-right: 25px;
}

#guidelines .link-02 a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#guidelines .page-visual {
		width: auto;
	}

	#guidelines .guidelines-headline-01 {
		background-size: 20px 20px;
		font-size: 14px;
		margin: 10px 0;
		padding: 5px 0 5px 25px;
	}

	#guidelines .description-list-01 {
		padding-left: 25px;
	}

	#guidelines .description-list-01 dd:last-child {
		margin-bottom: 10px;
	}

	#guidelines .link-01 a,
	#open_school .link-01 a {
		font-size: 14px;
		margin: 0 auto;
		padding: 10px 30px;
	}

	#guidelines .accordion .anchor {
		background-size: 580px 10px, 23px 25px, 16px 15px;
		font-size: 16px;
		margin: 10px 0;
		padding: 10px 0 10px 30px;
	}


	#guidelines .accordion:last-child {
		background: url(../images/guidelines/line-01.png) left bottom repeat-x;
		padding-bottom: 10px;
	}

	#guidelines .accordion dd {
		padding-left: 30px;
	}

	#guidelines .table-01,
	#guidelines .table-02,
	#guidelines .table-03 {
		margin: 10px 0;
		width: 100%;
	}

	#guidelines .table-01 th,
	#guidelines .table-02 th,
	#guidelines .table-03 th,
	#guidelines .table-01 td,
	#guidelines .table-02 td,
	#guidelines .table-03 td {
		padding: 10px;
	}

	#guidelines .table-01 th,
	#guidelines .table-02 th,
	#guidelines .table-03 th {
		width: 25%;
	}

	#guidelines .guidelines-headline-02 {
		font-size: 14px;
	}

	#guidelines .link-02 a {
		background-size: 10px 10px;
		font-size: 12px;
		padding-right: 15px;
		text-decoration: underline;
	}

	#guidelines .link-01 a,
    #open_school .link-01 a {
	    padding: 15px 15%;
	    width: 65%;
}

}

/**
 * 48. 学習について
 * ------------------------------------ */

#learning .page-visual {
	background-image: url(../images/learning/main.png);
}

#learning .text-01 {
	font-size: 115%;
	margin: 20px 0 40px 0;
}

#learning .menu-01 {
	margin: 20px 0 40px 0;
	display: block;
}

#learning .menu-01 .image {
	float: right;
}

#learning .menu-01 .text {
	border-bottom: 1px solid #3fa9e6;
	border-left:  1px solid #3fa9e6;
	border-right: 0;
	border-top:  5px solid #3fa9e6;
	float: left;
	height: 144px;
	padding: 30px;
	width: 353px;
}

#learning .menu-01:nth-of-type(2) .image {
	float: left;
}

#learning .menu-01:nth-of-type(2) .text {
	border-left: 0;
	border-right: 1px solid #3fa9e6;
	float: right;
}

#learning .menu-01 .text dt {
	background: url(../images/common/ico-arrow.png) left center no-repeat;
	color: #1d50a2;
	font-size: 186%;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}

#learning .menu-01 .text dd {
	color: #4d4d4d;
	font-size: 115%;
}

#learning .menu-01:hover .image {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#learning .menu-01:hover .text dd {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#learning .text-01,
	#learning .menu-01 {

		margin: 10px 0 20px 0;
	}

	#learning .menu-01 .image {
		float: none;
	}

	#learning .menu-01 .text {
		border-bottom: 5px solid #3fa9e6;
		border-left:  1px solid #3fa9e6;
		border-right: 1px solid #3fa9e6;
		border-top:  0;
		float: none;
		height: auto;

		padding: 15px 20px;
		width: auto;
	}

	#learning .menu-01:nth-of-type(2) .text {
		border-left:  1px solid #3fa9e6;
	}

	#learning .menu-01 .text dt {
		background: url(../images/common/ico-arrow.png) left center no-repeat;
		color: #1d50a2;
		font-size: 186%;
		font-weight: bold;
		padding: 5px 0 5px 25px;
	}
}

/**
 * 49. 学習について
 * ------------------------------------ */

#about_learning .page-visual {
	background-image: url(../images/about_learning/main.png);
}

#about_learning .text-01,
#about_learning .text-02,
#about_learning .text-03 dd {
	font-size: 115%;
	margin: 20px 0 40px 0;
}


#about_learning .about_learning-headline-01 {
	margin: 10px 0 20px 0;
}

#about_learning .link-01 a,

#about_learning .content-01 li a {
	background: url(../images/about_learning/icon-01.png) left center no-repeat;
	font-size: 115%;
	padding: 3px 0 3px 20px;
}

#about_learning .link-01 {
	margin: -20px 0 40px 0;
	text-align: right;
}


#about_learning .content-01 {
	background: url(../images/about_learning/lin-01.png) left top repeat-x;
	margin-top: 40px;
	padding-top: 40px;
}

#about_learning .content-01 ul {
	margin: 30px 0;
}

#about_learning .content-01 li {
	float: left;
	font-size: 115%;
	margin-right: 20px;
}



#about_learning .link-01 a:hover,
#about_learning .content-01 li:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#about_learning .text-01,
	#about_learning .text-02,
	#about_learning .text-03 dd {
		margin: 10px 0 20px 0;
	}

	#about_learning .about_learning-headline-01 {
		margin: 10px 0 20px 0;
	}

	#about_learning h3 img,
	#about_learning .text-03 dt img {
		max-height: 30px;
	}

	#about_learning .content-01 li {
		margin: 0 0 10px 0;
		width: 50%;
	}

	#about_learning .link-01 a,
	#about_learning .content-01 li a {
		text-decoration: underline;
	}
}

/**
 * 50. 進路実績と相談について
 * ------------------------------------ */

#performance .page-visual {
	background-image: url(../images/performance/main.png);
}

#performance .performance-headline-01 {
	background-image: url(../images/performance/icon-02.png), url(../images/performance/arrow-02.png), url(../images/performance/line-08.png), url(../images/performance/line-08.png);
	background-position: left center, right center, left top, left bottom;
	background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
	font-size: 34px;
	margin: 20px 0;
	padding: 10px 30px 10px 50px;
}

#performance .performance-headline-01.active {
	background-image: url(../images/performance/icon-02.png), url(../images/performance/arrow-01.png), url(../images/performance/line-08.png), url(../images/performance/line-08.png) !important;
}

#performance .performance-headline-02 {
	background: url(../images/performance/icon-04.png) left center no-repeat;
	border-bottom: 1px solid #1d50a2;
	font-size: 34px;
	margin-bottom: 30px;
	padding: 10px 0 10px 40px;
}

#performance .course-01 {
	background: url(../images/performance/line-07.png) left bottom repeat-x;
	color: #e7428d;
}

#performance .course-02 {
	background: url(../images/performance/line-02.png) left bottom repeat-x;
	color: #187fc4;
}


#performance .course-03 {
	background: url(../images/performance/line-03.png) left bottom repeat-x;
	color: #e83828;
}

#performance .course-04 {
	background: url(../images/performance/line-04.png) left bottom repeat-x;
	color: #006837;
}

#performance .performance-list {
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	padding: 10px 10px 5px 10px;
}

#performance .performance-list li {
	display: block;
	float: left;
	padding: 0 30px 5px 0;
}

#performance .performance-list li:before {
	content: '●';
	margin-right: 3px;
}

#performance .performance-headline-03 {
	background-image: url(../images/performance/icon-01.png), url(../images/performance/line-05.png), url(../images/performance/line-05.png);
	background-position: left center, left top, left bottom;
	background-repeat: no-repeat, repeat-x, repeat-x;
	color: #1d50a2;
	font-size: 34px;
	margin: 40px 0;
	padding: 15px 0 15px 55px;
}

#performance .performance-headline-04 {
	background-image: url(../images/performance/icon-02.png), url(../images/performance/line-09.png);
	background-position: left center, left bottom;
	background-repeat: no-repeat, repeat-x;
	font-size: 34px;
	padding: 20px 0 20px 50px;
}

#performance span{
	background: linear-gradient(transparent 60%, rgb(193 224 245 / 1) 0% );
}

#performance .text-01 {
	font-size: 16px;









	line-height: 2;
	margin: 20px 0 40px 0;
}

#performance .performance-list-02 li {
	font-size: 16px;
	margin: 5px 0 10px 1em;
}

#performance .performance-list-02 li:first-letter {
	color: #333;
	margin-right: 3px;
}

.performance-link-01 {
	text-align: center;
}

.performance-link-01 a {
	background: url(../images/common/ico-arrow.png) right 10px center no-repeat;
	background-size: 15px 15px;
	border: 1px solid #ddd;
	display: inline-block;
	line-height: 1;
	padding: 15px 100px;
}

.performance-link-01 a:hover {
	color: #B70171;
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#performance .performance-headline-01 {
		background-size: 23px 21px, 12px 12px, 580px 9px, 580px 9px;
		font-size: 16px;

		margin: 20px 0;
		padding: 15px 20px 15px 30px;
	}

	#performance .performance-headline-02 {
		background-size: 16px 18px;
		font-size: 16px;
		margin-bottom: 20px;
		padding: 10px 0 10px 25px;
	}

	#performance .course-01,
	#performance .course-02,
	#performance .course-03,
	#performance .course-04 {
		background-size: 158px 6px;
	}

	#performance .performance-headline-03 {
		background-size: 23px 25px, 415px 8px, 415px 8px;
		font-size: 17px;
		margin: 20px 0;
		padding: 15px 0 15px 28px;
	}

	#performance .performance-headline-04 {
		background-size: 28px 21px, 290px 5px;
		font-size: 17px;
		padding: 10px 0 10px 35px;
	}

	#performance .text-01 {
		font-size: 12px;
		margin: 10px 0 20px 0;
	}

	#performance .performance-list-02 li {
		font-size: 12px;
	}

	.performance-link-01 a {
		padding: 15px 0;
		display: block;
		width: 80%;
		margin: 20px auto;
	}
}

/**
 * 53. 資料請求
 * ------------------------------------ */

#article .page-visual {
	background-image: url(../images/article/main.png);
}

#article .text-01 {
	font-size: 115%;
	margin: 2.5% 0;
}

#article .mailform {
	width: 100%;
}

#article .mailform th {
	font-size: 129%;
	font-weight: normal;
	padding: 10px 0;
	width: 220px;
}

#article .mailform .required {
	background: red;
	color: #fff;
	font-size: 72%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url("./border-radius.htc");
	margin: 0 0 0 10px;
	padding: 5px 10px;
}

#article .mailform tr:first-child th,
#article .mailform tr:first-child td {
	border-top: 1px solid #1d50a2;
}

#article .mailform th,
#article .mailform td {
	padding: 15px 0;
	border-bottom: 1px solid #1d50a2;
}

#article .mailform a {
	text-decoration: underline;
}

#article .mailform select {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding: 5px;
}

#article .mailform input[type=text],
#article .mailform textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	outline: none;
    behavior: url("./border-radius.htc");
	margin: 5px 0;
	padding: 5px;
}

#article #mailform input[type=button] {
    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	color: #333;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	cursor: pointer;
	display: block;
	font-size: 129%;
    behavior: url("./border-radius.htc");
	margin: 10px auto;
	padding: 10px 20px;
	width: 180px;
}

#article .mailform th img{
    	padding: 6px 6px 6px 0 ;
    }

#article .mailform th {
		padding-left: 8px;
	}

@media screen and (max-width: 767px) {
	#article .mailform tr:first-child th {
		border-top: 1px solid #1d50a2;
		width: 97%;
	}

	#article .mailform tr:first-child td {
		border-top: 0;

	}

    #article ul {
    	margin-left: 8px;
    	overflow: hidden;
    }

    #article .mailform th img{
    	padding: 4px 4px 4px 0;
    }

	#article .mailform th,
	#article .mailform td {

		border: none;
		display: block;
		width: 100%;
	}

	#article .mailform td {
		border-bottom: 1px solid #1d50a2;
	}

    #article .mailform span {
		margin-left: 12px;
	}

	#article .mailform a {
		margin-left: 12px;
	}

	#article .mailform input[type=text],
	#article .mailform textarea {
		display: block;
		margin: 8px auto;
		width: 90% !important;
	}
}


/**
 * 54. お問い合わせ
 * ------------------------------------ */

#contact .page-visual {
	background-image: url(../images/contact/main.png);
}

#contact .text-01 {
	font-size: 115%;
	margin: 2.5% 0;

}

#contact .mailform {
	width: 100%;
}

#contact .mailform th {
	font-size: 129%;
	font-weight: normal;
	padding: 10px 0;
	width: 220px;
}

#contact .mailform .required {
	background: red;
	color: #fff;

	font-size: 72%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url("./border-radius.htc");
	margin: 0 0 0 10px;
	padding: 5px 10px;
}

#contact .mailform tr:first-child th,
#contact .mailform tr:first-child td {
	border-top: 1px solid #de5e99;
}

#contact .mailform th,
#contact .mailform td {
	padding: 15px 0;
	border-bottom: 1px solid #de5e99;
}

#contact .mailform a {
	text-decoration: underline;
}


#contact .mailform select {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding: 5px;
}

#contact .mailform input[type=text],
#contact .mailform textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	outline: none;
    behavior: url("./border-radius.htc");
	margin: 5px 0;
	padding: 5px;
}

#contact #mailform input[type=button] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #ddd;
	color: #333;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	cursor: pointer;
	display: block;
	font-size: 129%;
    behavior: url("./border-radius.htc");
	margin: 10px auto;
	padding: 10px 20px;
	width: 180px;
}

@media screen and (max-width: 767px) {
	#contact .mailform tr:first-child th {
		border-top: 1px solid #de5e99;
	}

	#contact .mailform tr:first-child td {
		border-top: 0;
	}

	#contact .mailform th {
		padding-bottom: 0;
	}

	#contact .mailform th,
	#contact .mailform td {
		border: none;
		display: block;
		width: 100%;
	}

	#contact .mailform td {
		border-bottom: 1px solid #de5e99;
	}

	#contact .mailform input[type=text],
	#contact .mailform textarea {
		display: block;
		width: 90%;
	}
}

/**
 * 51. 学校行事
 * ------------------------------------ */

#ex_lesson .page-visual {
	background-image: url(../images/ex_lesson/main.png);
}

#ex_lesson .text-01 {
	font-size: 16px;
	line-height: 2;
}

#ex_lesson .image-01 {
	margin: 30px 0;
	text-align: center;
}

#ex_lesson .link-01 {
	margin-top: -30px;
	text-align: right;
}

#ex_lesson .table-01 {
	width: 100%;
}

#ex_lesson .table-01 th,
#ex_lesson .table-01 td {
	border-bottom: 1px solid #555;
	padding: 10px;
}

#ex_lesson li:first-child .table-01 th,
#ex_lesson li:first-child .table-01 td {
	border-top: 1px solid #555;
}

#ex_lesson .table-01 th {
	color: #1d50a2;
	text-align: center;
	width: 25%;
}

#ex_lesson .table-01 td a {
	text-decoration: underline;
}

#ex_lesson .table-01 td a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#ex_lesson .text-01 {
		font-size: 12px;
	}

	#ex_lesson .image-01 {
		margin: 20px 0;
	}
}

/**

 * 52. 学校案内パンフレット
 * ------------------------------------ */

#pamphlet .page-visual {
	background-image: url(../images/pamphlet/main.png);
}

#pamphlet .text-01 {
	font-size: 115%;

	margin: 30px 0;
}

#pamphlet .content-01 dt,
#pamphlet .content-01 dd {
	float: left;
	text-align: center;
	width: 50%;
}

#pamphlet .content-01 dd {
	padding-top: 20%;
}

#pamphlet .content-01 dd img {
	margin-bottom: 20px;
}

#pamphlet .text-01 a {
	text-decoration: underline;
}

#pamphlet .text-01 a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#pamphlet .text-01 {
		margin: 10px 0;
	}

	#pamphlet .content-01 dt,
	#pamphlet .content-01 dd {
		float: none;
		text-align: center;
		width: 100%;
	}

	#pamphlet .content-01 dd {
		padding: 10px 0;
	}

	#pamphlet .content-01 dd img,
	#pamphlet .content-01 dt img {
		width: 65%;

	}
}

/**
 * 55. 学校評価
 * ------------------------------------ */

#evaluation .page-visual {
	background-image: url(../images/evaluation/main.png);
}

#evaluation .text-01 dt {
	background: #ffffea;
	color: #603813;
	font-size: 150%;
	margin: .25em 0 1em;
	padding: .5em 1em;
}

#evaluation .text-01 dd {
	font-size: 110%;
	margin-bottom: 2em;
}

#evaluation .text-01 dd a,
#evaluation .table-01 a {
	text-decoration: underline;
}

#evaluation .text-01 dd a:hover,
#evaluation .table-01 a:hover {
	text-decoration: none;
}

#evaluation .link-01 li {
	float: left;
	padding: 1em 0;
	text-align: center;
	width: 50%;
}

#evaluation .table-01 {
	width: 100%;
}

#evaluation .table-01 li {
	border-bottom: 1px dashed #666;
	display: block;
	float: left;
	font-size: 110%;
	padding: .75em 0;
	text-align: center;
	width: 50%;
}

#evaluation .table-01 li:first-child,
#evaluation .table-01 li:nth-of-type(2) {
	border-top: 1px dashed #666;
}

@media screen and (max-width: 767px) {
	#evaluation .table-01 li {
		font-size: 76%;
	}
}

/**
 * 56. 個人情報保護方針
 * ------------------------------------ */

#privacy_policy .page-visual {
	background-image: url(../images/privacy_policy/main.png);
}

#privacy_policy .text-01 {
	font-size: 110%;
	margin: 2.5% 0 5% 0;
}

#privacy_policy .list-01 li {
	list-style-image: url(../images/privacy_policy/list-01.png);
	list-style-position: outside;
	font-size: 110%;
	margin-left: 2em;
	margin-bottom: 2.5em;
}

#privacy_policy .link-01 {
	border: 1px solid #1d50a2;
	display: inline-block;
	margin: 10px;
	padding: 10px 20px;
}

#privacy_policy .link-01 dt {
	color: #1d50a2;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	#privacy_policy .link-01 {
		display: block;
		margin: 10px 0;
	}

	#privacy_policy .link-01 a {
		text-decoration: underline;
	}

	#evaluation .link-01 li img {
		width: 90%;
	}
}

/**
 * 57. 寄付金のお願い
 * ------------------------------------ */

#donation .page-visual {
	background-image: url(../images/donation/main.png);
}

#donation .text-01 {
	font-size: 115%;
	margin: 20px 20px 0 20px;
}

#donation .table-01 {
	margin-top: 2em;
	text-align: right;
	width: 100%;
}

#donation .table-01 .td-02 {
	width: 4.5em;
}

#donation .table-01 .td-03 {
	width: 5.5em;
}

#donation .text-02 > dt {
	background: url(../images/privacy_policy/list-01.png) left center no-repeat;
	font-size: 115%;
	margin: 15px 0 10px 0;
	padding: 5px 0 5px 30px;
}

#donation .text-02 > dd {
	margin-left: 30px;
}

#donation .text-03 > dt {
	font-weight: bold;
	margin: 20px 0 10px 0;
}

#donation .text-02 a {
	text-decoration: underline;

}

#donation .text-02 a:hover {

	text-decoration: none;
}

@media screen and (max-width: 767px) {
	#donation .text-01,
	#donation .text-02 > dd {
		margin: 10px;
	}
}

/**
 * 57. 寄付金のお願い
 * ------------------------------------ */

#sitemap .page-visual {
	background-image: url(../images/sitemap/main.png);
}

#sitemap .sitemap-left {
	float: left;
	width: 48%;
}

#sitemap .sitemap-right {
	float: right;
	width: 48%;
}

#sitemap .primary-hierarchy > li {
	background: #3189d4;
	margin-bottom: 20px;
}

#sitemap .primary-hierarchy > li > a {
	color: #fff;
	display: block;
	font-size: 129%;

	padding: 10px 20px;
	text-decoration: underline;
}

#sitemap .secondary-hierarchy > li {
	background: #dcedff;
}

#sitemap .secondary-hierarchy > li:last-child {
	padding-bottom: 20px;
}

#sitemap .secondary-hierarchy > li > a {
	color: #1d50a2;
	font-size: 115%;
	line-height: 250%;
	text-decoration: underline;
	padding: 10px 20px;
}

#sitemap .tertiary-hierarchy {

	background: #fff;
	padding: 10px 0;
	margin: 0 20px;
}

#sitemap .tertiary-hierarchy > li > a {
	color: #1d50a2;
	font-size: 100%;
	line-height: 250%;
	text-decoration: underline;
	padding: 5px 20px;

}

#sitemap .fourth-hierarchy > li > a {
	color: #4d4d4d;
	font-size: 86%;
	line-height: 250%;
	text-decoration: underline;

	padding: 5px 20px 5px 30px;
}

#sitemap a:hover {
	text-decoration: none !important;
}

@media screen and (max-width: 767px) {
	#sitemap .sitemap-left,
	#sitemap .sitemap-right {
		float: none;
		width: 100%;
	}

	#sitemap .primary-hierarchy > li {
		margin-bottom: 10px;
	}

	#sitemap .secondary-hierarchy > li:last-child {
		padding-bottom: 15px;
	}

	#sitemap .secondary-hierarchy > li > a {
		line-height: 300%;
	}
}

/**
 * 62. 検定・資格
 * ------------------------------------ */

#examination .page-visual {
	background-image: url(../images/examination/main.png);
}

#examination .text-01 {
	font-size: 115%;
	margin: 20px 0 40px 0;
}

#examination .table-01 th,
#examination .table-01 td {
	padding: 20px;
	text-align: center;
}

#examination .table-01 th {
	background: #3189d4;
	border: 1px solid #fff;
	font-weight: normal;
	color: #fff;
}

#examination .table-01 thead th {
	font-weight: bold;

	letter-spacing: .5em;
}

#examination .table-01 td {
	border: 1px solid #555;
	text-align: left;
}

#examination .table-01 { width: 100%; }

#examination .table-01 .td-01 { width: 25%; }
#examination .table-01 .td-02 { width: 37.5%; }
#examination .table-01 .td-03 { width: 37.5%; }

@media screen and (max-width: 767px) {
	#examination .text-01 {
		margin: 10px 0 20px 0;
	}

	#examination .table-01 th,
	#examination .table-01 td {
		padding: 10px;
	}

	#examination .table-01 thead {
		display: none;
	}

	#examination .table-01 tbody th,
	#examination .table-01 tbody td {
		border: 1px solid #fff;
		display: block;
		font-size: 115%;
		text-align: left;
	}

	#examination .table-01 tbody td {
		background: #F5F5F5;
		display: block;
		text-align: left;
	}

	#examination .table-01 tbody th,
	#examination .table-01 tbody td {
		position: relative;
		padding-left: 8em;
	}

	#examination .table-01 .td-01,
	#examination .table-01 .td-02,
	#examination .table-01 .td-03 {
		width: auto;
	}

	#examination .table-01 .td-01:before {
		content: '検定・資格名';
		font-weight: bold;
		position: absolute;
		top: 10px;
		left: 10px;
	}

	#examination .table-01 .td-02:before {
		content: '内　　　　容';
		font-weight: bold;
		position: absolute;
		top: 10px;
		left: 10px;
	}

	#examination .table-01 .td-03:before {
		content: '実　　　　績';
		font-weight: bold;
		position: absolute;
		top: 10px;
		left: 10px;
	}
}