@charset "UTF-8";
/* CSS Document */

@import "compass";


//--------------------------------------------- カラー設定
$cc: #ff9100; //コーポレートカラー
$black: #3e3b3b; //文字色等
$gray: #707070; //OFF文字
$orange: #b67400; //ハイライト？
$beige: #eae5da; //ベージュ




html body {
	//-----------------------------------header
	@media (min-width: 992px) {
		header {
			width: 960px;
			nav {
				ul {
					margin: 0;
					li {
						a {
							margin: 40px 0 0 0;
						}
					}
				}
			}
		}
	}
	//-----------------------------------#contents.row
	div#contents {
		//-----------------------------------#maincolumn
		div#maincolumn {
			margin: 0 0 20px 0;
			section {
				margin: 40px 0 0 0; @include legacy-pie-clearfix;
				border-bottom: 1px dotted #b67400;
				&:first-child {
					margin: 0;
				}
				h3 {
					font-size: 21px; line-height:28px; font-weight: bold; letter-spacing: 2px;
					border-bottom: 5px solid $orange; margin: 0 0 15px 0;
				}
				&.sanchi {
					width: 100%;
					p { margin: 20px 0; font-size: 15.59px; line-height: 27px;}
					p.catch {
						font-size: 20px; line-height: 33px; font-weight: bold; color: $orange;
						margin: 0;
					}
					a {
						max-width: 100%;
						img {
							max-width: 100%;
						}
						&:hover {
							@include opacity(0.5);
						}
					}
					/*
					a {
						display: inline-block; background: url('../../img/arrow_triangle.png') left center no-repeat;
						height: 20px; line-height: 20px; padding: 0 0 0 0.7em;
						color: $black;
						&:hover{
							color: $cc;
						}
					}
					*/
					h4 {
						margin: 20px 0 10px 0;
						color: #8cc11f; font-size: 16px; line-height: 28px; font-weight: bold;
					}
					div.photo {
						background-color: #8cc11f;
						text-align: center;
						padding: 2.5% 0;
						img {
							width: 95%; display: block; margin: 0 auto;
						}
					}
					p.school-list {
						margin: 10px 0; font-size: 16px; line-height: 24px;
					}
				}
			}
		}
	}
}