@charset "utf-8";
/* index.css */
/*PC first*/
/*##### PC #####*/
/* ------------------------------------------------------------ header */


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


/* ------------------------------------------------------------ contents */

/*----#home_catch_box----*/
#home_catch_box{}

	#home_catch_box .home_slide{
		width:960px;
		height:460px;
		margin:0 auto;
	}
	
		#home_catch_box .home_slide li a{
			opacity:1;
			display:block;
		}
	
		#home_catch_box .home_slide li a:hover{
			opacity:0.8;
		}
	
	#home_catch_box .home_contact{
		padding:65px 0;
	}
	
		#home_catch_box .home_contact > p{
			font-size:1.4em;
			text-align:center;
			line-height:2.2em;
			margin-bottom:60px;
		}
		
		.home_contact .contact_tel_fax_mail{
			width:740px;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
		}
		
			.home_contact .contact_tel_fax{
				width:620px;
			}
			
				.home_contact .contact_tel_fax ul{
					border-bottom:1px solid #005799;
					display:flex;
					justify-content:space-between;
					padding:5px 5px 10px 5px;
				}
				
					.home_contact .contact_tel_fax dl{
						display:flex;
						justify-content:center;
						font-size:1.1em;
						padding-top:15px;
					}
					
					.home_contact .contact_tel_fax dl dt:after{
						content:"／";
					}
					
					.home_contact .contact_tel_fax dl dd{
						margin-right:20px;
					}
					
					.home_contact .contact_tel_fax dl dd:last-child{
						margin-right:0;
					}
			
			.home_contact .contact_mail{
				width:90px;
			}
			
				.home_contact .contact_mail a{
					display:block;
					background:url(../shared/home/btn_mail_on.gif) no-repeat center center;
				}
				
				.home_contact .contact_mail a img{
					opacity:1;
					transition:.5s all ease;
				}
				
				.home_contact .contact_mail a:hover img{
					opacity:0;
				}
/*----//#home_catch_box----*/

/*----#ins_company_box----*/
#ins_company_box{
	background:rgba(0,87,153,0.1);
	padding:90px 0 45px 0;
}

	#ins_company_box > .box_header{
		text-align:center;
		margin-bottom:75px;
	}
	
			#ins_company_box > .box_header h2{
				display:inline-block;
				position:relative;
				padding:0 95px;
			}
			
				#ins_company_box > .box_header h2:before,
				#ins_company_box > .box_header h2:after{
					content:"";
					display:block;
					width:50px;
					height:1px;
					background:#005799;
					position:absolute;
					top:14px;
				}
			
				#ins_company_box > .box_header h2:before{
					left:0;
				}
				
				#ins_company_box > .box_header h2:after{
					right:0;
				}
	
	#ins_company_box > .box_inner{
		width:960px;
		margin:0 auto;
	}
	
		#ins_company_box dl{
			display:flex;
			width:880px;
			padding:0 50px 0 30px;
		}
		
			#ins_company_box dl dt{
				width:180px;
				color:#005799;
				font-size:1.3em;
				padding-top:9px;
			}
			
			#ins_company_box dl dd{
				width:700px;
			}
			
		#ins_company_box dl.sonpo_box{
			border-bottom:1px solid rgba(0,87,153,0.3);
			padding-bottom:30px;
			margin-bottom:45px;
		}
		
			#ins_company_box dl ul{
				display:flex;
				flex-wrap:wrap;
			}
			
				#ins_company_box dl ul li{
					margin:0 20px 20px 0;
				}
				
				#ins_company_box dl ul li a{
					display:block;
				}
				
				#ins_company_box dl ul li a:hover{
					opacity:0.9;
				}
				
				#ins_company_box dl.sonpo_box ul li:nth-child(3),
				#ins_company_box dl.sonpo_box ul li:nth-child(5),
				#ins_company_box dl.seiho_box ul li:nth-child(2),
				#ins_company_box dl.seiho_box ul li:nth-child(4){
					margin-right:0;
				}
/*----//#ins_company_box----*/

