@charset "utf-8";
@import "reset.css";

/* Base Style
================================================== */
body {
	color: #444444;

font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", "sans-serif";
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;

}

::selection {
    background: #ffec7d;
}

a {
 color:#0000ff;
}

a img {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/*
@font-face {
  font-family: 'GenShinGothic-Normal';
  src: url('/theme/sn-default/wf/GenShinGothic-Normal.ttf') format('truetype');
}
*/




a {
}
a:visited {

	
}
a:hover, a:focus {
	color: #adadad;
}
.clr{
	clear:both;
	min-height:1em;
}
*html .clr{
	height:1px;
}

.clr:after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}
input, select, textarea {
	color: #000;
	font-family: inherit;
	font-size: 100%;
}
.new {
	margin-left: 0;
	padding: 3px;
	border-radius: 2px;
	background-color: #F2DB00;
	color: #ff0000;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
}
.fs-cap{
	font-size: 180%;
	line-height:150%;
	color: #6E4825;
	font-weight:lighter;
	margin-top:20px;
	margin-bottom:20px;
	}
.fs-cap-02{
	font-weight:700;
	line-height:200%;
	}

img{
	}
.clr{
	clear:both;
	min-height:1em;
}
*html .clr{
	height:1px;
}

.clr:after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}
.margin-b{
	text-align:center;
	margin-top:40px;
		margin-bottom:20px;
	}
.margin-b60{
			margin-bottom:60px;
	}
.margin-b30{
			margin-bottom:60px;
	}
.bl-check{
	background-color: #eee;
	padding: 20px;	
	}
	
.tbl-cnt{
	width: 600px;
	margin-right: auto;
	margin-left: auto;	
	}

.tbl-cnt th{
	font-size: 160%;
	color: #96682E;
	text-align: center;
	margin-bottom: 30px;
	font-weight: lighter;
	padding-bottom: 30px;
}

.tbl-cnt td{
	
	}




/* Clearfix
================================================== */
.inner:after,
header:after,
footer:after,
nav ul:after,
section:after,
article:after,
aside:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
.inner,
header,
footer,
nav ul,
section,
article,
aside,
.clearfix {
	*zoom: 1;
}



/* ?o?b?T?C?g?n?܂・
==================================================
==================================================
==================================================
================================================== */



.inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


@media (min-width: 768px) {



a:hover img,
a:focus img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

:-ms-input-placeholder  {color: #999999;}


body , html {
	height: 100%;
}

body {
	margin:0px;
	padding:0px;
}



ol, ul {
	list-style: none;
}

form {
	margin: 0px;
	padding: 0px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.pc-disp {
}
.sp-disp {
	display: none;
}

#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0;
}


#scrollTop {
	position: fixed;
	right: 0;
	z-index: 20;
	padding:0;


}
#scrollTop a {
	text-decoration : none;

}

#scrollTop img {
	opacity: 1;
	filter: alpha(opacity=100);
	max-width: 52px;
}


.skip a {
  display: block;
  background-color: #007b44;
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: absolute;
  height: 0;
  overflow: hidden;
}




#header {

}


#header-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
}
#header-inner:after {
	content: "";
	display: block;
	clear: both;
}
#header-l {
	float: left;
	width: 35%;
}
#header-l img {
	width: 100%;
	max-width: 360px;
}

#header-r {
	float: right;
	width: 62%;
	text-align: right;
	padding-top:30px;
}
.p-content-title-backimage{
	margin:15px 0px 0px 0px;
	background-image: url("../images/bg-c01.png"),url("../images/bg-c02.png");
	background-repeat: no-repeat,repeat-x;
	background-position: center bottom,left bottom;
	height:173px;
		
	}
.p-content-title-backimage img{


	}
	.c-img{	width:60%;
		float:left;
		padding-top:60px;}
	.c-search{
		width:25%;
		float:right;
		padding-top:60px;
		
	}
#navi-h{
		display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
		font-size: 90%;
	    justify-content: center; /* ?q?v?f?lexbox?ɂ謔・????ɔz?u???・*/
    align-items: center;  /* ?q?v?f?lexbox?ɂ謔・????ɔz?u???・*/
	
	}
#navi-h li{

		border-left:solid 1px #444;
	padding:0px 10px 0px 10px;

	}
#navi-h li a{
	text-decoration: none;
	color:#444444;
	}
	
	#navi-h li:last-child {
	border-right:solid 1px #444;
	padding-right:10px;
}
#navi-m{
	display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	font-size: 130%;
	font-weight: bold;
		width:1000px;
	margin:0px auto;
	line-height: 110%;
	}
#navi-m li{


	text-align: center;

	}
#navi-m li span{
	display:block;
	}
	#navi-m li a{
	
		text-decoration: none;
		display: inline-block;
		text-align: left;
		color:#000;
				padding:10px 0px 10px 0px;

	}
#navi-m li:nth-child(1) {
		width: 18%;	
}
#navi-m li:nth-child(2){
		width: 18%;	
}
#navi-m li:nth-child(3) {
width: 20%;	
}
#navi-m li:nth-child(4) {
width: 18%;	
}
#navi-m li:nth-child(5)  {
width: 26%;	
	font-size: 100%;
}

