@charset "UTF-8";
@media screen and (max-width:768px){

body {
	font-size:12px !important;
	min-height:100%;
	min-width:inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*************
Header 
***************/
header{
	border-bottom:2px solid #05addd;
}

header .header{
	display:none;
}

header .sp_header{
	display:block;
}

header .sp_header h1{
	float:left;
	font-size: 8px;
    padding: 15px 0 0 5px;
}

header .sp_header .logo{
	position:absolute;
	top:8px;
	left:50%;
	margin:0 0 0 -25px;
	width:50px;
}

header .sp_header .menu{
	float:right;
}

header .sp_header .navbox{
    position: fixed;
    top: 0;
    right: -202px;
    width: 202px;
    height: 100%;
    /* overflow-y: scroll; */
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #ffffff;
    z-index: 999999999;
	border-left:2px solid #05addd;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

header .sp_header .navbox .lg{
	padding:10px 0;
	text-align: center;
}

header .sp_header .navbox ul{
	border-top:2px solid #05addd;
}

header .sp_header .navbox ul li{
	border-bottom:2px solid #05addd;
	line-height:1;
	text-align: left;
	text-align: center;
}

header .sp_header .navbox ul li a{
	display:block;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding:20px 10px 20px 10px;
}


/*************
Footer
***************/
footer{
	padding:20px 0 20px 0;
}

footer .footer{
	width:auto;
}

footer .footer .footin{
	float:none;
}

footer .footer .footin ul{
	margin:0 0 15px 0;
	background:#00abdc;
	padding:15px 0;
	text-align: center;
}

footer .footer .footin ul li{
	float:none;
	display:inline;
	line-height:1;
	padding:0 10px;
	border-right:1px solid #ffffff;
}

footer .footer .footin ul li:last-child{
	border-right:0;
}

footer .footer .footin ul li a{
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
}

footer .footer .footin address{
	font-style:normal;
	font-size:10px;
	line-height:1.2;
	text-align: center;
	margin:0 0 15px 0;
}

footer .footer .footin .sp_logo{
	display:block;
	text-align: center;
	margin:0 0 15px 0;
}

footer .footer .logo{
	float:none;
	text-align: center;
}

.com_sp_pagetop{
	display:block;
	text-align: center;
	margin:0 0 15px 0;
}

/*************
Contents
***************/
/*com_ctbox*/
.com_ctbox{
	width:auto;
}

/*com_ct2box*/
.com_ct2box{
	width:auto;
}

.com_pc {
	display:none;
}
.com_sp {
	display:block;
}

/*com_btn*/
.com_btn {
	width:auto;
	border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.com_btn.dbl {
	background:#008bb3;
}
.com_btn.bl {
	background:#00abdc;
}
.com_btn.cv {
	width:auto;
	background:#ff6600;
    box-shadow: 0 5px 0 #ffffff;
    -ms-box-shadow: 0 5px 0 #ffffff;
    -moz-box-shadow: 0 5px 0 #ffffff;
    -webkit-box-shadow: 0 5px 0 #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.com_btn a{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:15px 0;
}

.com_btn.cv a{
	padding:17px 0;
}

.com_btn.dw a{
	padding:10px 0 20px 0;
	background:url(../../images/sp/dec_arw_wh_dw.png) no-repeat center bottom 5px;
	background-size:15px auto;
	-ms-background-size:15px auto;
	-moz-background-size:15px auto;
	-webkit-background-size:15px auto;
}

.com_btn.dw.on a{
	background:url(../../images/sp/dec_arw_wh_up.png) no-repeat center bottom 5px;
	background-size:15px auto;
	-ms-background-size:15px auto;
	-moz-background-size:15px auto;
	-webkit-background-size:15px auto;
}

.com_btn a span{
	display:block;
	padding:0 0 0 0;
	background:url(../../images/sp/dec_arw_wh.png) no-repeat right 10px center;
	background-size:8px auto;
	-ms-background-size:8px auto;
	-moz-background-size:8px auto;
	-webkit-background-size:8px auto;
}

.com_btn.dw a span{
	background:none;
}

.com_btn.cv a span{
	padding:0 0 0 0;
	background:none;
}

/*com_cvbox*/
.com_cvbox {
	background:#00abdc;
	padding:20px 15px 20px 15px;
}

.com_cvbox .cvbox .ttl{
	line-height:1;
	font-weight:bold;
	color:#ffffff;
	font-size:20px;
	margin:0 0 20px 0;
	text-align: center;
}

.com_cvbox .cvbox .txt{
	display:none;
}

.com_cvbox .cvbox .cvin{
	width:auto;
	margin:0 auto;
}

.com_cvbox .cvbox .cvin .telbox{
	float:none;
	width:258px;
	margin:0 auto 30px auto;
}

.com_cvbox .cvbox .cvin .telbox .tel{
	margin:0 0 5px 0;
	text-align:center;
}

.com_cvbox .cvbox .cvin .telbox .tx{
	color:#ffffff;
	line-height:1;
	font-size:10px;
	font-weight:bold;
}

.com_cvbox .cvbox .cvin .com_btn{
	float:none;
}

/*com_freebox*/
.com_freebox{
	padding:15px 15px;
}

.com_freebox .freein{
	display:block;
	letter-spacing:normal;
}

.com_freebox .freein .logo{
	text-align:center;
	width:78px;
	margin:0 auto;
	display:block;
}

.com_freebox .freein .logo.com_pc{
	display:none !important;
}

.com_freebox .freein .logo.com_sp{
	display:block !important;
}

.com_freebox .freein .txtbox{
	display:block;
	padding: 15px 0 0 0;
}

.com_freebox .freein .txtbox .ttl{
	font-size:15px;
	line-height:1.6;
	word-break: break-all;
	text-align: center;
}

.com_freebox .freein .txtbox .txt{
	font-size:13px;
	line-height:1.6;
	word-break: break-all;
}


/*com_ttlbox*/
.com_ttlbox{
	padding:15px 10px;
}

.com_ttlbox .ttlbox{
	width:auto;
}

.com_ttlbox .ttlbox h1{
	font-size:18px;
	line-height:1.4;
}

/*com_pnkzbox*/
.com_pnkzbox{
	background:#efefef;
	padding:10px 10px;
}

.com_pnkzbox ul{
	width:auto;
}

.com_pnkzbox ul li{
	float:left;
	font-size:12px;
	margin:0 0 0 5px;
	padding:0 5px 0 0;
	line-height:1.4;
}

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

.com_pnkzbox ul li a{
	text-decoration:none;
}

.com_pnkzbox ul li a:hover{
	text-decoration:none;
}


/*com_linksbox*/
.com_linksbox{
	padding:15px 15px;
}

.com_linksbox li{
	margin:0 auto 15px auto;
}

.com_linksbox li:last-child{
	margin:0 auto 0 auto;
}

/*************
TOP
***************/
#TPBX .mainview{
	width: 100%;
    min-height: inherit;
    position: inherit;
    z-index:0;
    padding: 0;
    background:none;
}

#TPBX .mainview .sp_main{
	display:block;
}

#TPBX .topbox{
    z-index: 0;
    padding:0 0 0 0;
    position: relative;
}

#TPBX .topbox .aboutbox .aboutin{
	padding:15px 15px 15px 15px;
}

