@charset "UTF-8";

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

common
 
---------------------------------- */

.pc_img {
	display:block;
}
.st_img {
	display:none;
}
.tb_img {
	display:block;
}
.sp_img {
	display:none;
}


ul,li {
	list-style: none;
	margin: 0;
	padding: 0;

}

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

header
 
---------------------------------- */

.main_logo {
	position:absolute;
	z-index:5;
	width:800px;
	top:190px;
   right:0px;
   bottom:0px;
   left:0px;
   margin:auto auto;
}


.main_content {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 90%;
	z-index:20;
}



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

content
 
---------------------------------- */


#content_wrap {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: #000;
}

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

sec01
 
---------------------------------- */

.section_wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 60px 0;
}


#sec01 {
	background-color:#93b65b;
	padding: 60px 0;
}

.t01 {
	width:1000px;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 150%;
}

#main_slide {
	display:block;
}
#main_slide02 {
	display:none;
}
.sp_slide {
	display:none;
}


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

sec02
 
---------------------------------- */

#sec02 {
	background-color:#fff;
	padding: 60px 0;
}


.voicelist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.voiceitem {
	width: 30%;
	margin-bottom: 20px;
	background: #efece7;
	padding: 10px;
}

.voiceitem2 {
	width: 45%;
	margin-bottom: 20px;
	background: #efece7;
	padding: 10px;
}
.voiceitem ph {
	width: 100%;
	margin-bottom: 10px;
}

.voiceitem2 ph {
	width: 100%;
	margin-bottom: 10px;
}
.v01 {
	background-color: #93b65b;
	color:#fff;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
	padding: 5px;
	margin-bottom: 8px;
}
.v02 {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}
.v03 {
	font-size: 14px;
	line-height: 150%;
	padding: 10px;
}
.more {
	background-color: #93b65b;
	padding: 2%;
	color:#fff !important;
	width: 96%;
	display: block;
	text-align: center;
}

.modal {
    display: none;
}
.modal p {
    font-size: 16px;
}






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

footer
 
---------------------------------- */


#footer {
	background-color: #333333;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	position:relative;
	z-index:8;
}


.footer_wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#footer h2 {
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	
}

ul.footer_navi	{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 30px;
}
ul.footer_navi li {
	width: 24%;
}
ul.footer_navi li a{
	display: block;
	vertical-align: middle;
	padding: 10px;
	background: #86b044;
	/* Safari,Google Chrome用 */ 
	background: url("../img/common/footer_icon.png") no-repeat left center,-webkit-gradient(linear, left top, left bottom,from(rgba(134,176,68,1.0)), to(#86b044));
	/* InternetExplorer8-9 */  
	-ms-filter: url("../img/common/footer_icon.png") no-repeat left center,"progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b044', endColorstr='#86b044', GradientType=0)";
	/* InternetExplorer10 */  
	background: url("../img/common/footer_icon.png") no-repeat left center,linear-gradient(to bottom, #86b044, #86b044);
	background-size: 25px 22px,auto auto;
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
}



ul.footer_navi li a:link {
	color:#FFFFFF;
}

ul.footer_navi li a:hover {
	display: block;
	opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.footer_link {
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	margin-bottom: 30px;
}

.footer_link a:link,
.footer_link a:visited
 {
	color:#FFFFFF;
}
.footer_link a:hover
 {
	color:#FFFFFF;
	text-decoration:underline;
}

.copy {
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 949px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}