@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */
#mainvis {
	padding: 0;
}
#mainvis .mf-btm {
	width: 100%;
	/*height: 580px;*/
}


#mainvis .mf-inner,
#mainvis .mf-inner .si {
	width: inherit;
	height: inherit;
}
#mainvis .mf-inner .si {
	position: relative;
}
#mainvis .mf-inner .si a {
	display: block;
	width: 1000px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
}



#mf1{
	padding:33px 0 20px;
}

#mf1 a.g-bnr{
	display: block;
	margin: 0 0 20px 0;
}




#mf2{
	background:url(../img/top/bg2.jpg) left top repeat;
	box-shadow: 0 3px 3px 0px rgba(0,0,0,0.1), 0 -3px 3px 0px rgba(0,0,0,0.1);
	position:relative;
	z-index:1;
}

#mf2 .mf-inner{
	position:relative;
	padding:30px 20px 20px 20px;
	overflow: hidden;
}
#mf2 .kazari img:nth-of-type(1){
	position:absolute;
	left:10px;
	top: 50px;
}

#mf2 .kazari img:nth-of-type(2){
	position:absolute;
	right: 10px;
	top: 50px;
}
#mf2 .kazari img:nth-of-type(3){
	position:absolute;
	left:-80px;
	top:5px;
	width: 280px;
	height: auto;
}

#mf2 .kazari img:nth-of-type(4){
	position:absolute;
	right:-80px;
	top:5px;
	width: 280px;
	height: auto;
}

#mf2 h2{
	text-align:center;
}


#mf2 .ebox{
	padding:15px 0;
}


#mf2 .ebox-inner{
	border:5px solid #682a08;
	border-radius:5px;
	background:#fff;
	padding:20px;
}
#mf2 .ebox #eve img{
	max-width:100%;
}

#mf2 .ebox .eimg{
	float:left;
}

#mf2 .ebox .etext{
	float:right;
	width:570px;
}

#mf2 .ebox  .etext > h3{
	text-align:center;
}

#mf2 .ebox  .etext > h3 a{
	color:#e62635;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.5em;
}

#mf2 .ebox .ebody{
	padding:20px 0 0 0;
}


#mf2 p{
	margin:0 0 20px 0;
}
#mf2 p strong{
	font-size:1.2em;
	color:#FF0004;

}



#mf2 .ebody h2{
	background:#80c729;
	color:#fff;
	font-size:1.5em;
	line-height:1.7em;
	padding:2px 10px;
	margin:0 0 20px 0;
	text-align:center;
}

#mf2 .ebody h3{
	border:2px solid #592407;
	background:#fdda97;
	color:#592407;
	font-size:1.3em;
	line-height:1.7em;
	padding:2px 8px;
	margin:0 0 20px 0;
}

#mf2 .ebody h4{
	color:#592407;
	font-size:1.2em;
	line-height:1.7em;
	border:1px solid #592407;
	border-width:0 0 1px 5px;
	border-left-color:#80c729;
	padding:2px 5px;
	margin:0 0 20px 0;
}

#mf2 .ebody p{
	padding:0 10px;
	margin:0 0 20px 0;
}


#mf2 .btn{
	padding:0px;
	text-align:center;
}

#mf2 .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	line-height:1.1em;
	padding:12px 40px 12px 80px;
	text-align:center;

	border-radius:8px;
	
	
	background:#682a08;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#682a08), color-stop(0.49, #682a08), color-stop(0.50, #592407), to(#592407));
	position:relative;
}
#mf2 .btn a:hover{
	background:rgba(104,42,8,0.9);
}

#mf2 .btn a:before{
	position:absolute;
	top:10px;
	left:33px;
	content:url(../img/top/ic1.png);
}



#mf2 .btn a:before{
	position:absolute;
	top:10px;
	left:33px;
	content:url(../img/top/ic1.png);
}

#mf2 #eend{
	
}

#mf2 #eend dl{
	padding:20px 100px;
}

#mf2 #eend dt{
	float:left;
}

#mf2 #eend dd{
	float:right;
	padding:28px 0 0 0;
}












#mf3{
	padding:30px 0;
	position:relative;
}

#mf3 .mf-inner{
}

#mf3 .staffs{
	margin:0 auto 50px;
	text-align:center;
}

#mf3 h2{
	width:100%;
	background:url(../img/top/bg3.jpg) left top repeat;
	margin: 0 0 20px;
	text-align:center;
	border:6px solid #7fc12c;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
}