#TPBX .topbox .aboutbox .aboutin .txtbox{
	margin:0 0 15px 0;
}

#TPBX .topbox .aboutbox .aboutin .txtbox .txtin{
	float:none;
	width:auto;
}

#TPBX .topbox .aboutbox .aboutin .txtbox .txtin .ttl{
	margin:0 0 0 0;
	text-align: center;
}

#TPBX .topbox .aboutbox .aboutin .txtbox .txtin .txt{
	padding:20px 0 0 0;
	line-height:1.6;
	color:#ffffff;
	font-size:16px;
}

#TPBX .topbox .aboutbox .aboutin .txtbox .img{
	float:none;
	text-align: center;
}

#TPBX .topbox .stepbox{
	padding:15px 15px 15px 15px;
}

#TPBX .topbox .stepbox .stepin .ttl{
	text-align: center;
	margin:0 0 15px 0;
}

#TPBX .topbox .stepbox .stepin .img{
	text-align: center;
	margin:0 0 15px 0;
}

#TPBX .topbox .stepbox .stepin .listbox{
	margin:0 0 25px 0;
}

#TPBX .topbox .stepbox .stepin .listbox .listin{
	margin:0 0 25px 0;
}

#TPBX .topbox .stepbox .stepin .listbox .listin:last-child{
	margin:0 0 0 0;
}

#TPBX .topbox .stepbox .stepin .listbox .listin.flt .gra{
	float:none;
	width:282px;
	text-align: center;
	margin:0 auto;
}

#TPBX .topbox .stepbox .stepin .listbox .listin:nth-child(1) .gra img{
	width:141px;
	height:auto;
}
#TPBX .topbox .stepbox .stepin .listbox .listin:nth-child(2) .gra img{
	width:131.5px;
	height:auto;
}