/*----#seminar_box----*/
#seminar_box{
	padding:80px 0 75px 0;
}
	
	#seminar_box > .box_inner{
		width:870px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	
		#seminar_box > .box_inner .seminar_txt{
			width:440px;
		}
		
			#seminar_box > .box_inner .seminar_txt h2{
				margin-bottom:25px;
			}
			
			#seminar_box > .box_inner .seminar_txt p{
				font-size:1.1em;
				line-height:1.8em;
				margin-bottom:30px;
			}
			
			/*----セミナーの開催予定----*/
			#seminar_box > .box_inner .seminar_txt ul{}
			
				#seminar_box > .box_inner .seminar_txt ul li{}
				
				#seminar_box > .box_inner .seminar_txt ul li.no_event{
					background:#eee;
					padding:10px;
					text-align:center;
				}
				
				#seminar_box > .box_inner .seminar_txt ul li a{
					display:block;
					color:#111;
					padding:5px;
				}
				
				#seminar_box > .box_inner .seminar_txt ul li a:hover{
					background:rgba(0,87,153,0.1);
				}
				
				#seminar_box > .box_inner .seminar_txt ul li a .seminar_status{
					display:inline-block;
					background:#005799;
					color:#fff;
					padding:4px 20px;
					margin-bottom:12px;
				}
				
				#seminar_box > .box_inner .seminar_txt ul li a .seminar_title{
					display:block;
					font-size:1.3em;
					font-weight:bold;
					margin-bottom:10px;
					line-height:1.4em;
				}
				
				#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline{
					display:block;
					line-height:1.6em;
				}
				
					#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline .seminar_outline_items{
						display:flex;
						margin-bottom:0.3em;
					}
					
					#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline .seminar_outline_items .item_label{
						width:60px;
					}
					
					#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline .seminar_outline_items .item_data{
						width:370px;
					}
			/*----//セミナーの開催予定----*/
			
			#seminar_box > .box_inner .goto_seminar{
				width:100%;
				text-align:center;
				padding-top:50px;
			}
			
				#seminar_box > .box_inner .goto_seminar a{
					display:inline-block;
					background:#005799;
					width:330px;
					height:50px;
					line-height:50px;
					color:#fff;
					font-size:1.2em;
					font-weight:bold;
					border-radius:2px;
					border:1px solid #005799;
					overflow:hidden;
					position:relative;
					z-index:0;
				}
				
				#seminar_box > .box_inner .goto_seminar a:before{
					content:"";
					display:block;
					width:0;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					z-index:-1;
					transition:.4s all ease;
					background:#fff;
					opacity:0;
				}
				
				#seminar_box > .box_inner .goto_seminar a:hover{
					color:#005799;
				}
				
				#seminar_box > .box_inner .goto_seminar a:hover:before{
					width:100%;
					opacity:1;
				}
				

	
		#seminar_box > .box_inner .seminar_img{
			width:360px;
			padding-top:20px;
		}
		
			#seminar_box > .box_inner .seminar_img a{
				display:block;
			}
			
				#seminar_box > .box_inner .seminar_img a:hover{
					opacity:0.8;
				}
/*----//#seminar_box----*/

/*----#kids_box----*/
#kids_box{
	padding:30px 0 0 0;
}
	#kids_box > .box_inner{
		padding:0 60px;
	}
	
		#kids_box > .box_inner a img{
			transition:.5s all ease;
			max-width:100%;
			height:auto;
		}
		#kids_box > .box_inner a:hover img{
			opacity:0.7;
		}

/*----//#kids_box----*/