#mf3 .cards:first-of-type{
	padding:0 0 50px 0;
}
#mf3 .cards{
	padding:0 0 100px 0;
	display: flex;
	flex-wrap: wrap;
}

#mf3 .card{
	width: 32%;
	margin:0 2% 10px 0;
	align-self: flex-start;
}

#mf3 .card-frame{
	background:#fff;
	border:1px solid #cfcfcf;
}

#mf3 .card:nth-of-type(3n){
	margin:0;
}

#mf3 .card:nth-of-type(1) .card-inner{
	border:1px solid #f39800;
	border-width:10px 0 0 0;
}

#mf3 .card:nth-of-type(2) .card-inner{
	border:1px solid #58bdec;
	border-width:10px 0 0 0;
}

#mf3 .card:nth-of-type(3) .card-inner{
	border:1px solid #58cb70;
	border-width:10px 0 0 0;
}

#mf3 .card:nth-of-type(4) .card-inner{
	border:1px solid #f8a1f5;
	border-width:10px 0 0 0;
}
#mf3 .card:nth-of-type(5) .card-inner,
#mf3 .card:nth-of-type(6) .card-inner,
#mf3 .card:nth-of-type(7) .card-inner{
	border:1px solid #682a08;
	border-width:10px 0 0 0;
}

#mf3 .card h3{
	font-size: 1.6em;
	line-height:1.1em;
	padding:10px;
}
#mf3 .card dl{
	position:relative;
	text-align:center;
}

#mf3 .card dl dd {
	padding: 8px;
}
#mf3 .card dl dd:last-child{
	position:absolute;
	right:-3px;
	top:-45px;
}
#mf3 .cards:nth-of-type(2) .card dl dd:last-child{
	position:static;
}


#mf3 .card .btn{
	padding:10px 0px;
	text-align:center;
}

#mf3 .card .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.0em;
	line-height:1.1em;
	padding:7px 30px 7px 55px;
	text-align:center;

	border-radius:8px;
	
	
	background:#e62635;
	position:relative;
}

#mf3 .card .btn a:hover{
	background:rgba(230,38,53,0.8);
}



#mf3 .card .btn a:before{
	position:absolute;
	top:5px;
	left:20px;
	content:url(../img/top/ic3.png);
}




#mf4{
	padding:50px 0 60px 0;
	position:relative;
}

#mf4 .mf-inner{
}

#mf4 .cttl{
	background:url(../img/top/bg3.jpg) left top repeat;
	margin: 0 0 30px;
	text-align:center;
	border:6px solid #7fc12c;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
}

#mf4 .cttl-frame{
	margin:0 auto;
	position:relative;
}

#mf4 .cttl p{
	position:absolute;
	top:-40px;
	left:80px;
}


#mf4 .btn{
	padding:0px;
	text-align:center;
}

#mf4 .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	line-height:1.1em;
	padding:12px 40px 12px 80px;
	text-align:center;

	border-radius:8px;
	
	
	background:#682a08;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#682a08), color-stop(0.49, #682a08), color-stop(0.50, #592407), to(#592407));
	position:relative;
}

#mf4 .btn a:hover{
	background:rgba(104,42,8,0.9);
}


#mf4 .btn a:before{
	position:absolute;
	top:10px;
	left:33px;
	content:url(../img/top/ic1.png);
}


#mf4 .ebox{
	float:left;
	width:180px;
	width:125px;
	margin:0 5px 25px;
}
#mf4 .ebox img{
	object-fit: cover;
}



#mf4 .ebox:nth-of-type(5n){
	margin:0;
}

#mf4 .ebox:nth-of-type(5n+1){
	clear:both;
}


#mf4 .ebox .etext{
	padding:10px 0 0 0;
}

#mf4 .ebox .etext h3 a{
	text-decoration:none;
}

#mf4 .ebox .etext p{
	padding:5px 0 0 0;
	font-size:0.8em;
	line-height:1.5em;
}

#mf4 .ebox .etext p strong{
	font-size:1.2rem;
	line-height:1.5em;
	color:#e62635;
}

#mf5{
	background:url(../img/top/bg4.jpg) left top repeat;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
}

#mf5 h2 {
	text-align: center;
}

#mf5 .mf-btm{
	padding:18px 0;
}

#mf5 .mf-inner{
	background:url(../img/top/bg5.png) right bottom no-repeat;
	padding: 20px;
}