#navi-m li:nth-child(1) a {
	background-image: url("../images/icn01.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:35px;
}
#navi-m li:nth-child(2) a{
	background-image: url("../images/icn02.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}
#navi-m li:nth-child(3) a {
	background-image: url("../images/icn03.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:60px;
}
#navi-m li:nth-child(4) a {
	background-image: url("../images/icn04.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:55px;
}
#navi-m li:nth-child(5) a {
		background-image: url("../images/icn05.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	padding:10px 10px 10px 50px;
	background-color: #ff0000;
	color:#fff;
	border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	font-size: 90%;
}

.sp-header {
	display: none;
}






#globalNav {
	background-color: #23233a;
	margin-bottom:30px;

}



#globalNavInner {
	    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}



#globalNavInner:after {
	content: "";
	display: block;
	clear: both;
}

#globalNavInner img {

}




.globalMenu1,.globalMenu2,.globalMenu3,.globalMenu4,.globalMenu5 {
	float: left;
	text-align: center;

}



.globalMenu1 {
	width: 19.940%;
}
.globalMenu1 img {
	width: 100%;
	max-width: 100px;
}
.globalMenu2 {
	width: 15.752%;
}
.globalMenu2 img {
	width: 100%;
	max-width: 79px;
}
.globalMenu3 {
	width: 20.338%;
}
.globalMenu3 img {
	width: 100%;
	max-width: 102px;
}
.globalMenu4 {
	width: 20.438%;
}
.globalMenu4 img {
	width: 100%;
	max-width: 102.5px;
}
.globalMenu5 {
	width: 23.529%;
}
.globalMenu5 img {
	width: 100%;
	max-width: 118px;
}




.globalMenu1 span a,.globalMenu2 span a,.globalMenu3 span a,.globalMenu4 span a,.globalMenu5 span a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0 14px 0;
}








#content {
	width:100%;
	margin:0px auto 0px auto;
				position: relative;

}

	#lay{
			position: absolute;
	z-index: 200;
		
		
	}
	#lay img{
		
		
		width:100%;
		max-width: 1920px;
	}



/* jquery.bxslider.min.js ?֘A?ݒ闔n?܂・*/
#main_img_wrapper{
	width: 100%;
	background-color: #fff;
	padding: 0 0 0 0;
			position: relative;
		z-index: 0;
	margin:20px 0px 0px 0px;
}

.main_img_body {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;

}


#main_img_wrapper .bx-wrapper{
	margin-bottom: 0;
}

#main_img_wrapper .bx-wrapper .bx-viewport{
	left: 0;
	border: 0;
	box-shadow: none;
}

#main_img_wrapper .bx-wrapper .bx-controls-direction a{
	top: 0;
	margin-top: 0;
	width: 74px;
	height: 100%;
}

#main_img_wrapper .bx-wrapper .bx-next{
	display: none;
	right: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

#main_img_wrapper .bx-wrapper .bx-prev{
	display: none;
	left: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


/* jquery.bxslider.min.js ?֘A?ݒ闖I?墲・*/



/* slider.js ?֘A?ݒ闔n?܂・*/


.wideslider {
	margin-top: 30px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.wideslider ul{
	margin: 0px;

}

.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0 0 0 0;

}

.wideslider ul li img {
	width: 100%;
	display: none;
}



.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #eae6e4;}
.slider_next {background: #eae6e4;}

/* .slider_prev {background: #fff url(../images/prev.png) no-repeat right center;} */
/* .slider_next {background: #fff url(../images/next.png) no-repeat left center;} */


.wideslider .pagination {
	bottom: 20px;
	text-align: center;
	width: 100%;
	height: 15px;
	position: absolute;
	z-index: 10;
}

.wideslider .pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #ccc;
	border-radius: 7px;
}
.wideslider .pagination a.active {
	background: #ee87b4;


}


.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0px;
}

/* slider.js ?֘A?ݒ闖I?墲・*/










.content-top1 {
	background-image: url("../images/bg-content-top.png");
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
	margin: -80px 0px 20px 0px;
	padding-bottom: 60px;
	position: absolute;
}

#keyword {
	height: 32px;
}


.content-top1-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;

}

.content-top1-inner:after {
	content: "";
	display: block;
	clear: both;
}


.content-top1-top {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
}
.content-top1-l {
	float: left;
	width: 37.45%;
	background-color: #0097ff;
		border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	border: solid 3px #fff;
	
}
.content-top1-l h2 {
color:#fff;
	font-size:150%;
	padding:20px 10px 10px 80px;
			background-image: url("../images/icn-menu01.png");
	background-repeat: no-repeat;
	background-position: left 10px top;
	margin-top:-10px;
	}

.content-top1-c {
	float: left;
	width: 25.1%;
	text-align: center;
}
.content-top1-c img {
	width: 100%;
	max-width: 214px;
}

.content-top1-r {
	float: left;
	width: 37.45%;
	background-color: #ff0000;
		border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	border: solid 3px #fff;
	
}
.content-top1-r h2 {
color:#fff;
	font-size:150%;
	padding:20px 10px 10px 80px;
			background-image: url("../images/icn-ema.png");
	background-repeat: no-repeat;
	background-position: left 10px top;
	margin-top:-10px;
	}

