@charset "utf-8";

/* ===================================================================
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* Google Font */
@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Sans+Narrow:700|PT+Sans);


/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* Clearfix */
.cf:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.cf { zoom:1;}

.clear {
	clear: both;
}

/* Font */
@font-face {
     font-family: ex;
     src: url(font/exmouth.eot);
}
@font-face {
     font-family: ex;
     src: url(font/exmouth.otf) format("opentype");
}
@font-face {
     font-family: geo;
     src: url(font/geometric.eot);
}
@font-face {
     font-family: geo;
     src: url(font/geometric.otf) format("opentype");
}

/* Base Style */
body {
    font: 13px/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
    color: #333;
    -webkit-font-smoothing: antialiased;
	letter-spacing: 0.5px;
	width: 100%;
	/* Responsive */
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;  
}

	/* for IE9 */ 
	body:not(:target){
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 93%\9;
	}
	
	/* for IE8 */ 
	html>/**/body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 93%\9;
    }
  
    /* for IE7 */  
    *+html body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 93%;  
    }
	
	/* for IE6 */
	* html body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 93%;
	}
	
	body ,html {
	overflow-x: hidden;
	}
	
h1{font-family: 'ex', 'PT Sans Narrow', sans-serif;font-weight:normal;}
h2{font-family: 'geo', 'PT Sans Narrow', sans-serif;font-weight:bold; font-size: 182%; text-align:center; background: url(../img/stick.gif) center top no-repeat; padding-top: 60px;}
h3{font-family: 'geo', 'PT Sans Narrow', sans-serif;font-weight:bold; font-size: 182%; text-align:center; padding-bottom: 1em;}
h4,h5,h6{font-family: 'PT Sans', sans-serif; font-weight:bold;}
h4{ font-size:116%; }
p{min-height:1px;}
strong{font-weight:bold;}
small { font-size: 85%; color: #666; }
hr{background: #333;border: 0;height: 2px;margin: 12px auto 8px;width: 60px;}

a{color:#1074ce;text-decoration:none;}
a:hover{color:#0a487f;}

.button{
    display: inline-block;
    line-height: 1;
    font-weight: bold;
	font-size: 93%;
    border-radius: 3px;
    padding: 10px 12px;
    background: #000;
    color: #fff;
	margin-bottom: 2em;
	text-align: center;
}
    .button:hover{
        color: #fff;
        background-color: #333;
    }
    .button+.button{margin-left:1em;}

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

.exBox {
	padding: 1em 2em;
	border: solid 1px #ccc;
	margin: 1em 0;
}

/* NAV */
nav {
	width: 100%;
	padding: 20px 0;
	background: #000;
	color: #fff;
	position: fixed;
	top: 0px;
	z-index: 10;
	text-align: center;
	font-family: 'geo', 'PT Sans Narrow', sans-serif;
	font-size:116%;
	letter-spacing: 1px;
	border-bottom: solid 1px #444;
}

nav ul li {
	display: inline;
	margin-left: 3%;
	color: #aaa;
}

nav ul li:first-child {
	margin-left: 0;
}

nav a { color:#fff; text-decoration:none; }
nav a:hover { color:#ccc; }

/* Article,Section Common */

article {
    padding: 50px 0;
    width: 70%;
    margin: 0 auto;
	overflow: hidden;
}

article p {
	padding: 1em 0;
}

article .text {
    float: left;
	width: 50%;
}

article .pic {
    float: right;
	width: 45%;
}

img.adj {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	image-rendering:optimizeSpeed; /*Legal fallback*/
	image-rendering:-moz-crisp-edges; /*Firefox*/
	image-rendering:-o-crisp-edges; /*Opera*/
	image-rendering:-webkit-optimize-contrast; /*Chrome, Safari*/
	image-rendering:crisp-edges; /*CSS3 Proposed*/
	-ms-interpolation-mode:bicubic; /*IE8+*/
}

#wrapper , #contents {
	overflow: hidden;
}

/* Section 1 */

#section-1{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/main.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 530px;
    padding-top: 48.2%;
	margin: 68px auto 0 auto;
}

/*#section-1{
	height: 700px;
	min-height: 700px;
	width:1100px;
	max-width: 1100px;
	background: url(../img/main.jpg) no-repeat top center;
	margin: 68px auto 0 auto;
}
*/

@media screen and (max-width: 768px) {
#section-1{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/main_sp.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 312px;
	min-height: 312px;
    padding-top: 48.8%;
}
}

/*@media screen and (max-width: 768px) {
#section-1{
	max-width: 100%;
	height: auto;
	min-height: 500px;
	background: url(../img/main_sp.jpg) no-repeat top center;
	background-size: 90% auto;
	overflow: hidden;
}
}*/
    #section-1 header{
        color:#fff;
        position:absolute;
        top:25%;
        left:10%;
        width:100%;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
        line-height:1.1;
    }

    #section-1 h1{
        font-size: 500%;
		line-height: 1;
		padding-bottom: 0.2em;
		letter-spacing: 0px;
		text-indent: -9999px;
    }

    #section-1 p{
        opacity: .75;
        font-size: 200%;
		font-family: 'geo', 'PT Sans Narrow', sans-serif;
		letter-spacing: 2px;
		padding-left: 0.5em;
		padding-bottom: 2em;
		text-indent: -9999px;
    }
	
	#section-1 p small {
        opacity: .75;
        font-size: 40%;
		font-family: 'geo', 'PT Sans Narrow', sans-serif;
		letter-spacing: 2px;
		font-style: normal;
		text-indent: -9999px;
    }

