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


body{
	margin:0px;
}

#wraper{
	width:100%;
	margin:0 auto;
}
.main_content{
	width:100%;
	background:#fff;
	margin:0 auto;
	display:block;
}
ul {
  list-style: none;
}
.navi{
	display: flex;
}
.navi a{
	padding:10px 20px;
	text-decoration:none;
	color: #000;
}
.navi a:hover{
	color: #b32a2a;
}
.taitle01{
	width:100%;
	height:476px;
	padding:0;
	margin:0 auto;
	display:block;
	text-align: right;
	color: #CFC;
	font-size:14px;
	background:url(images/kyoyuga_03.jpg) no-repeat;
	background-position: center;
}
.k_h3{
	text-align:center;
}
.unei{
	text-align:center;
}
.main_kyo{
	padding:;
	margin-bottom:100px;
	text-align:center;
}
.main_kyo h2{
	margin-bottom:30px;
	 font-family: "Sawarabi Mincho"; 
}
.youkosobc{
	background:url(images/kyoback01.png) no-repeat;
	background-size:cover;
	height:632px;
	
}
.yokuo_text{
	width: 980px;
    margin: 50px auto;
    padding:60px 20px 0 20px;
    line-height: 38px;
	font-family: "Sawarabi Mincho"; 
}

.youkosobc02{
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin:0 auto;
	display:block;
	
}

.youkosobc02 img{
	width:100%;
	
}
.col01{
	background-color:#FF6;
	margin-top:10px;
}
.col02{
	background-color: #FCF;
	margin-top:10px;
}
.col03{
	background-color: #CCF;
	margin-top:10px;
}
.col04{
	color:#66CC99;
	font-weight:500;
}
.lyo_but{
	display: flex;
    text-align: center;
    margin: 0 auto;
    width: 800px;
}
.lyo_but img:hover {
	opacity: 0.5 ;
}
.footer{
	background-color:#66CC99;
	color:#FFFFFF;
	text-align:center;
	padding:20px 0px
}

.sp_taitle01, .sp_k_h3{
	display:none;
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
img {
  width: 100%;
}
.taitle01, .k_h3{
	display:none;
}
.sp_taitle01{
	width:100%;
	height:241px;
	background:url(images/sp_kyou_01.png) no-repeat;
	background-size:contain;
	display:block;
	color: #CFC;
	font-size:9px;
}
ul {
  list-style: none;
}
.navi{
	display: flex;
	position: absolute;
    top: 228px;
}
.navi a{
	padding:10px 20px;
	text-decoration:none;
	color: #000;
}
.navi a:hover{
	color: #b32a2a;
}


.sp_k_h3{
	text-align:center;
	display:block;
}
.youkosobc {
    background: url(images/kyoback01.png);
    background-size: cover;
	background-position: top;
    height: auto;
    padding-bottom: 30px;
}
.yokuo_text {
    width: 90%;
	margin: 0px auto;
	
}


.yokuo_text02 {
	margin-top:30px;
}
.lyo_but{
	width:100%;
}


}