#TPBX .topbox .stepbox .stepin .listbox .listin.flt .txtbox{
	float:none;
	width:auto;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox .tl{
	margin:0 0 10px 0;
	text-align: center;
}

#TPBX .topbox .stepbox .stepin .listbox .listin:nth-child(1) .txtbox .tl img{
	width:100%;
	max-width:520px;
	height:auto;
}
#TPBX .topbox .stepbox .stepin .listbox .listin:nth-child(2) .txtbox .tl img{
	width:100%;
	max-width:522px;
	height:auto;
}
#TPBX .topbox .stepbox .stepin .listbox .listin:nth-child(3) .txtbox .tl img{
	width:100%;
	max-width:524px;
	height:auto;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox ul{
	width:265px;
	margin:0 auto 20px auto;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox ul li{
	margin:0 0 10px 0;
	font-weight:bold;
	line-height:1;
	color:#0b75be;
	font-size:14px;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox ul li:last-child{
	margin:0 0 0 0;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox .fls{
	text-align:left;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox .fls li{
	margin:0 0 10px 0;
	display:block;
}

#TPBX .topbox .stepbox .stepin .listbox .listin .txtbox .ig{
	display:none;
}

#TPBX .topbox .coursebox .ttlbox{
	padding:15px 0;
}

#TPBX .topbox .coursebox .coursein{
	padding:15px 15px;
}

#TPBX .topbox .coursebox .coursein .ttl{
	text-align: center;
	margin: 0 0 15px 0;
}

#TPBX .topbox .coursebox .coursein .img{
	text-align: center;
	margin: 0 0 25px 0;
}

#TPBX .topbox .messagebox{
	background:#d3edfb;
	padding:15px 15px 15px 15px;
}

#TPBX .topbox .messagebox .messagein .ttl{
	margin:0 0 15px 0;
	text-align: center;
}

#TPBX .topbox .messagebox .messagein .messagect{
	background:url(../../images/sp/top_img07.jpg) no-repeat 50% 0;
	background-size:116px auto;
	-ms-background-size:116px auto;
	-moz-background-size:116px auto;
	-webkit-background-size:116px auto;
	padding:150px 0 0 0 ;
}

#TPBX .topbox .messagebox .messagein .messagect dl{
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

#TPBX .topbox .messagebox .messagein .messagect dl:last-child{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#TPBX .topbox .messagebox .messagein .messagect dl dt{
	margin:0 0 15px 0;
	font-weight:bold;
	line-height:1;
	color:#0b75be;
	font-size:16px;
}

#TPBX .topbox .messagebox .messagein .messagect dl dd{
	line-height:1.6;
	font-size:14px;
}

#TPBX .topbox .messagebox .messagein .messagect dl dd .dl{
	display:none;
}


/*************
faq
***************/
#FAQBX .faqbox{
	width:auto;
	margin:0 15px;
}

#FAQBX .faqbox .faqin {
	padding:15px 0;
}

#FAQBX .faqbox .faqin .ttl{
	text-align: center;
	margin:0 0 20px 0;
}

#FAQBX .faqbox .faqin .ttl img{
	width:236px;
}

#FAQBX .faqbox .faqin .listbox ul li{
	margin:0 0 20px 0;
}

#FAQBX .faqbox .faqin .listbox ul li:last-child{
	margin:0 0 0 0;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .tlbx{
	display:table;
	letter-spacing:-.40em;
	margin:0 0 20px 0;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .tlbx .icn{
	display:table-cell;
	letter-spacing:normal;
	vertical-align:top;
	text-align:left;
	width:34px;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .tlbx .icn img{
	width:34px;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .tlbx .tl{
	display:table-cell;
	letter-spacing:normal;
	vertical-align:top;
	text-align:left;
	padding:10px 0 0 10px;
	font-size:14px;
	font-weight:bold;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .txtbox{
	border:1px solid #44c1e5;
	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:15px 15px 15px 15px;
	position:relative;
	margin:0 0 0 0;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .txtbox .icn{
	position:absolute;
	top:-14px;
	left:-1px;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .txtbox .icn img{
	width:27px;
}

#FAQBX .faqbox .faqin .listbox ul li .listin .txtbox .txt{
	line-height:1.6;
	font-size:14px;
}


/*************
course
***************/
#CRSBX .coursebox .ttlbox{
	background:#0b75be;
	padding:15px 0;
	text-align: center;
}

#CRSBX .coursebox .coursein{
	padding:15px 15px;
}

#CRSBX .coursebox .coursein .txt{
	font-weight:normal;
	line-height:1.6;
	font-size:16px;
	margin:0 0 15px 0;
}

#CRSBX .coursebox .coursein .detbox{
	margin:0 0 20px 0;
}

#CRSBX .coursebox .coursein .detbox .detin{
	float:none;
	width:auto;
	box-shadow: 2px 2px 3px #eae9e9;
	-ms-box-shadow: 2px 2px 3px #eae9e9;
	-moz-box-shadow: 2px 2px 3px #eae9e9;
	-webkit-box-shadow: 2px 2px 3px #eae9e9;
	border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#e9f1fa;
	position:relative;
	padding:15px 15px 15px 15px;
	margin:0 0 15px 0;
}