.content-top1-l ul li,
.content-top1-r ul li {
	border-top: 1px solid #fff;
	background-image: url("../images/bg-link1.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	padding: 7px 7px 7px 35px;
	
}
.content-top1-l ul li a,
.content-top1-r ul li a {
	text-decoration: none;
	color:#fff;
}


.content-top2 {
	width:100%;
	margin: 0px 0px 20px 0px;
	padding-top: 350px;

}

.content-top2-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.love-family {
	margin-bottom: 50px;
	text-align: center;
}
.love-family img {
	width: 100%;
	max-width: 974px;
	text-align: center;
}

.news {
		background-image: url("../images/bg-dot.png");
	background-repeat: repeat;
	background-position: left top
			border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	padding:20px 0px 20px 0px; 
}
.news-l {
	float: left;
	width: 22%;
	text-align: center;
	padding: 0 17px;
}
.news-l img {
	width: 100%;
	max-width: 180px;
	margin-top: -50px;
}
.news-r {
	float: left;
	width: 76%;
			border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	background-color: #fff;
	padding:10px 20px 20px 20px;
	
}
	.p-top-news-section-list{
		
		
	}
.news-r ul {
	margin: 0px;

}
	
	
	.news-r ul{
		
	}
.news-r ul::-webkit-scrollbar{height:10px;}/*?o?[?̑???*/
.news-r ul::-webkit-scrollbar-track{background:#dddddd;}/*?o?[?̔w?i?F*/
.news-r ul::-webkit-scrollbar-thumb{background:#aaaaaa;}/*?o?[?̐F*/
	
.news-r ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.news-r .date {
	color: #ff6700;

	width:12%;
}
.news-r .title {
	width:80%;
}
	.news-r .title a {
	text-decoration: none;
}
.news-r .title a:hover {
	text-decoration: underline;
}
.news-r .new {
		width:5%;

	margin-left: 0;
	padding: 3px;
	border-radius: 2px;
	background-color: #F2DB00;
	color: #ff0000;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
}

	.btn-list-top{
		
		margin:20px 0px 0px 0px;
text-align: center;
		border: solid 1px #ccc;
		background-color: #eee;
		padding:5px;
	}
	.btn-list-top a{
text-decoration: none;
					font-size: 90%;

	    background-image: url(../images/bg-link1.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding: 7px 7px 7px 35px;
}

.content-top3 {
	background-color: #ededed;
	width:100%;
	margin: 40px 0px 0 0px;

}


.content-top3-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 25px 0 15px 0;
}
.osusume-title {
	max-width: 1000px;
	margin:0px auto;
	margin-bottom: 20px;
	color: #666;
	padding:10px 0px 0px 0px;
}

.osusume-banner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.osusume-banner ul li {
	width: 32%;
	text-align: center;
	margin:0px 0px 10px 0px;
}
.osusume-banner ul li img{
	width: 100%;
	max-width: 300px;
}

#footer {
	width: 100%;
	border-top: 5px solid #F2DB00;
}


.footer1 {
	width: 100%;
}
.footer1-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

.footer1-inner:after {
	content: "";
	display: block;
	clear: both;
}


.footer1-l{
	float: left;
	width: 27.6%;
	text-align: center;
	font-size:80%;
}
.footer1-l img {
	width: 100%;
	max-width: 276px;
	margin:10px 0px 0px 0px;
}
.footer1-c{
	float: right;
	width: 68%;
				display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	max-width: 650px;
	margin:0px 0px 0px 30px;
}
.footer1-c div{
	width: 45%;
}


.footer1-c .busyo,
.footer1-r .busyo {
	display: block;
	margin-top: 6px
}
.footer1-c .add,
.footer1-r .add {
	margin-right: 10px;
}
	.footer1-c .tel-f,
.footer1-r .tel-f {
display:block;}
.footer2 {
	width: 100%;
	text-align: center;
}

#sp-footer {
	display: none;
}

	.emb{
		
		width:50%;
		margin:0px auto;

	}
	.emb img{
		
		width:100%;
	}

	.f-c{
		clear: both;	

	
	}
	.f-c li{
display: inline;
	margin:0px 5px;
				margin-bottom:10px;
	
	}



/* ?R???e???c?y?[?W?֌W?n?܂・
================================================== */




#sitemap_main {
	width:100%;
	height: 200px;
	margin: 0 auto;
	background-color : #ffffff;
	background-image: url("../images/sitemap_main.jpg");
	background-repeat: no-repeat;
	background-position: center top

}

#search_main {
	width:100%;
	height: 200px;
	margin: 0 auto;
	background-color : #ffffff;
	background-image: url("../images/sitemap_main.jpg");
	background-repeat: no-repeat;
	background-position: center top

}






#breadCrumb {
	padding: 20px 0 15px 5px;

}
#breadCrumb a {

}
#breadCrumb a:hover {

}


#breadCrumb p {
	margin-left: 0px;
	font-size: 70%;
	
}

.scrText {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}



.print_wrp {
	display: none;
	text-align: right;
	padding-top: 8px;
	margin-bottom: -32px;
}




#content-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;

}

#content-inner:after {
	content: "";
	display: block;
	clear: both;
}


.page-image {
	margin-top: 15px;
	text-align: center;
}


#main {

	width:1000px;
	margin:0px auto 30px auto;
}

#main2 {
	width:1000px;
	margin:0px auto 30px auto;
}
		
.contentBody {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
		clear:both;
	min-height:1em;
	padding-top: 0px;
	line-height: 25px;
}

.contentHeader p.date {
    font-size: 90%;
    padding-right: 10px;
    float: right;
    color: #c3ad97;
    margin-right: 0px;
    /* background-color: #efefef; */
    padding: 3px 3px 3px 9px;
    border-radius: 20px;
}



.contentBody p a{
}


.pageList {
	padding-top: 5px;
	margin:0px;
}


.contentBody .pageList {
  margin-left: 5px;
  padding-left: 0px;
}




.pageList li {
	list-style-type: none;
	margin: 1em 0 0.5em;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #F2DB00;
	background-color: #FFF8BA;
}

