@charset 'utf-8';

html,body{
	font-size:16px;
}
body{
	font-family:Arial,'メイリオ',sans-serif;
	color:#646464;
}
a{
	color:#196AC7;
}
a:hover{
	opacity:0.8;
}
li{
	list-style-type:none;
}
img{
	max-width:100%;
	display:block;
}
header .container,
footer .container,
.wrapper{
	width:960px;
	margin:auto;
}
header{
	background-color:#F5FFCD;
	background-image:url(../images/hd-bg.png);
	background-repeat:no-repeat;
	background-size:1920px;
	background-position:center top;
}
header .container{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:20px 5px;
}
.hd-logo{
	display:flex;
	align-items:center;
}
.hd-logo img{
	width:44px;
	margin-right:10px;
}
.hd-logo h1{
	color:#74B43B;
	font-weight:normal;
	font-size:2rem;
}
.hd-logo h1 span{
	font-size: 1.1rem;
    display: block;
    margin-bottom: 5px;
    padding-left: 2px;
    line-height: 1.1em;
}
.language{
	display:flex;
	flex-direction:column;
}
.language a{
	display:block;
	background:#FF7F00;
	color:#fff;
	border-radius:20px;
	margin:3px;
	padding:5px 20px;
	text-decoration:none;
}
.language .en{
	background:#74B43B;
}
.wrapper{
	display:flex;
	justify-content:space-between;
	padding:30px 0;
}
.main{
	order:2;
	width:705px;
}
.slider{
	margin-bottom:30px;
}
.contents{
	margin-bottom:30px;
}
.contents:nth-child(1){
	background-image:url(../images/contents-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.contents p{
	line-height:1.5;
}
.content-title {
	margin-bottom:15px;
}
.content-title h2{
	font-weight: normal;
    font-size: 1.3rem;
    color: #FF7F00;
    display: inline-block;
    position: relative;
}
.content-title p{
	font-size:1.1rem;
	color:#74B43B;
	margin-top:15px;
}
.content-title h2 span{
    font-size: 1.1em;
    line-height: 2.5em;
}
.news-area{
	height:312px;
	overflow-y:auto;
}
.news-area dl{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.news-area dt,
.news-area dd{
	margin-bottom:20px;
}
.news-area dt{
	width:87px;
	border:1px solid #74B43B;
	border-radius:20px;
	font-size:0.8rem;
	color:#74B43B;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	position:relative;
}
.news-area dt::after{
	content:'';
	position:absolute;
	display:block;
	height:1px;
	width:70px;
	background:#74B43B;
	top:50%;
	left:100%;
	transform:translateY(-50%);
}
.news-area dd{
	width:calc(100% - 167px);
	margin-left:80px;
}
.side{
	order:1;
	width:205px;
}
.main-menu{
	background:#74B43B;
	border-radius:10px;
	margin-bottom:30px;
}
.main-menu ul{
	padding:7px 0;
	position:relative;
	z-index:0;
}
.main-menu ul::after{
	content:'';
	display:block;
	position:absolute;
	top:7px;
	left:0;
	width:100%;
	height:calc(100% - 14px);
	background-color:#F5FFCD;
	background-image:url(../images/menu_bg.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right center;
	z-index:-1;
}
.main-menu li{
	border-bottom:2px solid #fff;
}
.main-menu li:nth-last-child(1){
	border-bottom-width:0;
}
.main-menu a{
	display:block;
	padding:15px;
	color:#74B43B;
	text-decoration:none;
}
.main-menu a::before{
	font-family:'Material Icons';
	content:'\e315';
	display:inline-block;
	background:#74B43B;
	margin-right:5px;
	border-radius:50%;
	color:#F5FFCD;
	font-size:0.8rem;
}
.links li{
	margin-bottom:10px;
}
.links a{
	display:block;
	text-align:center;
	border:1px solid #888;
	color:#888;
	text-decoration:none;
	position:relative;
}
footer{
	background:#F5FFCD;
	color:#74B43B;
	position:relative;
}
footer .container{
	padding:20px 5px 0;
	position:relative;
}
footer .container .ft_con {
    display: flex;
    justify-content: space-between;
}
footer .container .ft_con .ft_con_r {
    display: flex;
    align-items: baseline;
}
footer .container .ft_con .ft_con_r img {
   width: 200px;
    margin-top: auto;
    margin-bottom: 20px;
}
.ft-title{
	display:flex;
	align-items:center;
	margin-bottom:15px;
}
.ft-title img{
	width:44px;
}
.ft-title p{
	font-size:2rem;
}
.ft-title p span{
	display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
    margin-left: 6px;
    line-height: 1.2em;
}
.address{
	margin-bottom:20px;
	font-size:0.9rem;
}
.address p{
	margin-bottom:10px;
}
.address a{
	color:#74B43B;
}
.copy{
	text-align:center;
	font-size:0.8rem;
	line-height:2;
	padding:10px 0;
}
#page-top{
	position:absolute;
	top:20px;
	right:5px;
}
#page-top img{
	width:32px;
}
#sp-btn{
	display:none;
	width:38px;
	height:38px;
	background:#74B43B;
	position:fixed;
	top:14px;
	right:10px;
	z-index:10;
	cursor:pointer;
}
#sp-btn span{
	display:block;
	background:#fff;
	width:26px;
	height:2px;
	position:absolute;
	top:19px;
	left:0;
	right:0;
	margin:auto;
	transition:all .3s;
}
#sp-btn span:nth-child(1){
	top:12px;
}
#sp-btn span:nth-child(3){
	top:26px;
}
#sp-btn.active span:nth-child(1){
	top:19px;
	transform:rotate(45deg);
}
#sp-btn.active span:nth-child(2){
	width:0;
}
#sp-btn.active span:nth-child(3){
	top:19px;
	transform:rotate(-45deg);
}

