@charset "utf-8";
/* CSS Document */

/*----------　top　----------*/
.slick-slider {
    position: absolute;
}

/*.slick-slider div {
    margin-right: 10px!important;
    margin-left: 10px!important;
}*/

.slick-dots{
	bottom: -45px!important;
}

/*.slick-dots li button:before{
	font-size:20px!important;
}*/

#mainimage {
	width: 1200px;
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 140px;
	text-align: center;
}

#mainimage img {
	width: 100%;
	height: auto;
	display: inline;
}

#top_content_block{
/*position: relative;*/
}

#top_content_block .block_1{
background-color:#F8F8F8;
}

#top_content_block .block_1 .inbox{
width:1200px;
max-width:94%;	
margin:0 auto;
padding: 80px 0 60px 0; 	
}

#top_content_block .block_1 .inbox .leftbox{
width: 48%;
float: left;
}

#top_content_block .block_1 .inbox .leftbox h2{
color: #59BF66;
font-size: 34px;
margin-bottom:30px;
line-height: 160%;
}

#top_content_block .block_1 .inbox .rightbox{
width: 46.666%;
float: right;
}


#top_content_block .block_2{
width: 100%;
background-color:#fff;
background: url("../images/block_2_bg.png") no-repeat left top;
}

#top_content_block .block_2 .inbox{
width:100%;
max-width:1200px;
margin: 0 auto;
display: table;
}

#top_content_block .block_2 .inbox h2{
width: 20%;
text-align: center;
background: #333333;
vertical-align: middle;
box-sizing: border-box;
display: table-cell;
}
#top_content_block .block_2 .inbox .news{
display: table-cell;
width: 80%;
margin: 0;
padding: 0;
background: #FFF;
box-sizing: border-box;
}

#top_content_block .block_2 .inbox .news dl{
padding: 45px 0 45px 60px;	
}

#top_content_block .block_2 .inbox .news dt{    
padding-bottom:10px;
padding-right:30px;	
width :12%;
float : left;/* 左に寄せる */
clear : both;/* フロートの解除 */
}

#top_content_block .block_2 .inbox .news dd{ 
padding-bottom : 10px;
width:100%;	
margin-left:12%;
}

.saigaibunka_bnr {
margin-bottom: 60px;
	padding: 60px 0;
	background: #E4F3E7;
}

.saigaibunka_bnr .inbox {
	width: 1200px;
	max-width: 94%;
	margin: 0 auto;
}

#top_content_block .block_3{ 
width:1200px;
max-width:94%;	
margin: 85px auto;
}



#top_content_block .block_3 h3{ 
font-size:24px;
font-weight: bold;
margin-bottom: 45px;
letter-spacing: 6px;
color: #333333;
} 

#top_content_block .block_3 h3 span{ 
font-size: 20px;
}

#top_content_block .block_3 .leftbox{ 
	
width:48.41269%;
float: left;	
position: relative;	
}

#top_content_block .block_3 .leftbox .title{ 
position:absolute;
top:230px;	
left: 110px;
}


#top_content_block .block_3 .rightbox{
width:48.41269%;
float:right;	
position: relative;
}



#top_content_block .block_3 .rightbox .title{ 
position:absolute;
top:230px;	
left:90px;	
}

#top_content_block .block_3 p{ 
margin:115px 0 0 30px;
/*width:580px;*/
text-align:justify;
}

#top_content_block .block_4{ 
width: 100%;
margin-top: 70px;	
background-color:#F8F8F8;
}

#top_content_block .block_4 h3{ 
font-size:24px;
font-weight: bold;
margin-bottom: 45px;
letter-spacing: 6px;
color: #333333;
} 

#top_content_block .block_4 h3 span{ 
font-size: 20px;
}

#top_content_block .block_4 .inbox{ 
width:1200px;
max-width: 94%;	
margin: 85px auto;
}

#top_content_block .block_4 .inbox ul {
margin: 0;
padding: 0;
}

#top_content_block .block_4 .inbox li {
width: 18%;
margin-right:2.5%;
padding: 0;
float: left;
}

#top_content_block .block_4 .inbox li:last-child{ 	
margin-right:0;
}