/*----#company_box----*/
#company_box{
	padding:300px 0 0 0;
	background-image:url(../shared/home/bld_img.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

	#company_box > .box_header{
		text-align:center;
		margin-bottom:75px;
	}
	
		#company_box > .box_header h2{
			display:inline-block;
			position:relative;
			padding:0 95px;
		}
		
			#company_box > .box_header h2:before,
			#company_box > .box_header h2:after{
				content:"";
				display:block;
				width:50px;
				height:1px;
				background:#005799;
				position:absolute;
				top:14px;
			}
		
			#company_box > .box_header h2:before{
				left:0;
			}
			
			#company_box > .box_header h2:after{
				right:0;
			}
			
	#company_box > .box_inner{
		width:960px;
		margin:0 auto 90px auto;
		display:flex;
		justify-content:space-between;
	}
	
		#company_box > .box_inner .company_txt{
			width:480px;
		}
		
			#company_box > .box_inner .company_txt table{
				width:100%;
			}
		
			#company_box > .box_inner .company_txt table th,
			#company_box > .box_inner .company_txt table td{
				border-bottom:1px dotted #9F9F9F;
				padding:12px 0;
				line-height:1.6em;
				vertical-align:top;
			}
			
			#company_box > .box_inner .company_txt table th{
				width:105px;
				padding-left:10px;
			}
			
			#company_box > .box_inner .company_txt table td{
				padding-right:10px;
			}
			
			#company_box > .box_inner .company_txt table td ul li{
				position:relative;
				padding-left:1.1em;
			}
			
				#company_box > .box_inner .company_txt table td ul li:before{
					font-family: FontAwesome;
					content:"\f105";
					position:absolute;
					top:0;
					left:0;
					color:#aaa;
				}
				
			#company_box > .box_inner .company_txt table td a{
				text-decoration:underline;
				color:#002856;
			}
		
		#company_box > .box_inner .company_map{
			width:420px;
		}
		
	#company_box > .box_footer{}
	
		#bottom_msg_box{
			
		}
		
			#bottom_msg_box .box_header{
				text-align:center;
				margin-bottom:50px;
			}
			
				#bottom_msg_box .box_header h3{
					color:#d63f30;
					font-size:1.4em;
				}
				
			#bottom_msg_box .box_inner{
				text-align:center;
				margin-bottom:115px;
			}
				
				#bottom_msg_box .box_inner ol{
					font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
					display:inline-block;
					font-size:1.3em;
					font-weight:bold;
					text-align:left;
				}
				
					#bottom_msg_box .box_inner ol li{
						margin-bottom:1em;
					}
					
					#bottom_msg_box .box_inner ol li:last-child{
						margin-bottom:0;
					}
					
					#bottom_msg_box .box_inner ol li:before{
						font-size:1.25em;
						display:inline-block;
						width:1.2em;
						position:relative;
						top:2px;
					}
					
					#bottom_msg_box .box_inner ol li:nth-child(1):before{
						content:"1.";
					}
					
					#bottom_msg_box .box_inner ol li:nth-child(2):before{
						content:"2.";
					}
					
					#bottom_msg_box .box_inner ol li:nth-child(3):before{
						content:"3.";
					}
					
			#bottom_msg_box .box_footer{
				width:260px;
				margin:0 auto;
			}
			
				#bottom_msg_box .box_footer img{
					max-width:100%;
					height:auto;
				}
			
			