.pageList .title {
	font-size: 130%;
	display: block;
	padding-bottom: 0px;
	font-weight: bold;
}

.pageList .title a:visited {
	color:#534741;
	
}
.pageList .title a:hover, a:focus {
	color: #ffa400;
	transition: 0.6s;
}


.pageList .title a{
	text-decoration: none;
	background-image: url(../images/bg-link1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	color:#444444;
	
	}


.pageList .date {
	font-size: 80%;
    font-weight: normal;
    margin: 20px 0 0 0;
    display: block;
    padding-left: 24px;
	padding-right: 20px;
    float: left;
}


.pageList .description {
 	display: block;
	font-weight: normal;
	margin-top:0px;
	font-size: 80%;

}

.thumb {
	float: left;
    padding-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
	}

.thumb img {
	width: 200px;
	margin-right: 0px;

}


.contentBody .pagination {
	text-align:center;
	font-size: 80%;
	}
	
.contentBody .pagination a{
		background-color : #534741;
		color:#fff;
		text-decoration:none;
	text-align: center;
	border-radius: 100px;		/* CSS3???ﾄ */
	-webkit-border-radius: 100px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 100px;	/* Firefox?p */
	padding: 2px 7px 2px 7px;
}
	
	
		.pageList.last-category_business-personal{
		    list-style: disc;
    padding-left: 0em;
				display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
	padding-top: 0px;
	margin:0px;
		
	}



	
	
	


	.pageList.last-category_business-personal:after{
  content:"";
  display: block;
  width:23%;
}

.pageList.last-category_business-personal li {
	list-style-type: none;
	margin: 1em 0 0.5em;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #F2DB00;
	background-color: #FFF8BA;
	width:23%;

}

.pageList.last-category_business-personal .title {
	font-size: 130%;
	display: block;
	padding-bottom: 0px;
	font-weight: bold;
}

.pageList.last-category_business-personal .title a:visited {
	color:#534741;
	
}
.pageList.last-category_business-personal .title a:hover, a:focus {
	color: #ffa400;
	transition: 0.6s;
}


.pageList.last-category_business-personal .title a{
	text-decoration: none;
	background-image: url(../images/bg-link1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	
	}


.pageList.last-category_business-personal .date {
	font-size: 80%;
    font-weight: normal;
    margin: 20px 0 0 0;
    display: block;
    padding-left: 24px;
	padding-right: 20px;
    float: left;
}


.pageList.last-category_business-personal .description {
 	display: block;
	font-weight: normal;
	margin-top:0px;
	font-size: 80%;

}

.pageList.last-category_business-personal .thumb {
	float: none;
    padding-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
	    margin-bottom: 15px;
	height:150px;
	overflow: hidden;
	display: block;
	}
	.pageList.last-category_business-personal .thumb img {
	width: 100%;
	margin-right: 0px;

}

	
	
	
	
	
	
.contentBody ul.p-business04_works-list {
    list-style: disc;
    padding-left: 0em;
				display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	-webkit-justify-content: flex-start; /* Safari */
  justify-content: flex-start;

}
	
	

	

	.p-business04_works-list-item {
width:23%;
		margin:0px 0px 20px 15px;
		text-align: center;

		padding:20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #F2DB00;
	background-color: #FFF8BA;
				background-image: url(../images/tree.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
	}
	
	 	.p-business04_works-list-item .title a {
background-image: url(../images/bg-link1.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0px 5px 30px;
			font-weight: bold;
	}   	
	
	
	.p-business04_works-list-item .thumb {
	float: none;
    padding-left: 0px;
    height: auto;

    margin: 0px 0px 5px 0px;
		display: block;
		

		
	}
	.p-business04_works-list-item .thumb img {
	width:100%;
	margin-right: 0px;
		
		
	}

	.maker{
		text-align: center:
		
	}
	.maker img{
		margin:10px 10px 10px 10px;
		
	}
	

	

/*?R???e???c?y?[?W?֌W?I?墲・
================================================== */









/*?T?C?g?}?b?v???ﾟ
================================================== */

.sitemap {
	margin-left: 0px;

}

.depth1 li {
	padding-top: 0px;

}
.depth2 li {
	padding-top: 0px;
}



}


@media screen and (min-width:800px) and ( max-width:980px) {
.content-top2-r {
	padding-top: 70px;

}
}
@media screen and (min-width:768px) and ( max-width:799px) {
.content-top2-r {
	padding-top: 60px;

}
}


/* ?o?b?T?C?g?I?墲・
==================================================
==================================================
==================================================
================================================== */





/* ?X?}?z?T?C?g?n?܂・
==================================================
==================================================
==================================================
================================================== */

@media (max-width: 767px) {


body , html {
	height: 100%;
  -webkit-text-size-adjust: 100%;

}

body {
	margin:0px;
	padding:0px;
	font-size: 87.5%;
	line-height: 130%;

}




img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

ol, ul {
	list-style: none;
}

form {
	margin: 0px;
	padding: 0px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pc-disp {
	display: none;
}
.sp-disp {
}


#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-size: 87.5%;
}


#scrollTop {
	display: none;
	position: fixed;
	right: 0;
	z-index: 20;
	padding-bottom: 0px;
	bottom: 30px !important;
}
#scrollTop a {
	text-decoration : none;

}

#scrollTop img {
	width: 40px;

}


.skip p {
  display: block;
  background-color: #007b44;
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: absolute;
  height: 0;
  overflow: hidden;
}





#header {

	display: none;
}