#top_content_block .block_5{ 
width:100%;
max-width:1200px;	
margin: 85px auto;

}

#top_content_block .block_5 ul{ 
margin: 20px 0 0;
padding: 0;
}

#top_content_block .block_5 ul li {
margin: 0 1.66% 20px 0;
padding: 0;
width: 23.75%;
float: left;
}

#top_content_block .block_5 ul li:nth-child(4n){
margin-right: 0;
}

/*----------　top　----------*/


/* PC01: 959 px ～ 1200 px*/
@media screen and (max-width:1200px)
{

/*----------　top　----------*/
.slick-slider {
    position: absolute;
}

.slick-slider div {
    margin-right: 0!important;
    margin-left: 0!important;
}
	
.gcal{
padding:10px;
background-color:#FFF;
}

.gcal iframe{
width:100%;
height:480px;
}


#top_content_block .block_1{
background-color:#F8F8F8;
}

#top_content_block .block_1 .inbox{
width:94%;
max-width:1260px;	
margin:0 auto;
padding: 60px 0 40px 0; 	
}
#top_content_block .block_1 .inbox .leftbox{
width: 50%;
float: left;
}

#top_content_block .block_1 .inbox .leftbox h2{
color: #59BF66;
font-size: 180%;
margin-bottom:30px;
line-height: 150%;
}


#top_content_block .block_2{
width: 100%;
background-color:#fff;
background: url("../images/block_2_bg.png") repeat-x left top;
}

#top_content_block .block_2 .inbox{
width:90%;
max-width:1260px;
margin: 0 auto;
display: table;
}

#top_content_block .block_2 .inbox h2{
width: 20%;
text-align: center;
background: #333333;
vertical-align: middle;
box-sizing: border-box;
display: table-cell;
}
#top_content_block .block_2 .inbox .news{
display: table-cell;
width: 80%;
margin: 0;
padding: 0;
background: #FFF;
box-sizing: border-box;
}

#top_content_block .block_2 .inbox .news dl{
padding: 25px 20px 25px 20px;	
}

#top_content_block .block_2 .inbox .news dt{    
padding-bottom:10px;
padding-right:0px;	
width :100%;
float : none;/* 左に寄せる */
clear : both;/* フロートの解除 */
}

#top_content_block .block_2 .inbox .news dd{ 
padding-bottom : 10px;
width:100%;	
margin-left:0%;
border-bottom: #DDD 1px dotted;
margin-bottom: 15px;
}
	




#top_content_block .block_3 h3{ 
font-size:24px;
font-weight: bold;
margin-bottom: 45px;
letter-spacing: 6px;
color: #333333;
} 

#top_content_block .block_3 h3 span{ 
font-size: 20px;
}

#top_content_block .block_3 .leftbox .title{ 
position:absolute;
top:180px;	
left: 110px;
}


#top_content_block .block_3 .rightbox .title{ 
position:absolute;
top:180px;	
left:90px;	
}

#top_content_block .block_3 p{ 
margin:90px 0 0 2%;
width:96%;
text-align:justify;
}



#top_content_block .block_5{ 
width:94%;
max-width:1200px;	
margin: 85px auto;

}

#top_content_block .block_5 ul{ 
margin: 20px 0 0;
padding: 0;
}

#top_content_block .block_5 ul li {
margin: 0 1.66% 20px 0;
padding: 0;
width: 23.75%;
float: left;
}

#top_content_block .block_5 ul li:nth-child(4n){
margin-right: 0;
}

/*----------　top　----------*/

}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{


#top_content_block .block_5 ul li {
margin: 0 2% 20px 0;
padding: 0;
width: 32%;
float: left;
}

#top_content_block .block_5 ul li:nth-child(4n){
margin-right: 2%;
}

#top_content_block .block_5 ul li:nth-child(3n){
margin-right: 0%;
}

}






/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{	

/*----------　top　----------*/
.slick-slider {
	top: -40px;
}

.slick-slider div {
    margin-right: 0!important;
    margin-left: 0!important;
}

/*.slick-dots li button:before{
	font-size:15px!important;
}*/

#mainimage {
	margin-bottom: 40px;
}
	