#CRSBX .coursebox .coursein .detbox .detin:last-child{
	float:none;
	margin:0 0 0 0;
}

#CRSBX .coursebox .coursein .detbox .detin .ttl{
	position: inherit;
	top:0;
	left:0;
	background:#7bcdea;
	color:#0b75be;
	font-size:16px;
	margin:0 0 10px 0;
	padding:10px;
}

#CRSBX .coursebox .coursein .detbox .detin:last-child .ttl{
	background:#bbd875;
	color:#07913a;
}

#CRSBX .coursebox .coursein .detbox .detin .ttl span{
	background:#ffffff;
	padding:5px;
	color:#7bcdea;
	font-size:14px;
	border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#CRSBX .coursebox .coursein .detbox .detin:last-child .ttl span{
	color:#bbd875;
}

#CRSBX .coursebox .coursein .tls{
	margin:0 0 10px 0;
}

#CRSBX .coursebox .coursein .img{
	margin:0 0 30px 0;
}

#CRSBX .coursebox .coursein .stx{
	text-align:left;
}

/*************
step
***************/
#STPBX .stepbox .stepin{
	padding:15px 0 15px 0;
}

#STPBX .stepbox .stepin .img{
	margin:0 0 20px 0;
}

#STPBX .stepbox .stepin .listbox ul{
	margin:0 0 0 0;
}

#STPBX .stepbox .stepin .listbox ul li{
	margin:0 auto 20px auto;
	float:none;
	width:302px;
}

#STPBX .stepbox .stepin .listbox ul li:nth-child(2){
	width:302px;
}
#STPBX .stepbox .stepin .listbox ul li:nth-child(5){
	width:302px;
}

#STPBX .stepbox .stepin .listbox ul li .ig img{
	width:100%;
}

#STPBX .stepbox .stepin .listbox ul li .tlbx{
	padding:15px 10px 15px 80px;
	margin:0 0 10px 0;
}

#STPBX .stepbox .stepin .listbox ul li .txt{
	padding:0 0;
	font-size:16px;
}


/*************
feature
***************/
#FTRBX .featurebox{
	padding:15px 0 0 0;
}

#FTRBX .featurebox .onl_txt{
	margin:0 15px 15px 15px;
	font-size:16px;
	font-weight:normal;
}

#FTRBX .featurebox .img{
	margin:0 0 15px 0;
	text-align: center;
}

#FTRBX .featurebox .featurein{
	margin:0 0 30px 0;
}

#FTRBX .featurebox .featurein .featurect{
	margin:0 15px 30px 15px;
}

#FTRBX .featurebox .featurein .featurect:last-child {
	margin:0 15px 0 15px;
}

#FTRBX .featurebox .featurein .featurect .gra{
	float:none;
	width:auto;
	text-align: center;
}

#FTRBX .featurebox .featurein .featurect .gra .pd{
	margin:0 0 15px 0;
}

#FTRBX .featurebox .featurein .featurect .txtbox{
	float:none;
	width:auto;
}

#FTRBX .featurebox .featurein .featurect .txtbox.non{
	float:none;
	width:auto;
}

#FTRBX .featurebox .featurein .featurect .txtbox .txtin{
	margin:0 0 0 0;
}

#FTRBX .featurebox .featurein .featurect .tl{
	margin:0 0 15px 0;
}

#FTRBX .featurebox .featurein .featurect .tl img{
	width:100%;
	max-width:520px;
	height:auto;
}

#FTRBX .featurebox .featurein .featurect .txtbox .fltbox{
	width:auto;
}

#FTRBX .featurebox .featurein .featurect .txtbox ul{
	margin:0 0 20px 0;
}

#FTRBX .featurebox .featurein .featurect .txtbox .fltbox ul{
	float:none;
	width:auto;
}