.sp-header {
	margin-top: 0px;
}


/* ???j???[?֌W
================================================== */

#title {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.header-top{
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: #fff;
	width:100%;
	height:60px;
	padding: 5px 10px 0 5px;

    filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;

	z-index: 3;

}

.header-top .logo{
	float: left;
	padding-top: 5px;
    padding-left: 4px;
}

.header-top .logo img{
	float: left;
	width: 232px;
}


.header-top a{
  text-decoration: none;
}
#header {

}


#header-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
}
#header-inner:after {
	content: "";
	display: block;
	clear: both;
}
#header-l {
	float: none;
	width: auto;
}
#header-l img {
	width: 100%;
	max-width: 385px;
}

#header-r {
	float: none;
	width: auto;
	text-align: center;
	padding-top:30px;
}
.c-img{	width:auto;
		float:none;
		padding-top:0px;}
	.c-search{
		width:auto;
		float:none;
		text-align: center;
		padding-top:0px;
		display: none;
		
	}
.logo {
	padding-top: 10px;
}

.menu_open_button{
  margin-top: 0;
  float: left;
  background-repeat: no-repeat;
  background-position: center 8px;
  background-image: url(/theme/sn-default/images/menu_icon.png);
  background-color: #534741;
  padding-top: 28px;
  text-align: center;
	width:  55px;
	height: auto;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
}
.menu_close_button{
	background-repeat: no-repeat;
    background-position: center 8px;
    background-image: url(/theme/sn-default/images/menu_icon.png);
    background-color: #534741;
    padding-top: 28px;
    text-align: center;
    width: 55px;
    height: auto;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    margin-bottom: 10px;
    margin-right: 16px;
    float: right;
}


/* Header Nav
================================================== */

.header-navi{
}
.header-navi .nav-header{
  background: #999999;
}
.header-navi .nav-header h2{
  float: left;
  padding: 15px 5px 5px 5px;
}
.header-navi .nav-header button{
  float: right;
  padding: 5px;
}
.header-navi .nav-header button img{
  width: 45px;
}

	
	
	
	
	
/*?T?C?h?o?[
---------------------------------------------------------------*/

#modal { display: none; }

#modal h2{
}

#modal h2,

#modal ul{
	padding: 0px;
	width: 230px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
  }

#modal ul li{

	background-color: #eeeeee;
	margin-bottom:1px;
	padding: 0 0 0 5px;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(255,255,255,1);
	font-size: 87.5%;
	color: #534741;
  }


#modal ul li a{
	display: block;
    text-decoration: none;
    padding: 10px 10px 10px 25px;
    background-image: url(../images/bg-link1.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #534741;
    margin-left: 6px;
}


#modal-menu1 {

}
#modal-menu2 {

}
#modal-menu3 {

}
#modal-menu4 {

}
#modal-menu5 {

}
#modal-menu6 {

}
#modal-menu7 {

}
#modal-menu8 {

}
#modal-menu9 {

}


.close{
  text-align: right;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.close a{
}

.open{
  display: block;
    margin-top: 5px;
    margin-right: 0px;
    float: right;
}

.open img{
  vertical-align:middle;
}


/*???j???[?֌W?I?墲・
---------------------------------------------------------------*/


#content {
	width:100%;
	padding-bottom: 0px;

}

/* jquery.bxslider.min.js ?֘A?ݒ闔n?܂・*/
#main_img_wrapper{
	max-width: 1980px;
	margin: 0 auto;
}

#main_img_wrapper .bx-wrapper{
	margin-bottom: 0;
}

#main_img_wrapper .bx-wrapper .bx-viewport{
	left: 0;
	border: 0;
	box-shadow: none;
}

#main_img_wrapper .bx-wrapper .bx-controls-direction a{
	top: 0;
	margin-top: 0;
	width: 74px;
	height: 100%;
}

#main_img_wrapper .bx-wrapper .bx-next{
	display: none;
	right: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

#main_img_wrapper .bx-wrapper .bx-prev{
	display: none;
	left: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


/* jquery.bxslider.min.js ?֘A?ݒ闖I?墲・*/


/* slider.js ?֘A?ݒ闔n?܂・*/


.wideslider {
	margin-top: 0px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.wideslider ul{
	margin: 0px;

}

.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 2px 0px;

}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: -100;
	cursor: pointer;
}
.slider_prev {background: #eae6e4;}
.slider_next {background: #eae6e4;}

/* .slider_prev {background: #fff url(../images/prev.png) no-repeat right center;} */
/* .slider_next {background: #fff url(../images/next.png) no-repeat left center;} */


.wideslider .pagination {
	bottom: 20px;
	text-align: center;
	width: 100%;
	height: 15px;
	position: absolute;
	z-index: -1;
}

.wideslider .pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #ccc;
	border-radius: 7px;
}
.wideslider .pagination a.active {
	background: #ee87b4;


}


.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0px;
}

/* slider.js ?֘A?ݒ闖I?墲・*/




.content-top1 {
	width:100%;
	margin: 20px 0px 20px 0px;


}

.content-top1-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 0 5px;
}

.top-title img {
	width: 100%;
	max-width: 782px;
	margin-bottom: 20px;
	
}


.content-top1-inner ul li {
	display: inline-block;
	width: 100%;
}

.cat-title {
	width: 100%;
	padding: 20px 0 10px 0;
	font-weight: bold;
}
.cat-title a{
	text-decoration: none;
}
.cat-title a:hover{
	text-decoration: underline;
}