.slick-prev{
	left:15px;
	z-index:2;
}
.slick-next{
	right:15px;
}
.slick-prev:before,
.slick-next:before{
	color:#000;
}
.slick-dots{
	bottom:5px;
}

/*************************
	下層ページ
*************************/
.page .his span,
.page .cont span{
	right:-70px;
}
.page .edu span{
	right:-110px;
}
.page .content-text p:not(:nth-child(1)){
	margin-top:20px;
}
.page h3{
	border-left:3px solid #74B43B;
	border-bottom:1px solid #74B43B;
	padding:3px 5px;
	color:#74B43B;
}
.page h3:not(:nth-child(1)){
	margin-top:25px;
}
.page .content-text ul{
	margin:10px 5px;
}
.page .content-text li{
	line-height:1.5;
	margin-left:20px;
	margin-bottom:15px;
	list-style-type:circle;
}
.page table{
	width:100%;
	margin-top:20px;
}
.page th{
	background:#f5ffcd;
}
.page th,
.page td{
	border:1px solid #ccc;
	padding:15px 10px;
	line-height:1.5;
}
.tbl_box{
	width:700px;
}

.material-icons{
	font-size:21px;
	vertical-align:sub;
	margin-left:3px;
}
.edu_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 10px;
}
.edu_list>div {
	width: 33%;
	border: 1px solid #F3995D;
	padding: 8px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	border-left-width: 0;
	border-bottom-width: 0;
}
.edu_list>div.orange {
    background: #F8D7CE;
}
.edu_list>div:nth-child(3n+1) {
	border-left: 1px solid #F3995D;
}
.edu_list>div:nth-last-child(1) ,
.edu_list>div:nth-last-child(2) , 
.edu_list>div:nth-last-child(3) {
	border-bottom: 1px solid #F3995D;
}
.edu_list>div>img {
	width: 44%;
	height: 100%;
}
.edu_list>div>.con {
	width: 53%;
}
.page .content-text .edu_list p {
    margin-top: 3px;
}
.page .content-text .edu_list .post {
    margin-top: 15px;
	display: block;
}
.edu_list .tagu {
	display: inline-block;
	background: #FF6600;
	color: #fff;
	font-size: .7rem;
	padding: 4px;
}
.edu_list .bunya {
	font-size: .7rem;
}
.edu_list .post {
	font-size: .7rem;
}
.edu_list .name {
	font-weight: bold;
	font-size: .8rem;
}
.edu_list a {
	color: #74B43B;
}
sup {
vertical-align:super;
font-size:small;
}
@media screen and (max-width:768px){
	header .container,
	footer .container,
	.wrapper{
		width:100%;
		box-sizing:border-box;
	}
	header{
		background-image:none;
		border-top:3px solid #74B43B;
	}
	header .container{
		padding:10px;
	}
	.hd-logo img{
		width:30px;
		margin-right:3px;
	}
	.hd-logo h1{
		font-size:1.1rem;
	}
	.hd-logo h1 span{
		font-size:0.8rem;
	}
	.language{
		display:none;
	}
	.wrapper{
		flex-direction:column;
		padding:20px 0;
	}
	.main{
		order:1;
		width:100%;
	}
	.main .container{
		padding:0 10px;
	}
	.contents:nth-child(1){
		background-image:none;
	}
	.content-title h2{
		font-size:1.4rem;
	}
 .content-title h2 span {
  line-height: 1em;
 }
	.news-area dl{
		flex-direction:column;
	}
	.news-area dt{
		width:100%;
		border:0;
		text-align:left;
		padding:0;
		margin-bottom:10px;
	}
	.news-area dt::after{
		display:none;
	}
	.news-area dd{
		width:100%;
		margin-left:0;
	}
	.side{
		width:100%;
	}
	.main-menu{
		display:none;
	}
	.main-menu ul::after{
		display:none;
	}
	.links{
		padding:0 5px;
	}
	.links ul{
		display:flex;
		flex-wrap:wrap;
	}
	.links li{
		width:calc(100% / 2 - 10px);
		margin:5px;
	}
	footer .container{
		padding:20px 10px 0;
	}
	.ft-title img{
		width:30px;
	}
	.ft-title p{
		font-size:1.1rem;
	}
	.ft-title p span{
		font-size:0.8rem;
	}
	
	#sp-menu{
		display:block;
		background:#74B43B;
		height:100%;
		border-radius:0;
		position:fixed;
		top:0;
		right:-100%;
		z-index:5;
		transition:all .3s;
	}
	#sp-menu.open{
		right:0;
	}
	#sp-menu ul{
		margin-top:50px;
	}
	.main-menu li:nth-last-child(1){
		border-bottom-width:2px;
	}
	#sp-menu a{
		color:#fff;
		padding:15px 30px;
	}
	#lang{
		margin-top:30px;
	}
	#lang a{
		width:100px;
		margin:10px auto;
		padding:10px 5px;
		text-align:center;
	}
	#lang a::before{
		display:none;
	}
	#lang .en{
		background:#fff;
		color:#74B43B;
	}
	#sp-btn{
		display:block;
	}
	
	.edu_list {
		display: block;
	}
	.edu_list>div {
		width: 100%;
		border-left-width: 1px;
	}
	.edu_list>div:nth-last-child(2), .edu_list>div:nth-last-child(3) {
		border-bottom-width: 0;
	}
	
	.page table{
	width:100%;
	margin-top:20px;
}
.page th{
	background:#f5ffcd;
}
.page th,
.page td{
	border:1px solid #ccc;
	padding:15px 10px;
	line-height:1.5;
}

.tbl_box table{
	width:700px;
}

.tbl_box {
	overflow:scroll;
}


}