/* Section 2 */
/*@media screen and (max-width: 375px) {
#section-2{
	margin-top:  -150px;
}
}*/
	#section-2 dl#lessonContents {
		padding: 1em 0;
	}
	
	#section-2 dl#lessonContents dt {
		float: left;
		clear: both;
		width: 30%;
		text-align: right;
		padding-right: 2em;
		margin-top: 2px;
	}
	
	#section-2 dl#lessonContents dd {
		float: left;
		font-family: 'geo', 'PT Sans Narrow', sans-serif;
		font-size: 116%;
		width: 50%;
		letter-spacing: 1px;
	}
	
	#section-2 article .text {
    float: left;
	width: 55%;
}

	#section-2 article .pic {
		float: right;
		width: 45%;
		overflow: visible;
	}


/* Section 3 */
#section-3{
    
}

/* Section 4 */
#section-4 {
    
}

#section-4 h3 {
    font-size: 116%;
	padding-bottom: 1.5em;
}

#section-4 .l_date , #section-4 .l_title {
	font-size: 116%;
	font-weight: bold;
}

#section-4 .l_title {
	margin-bottom: 0.5em;
}

#section-4 .l_other {
	font-size: 85%; color: #666;
}

#section-4 dl {
	margin-bottom: 2.5em;
}



/* Section 5 */
#section-5 { 
}

#section-5 h3 {
    font-size: 116%;
	padding-bottom: 1.5em;
}

#section-5 ul {
	padding-top: 50px;
	text-align: center;
}

#section-5 ul li {
	margin-bottom: 1em;
	list-style: none;
}

#section-5 ul li:before {content: "・" }

/* Section 6 */
#section-6 {
    
}

#section-6 h3 {
    font-size: 116%;
	padding-bottom: 1.5em;
}

#section-6 address {
	padding: 1em 0;
    margin-bottom: 2em;
}

/*#section-6 .maioform small {
    font-size: 85%;
	color: #666;
}
*/

/* Section 7 */
#section-7 {
    margin-top: 100px;
}



#copyright {
	text-align: center;
	color: #666;
	font-family: 'PT Sans', sans-serif;
	padding: 80px 0;
}

/* PAGETOP */
	
#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 5;
}

#pagetop a:hover img {
	background: none;
}