.cat-img {
	width: 100%;
}
.cat-img img {
	width:100%;
	max-width: 260px;
}


.content-top2 {
	width:100%;
	margin: 20px 0px 20px 0px;


}

.content-top2-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 5px;
}



.content-top2-inner:after {
	content: "";
	display: block;
	clear: both;
}


.content-top2-l {
	width: 100%;

}
.content-top1-2-top {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;

}
.content-top2-l-bottom {
	width: 100%;
}


.content-top2-l-top-title1 {
	background-image: url("../images/bg-oshirase.png"),url("../images/bg-underline.png");
	background-repeat: no-repeat,repeat-x;
	background-position: left 60%,left bottom;
	padding: 23px 0 10px 0;
	text-align: right;
}
.content-top2-l-top-title2 {
	background-image: url("../images/bg-colomun.png"),url("../images/bg-underline.png");
	background-repeat: no-repeat,repeat-x;
	background-position: left 60%,left bottom;
	padding: 23px 0 10px 0;
	text-align: right;
}



.information-link {
	background-image: url("../images/bg-link1.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
	text-align: right;

}
.information-link a{
	text-decoration: none;
}
.information-link a:hover{
	text-decoration: underline;
}


.content-top2-l-list-1 {
	padding: 10px 0 10px 0;

}

.content-top2-l-list-1 ul {
	padding: 0 0 0 0;
}



.content-top2-l li {
	padding: 6px 0 6px 0;

}




.content-top2-l .date {
	display: block;
	padding: 0 0 0 0;
}

.content-top2-l .title {
	display: block;
}

.content-top2-l .title a {
	text-decoration: none;
}


.content-top2-l .title a:hover, a:focus {
	text-decoration: underline;
}


.top-banner {
	margin-top: 30px;
}
.top-banner-l {
	float: left;
	width: 50%;
	padding-right: 5px;
}
.top-banner-l img {
	width: 100%;
	max-width: 265px;
}
.top-banner-r {
	float: right;
	width: 50%;
	padding-left: 5px;
}
.top-banner-r img {
	width: 100%;
	max-width: 265px;
}

.content-top2-r {
	width: 100%;
	max-width: 360px;
	margin: 40px auto 20px auto;
	text-align: center;
	background-image: url("../images/bg-pickup.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	padding-top: 80px;
	padding-bottom: 10px;
}

.content-top2-r-inner {
	width: 100%;
	max-width: 193px;
	margin: 0 auto;

}
	
	.news {
		background-image: url("../images/bg-dot.png");
	background-repeat: repeat;
	background-position: left top
			border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	padding:20px 10px 20px 10px; 
}
.news-l {
	float: none;
	width: auto;
	text-align: center;
	padding: 0 17px;
}
.news-l img {
	width: 100%;
	max-width: 80px;
	margin-top: -50px;
}
.news-r {
	float: none;
	width: auto;
			border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	background-color: #fff;
	padding:10px 20px 20px 20px;
	
}

.news-r ul {
	margin: 0px;
}
.news-r ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.news-r .date {
	color: #ff6700;
	margin-right: 10px;
}
.news-r .title a {
	text-decoration: none;
}
.news-r .title a:hover {
	text-decoration: underline;
}
	
	
		.btn-list-top{
		
		margin:20px 0px 0px 0px;
text-align: center;
		border: solid 1px #ccc;
		background-color: #eee;
		padding:5px;
	}
	.btn-list-top a{
text-decoration: none;
					font-size: 90%;

	    background-image: url(../images/bg-link1.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding: 7px 7px 7px 35px;
}
	
		#lay{
			display: none;
		
		
	}	
		#lay img{
		
		
		width:100%;
		max-width: 1920px;
			display: none;
	}
	#main_img_wrapper{
		margin-top:70px;
		
	}
	
	

	
	.content-top1-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;

}

.content-top1-inner:after {
	content: "";
	display: block;
	clear: both;
}


