@charset "UTF-8";

* {
margin: 0;
padding: 0;
background-color: transparent;
font-weight: normal;
font-style: normal;
}

body {
font-family: "M+ Type-1 (general-j) Regular",Osaka,verdana,arial,helvetica,clean,Sans-Serif;
font-size: 10pt;
line-height: 150%;
}

/* ヘッダーを幅いっぱいにする為のボックス
------------------------------------------------------------------------------------- */
#headermenu {
height:60px;
width:100%;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
}

#top_logo {
width:70%;
height:60px;
background: url(../image/logo.svg) no-repeat left;
}

/*グラフィック
------------------------------------------------------------------------------------- */
#function_graphic {
width:380px;
height:200px;
margin-left: auto;
margin-right: auto;
background: url(../image/function_top.png) no-repeat center;
}

#terms_graphic {
width:380px;
height:200px;
margin-left: auto;
margin-right: auto;
background: url(../image/terms_top.png) no-repeat center;
}
#privacy_graphic {
    width:380px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
    background: url(../image/privacy_top.png) no-repeat center;
}

#inquiry_graphic h1 {
	text-align: center;
	font-size: 24px;
color: #292929;
font-family: "M+ Type-1 (general-j) Light";
	}


/*トピック01
------------------------------------------------------------------------------------- */
#cloud_back01 {
width:100%;
height:100%;
background: url(../image/mobile_back_cloud01.svg) no-repeat center bottom;
}

#cloud_back02 {
width:100%;
height:100%;
background: url(../image/mobile_back_cloud02.svg) no-repeat center bottom;
}
    
#topic {
width: 85%;
margin-left: auto;
margin-right: auto;
}

#topic_title01 {
width: 85%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#topic_title01 h1 {
font-size: 20px;
color: #292929;
font-family: "M+ Type-1 (general-j) Light";
}
#topic_title01 p {
font-size: 12px;
line-height: 250%;
color: #ffea00;
}

#topic_body {
width: 85%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px;
text-align: left;
line-height: 170%;
}

#topic_body p.pink {
font-size: 16px;
color: #c71585;
}
#topic_body p.indent {
padding-left:1.3em;
text-indent:-1.3em;
}
a.link_line {
text-decoration: none;
border-bottom: dashed 1px #4169e1;
color: #4169e1;
}


/*ご利用規約
------------------------------------------------------------------------------------- */
#terms_body {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
    line-height: 170%;
	}

#terms_body h1 {
	font-size: 16px;
	color: #292929;
	}

#terms_body table {
	border-collapse: collapse;
	}
#terms_body th {
	width: 15%;
	vertical-align: top;
	text-align: center;
	padding: 0px;
	}
#terms_body td {
	width: 85%;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}



/*お問い合せ
------------------------------------------------------------------------------------- */
#inquiry_body {
	font-size: 14px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0px;
	text-align: left;
	line-height: 200%;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}

#inquiry_body h1 {
	font-size: 20px;
color: #292929;
font-family: "M+ Type-1 (general-j) Light";
	}

#inquiry_body table {
	border-collapse: collapse;
	}
#inquiry_body th {
	width: 15%;
	vertical-align: top;
	text-align: center;
	padding: 10px 0px;
	}
#inquiry_body td {
	width: 85%;
	vertical-align: top;
	text-align: left;
	padding: 10px 0px;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}

#inquiry_title {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 100%;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_mail {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 100%;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_comment {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		resize: vertical;
		width: 100%;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_number {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 150px;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_name {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 150px;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_submit {
		cursor: pointer; 
		border-radius: 3px;
		border: 1px solid #909090;
		margin: 0px;
		padding: 5px;
		width: 150px;
		display: inline-block;
		text-align: center;
		background: #fff;
		color: #000;
		font-size: 14px;
	  }


/*price
------------------------------------------------------------------------------------- */
#price_back {
width:100%;
height:100%;
text-align: center;
padding: 30px 0px;
background: url(../image/color/sky.jpg) repeat;
}

#price {
width:90%;
margin-left: auto;
margin-right: auto;
padding: 10px 0px;
}

#price_box {
width: 100%;
padding: 0px 0px 40px 0px;
}

#price_back h1 {
font-size: 20px;
color: #27638d;
}
#price_back h2 {
font-size: 18px;
}
#price_back table {
width: 100%;
font-size: 14px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
#price_back th {
width: 100%;
background-color: #27638d;
color: #ffffff;
padding: 10px 0px;
}
#price_back td {
width: 100%;
background-color: #ffffff;
color: #333333;
padding: 10px 0px;
}
span.del {
text-decoration-line: line-through;
text-decoration-style:double;
text-decoration-color: red;
}
span.new_period {
font-size: 16pt;
color: red;
}


/*スクール編
------------------------------------------------------------------------------------- */
#school_contents {
width: 100%;
background-color: #bbdbf3;
}

#school_contents_title {
width:100%;
background-color: #1c305c;
}

#school_contents_title h1 {
font-size: 16pt;
padding: 15px 20px 10px 20px;
color: #ffffff;
}

#school_contents_text h1 {
font-size: 16pt;
padding: 15px 20px 0px 20px;
color: #000000;
}

#school_contents_text p {
padding: 20px;
font-size: 12pt;
}


/* ボタン
------------------------------------------------------------------------------------- */
#button01  {
padding: 0px 20px 20px 20px;
width: 200px;
margin-left: auto;
}

#button01 a  {
padding: 10px 0px 0px 0px;
text-decoration: none;
display: inline-block;
width: 200px;
height: 28px;
border-radius: 28px;          /* 角丸 */
font-size: 11pt;        /* 文字サイズ */
text-align: center;      /* 文字位置 */
cursor: pointer;     /* カーソル*/
color: #1c305c;
border: solid 1px #1c305c;    /*枠の指定*/
}

#button02 {
padding: 0px 20px 20px 20px;
width: 250px;
margin-left: auto;
margin-right: auto;
}

#button02 a {
padding: 15px 0px 0px 0px;
text-decoration: none;
display: inline-block;
width: 250px;
height: 34px;
border-radius: 34px;          /* 角丸 */
font-size: 11pt;        /* 文字サイズ */
text-align: center;      /* 文字位置 */
cursor: pointer;     /* カーソル*/
color: #ffffff;
border: solid 1px #db7093;    /*枠の指定*/
background-color: #db7093;
}

#button02 a:hover {
border: solid 1px #ffb6c1;    /*枠の指定*/
background-color: #ffb6c1;
}


/* フッター
------------------------------------------------------------------------------------- */
#footer_back {
width: 100%;
padding: 0px;
background: url(../image/color/light_gray.jpg) repeat;
}
    
#footer {
width: 80%;
padding: 20px 0;
margin-left: auto;
margin-right: auto;
color: #333333;
text-align: left;
}

#footer_box03 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
	text-align: left;
	}
    
#footer a {
text-decoration: none;
color: #333333;
}			
#footer a:hover {
opacity: 0.5;/* 透過*/
}