@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul:not([class]){list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{
	font: 18px/1.6 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	color: #000;
	background: #fff;
}

a{
	color: #4a7094;
	text-decoration: none;
}

a:hover, .active{
	text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}


/* ヘッダー */
#Header{
	position: relative;
    overflow:hidden;
    width:100%;
    height:479px;
		background: #f8ece4;
}

#Header img{
    position:absolute;
    left:50%;
    width:1280px;
    height:auto;
    margin-left:-640px;
}

#Slogan{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #00213c;
	line-height: 1.2;
	text-align: center;
}

#Slogan h1{
	font-size: 100px;
	font-family: 'brushtones', sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: 6px;
}

#Slogan p{
	font-size: 20px;
	margin-bottom: 10px;
	font-weight:normal;
}
#Slogan p span{
	font-weight: bold;
	font-size: 110%;
	border-bottom: 1px dotted red;
}



/* フッター */
#footer{
	clear: both;
	padding: 50px 0;
	text-align: center;
	font-size: 12px;
}


/* 共通 */

h1, h2, h3{
	font-family: 'Josefin Sans', 'Noto Sans JP',serif;
	clear: both;

}

img{
	width: 100%;
	height: auto;
}

section{clear:both;}

section h2{
	font-size: 22px;
	font-weight:normal;
	text-align: center;
}

section h3{

}

.inner{
	width: 94%;
	margin: 0 auto;
	padding-bottom: 50px;
}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sentence{
		margin: 0 auto;
	
	/* Del 
	padding-bottom: 80px;
	*/
}

.sentence p{
	text-align: justify;
	text-justify: inter-ideograph;
}

.sentence p.highlighting{
	margin: 10px 0;
	padding: 5px 2em;
	background-color: #ffc7d9;
}

.sentence ul{
	list-style: square;
	list-style-position: inside;
	background: red;
	}

.sentence li{
	padding-left:auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sentence-center{
		margin: 0 auto;
	padding-bottom: 20px;
}

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

/**/
.strikethrough{
	text-decoration: line-through;
}

.text-red{
	color:red;
}

.text-blue{
	color:blue;
}



/* Notice */
.notice{
		margin: 0 auto;
}


/* SEC Notice */

#Notice dt{
	clear: left;
	float: left;
	display: block;
	width: 6em;
	text-align: left;
}

#Notice dd{
	float: left;
	width: calc(100% - 8em);
	text-align: justify;
	text-justify: inter-ideograph;
	padding-left: 1em;
	margin-bottom: 20px;
}


/* Application */
.application{
		margin: 0 auto;
	padding-bottom: 80px;
}

/* SEC Application */
/*
#APPLICATION header{
	display: none;
}
*/

#APPLICATION p.highlighting{
/* mod
	margin: 0 2em;
	padding: 0 2em;
 */
	margin: 10px 0;
	padding: 5px 2em;

	background-color: #ffc7d9;
}

/* Schedule */
.schedule{
		margin: 0 auto;
	padding-bottom: 80px;
}

/* SEC schedule */
#SCHEDULE dl{
	line-height: 1.2;
}

#SCHEDULE dt{
	clear: left;
	float: left;
	display: block;
	width: 8em;
	text-align: left;
	line-height: 1.6em;
}

#SCHEDULE dd{
	float: left;
	width: calc(100% - 10em);
	text-align: justify;
	text-justify: inter-ideograph;
	padding-left: 1em;
	margin-bottom: 20px;
	line-height: 1.6em;
}

/* Themes */
.themes{
		margin: 0 auto;
	padding-bottom: 80px;
}

/* SEC Themes */
#THEMES{
	padding-top: 50px;
}

#THEMES h3{
	padding-top: 30px;
}

#THEMES ul{
	list-style: square;
	list-style-position: inside;
}

#THEMES li{
	padding-left:auto;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*
#ACCESS .list ul{
	list-style: square;
	list-style-position: outside;
}

#ACCESS .list li{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
	display: list-item;
}
*/

.map{
	text-align: right;
}

.map iframe{
width: 100%;
}

/* contact */
.contact{
	overflow: hidden;
	width: 50%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 1px solid #555;
}