.content-top1-top {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
.content-top1-l {
	float: none;
	width: auto;
	background-color: #0097ff;
		border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	border: solid 3px #fff;
		text-align: left;
}
.content-top1-l h2 {
color:#fff;
	font-size:130%;
	padding:20px 10px 10px 80px;
			background-image: url("../images/icn-menu01.png");
	background-repeat: no-repeat;
	background-position: left 10px top;
	margin-top:-10px;
	}

			.content-top1-c {
display:none;
}


.content-top1-r {
	float: none;
	width: auto;
	background-color: #ff0000;
		border-radius: 10px;		/* CSS3???ﾄ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 10px;	/* Firefox?p */
	border: solid 3px #fff;
		text-align: left;
}
.content-top1-r h2 {
color:#fff;
	font-size:130%;
	padding:20px 10px 10px 80px;
			background-image: url("../images/icn-ema.png");
	background-repeat: no-repeat;
	background-position: left 10px top;
	margin-top:-10px;
	}

.content-top1-l ul li,
.content-top1-r ul li {
	border-top: 1px solid #fff;
	background-image: url("../images/bg-link1.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	padding: 7px 7px 7px 35px;
	
}
.content-top1-l ul li a,
.content-top1-r ul li a {
	text-decoration: none;
	color:#fff;
}

	.content-top3 {
	background-color: #ededed;
	width:100%;
	margin: 40px 0px 0 0px;
		text-align: center;

}


.content-top3-inner {
	padding: 25px 0 15px 0;
}

	.osusume-banner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.osusume-banner ul li {
	width: 49%;
	text-align: center;
	margin:0px 0px 10px 0px;
}

	
	.osusume-banner ul li img{
	width: 100%;
	max-width: auto;
	margin:0px 0px 10px 0px;
}
	


	
	
	
	#footer {
	width: 100%;
	border-top: 5px solid #F2DB00;
}


.footer1 {
	width: 100%;
}
.footer1-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

.footer1-inner:after {
	content: "";
	display: block;
	clear: both;
}


.footer1-l{
	float: none;
	width: auto;
	text-align: center;
	font-size:80%;
}
.footer1-l img {

}
.footer1-c{
	float: none;
	width: auto;

				display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	max-width: 650px;
	margin:0px 0px 0px 0px;
	padding:10px;
}
.footer1-c div{
	width: 45%;
}


.footer1-c .busyo,
.footer1-r .busyo {
	display: block;
	margin-top: 6px
}
.footer1-c .add,
.footer1-r .add {
	margin-right: 10px;
}
	.footer1-c .tel-f,
.footer1-r .tel-f {
display:block;}
.footer2 {
	width: 100%;
	text-align: center;
}
	
	
	
#pc-footer {
	display: none;
}

	.logo-f{
			width: 100%;
	max-width: 300px;
		text-align: center;
	margin:0px auto 0px auto;
		
	}
	
		.emb{
		
		width:30%;
		margin:20px auto;

	}
	.emb img{
		
		width:100%;
	}

	.f-c{
		clear: both;	
		text-align: center;
	
	}
	.f-c li{
display: block;
	margin:0px 5px;

				margin-bottom:3px;
	
	}

	
	
/* ?X?}?z?R???e???c?y?[?W?֌W?n?܂・
================================================== */


#sitemap_main {
	display: none;
}



#search_main {
	display: none;
}









#breadCrumb {
	padding: 0px 0 5px 5px;
    font-size: 70%;
}

#breadCrumb a {

}
#breadCrumb a:hover {

}
.scrText {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.print_wrp {
	display: none;
	text-align: right;
	padding-top: 8px;
	margin-bottom: -32px;
}

p.description {
	font-size:80%;
}


#content-inner {
	width: 100%;
	padding: 0;

}

#content-inner:after {
}


#main {
	width: 100%;
	background-color: #fff;
	padding: 0px 5px 0px 5px;

}
#main2 {
	width: 100%;
	background-color: #fff;
	padding: 0px 5px 0px 5px;
}


.contentBody {

}

.contentBody img{
	padding:10px;
	width:100%;
}

.pageList {
	padding-top: 5px;
	margin:0px;
}


.contentBody ul.pageList {
	    margin: 0em 5px;
  margin-left: 5px;
  padding-left: 0px;
}



.pageList li {
	    padding: 25px;
    list-style-type: none;
	  margin: 1em 0 1em;
  padding: 15px;
  border-bottom: 5px solid #f4e367;

	background-color: #eee;
}

.pageList .title {
	font-size: 130%;
	display: block;
	padding-bottom: 0px;
	font-weight: bold;
}

.pageList .title a:visited {
	color:#534741;
	
}
.pageList .title a:hover, a:focus {
	color: #ffa400;
	transition: 0.6s;
}