#mf5 .ct1 {
	width: 70%;
	margin: auto;
}

#mf5 .clist {
	display: flex;
	justify-content: space-between;
	padding: 20px 0 0;
}
#mf5 .clist dl{
	width:190px;
}

#mf5 .clist dl:nth-of-type(3){
	margin:0;
}

#mf5 .clist dl dt{
	padding:0 0 10px 0;
	font-weight:bold;
	line-height:1.5em;
}

#mf5 .clist dl dt a{
	display:block;
	border:2px solid #fff;
}

#mf5 .clist dl dd{
	font-size:0.9em;
	line-height:1.5em;
}

#mf5 .btn{
	padding:15px;
	text-align:center;
}

#mf5 .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.0em;
	line-height:1.1em;
	padding:10px 30px 10px 55px;
	text-align:center;

	border-radius:8px;
	
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#682a08), color-stop(0.49, #682a08), color-stop(0.50, #592407), to(#592407));
	position:relative;
}

#mf5 .btn a:hover{
	background:rgba(104,42,8,0.9);
}


#mf5 .btn a:before{
	position:absolute;
	top:10px;
	left:20px;
	content:url(../img/top/ic3.png);
}



#mf6{

}

#mf6 .mf-inner{
	padding: 20px 0 50px 0;
}

#mf6 .cbox{
	background:url(../img/top/bg7.jpg) left top repeat;
	width: 49%;
	height:363px;
	box-shadow:0 0px 3px 3px rgba(0,0,0,0.1);
}
#mf6 .cbox-inner{
	padding:18px;
}



#mf6 #news{
	float:left;
}

#mf6 #blog{
	float:right;
}

#mf6 .cbox h2{
	text-align:center;
	color:#fff94c;
	font-size:2em;
	line-height:1.1em;
	padding:0 0 15px 0;
}

#mf6 .cbox .eboxs{
	border:1px dashed #fff;
	border-width:1px 0 0 0;
    height: 230px;
    overflow: hidden;
}

#mf6 .cbox .ebox{
	border:1px dashed #fff;
	border-width:0px 0 1px 0;
	padding:15px 10px;
}

#mf6 .cbox .edate{
	color:#fff94c;
	font-size:0.9em;
	line-height:1.1em;
}

#mf6 .cbox h3{
	color:#fff;
	text-decoration:none;
}

#mf6 .cbox h3 a{
	color:#fff;
	text-decoration:none;
}

#mf6 .btn{
	padding:15px 0px 0 0;
	text-align:center;
}

#mf6 .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.0em;
	line-height:1.1em;
	padding:7px 30px 7px 55px;
	text-align:center;

	border-radius:8px;
	
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6b16), color-stop(0.49, #ff6b16), color-stop(0.50, #ff5612), to(#ff5612));
	position:relative;
}

#mf6 .btn a:hover{
	background:rgba(255,107,22,0.9);
}

#mf6 .btn a:before{
	position:absolute;
	top:7px;
	left:20px;
	content:url(../img/top/ic3.png);
}

#mf6 .eimg{
	float:left;
	margin:0 15px 0 0;
}



#mf7{
	background:url(../img/top/bg8.jpg) left top repeat;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1),0 -3px 3px 0 rgba(0,0,0,0.1);
}

#mf7 .mf-inner{
	padding:30px 0 40px 0;
}

#mf7 h2{
	text-align:center;
}

#mf7 .cbox{
	padding:20px 0 0px 0;
}

#mf7 .cbox-inner{
	position:relative;
	padding:0 200px 20px 15px;
}

#mf7 .cbox .abs{
	position:absolute;
	top:0;
	right:30px;
}
#mf7 ul{
	padding:10px 15px 25px 15px;
	display: flex;
	justify-content: space-between;
}

#mf7 ul li{
	width: 24%;
}



#mf7 .btn{
	padding:0px;
	text-align:center;
}

#mf7 .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	line-height:1.1em;
	padding:12px 40px 12px 80px;
	text-align:center;

	border-radius:8px;
	
	
	background:#682a08;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#682a08), color-stop(0.49, #682a08), color-stop(0.50, #592407), to(#592407));
	position:relative;
}

#mf7 .btn a:hover{
	background:rgba(104,42,8,0.9);
}


#mf7 .btn a:before{
	position:absolute;
	top:10px;
	left:33px;
	content:url(../img/top/ic1.png);
}