#FTRBX .featurebox .featurein .featurect .txtbox .flt2box ul{
	float:none;
	width:auto;
	margin:0 0 20px 0;
}

#FTRBX .featurebox .featurein .featurect .txtbox .flt2box .gra{
	width:auto;
	padding:0 0 0 0;
	text-align: center;
}

#FTRBX .featurebox .featurein .featurect .txtbox .flt2box .gra img{
	width:100%;
	max-width:358px;
	height:auto;
}

#FTRBX .featurebox .featurein .featurect .txtbox ul li{
	margin:0 0 15px 0;
}

#FTRBX .featurebox .featurein .featurect .txtbox ul li:last-child{
	margin:0 0 0 0;
}

#FTRBX .featurebox .featurein .featurect .txtbox ul li dl dt{
	font-weight:bold;
	line-height:1;
	color:#0b75be;
	font-size:16px;
	margin:0 0 10px 0;
}

#FTRBX .featurebox .featurein .featurect .txtbox ul li dl dd{
	line-height:1.6;
	padding:0 0 0 10px;
}

#FTRBX .featurebox .featurein .featurect .ig{
	display:none;
}

#FTRBX .featurebox .featurein .featurect .igbox{
	display:block;
	margin:0 0 20px 0;
}

#FTRBX .featurebox .featurein .featurect .igbox .tls{
	background:#00abdc;
	padding:5px;
	color:#ffffff;
	line-height:1:
	font-size:16px;
}

#FTRBX .featurebox .featurein .featurect .igbox .igin{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:10px;
}

#FTRBX .featurebox .featurein .featurect .igbox .igin .ts{
	font-weight:bold;
	color:#0b75be;
	font-size:16px;
	margin:0 0 10px 0;
}

#FTRBX .featurebox .featurein .featurect .igbox .igin .tx{
	font-size:14px;
	margin:0 0 10px 0;
}

#FTRBX .featurebox .featurein .featurect .igbox .igin .tx2{
	font-size:14px;
	margin:0 0 10px 0;
}

#FTRBX .featurebox .featurein .featurect .igbox .igin .tx2 span{
	color:#0b75be;
	font-weight:bold;
}

#FTRBX .featurebox .featurein .featurect .igbox .igin .stx{
	font-size:12px;
	margin:0 0 10px 0;
}

/*************
about
***************/

#ABTBX .aboutbox .main_ttlbox{
	height:auto;
	background:url(../../images/about_img01.jpg) no-repeat 0 center;
	background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

#ABTBX .aboutbox .main_ttlbox .ttlbox{
	width:auto;
	margin:0 auto;
	padding:15px 15px 15px 15px;
}

#ABTBX .aboutbox .main_ttlbox .ttlbox .tl{
	display:block;
	text-align: center;
	color:#00abdc;
	font-weight:bold;
	font-size:20px;
	line-height:1.4;
	margin:0 0 15px 0;
}

#ABTBX .aboutbox .main_ttlbox .ttlbox .ttl{
	margin:0 0 10px 0;
	text-align: center;
}

#ABTBX .aboutbox .main_ttlbox .ttlbox .txt{
	padding:5px;
	font-size:14px;
	line-height:1.4;
	background: rgba(255,255,255,0.8);
}

#ABTBX .aboutbox .aboutin{
	padding:15px 15px 15px 15px;
}

#ABTBX .aboutbox .aboutin .txtbox{
	margin:0 0 15px 0;
}

#ABTBX .aboutbox .aboutin .txtbox .txtin{
	float:none;
	width:auto;
}

#ABTBX .aboutbox .aboutin .txtbox .txtin .ttl{
	margin:0 0 0 0;
	text-align: center;
}

#ABTBX .aboutbox .aboutin .txtbox .txtin .txt{
	padding:20px 0 0 0;
	line-height:1.6;
	color:#ffffff;
	font-size:16px;
}

#ABTBX .aboutbox .aboutin .txtbox .img{
	float:none;
	text-align: center;
}

#ABTBX .aboutbox .detbox{
	padding:15px 15px 15px 15px;
}

#ABTBX .aboutbox .detbox .detin{
	border:1px solid #40c0e5;
	padding:15px 15px;
}

#ABTBX .aboutbox .detbox .detin .ttl{
	line-height:1.4;
	font-size:20px;
	margin:0 0 15px 0;
	color:#00abdc;
}

#ABTBX .aboutbox .detbox .detin .txt{
	line-height:1.6;
	font-size:16px;
}


}