#top_content_block .block_1 .inbox .leftbox{
width: 100%;
float: none;
margin-bottom: 30px;
}

#top_content_block .block_1 .inbox .leftbox h2{
color: #59BF66;
font-size: 150%;
margin-bottom:30px;
line-height: 150%;
	text-align: center;
}
	
	#top_content_block .block_1 .inbox .leftbox p {
		text-align: left;
		font-size: 90%;
	}

#top_content_block .block_1 .inbox .rightbox{
width: 100%;
float: none;
}
	
#top_content_block .block_1 .inbox .rightbox img {
width: 100%;
	height: auto;
}
	
#top_content_block .block_2 .inbox h2{
width: 100%;
text-align: center;
background: #333333;
vertical-align: middle;
box-sizing: border-box;
display: block;
padding: 15px 0;
}
#top_content_block .block_2 .inbox .news{
display: block;
width: 100%;
margin: 0;
padding: 0;
background: #FFF;
box-sizing: border-box;
}

#top_content_block .block_2 .inbox .news dl{
padding: 25px 0 25px 0px;	
}

#top_content_block .block_2 .inbox .news dt{    
padding-bottom:10px;
padding-right:0px;	
width :100%;
float : none;/* 左に寄せる */
clear : both;/* フロートの解除 */
}

#top_content_block .block_2 .inbox .news dd{ 
padding-bottom : 10px;
width:100%;	
margin-left:0%;
border-bottom: #DDD 1px dotted;
	margin-bottom: 15px;
}


#top_content_block .block_3{ 
width:1260px;
max-width:94%;
margin: 45px  auto;
}



#top_content_block .block_3 h3{ 
font-size:20px;
font-weight: bold;
margin-bottom: 35px;
letter-spacing: 2px;
color: #333333;
} 

#top_content_block .block_3 h3 span{ 
font-size: 14px;
display: block;
}

#top_content_block .block_3 .leftbox{ 
width:100%;
max-width:none;
float: none;	
position: relative;
margin-bottom: 30px;
text-align: center;
}

#top_content_block .block_3 .leftbox .title{ 
position:absolute;
top:190px;	
left: 110px;
}


#top_content_block .block_3 .rightbox{
width:100%;
max-width:none;	
float:none;	
position: relative;
text-align: center;
}

#top_content_block .block_3 .rightbox .title{ 
position:absolute;
top:190px;	
left:90px;	
}

#top_content_block .block_3 p{ 
margin:90px 0 0 2%;
width:96%;
text-align:justify;
}
	


#top_content_block .block_4{ 
width: 100%;
margin-top: 70px;	
background-color:#F8F8F8;
}

#top_content_block .block_4 h3{ 
font-size:20px;
font-weight: bold;
margin-bottom: 45px;
letter-spacing: 2px;
color: #333333;
} 

#top_content_block .block_4 h3 span{ 
font-size: 14px;
display: block;
}



#top_content_block .block_4 .inbox ul {
margin: 0;
padding: 0;
}

#top_content_block .block_4 .inbox li {
width: 49%;
margin-right:2%;
	margin-bottom: 15px;
padding: 0;
float: left;
text-align: center;
}

#top_content_block .block_4 .inbox li:last-child{ 	
margin-right:0;
}

#top_content_block .block_4 .inbox li:nth-child(2n){ 	
margin-right:0;
}

#top_content_block .block_5{ 
width:94%;
max-width:1200px;	
margin: 65px auto;

}

#top_content_block .block_5 ul{ 
margin: 20px 0 0;
padding: 0;
}

#top_content_block .block_5 ul li {
margin: 0 2% 20px 0;
padding: 0;
width: 49%;
float: left;
text-align: center;
}

#top_content_block .block_5 ul li:nth-child(4n){
margin-right: 2%;
}

#top_content_block .block_5 ul li:nth-child(3n){
margin-right: 2%;
}
	
#top_content_block .block_5 ul li:nth-child(2n){
margin-right: 0%;
}
	
.saigaibunka_bnr {
	padding: 40px 0;
}
/*----------　top　----------*/	
	
	
	
}	



