@charset "utf-8";


/*----------------------------------------

 Body

----------------------------------------*/

body {
	font-size: 13px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
}
a {
	color:#06C;
	text-decoration: none;
}
a:hover {
	color:#666;
	text-decoration: none;
}
.pc {
	display: none;
}


/*----------------------------------------

 Header

-----------------------------------*/

header {
	position: relative;
	width: 100%;
	clear: both;
}
header .inner {
	position: relative;
	width: 100%;
	height: 50px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
header .inner h1 {
	display: none;
}
header .inner .logo {
	position: absolute;
	width: 145px;
	height: 60px;
	top: 5px;
	left: 5px;
	z-index: 10000;
}
header .inner .btn_contact {
	display: none;
}
header .inner .tel {
	display: none;
}
header .header_inner {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}


/*----------------------------------------

 Globalnavi PC

-----------------------------------*/

nav.pc_navi {
	display: none;
}


/*----------------------------------------

 Globalnavi SP

----------------------------------------*/

.btn_nav {
	position: static;
	width: 100%;
	height: 50px;
	float: right;
	top: 0px;
	right: 0px;
}
.btn_nav {
	position: static;
	width: 50px;
	height: 50px;
	float: right;
	top: 0px;
	right: 0px;
}
.btn_nav img {
	display: block;
}
.btn_nav img:hover {
	cursor:pointer;
}
.sp_nav_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #0085B2;
}
.sp_nav {
	position: absolute;
	width: 100%;
	top: 70px;
}
.sp_nav ul {
	background-color: #0085B2;
	padding-bottom: 20px;
}
.sp_nav ul li {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.sp_nav ul li .nav_item {
	display: block;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	color: #FFF;
	font-size: 1.4em;
	line-height: 2em;
	text-decoration: none;
	border-bottom: dotted 1px #004C66;
}
.sp_nav ul li .nav_item2{
	display: block;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 2em;
	text-decoration: none;
}
.sp_nav ul li .nav_item3{
	display: block;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	color: #F2C50D;
	text-decoration: none;
	background-color: #FFF;
	border-top: solid 1px #999;
}
.sp_nav ul li .nav_item:hover {
	cursor: pointer;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
.sp_nav ul li .second_item {
	clear: both;
}
.sp_nav ul li .second_item li {
	border-top: none;
}
.sp_nav ul li .second_item .nav_item {
	margin-left: 32px;
	background: url(../images/icon_nav_close.png) left no-repeat;
	background-size: auto 8px;
}


/*----------------------------------------

 Slider

-----------------------------------*/

#slide {
	display: none;
}


/*----------------------------------------

 BX Slider

-----------------------------------*/

#photo {
	width: 100%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


/*----------------------------------------

 Common

-----------------------------------*/

#wrapper {
	width: 100%;
	clear: both;
}
#wrapper section {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper section .block {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#wrapper section .title_en {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 2.4em;
	line-height: 1em;
	color: #0085B2;
	text-align: center;
}
#wrapper section .title_jp {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.2em;
	line-height: 1em;
	text-align: center;
	border-bottom: solid 1px #0085B2;
}
#wrapper section .btn_tel {
	width: 90%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #FFF;
	text-align: center;
}


/*-----------------------------------

 Top

-----------------------------------*/

#top {
	width: 100%;
	clear: both;
	padding-top: 10px;
	background-color: #0085B2;
}
#top h2.copy_main {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	color: #FFF;
	text-align: center;
}
#top .text {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 1.6em;
	color: #FFF;
}
#top .text br {
	display: none;
}


/*-----------------------------------

 取得できるライセンス

-----------------------------------*/

#license {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #EEE;
	border-bottom: solid 1px #DDD;
}
#license .logo_padi {
	width: 80%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
}
#license .text {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 1.6em;
}
#license .text br {
	display: none;
}

/*-----------------------------------

 スケジュール

-----------------------------------*/

#schedule {
	width: 100%;
	clear: both;
}
#schedule .photo {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#schedule table {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#schedule table th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
	color: #004C66;
	border-bottom: solid 1px #999;
}
#schedule table td, td.s1, td.s2, td.s3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	line-height: 1.2em;
	border-bottom: dotted 1px #999;
}
#schedule table td.s1 {
	width: 19%;
	text-align: center;
	background-color: #CCE7F0;
}
#schedule table td.s2 {
	width: 19%;
	text-align: center;
	background-color: #E5F3F7;
}
#schedule table td.s3 {
	width: 62%;
	padding-left: 5px;
}
#schedule .text {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font-size: 1em;
	line-height: 1.6em;
}

/*-----------------------------------

 育成プロジェクト

-----------------------------------*/