#mf8{
	padding:90px 0 60px 0;
}




#mf9{
	padding:40px 0;
	position:relative;
}

#mf9 .mf-inner{
	padding:30px 0 0 0;
}

#mf9 h2{
	background:url(../img/top/bg3.jpg) left top repeat;
	margin: 0 0 30px;
	text-align:center;
	border:6px solid #7fc12c;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
}


#mf9 .btn{
	padding:0px;
	text-align:center;
	clear:both;
	padding:50px 0 0 0;
}

#mf9 .btn a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	line-height:1.1em;
	padding:12px 40px 12px 80px;
	text-align:center;

	border-radius:8px;
	
	
	background:#682a08;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#682a08), color-stop(0.49, #682a08), color-stop(0.50, #592407), to(#592407));
	position:relative;
}

#mf9 .btn a:hover{
	background:rgba(104,42,8,0.9);
}


#mf9 .btn a:before{
	position:absolute;
	top:10px;
	left:33px;
	content:url(../img/top/ic1.png);
}


#mf9 .ebox{
	float:left;
	width: 155px;
	margin:0 15px 20px 0;
}


#mf9 .ebox .eimg{
	height:155px;
	overflow:hidden;
}


#mf9 .ebox:nth-of-type(4n){
	margin:0;
}



#mf9 .ebox .etext{
	padding:10px 0 0 0;
}

#mf9 .ebox .etext h3 a{
	text-decoration:none;
	font-weight:bold;
}

#mf9 .ebox .etext p{
	padding:5px 0 0 0;
	font-size:0.8em;
	line-height:1.5em;
	color:#808080;
}



/************************************************/


/*
#blog{
	display:none;
}
#mf6 .cbox{
	background:url(../img/top/bg7.jpg) left top repeat;
	width:auto;
	height:auto;
	box-shadow:0 0px 3px 3px rgba(0,0,0,0.1);
}
#mf6 .cbox-inner{
	padding:18px;
}



#mf6 #news{
	float:none;
}
*/


/************************************************/




@media screen and (max-width: 800px) {

#smain #si2{
	background:url(../img/top/slide/si2/bg1.jpg) left top repeat;
	position:relative;
	max-height:none;
	overflow:hidden;
}
#smain .si2-inner{
	padding:10px 0 0 0;
}
#smain #si2 p:nth-of-type(1){
	float:none;
}
#smain #si2 p:nth-of-type(2){
	float:none;
	padding:10px 0;
	margin:0 auto;
	width:70%;
}
#smain #si2 ul{
	position:static;
}
#smain #si2 ul li{
	display:block;
	margin:0;
	float:left;
	width:calc(100% / 3);
}


#mainvis .mf-btm {
	height: auto;
	padding: 20px 0;
}
#mainvis .mf-inner .si a {
	width: 100%;
	display: block;
	position: static;
	top: auto;
	left: auto;
	margin-left: 0;
}

#mf1{
}



#mf2{
}

#mf2 .mf-inner{
	position:relative;
	padding:20px;
}
#mf2 h2{
	position:relative;
	z-index:9999;
}





#mf2 .ebox .eimg{
	float:none;
	text-align:center;
	padding:0 0 20px 0;
}

#mf2 .ebox .etext{
	float:none;
	width:auto;
}


#mf2 #eend{
	
}

#mf2 #eend dl{
	padding:0px;
	text-align:center;
}

#mf2 #eend dt{
	float:none;
}

#mf2 #eend dd{
	float:none;
	padding:28px 0 0 0;
}





#mf3 .mf-inner{
	padding:0;
}

#mf3 .staffs{
	position:static;
	margin-bottom:50px;
}

#mf3 h2{
	position:static;
	font-size:1.8em;
	font-weight:bold;
	padding:15px 0;
}
#mf3 span{
	display:block;
	text-align:right;
	font-size:0.8em;
	margin:0 0 20px 0;
}

#mf3 .cards{
	padding:0 10px 100px 10px;
}

#mf3 .card{
	width:49%;
}
#mf3 .card:nth-of-type(3n){
	margin: 0 2% 10px 0;
}
#mf3 .card:nth-of-type(2n){
	margin: 0;
}

#mf3 .card-frame{
	background:#fff;
	border:1px solid #cfcfcf;
}
#mf3 .card-inner{
	padding:10px;
}
#mf3 .card:nth-of-type(4){
	margin:0;
}
#mf3 .card h3{
	font-size:1em;
	font-weight:bold;
	padding:0 0 10px 0;
}

