@charset "utf-8";
/* CSS Document */

html{
	font-size:18px;
	letter-spacing:0.2em;}

body{
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	margin:0;}
	
.clear{
	content: " ";
	clear: both;
	width: 100%;}

span{
	display:inline-block;}
	
div {
	overflow:hidden;}
	
img{
	vertical-align: bottom;}	
	
a{
	text-decoration:none;
	color:inherit;}
	
h1,h2,h3{
	margin:inherit;
	font-weight:inherit;}	
	
#header img{
	width:100%;
	height:auto;}
	
.pc_main{
	display:block;}
	
.sp_main{
	display:none;}		
	
	
.obi{
	background-color:#2B6FB6;
	width:100%;
	margin:0 auto;}
	
.obi_title{
	color:#fff;
	font-weight:bold;
	font-size:2.3em;
	text-align:center;
	margin:10px auto;}	
	
	
/*contents01---------------------------*/
.contents01{
	max-width:800px;
	margin:50px auto 200px;}		
	
.c01_title{
	text-align:center;
	font-weight:bold;
	font-size:2em;}	
	
.c01_box{
	display: flex;
	align-items:center;
	flex-wrap: wrap;
	justify-content:center;}	
	
.c01_text{
	max-width:350px;
	width:92%;
	text-align:justify;
	font-size:16px;
	margin:10px;}
	
.c01_pict{
	max-width:400px;
	width:100%;
	margin:auto;}	
	
.c01_pict img{
	width:100%;
	height:auto;}		


/*taisyo---------------------------------*/
.taisyo{
	margin:auto;
	max-width:500px;
	width:100%;}

.taisyo_title{
	background-color:#B2D6F7;
	max-width:310px;
	width:100%;
	text-align:center;
	padding:3px ;
	font-weight:bold;
	font-size:1.5em;
	margin:auto;}
	
.taisyo_list{
	width:100%;
	margin:30px auto;
	border-collapse:collapse;
	border:solid 1px #000;
	}	
	
.taisyo_list td{
	border:solid 1px #666;
	padding:5px 0;}	
	
.taisyo_list td:first-of-type{
	width:80px; 
	text-align:center;
	background-color:#eee;}	
	
.taisyo_list td:last-of-type{
	padding-left:10px;}	
	
.tl_title_ko{
	background-color:#F1915D!important;
	font-weight:bold;}
		
.tl_title_chu{
	background-color:#F7BF9B!important;
	font-weight:bold;}	
	
.tl_memo{
	font-size:.7em;
	color:#555;
	margin:0;}	
	

/*tensen_title---------------------------*/
.tensen_waku{
	max-width:800px;
	margin:100px auto 0px;}


.tensen_title {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
  font-size:2em;
  color:#ccc;
}
.tensen_title::before,
.tensen_title::after {
  content: "";
  flex-grow: 1;
  border-top: 2px dotted #ccc; /* 点線の太さ・色 */
  margin: 0 10px; /* 文字との隙間 */
}
.tensen_title::before {
  margin-right: 15px; /* 文字との余白 */
}
.tensen_title::after {
  margin-left: 15px; /* 文字との余白 */
}


/*contents02---------------------------*/
.c02_box{
	max-width:800px;
	width:100%;
	margin:100px auto;}
	
.left_title{
	font-weight:bold;}

.b_orange{
	background-color:#FFC299;
	padding:5px;}
	
.c02b_title{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#EC6C00;
	border-bottom:solid 1px #EC6C00;
	margin:10px auto 15px;}	
	
	
.hanten{
	color:#fff;
	background-color:#EC6C00;
	padding:3px;
	margin:5px;
	font-size:.7em;}	

.c02b_text{
	text-align:justify;
	font-size:16px;
	margin-top:5px;
	margin-bottom:50px;}

	
.c02b_pict_box{
	margin:atuo;
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
.c02b_pict_block{
	margin:10px;
	text-align:center;}	
	
.c02pb_pict_waku{
	max-width:500px;
	width:100%;
	margin:auto;}

.c02pb_pict_waku img{
	width:100%;
	height:auto;}		
	
	
.c02pb_memo_title{
	margin:15px auto 0;
	font-size:16px;}	
	
.c02pb_memo{
	margin:0 auto;
	font-size:14px;}	
	
.test_title{
	font-weight:bold;
	margin-bottom:0;}	

.orange{
	color:#EC6C00;}
	
.tt_memo{
	font-weight:normal!important;
	font-size:15px;}

/*contents03---------------------------*/
.c03_box{
	max-width:1200px;
	width:100%;
	margin:100px auto;}
	
.c03_title{
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	border-bottom:solid 1px #666;}	
	
.c03_block{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}	
	
.class_waku{
	max-width:300px;
	width:95%;
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:space-between ;
	margin:10px 20px;}	
	
.class_name{
	color:#096;}	
	
	
/*toi----------------------------------*/	
#toi{
	text-align:center;
	margin:100px auto;}	

.jimu{
	font-size:1.2em;
	margin-bottom:0;}	
	
.tel{
	font-size:1.5em;
	font-weight:bold;
	margin-top:0;}	
	
.toi_title{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;}			

/*taiken-------------------------------*/
.taiken{
	width:100%;
	position:fixed;
	bottom:0;
	background:rgba(243,143,30,0.3);
	z-index: 50;}
	
.btn {
	background-color:#F38F1E;
	border-radius: 8px;
	white-space: nowrap;
	color: #fff;
	font-weight:bold;
	display: block;
	line-height: 35px;
	position: relative;
	text-align: center;
	max-width:300px;
	width:100%;
	min-height: 35px;
	border-radius: 20px;
	padding: 5px 0;
	margin:10px auto;
	box-shadow: 0px 0px 10px -5px #777777;
}		
	
.btn:hover{
	transform: scale(1.1, 1.1);
	opacity:1;}		
	
/*フッターまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;}	

		
	
	
/*kai-logo--------------------------------*/		
.logo_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
.kai_logo{
	width:300px;
	margin:10px;}
	
.kai_logo img {
	width: 100%;
	height:auto}


	
@media screen and (max-width:1024px){
	
}



@media screen and (max-width: 768px){
.c01_title{
	font-size:1.5em;}	
	
.c02b_text{
	width:92%;
	margin:10px auto 50px;}	
	
}

@media screen and (max-width: 485px){
.pc_main{
	display:none;}	
	
.sp_main{
	display:block;	
}
	
.obi_title{
	font-size:2em;}	
		
	
}