@charset "UTF-8";

body, body *{font-family: 'Noto Sans JP', sans-serif;color:#555}

#main{
	padding:3em 0.5em;
}

/* #main a{color:#00a2e6;} */

#inner{
	margin: 0 1em;  
}

h1{
	color:#00a2e6;
	font-size:3em;
	font-weight: bold	
}

h1 span{
	color:#b7b7b7;
	font-size:0.6em;
	padding-left:1em
}

/*-*/
footer{
	background:#00a2e6;
	padding-top:0px;
	padding-bottom:3em;
}

footer>aside{
	color:#fff;
	font-size:13px;
	padding-top:3em
}


/* @media(max-width:680px){
	h1{
		color:#00a2e6;
		font-size:1.8em;
	
	}
	
	h1 span{
		color:#b7b7b7;
		font-size:0.7em;
		padding-left:0.5em
	}	
	} */

/* @media(max-width:680px){

	footer>.tbl{width:28em}

	footer>nav:first-child{margin-bottom:0}

	footer>.tbl>div{
		display:inline-block;
		width:50%
	}

}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
  .clearfix {
	  display: inline-table;
  } */


/*  */
/*  */
/*  */

/* tbl.css分 */
.pd2{padding-left:2px;padding-right:2px}
.pd1{padding-left:1px;padding-right:1px}
.tbl{display:table}
.tbl>*{display:table-cell}
.vt>*{vertical-align:top}
.vm>*{vertical-align:middle}
.vb>*{vertical-align:bottom}
.spd>*{padding-left:1px;padding-right:1px}
.opd>*:first-child{padding-right:1px}
.opd>*:last-child{padding-left:1px}

/* user.css分 */
body{font-size:10px}
.dn{display:none}
.fb{font-weight:bold;
word-break:break-all;}
.fl{float:left}
.fr{float:right}
h1,h2,h3,h4,h5,h6{font-size:10px}
.ib{display:inline-block; /*margin-left:10px;*/}
img{max-width:100%;vertical-align:bottom;margin-bottom: 20px;}
.ma{margin-left:auto;margin-right:auto}
.o0{opacity:0}
.ti{padding-left:1em;text-indent:-1em;word-break:break-all;}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.w100{width:100%;}
.btm{margin-bottom: 0} 
.btm1em{margin-bottom:1em} 

.w{max-width:900px}

#main>section{margin-top:1em}
@media(max-width:680px){
	#main>section{margin-top:3em}
}
.m0{
	margin-top:0em!important;
	margin-bottom:0em!important;
	}
/*-*/


@media(min-width:681px){
h1{margin-top:3em}
}

h2{
	/* border-left:8px solid #00a2e6; */
	color:#00a2e6;
	font-size:25px;
	margin-bottom:1em;
}

h3{
	font-size:23px;
	margin-bottom:1em
}


@media(max-width:680px){
	h3.fb{
	text-align: center
	}
}

p{font-size:14px}
.tbl p+p{margin-top:2em}
h3,p{color:#555}



/*-*/

.tbl>article{
	max-width:50em;

}
.tbl>article.article02{max-width:100%}

.tbl>figure{max-width:30em}

.pt02{
	width: 100%!important;	
	}
h4, p {
  color: #555;
}
h4 {
  /* font-weight: bold; */
  font-size: 15px;
  margin-bottom: 0.5em;
}

.btm {
	margin-bottom: 50px;
	padding: 0 10px;
}


/*-*/

@media(max-width:550px){

	div.tbl>article,
	div.tbl>figure{
		display:block;
		width:100%
	}

	div.tbl>article:first-child{
		padding-bottom:2em;
		padding-right:0
	}

	div.tbl>figure:last-child{
		padding-left:0;
		text-align:center
	}

}


/*  */

.point {
	margin: 0 auto;
	text-align: center;
	justify-content: center
}
.center {
	margin: 0 auto;
	text-align: center;
	justify-content: center
}

.p01 {
	width: 100%;
	margin: 5em auto;
}

.p01 p{
	font-size: 15px;
}

hr {
	width: 400px;
	margin: 30px auto;
}

/* schedule price */


  
  .pattern_title {
	width: 100%;
	margin: 0 auto;
  }
  
  .title_school {
	margin: 0 auto;
	padding: 10px 0;
	width: 95%;
  }
  
  .school_info {
	background-color: #ecca0c;
	text-align: center;
	width: 100%;
	height: 35px;
	line-height: 35px;
  }
  .school_info p{
	color: #fff;

  }
  
    .title_head {
	padding: 0.5em 1em;
	width: 80%;
	margin: 0 auto;
  }
  
  .title_head_s {
	color: #9ba394;
	font-style: italic;
  }
  
  .title_head_l {
	color: #9ba394;

  }
  
  .title_menu {
	display: flex;
	margin: 0 auto;
	width: 88%;
	height: 30px;
  }

  .title_menu p{
	line-height: 30px;
	color: #fff;
  }
  .title_item {
	background-color: #ecca0c;
	text-align: center;
	margin-right: 15px;

	width: 100%;
  }
  .title_item:last-child {
	margin-right: 0;
  }
  
  .course {
	padding-top: 20px;
	
	text-align: left;
	width: 80%;
	margin: 10px auto;
  }
  .course span {
	font-style: italic;

  }
  
  .course p {
	margin: 0;
  }
  .pattern {
	margin-left: 15px;

	line-height: 2.5em;

  }
  
  .course_memo {
	background-color: #fff;
	padding: 0.5em 1em;
	border: solid 0.5px #333333;
	width: 80%;
	margin: 30px auto;
  }
  .course_memo p {
	text-align: center;
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 11px


  }


/* 受講の流れ */

.fflow {
	margin-bottom: 70px;
  }

.flow {
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 95%;
  }
  
  .flowlist {
	padding-left: 0;
  }
  
  .flowlist > li {
	list-style-type: none;
	padding: 5px;
	background-color: #00a2e6;
  }
  
  .flowlist > li:not(:last-child) {
	margin-bottom: 30px;
	position: relative;
  }
  
  .flowlist > li:not(:last-child)::after {
	content: "";
	position: absolute;
	border: 10px solid transparent;
	width: 0;
	height: 0;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-top-color: #00a2e6;
  }
  
  .flowlist > li dl dt {
	font-size: 12px;

	color: #fff;
  }
  
  .flowlist > li dl dd {
	margin: 0;
  }

/* information */

.academy_info {
	width: 100%;
	margin: 0 auto;

  }
  
  .academy_info p {
	margin-bottom: 20px;
	text-align: center;
  }
  
.info_button {
	width: 300px;
	margin: 0 auto;
}

  /* TELボタン */
  a.btn-tell {
	background-color: #fff;
	border: 0.5px solid  #00a2e6;

	display: block;
	font-size: 15px;
	padding: 0.1rem;
	text-align: center;
	text-decoration: none;
	transition: 0.5s;
	width: 300px;
	height: 50px;
	margin-bottom: 15px;
  }
  
  a.btn-tell span {
	padding-top: 0;
	margin-top: 0;
  }
  a.btn-tell:hover {
	font-size: 15px;
	background:  #00a2e6;
	color: #fff;
  }
  

  

  .tell_btn {
	padding: 45px 0;
  }
  
  /* 電話番号対応　751px以内で、電話番号リンクが有効 */
  @media (min-width: 751px) {
	a[href*="tel:"] {
	  pointer-events: none;
	  cursor: default;
	  text-decoration: none;
	}
  }
  
  .container {
	margin-inline: auto;
	margin-top: 60px;
  }