#ikusei {
	width: 96%;
	clear: both;
	background-color: #EEE;
	border: solid 1px #DDD;
}
#ikusei h2 {
	width: 90%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #0085B2;
}
#ikusei h2 br {
	display: none;
}
#ikusei .text {
	width: 90%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 1em;
	line-height: 1.6em;
}
#ikusei .text .note {
	font-size: 0.8em;
}
#ikusei .image {
	width: 90%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/*-----------------------------------

 受講料金

-----------------------------------*/

#fee {
	width: 100%;
	clear: both;
}
#fee .image {
	width: 90%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#fee .text {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}
#fee .text br {
	display: none;
}
#fee ul.left, ul.right {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	font-size: 1em;
	line-height: 1.2em;
}
#fee ul.left, #fee ul.right {
	clear: both;
}
#fee ul .tit {
	width: 100%;
	clear: both;
	padding-bottom: 5px;
	font-size: 1.2em;
	line-height: 1em;
	color: #0085B2;
	border-bottom: solid 1px #0085B2;
}
#fee ul li {
	width: 90%;
	clear: both;
	padding-top: 15px;
	margin-left: 20px;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
}
#fee ul li br {
	display: none;
}
#fee .note {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


/*-----------------------------------

 一般の皆様へ

-----------------------------------*/

#general {
	width: 100%;
	clear: both;
}
#general .tit_must {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	color: #FFF;
	background-color: #0085B2;
}
#general dl {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 1.6em;
	border-bottom: dotted 1px #999;
}
#general dl dt {
	float: left;
	clear: both;
	font-size: 1.1em;
	line-height: 1.6em;
}
#general dl dd {
	float: left;
	clear: both;
	font-size: 1em;
	line-height: 1.6em;
	color: #666;
}

/*-----------------------------------

 社会人の皆様へ

-----------------------------------*/

#working {
	width: 100%;
	clear: both;
}
#working h2 {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #0085B2;
	text-align: center;
}
#working h2 br, #working .text br {
	display: none;
}
#working .image {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#working .text {
	width: 96%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.6em;
}
#working .tit_must {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	color: #004C66;
	background-color: #CCE7F0;
}
#working dl {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 1.6em;
	border-bottom: dotted 1px #999;
}
#working dl dt {
	float: left;
	clear: both;
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#working dl dd {
	float: left;
	clear: both;
	font-size: 1em;
	line-height: 1.6em;
	color: #666;
}


/*----------------------------------------

 お問い合わせ

----------------------------------------*/

#contact_btn {
	width: 100%;
	clear: both;
	background-color: #0085B2;
}
#contact {
	width: 100%;
	clear: both;
	background-color: #EEE;
}

/*----------------------------------------

 入力フォーム

----------------------------------------*/

#form {
	width: 96%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
#form .thanks {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
}
#form dl {
	width: 100%;
	clear: both;
	float: left;
}
#form dl dt {
	width: 100%;
	height: 24px;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.2em;
	line-height: 24px;
}
#form dl dt br {
	display: none;
}
#form dl dt .must {
	width: 36px;
	height: 24px;
	float: left;
	margin-right: 5px;
}
#form dl dd {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.6em;
}
#form dl dd .note {
	margin-top: 10px;
	font-size: 1em;
	line-height: 1.2em;
	color: #666666;
}
#form dl dd .error {
	margin-left: 5px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #FF0000;
}
#form dl dd .ip01 {
	width: 96%;
	padding: 5px;
}
#form dl dd .ip02 {
	width: 96%;
	padding: 5px;
}
#form dl dd .ip03 {
	width: 20%;
	padding: 5px;
}
#form dl dd .ip04 {
	width: 25%;
	padding: 5px;
}
#form dl dd .ip_noborder {
	border: none;
}
#form dl dd select {
	padding: 5px;
}
#form .more_input {
	width: 100%;
	height: 40px;
	clear: both;
	float: left;
	margin-top: 20px;
	font-size: 13px;
	line-height: 40px;
	text-indent: 10px;
	color: #3F0000;
	background-color: #ECE2C5;
}
#form .privacy {
	width: 100%;
	clear: both;
	padding-top: 20px;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
}
#form .btn_block {
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
#form .btn_send {
	width: 90%;
	height: 50px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4em;
	line-height: 50px;
	text-align: center;
	color: #0085B2;
	border: solid 1px #0085B2;
	cursor: pointer;
}
#form .btn_confirm {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	text-align: center;
}


/*----------------------------------------

 Footer

----------------------------------------*/

footer {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #0085B2;
}
footer a {
	color: #333;
 	text-decoration: none;
}
footer a:hover {
	color: #000;
 	text-decoration: none;
}
footer #page-top{
	position: fixed;
	right: 10px;
	bottom: 70px;
	z-index: 10000;
}
footer #footer_inner {
	width: 100%;
	clear: both;
	padding-bottom: 15px;
}
footer #footer_inner .copyright{
	width: 100%;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	color: #FFF;
	text-align: center;
}