@media screen and (max-width:480px){
	/*##### SP #####*/
	#home_catch_box .home_slide{
		width:auto;
		height:auto;
	}
	
		#home_catch_box .home_slide ul li img{
			max-width:100%;
			height:auto;
		}
		
		#home_catch_box .home_contact{
			padding:30px 15px;
			margin-bottom:0;
		}
		
			#home_catch_box .home_contact > p{
				font-size:4vw;
				line-height:1.8em;
				text-align:left;
				margin-bottom:30px;
			}
			
			.home_contact .contact_tel_fax_mail{
				width:auto;
				display:block;
			}
			
				.home_contact .contact_tel_fax{
					width:auto;
					margin-bottom:10px;
				}
				
					.home_contact .contact_tel_fax ul{
						display:block;
						padding:0 5px 10px 5px;
					}
					
						.home_contact .contact_tel_fax ul li{
							margin-bottom:10px;
							width:80%;
							margin-right:auto;
							margin-left:auto;
						}
						
						.home_contact .contact_tel_fax ul li:last-child{
							margin-bottom:0;
							width:60%;
						}
						
						.home_contact .contact_tel_fax dl{
							flex-wrap:wrap;
							line-height:1.4em;
							font-size:4vw;
							padding-top:10px;
						}
						
						.home_contact .contact_tel_fax img{
							max-width:100%;
							height:auto;
						}
				
				.home_contact .contact_mail{
					width:20%;
					margin:0 auto;
				}
				
					.home_contact .contact_mail img{
						max-width:100%;
						height:auto;
					}
					
	#ins_company_box{
		padding:30px 0;
	}
	
		#ins_company_box > .box_header{
			margin-bottom:30px;
		}
		
			#ins_company_box > .box_header h2{
				height:40px;
				width:90%;
				margin:0 auto;
				padding:0;
			}
			
				#ins_company_box > .box_header h2 img{
					width:auto;
					max-height:100%;
				}
		
		#ins_company_box > .box_inner{
			width:auto;
		}
		
			#ins_company_box dl{
				width:auto;
				display:block;
				padding:0;
			}
			
				#ins_company_box dl dt{
					width:auto;
					text-align:center;
					padding-top:0;
					margin-bottom:20px;
				}
				
				#ins_company_box dl dd{
					width:auto;
					padding:0 10px;
				}
				
				#ins_company_box dl ul li{
					margin:0;
					box-sizing:border-box;
					padding:0 5px;
				}
				
				#ins_company_box dl ul li img{
					max-width:100%;
					height:auto;
				}
				
				#ins_company_box dl.sonpo_box ul li:nth-child(1),
				#ins_company_box dl.sonpo_box ul li:nth-child(2),
				#ins_company_box dl.sonpo_box ul li:nth-child(3){
					width:calc(100% / 3);
					margin-bottom:10px;
				}
				
				#ins_company_box dl.sonpo_box ul li:nth-child(4),
				#ins_company_box dl.sonpo_box ul li:nth-child(5){
					width:50%;
				}

			#ins_company_box dl.sonpo_box{
				margin-bottom:30px;
			}
			
			#ins_company_box dl.seiho_box ul li{
				width:50%;
			}
			
			#ins_company_box dl.seiho_box ul li:nth-child(1),
			#ins_company_box dl.seiho_box ul li:nth-child(2){
				margin-bottom:10px;
			}
			
	#seminar_box{
		padding:0 0 50px 0;
	}
	
		#seminar_box > .box_inner{
			width:auto;
			padding:30px 10px 0 10px;
			position:relative;
		}
		
			#seminar_box > .box_inner .seminar_txt{
				width:auto;
				position:relative;
				z-index:0;
			}
			
				#seminar_box > .box_inner .seminar_txt h2{
					width:40%;
					margin-bottom:20px;
				}
				
					#seminar_box > .box_inner .seminar_txt h2 img{
						max-width:100%;
						height:auto;
					}
					
				#seminar_box > .box_inner .seminar_txt p{
					margin-bottom:20px;
					line-height:1.8em;
					font-size:1em;
				}
				
					#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline{
						font-size:4vw;
					}
				
					#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline .seminar_outline_items .item_label{
						width:20%;
					}
					
					#seminar_box > .box_inner .seminar_txt ul li a .seminar_outline .seminar_outline_items .item_data{
						width:80%;
					}
				
				#seminar_box > .box_inner .goto_seminar{
					width:100%;
					padding-top:30px;
				}
				
					#seminar_box > .box_inner .goto_seminar a{
						width:80%;
					}
			
			#seminar_box > .box_inner .seminar_img{
				position:absolute;
				z-index:1;
				top:0;
				right:10px;
				width:25%;
			}
			
				#seminar_box > .box_inner .seminar_img img{
					max-width:100%;
					height:auto;
				}
				
	/*----#kids_box----*/
	#kids_box{
		padding:20px 20px 0 20px;
	}
		#kids_box > .box_inner{
			padding:0 30px;
		}
	/*----//#kids_box----*/
				
	#company_box{
		padding:80px 0 0 0;
		background-size:contain;
	}

				
	#company_box > .box_header{
		margin-bottom:20px;
	}
	
		#company_box > .box_header h2{
			height:40px;
		}
		
			#company_box > .box_header h2 img{
				width:auto;
				max-height:100%;
				padding:0;
			}
			
	#company_box > .box_inner{
		width:auto;
		display:block;
		padding:0 10px;
		margin-bottom:30px;
	}
	
		#company_box > .box_inner .company_txt{
			width:auto;
			margin-bottom:20px;
		}
		
			#company_box > .box_inner .company_txt table td ul li{
				line-height:1.4em;
				margin-bottom:0.3em;
			}
			
			#company_box > .box_inner .company_txt table td ul li:last-child{
				margin-bottom:0;
			}
		
		#company_box > .box_inner .company_map{
			width:auto;
		}
		
			#company_box > .box_inner .company_map iframe{
				width:100%;
				height:300px;
			}
			
		#bottom_msg_box{
			padding:0 10px;
		}
		
			#bottom_msg_box .box_header{
				margin-bottom:30px;
			}
			
				#bottom_msg_box .box_header h3{
					font-size:4.5vw;
					line-height:1.4em;
				}
				
			#bottom_msg_box .box_inner{
				margin-bottom:40px;
			}
				
				#bottom_msg_box .box_inner ol li{
					position:relative;
					padding-left:1.5em;
					line-height:1.4em;
				}
					
				#bottom_msg_box .box_inner ol li:before{
					position:absolute;
					top:0;
					left:0;
				}
				
			#bottom_msg_box .box_footer{
				width:50%;
			}
			
				#bottom_msg_box .box_footer img{
					max-width:100%;
					height:auto;
				}
	


}