#mf3 .card dl{
	position:static;
}
#mf3 .card dl dd:last-child{
	right:0;
	top:0;
	text-align:right;
}
#mf3 .card dl dd:last-child img{
	width:50%;
}
#mf3 .cards:nth-of-type(2) .card dl dd:last-child img{
	width:auto;
}

#mf3 .card .btn{
	padding:10px 0px;
	text-align:center;
	font-size:0.8em;
}

#mf3 .card .btn a{
	display:block;
	padding:7px;
	text-align:center;

	border-radius:8px;
	
	
	background:#e62635;
	position:relative;
}

#mf3 .card .btn a:hover{
	background:rgba(230,38,53,0.8);
}



#mf3 .card .btn a:before{
	position:static;
	float:left;
	content:url(../img/top/ic3.png);
}





#mf4{
	padding:50px 0 60px 0;
	position:relative;
}

#mf4 .mf-inner{
	padding:120px 0 0 0;
}

#mf4 .cttl{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	background:url(../img/top/bg3.jpg) left top repeat;
	text-align:center;
	border:6px solid #7fc12c;
	border-width:6px 0;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
}

#mf4 .cttl-frame{
	width:auto;
	margin:0 auto;
	position:relative;
	padding:0;
}

#mf4 h2{
	position:static;
	font-size:1.8em;
	font-weight:bold;
	padding:15px 0;
}

#mf4 .cttl p{
	background:#ffff00;
	text-align:center;
	left:50%;
	top:-2em;
	margin:0 0 0 -26%;
	padding:5px 15px;
	border-radius:5px;
	font-weight:bold;
}


#mf4 .eboxs{
	padding:0 10px;
	font-size:0.8em;
}
#mf4 .ebox{
	float:left;
	width:47%;
	margin:0 0 25px 0;
}
#mf4 .ebox:nth-of-type(even){
	float:right;
}
#mf4 .ebox:nth-of-type(2n+1){
	clear:both;
}

#mf4 .ebox:nth-of-type(5n){
	margin:0 0 25px 0;
}

#mf4 .ebox:nth-of-type(5n+1){
	clear:none;
}






#mf5 .conLeft{
	float:none;
	width:auto;
	text-align:center;
}


#mf5 .conRight{
	float:none;
	width:auto;
}

#mf5 .conRight-inner{
	padding:40px 10px 0 10px;
	font-size:0.8em;
}


#mf5 .conRight dl{
	width:32.33%;
	float:left;
	margin:0 1% 0 0;
}


#mf6{

}

#mf6 .mf-inner{
}

#mf6 .cbox{
	background:url(../img/top/bg7.jpg) left top repeat;
	width:auto;
	height:auto;
	margin:0 0 20px 0;
}



#mf6 #news{
	float:none;
}

#mf6 #blog{
	float:none;
}


#mf6 .eimg{
	float:none;
	margin:0 0 10px 0;
	text-align:center;
}



#mf7{
}

#mf7 .mf-inner{
	padding:30px 0 40px 0;
}

#mf7 h2{
	text-align:center;
}

#mf7 .cbox{
	padding:20px 0 0px 0;
}

#mf7 .cbox-inner{
	position:relative;
	padding:0 0 20px 15px;
}

#mf7 .cbox .abs{
	position:static;
	margin:0 auto;
	display:block;
}
#mf7 ul{
	padding:10px 10px 25px 10px;
}

#mf7 ul li{
	float:left;
	width:49%;
	margin:0 0 10px 0;
	padding-right:0;
}
#mf7 ul li:nth-of-type(even){
	float:right;
}
#mf7 ul li img{
	width:100%;
}


#mf9 h2{
	position:static;
	font-size:1.8em;
	font-weight:bold;
	padding:15px 0;
}
#mf9 .mf-inner{
	padding:0px 0 0px 0;
}
#mf9 .eboxs{
	padding:20px 10px;
	font-size:0.8em;
}

#mf9 .ebox{
	float:left;
	width:47%;
	margin:0 0 25px 0;
	line-height:1.5em;
}



#mf9 .ebox .eimg{
	height:150px;
}

#mf9 .ebox:nth-of-type(even){
	float:right;
}
#mf9 .ebox:nth-of-type(2n+1){
	clear:both;
}



}