.pageList .title a{
	text-decoration: none;
	background-image: url(../images/bg-link1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	
	}


.pageList .date {
	font-size: 80%;
    font-weight: normal;
    margin: 10px 0 0 0;
    display: block;
    padding-left: 24px;
	padding-right: 20px;
    float: left;
}


.pageList .description {
 	display: block;
	font-weight: normal;
	margin-top:0px;
	font-size: 80%;

}

.thumb {
	float: left;
    padding-left: 0px;
    height: 90px;
    margin-right: 20px;
    margin-top: 0px;
	}

.thumb img {
	width: 100px;
	margin-right: 0px;

}


.contentBody .pagination {
	text-align:center;
	font-size: 80%;
	}
	
.contentBody .pagination a{
		background-color : #534741;
		color:#fff;
		text-decoration:none;
	text-align: center;
	border-radius: 100px;		/* CSS3???ﾄ */
	-webkit-border-radius: 100px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 100px;	/* Firefox?p */
	padding: 2px 7px 2px 7px;
}
.contentBody ul.p-business04_works-list {
    list-style: disc;
    padding-left: 0em;
				display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
	-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}
	.p-business04_works-list::after{
  content:"";
  display: block;
  width:30%;
}
	.p-business04_works-list-item {
width:30%;
		float:left;
		margin:0px 0px 20px 0px;
	}
	
	
	.p-business04_works-list-item .thumb {
	float: none;
    padding-left: 0px;
    height: auto;
    margin-right: 0px;
    margin-top: 0px;
		
	}
	.p-business04_works-list-item .thumb img {
	width: 280px;
	margin-right: 0px;
		
		
	}


	.contentBody ul.p-business04_works-list {
    list-style: disc;
    padding-left: 0em;
				display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	-webkit-justify-content: flex-start; /* Safari */
  justify-content: flex-start;

}
	
	

	

	.p-business04_works-list-item {
width:45%;
		margin:0px 0px 20px 15px;
		text-align: center;

		padding:20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #F2DB00;
	background-color: #FFF8BA;
				background-image: url(../images/tree.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
	}
	
	 	.p-business04_works-list-item .title a {
background-image: url(../images/bg-link1.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0px 5px 30px;
			font-weight: bold;
	}   	
	
	
	.p-business04_works-list-item .thumb {
	float: none;
    padding-left: 0px;
    height: auto;

    margin: 0px 0px 5px 0px;
		display: block;
		

		
	}
	.p-business04_works-list-item .thumb img {
	width:100%;
	margin-right: 0px;
		
		
	}
	

/*?R???e???c?y?[?W?֌W?I?墲・
================================================== */







/*?T?C?g?}?b?v???ﾟ
================================================== */

.sitemap {
	margin-left: 0px;

}

.depth1 li {
	padding-top: 0px;

}
.depth2 li {
	padding-top: 0px;
}




.p-content-title-backimage {
	background-color: #F5E45C;
	margin-top:70px;
}
.p-content-title-backimage img {
width:50%;
}
}

/* ?X?}?z?T?C?g?I?墲・
==================================================
==================================================
==================================================
================================================== */


/* ??================================================== */

.c-fl-mizu{

  display: flex;
  flex-direction:         row;
  flex-wrap:         wrap;
	margin:0px 0px 20px 0px;
	
}
.contentBody .c-fl-mizu h3{
	width: 24%;
	text-align: center;
padding-top:0px;
	background-color: #ACD5FC;
	border-left: 0px solid #FF6700;
}

.contentBody h3 {
    font-size: 150%;
    line-height: 150%;
    margin: 1em 0 1em;
    
    padding: 0px 0px 0px 10px;
}
.mizu-bl{
	width:76%;
	padding: 20px 0px 0px 20px;
	background-color: #D3ECFF;
	
}
.mizu-bl p{
	width:330px;
	font-weight: bold;
	float:left;
	font-size: 115%;

	
}
.contentBody .mizu-bl p {
    margin: 0px 0px 20px 0px;
}
.bg-mizu{
	background-color: #ACD5FC;
}
.bg-mizu h3{

	
}
.mizu-bl{
	
	
}
.h3-mizu{
	
				background-image: url("../images/h3.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0px 10px 35px;
	
}

@media (max-width: 767px) {
.c-fl-mizu{

  display: block;
  flex-direction:         row;
  flex-wrap:         wrap;
	margin:0px 0px 20px 0px;
	
}
.c-fl-mizu h3{
	width: auto;
	background-color: #B0DAFF;	
	text-align: center;
padding-top:0px;
	
}
.mizu-bl{
	width:auto;
	padding: 20px 0px 0px 20px;
	
}
.mizu-bl p{
	width:300px;
	font-weight: bold;
	float:left;
	font-size: 115%;

	
}
.contentBody .mizu-bl p {
    margin: 0px 0px 20px 0px;
}
.bg-mizu{
	background-color: #ffffff;
	
}
.bg-mizu h3{

	
}
.mizu-bl{
	
	
}
.h3-mizu{
	
				background-image: url("../images/h3.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0px 10px 35px;
	
}
}
.st-num{
	
	background-color: #74B3F1;
	  border-radius: 100%;
  height: 25px;
  width: 25px;

		color:#fff;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}
.tbl-mizu{
	margin:0px 0px 40px 0px;
	width:auto;
	
}
.tbl-mizu th{
	border-bottom: solid 1px #39AEE9;
	text-align: left;
	padding:10px;
	
}
.tbl-mizu td{
	border-bottom: solid 1px #39AEE9;
	padding:10px;
	font-size: 135%;
	
}
.tbl-mizu td strong{
	font-size: 155%;
	color: #F66200;
	margin: 0px 5px 0px 5px;	
}

/* ???t?H?[??================================================== */

.tel{
	background-color: #1091C4;
	padding:10px;
	display: inline-block;
	color:#fff;
	font-size: 130%;
	

}
.tel-num{
	
color: #1091C4;
	font-size: 300%;
}
.td-ar{
	text-align: center;
	vertical-align: middle;
	font-size: 300%;
}
.td-bef{
	
background-color: #000;
	color:#fff;
	padding:10px;
	width:450px;
	text-align: center;

}
.td-aft{
	background-color: #FF6701;
	color:#fff;
	padding:10px;
		width:450px;
	text-align: center;
	font-size:135%;
	font-weight:bold;
}

.wrap-ref{
			display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	max-width: 1000px;
	width:100%;
	
}
.wrap-ref div{
	width: 48%;
	background-color: #EEEEEE;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	-webkit-box-shadow: 0 0 5px 0 #ccc; /* Safari, Chrome?p */
	-moz-box-shadow: 0 0 5px 0 #ccc; /* Firefox?p */
	box-shadow: 0 0 5px 0 #ccc; /* CSS3 */
	border: solid 3px #eee;
}
@media (max-width: 767px) {
	.style4{
display: none;}

	
}

.gans{
	display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
	  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
		max-width: 1000px;
	width:100%;
	
}
.gans div{
	width:33%;
	margin-left:3%;
	
}

	.ref-icn{
						display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
		
	}

		.ref-icn div{
		width:15%;

		margin:0px 0px 0px 0px;
		
	}

.img1000{
	max-width:1000px;
	
}
.img1000 img{
	max-width:1000px;
	
}

@media (max-width: 767px) {
	.ref-icn{
						display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
		
	}

		.ref-icn div{
		width:30%;

		margin:0px 0px 0px 0px;
		
	}	
	
}



.main_img_body {
	position: relative;
}


.copy720_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgb(0 0 0 / 0.2);
}




.copy720 {
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
}
.copy720 img {
	width: 70%;
	max-width: 720px;
}



.main_img_body .bxslider li img {
	width: 100%;
	object-fit: cover;
}