@charset "UTF-8";
/* CSS Document */
.pc-none {
	display: block;
}
/* CSS Document */
.sp-none {
	display: none;
}
body {
    -webkit-text-size-adjust: 100%;
}
#wrap {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
	position: relative;
	min-width: 100%;
	width: 100%;
	overflow-y: hidden;
	top: 0px;
}
#contwrap {
	top: 0px;
	position: relative;
	margin-top: -80px;
	padding-bottom: 30px;
}
#headwrap {
	clear: both;
	background-color: #edf0f1;
	z-index: 1000;
	width: 100%;
	height: 63px;
	border-bottom: 1px solid #dee3e5;
	position: relative;
}

#head {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	width: 256px;
	padding-top: 10px;
	margin-left: 1%;
}
#logo img {
	width: 200px;
	height: auto;
	padding-top: 11px;
}


#navwrap {
	float: right;
	display: none;
}
#nav02 {
	float: left;

}
#nav02 li {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0px;
}
#nav02 li a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90px;
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #dee3e5;
	height: 43px;
}
#nav02 li.oneline a {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 23px;
	display: block;
}

#nav02 li a:hover  {
	text-decoration: none;
	color: #8bcc08;
	border-bottom: 1px solid #EDF0F1;
}
#nav02 li.active a  {
	text-decoration: none;
	color: #8BCC08;
	border-bottom: 1px solid #8bcc08;
}
.searchbtn {
	margin-left: 30px;
	float: right;
}

#flash {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 60px;
	padding-top: 0px;
	margin-top: 0px;
}
#flash2 {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 60px;
	padding-top: 0px;
	margin-top: 0px;
}




div.slider-wrap {
	clear: both;
	width: 100%;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
ul#slider2 {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	display: block;
	clear: both;
}
ul#slider2 li img {
	width: 100%;
	height: auto;

}


#cont {
	clear: both;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 2%;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
}
#footwrap {
	background-color: #EDF0F1;
	clear: both;
	z-index: 9000;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 100%;
	height: auto;
	position: relative;
}

#foot {
	text-align: left;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 2%;
	padding-right: 2%;
}
#foot #copy {
	font-size: 10px;
	width: 100%;
	float: none;
	clear: both;
	text-align: center;
}
#foottel {
	width: 200px;
	float: none;
	clear: both;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#foottel .icon_mail {
	background-image: url(../img/icon_mail.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#foottel .icon_home {
	background-image: url(../img/icon_home.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
section.white {
	background-color: #FFFFFF;
	clear: both;
	padding-top: 60px;
	padding-bottom: 60px;
}
section.white00 {
	background-color: #FFFFFF;
	clear: both;
	padding-top: 60px;
	padding-bottom: 20px;
}
.nmgn{
	padding-top: 0px;
	margin-top: 0px;
}
.gray {
	background-color: #F6F7F8;
	padding-top: 60px;
	padding-bottom: 60px;
}
.gray02 {
	background-color: #F6F7F8;
	padding-top: 60px;
	padding-bottom: 60px;
}
#contwrap img.sp100  {
	width: 100%;
	height: auto;
}
#contwrap img.sp80  {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#contwrap img.sp60  {
	width: 60%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#contwrap img.sp40  {
	width: 40%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.pagetitle {
	text-align: center;
}
.inner948 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.inner730 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.inner700 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.inner640 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.btn a {
	display: block;
	text-decoration: none;
	background-color: #8CC63F;
	color: #FFFFFF;
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: 140px center;
	width: 210px;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.btn a:hover  {
	display: block;
	text-decoration: none;
	background-color: rgba(140,198,63,0.80);
	color: #FFFFFF;
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: 140px center;
	width: 210px;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}











#news {
	width: 100%;
	margin-bottom: 30px;
}
#news table {
	border-collapse: collapse;
	font-size: 12px;
	margin-top: 5px;
	width: 100%;
}
#news th {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	padding-right: 2%;
	background-repeat: no-repeat;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 0%;
	border-bottom: 1px none #666;
	display: block;
	width: 96%;
}
#news td {
	font-size: 12px;
	line-height: 20px;
	padding-top: 2%;
	padding-bottom: 2%;
	display: block;
	padding-right: 2%;
	padding-left: 2%;
	width: 96%;
}
#news .box01 {
	clear: both;
	overflow: auto;
	height: 240px;
	padding-right: 20px;
}
#main {
	float: left;
	width: 720px;
	background-color: #9FC;
	height: 100%;
}
#sub {
	float: right;
	width: 220px;
	background-color: #6CC;
	height: 100%;
}
.sidelist {
	padding-bottom: 20px;
}
.sidelist li {
	padding-bottom: 10px;
	line-height: 20px;
	background-image: url(../img/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}
.sidelist  a {
	color: #EB6D51;
	text-decoration: none;
}
.pagemidashi {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 1.2em;
	background-image: url(../img/midashi_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 110px;
	font-family: -apple-system, 'BlinkMacSystemFont', '.SFNSDisplay-Regular', sans-serif;

}

.midashi {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 1.2em;
	background-image: url(../img/midashi_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
	text-align: center;
}
.midashi2 {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.2em;
	background-image: url(../img/midashi_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 40px;
}
.midashi02 {
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 24px;
	clear: both;
	width: 720px;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.midashi03 {
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 24px;
	clear: both;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 15px;
}

.komidashi {
	background-image: url(../img/list04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 16px;
	border-bottom: 2px solid #8CC63F;
	line-height: 24px;
	padding-bottom: 5px;
}
.txtbox {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}
.linebox {
	clear: both;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	border: 1px solid #36F;
	margin-bottom: 30px;
}
.centerphoto {
	text-align: center;
	clear: both;
	padding-bottom: 50px;
}
.fullphoto {
	margin-top: 20px;
	margin-bottom: 20px;
}

.centertxt {
	text-align: center;
	clear: both;
}
.floatL {
	float: left;
	padding-right: 0px;
}

.tbl {
	width: 100%;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	clear: both;
}
.tbl td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.tbl th {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-color: #E6E6E6;
	width: 30%;
}
.txt14 {
	font-size: 10px;
	line-height: 16px;
	color: #4d4d4d;
}
.txt15 {
	font-size: 11px;
	line-height: 24px;
	color: #4d4d4d;
}
.txt16 {
	font-size: 14px;
	line-height: 38px;
	color: #4d4d4d;
}
.txt18 {
	font-size: 12px;
	line-height: 24px;
}
.txt20 {
	font-size: 14px;
	line-height: 24px;
	color: #4d4d4d;
	font-weight: bold;
}
.txt28 {
	font-size: 28px;
	line-height: 42px;
	color: #4d4d4d;
	font-weight: bold;
}
.mb40 {
	margin-bottom: 20px;
}
.mb80 {
	margin-bottom: 40px;
}
.green {
	color: rgba(140,203,8,1.00);
}
.ore {
	color: rgba(254,124,0,1.00);
}
.blue {
	color: rgba(0,117,194,1.00);
}
.lightgray {
	color: #999999;
}






.top-works {
	width: 100%;
	float: left;
	display: none;
}
#cont ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.top-kensyu {
	float: left;
	width: 100%;
	padding-top: 40px;
	display: none;
}
.top-news {
	width: 100%;
	float: none;
	padding-top: 40px;
}
.profilearea {
	width: 96%;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 100px;
}
.profilearea .katagaki {
	width: 100%;
	float: left;
	padding-left: 0%;
	margin-bottom: 0px;
}
.profilearea .profile_txt {
	width: 96%;
	float: right;
	border-left: 1px none #b3b3b3;
	padding-left: 2%;
	padding-bottom: 40px;
	padding-right: 2%;
	font-size: 10px;
}
.profilearea .profile_txt br {
	display: none;
}
.profile_photo {
	position: relative;
	width: 125px;
	top: 0px;
	right: 0ox;
}
.ancarea {
	margin-bottom: 10px;
	display: none;
}
.anctitle {
	border-top: 1px solid #85CF06;
	border-bottom: 1px solid #85CF06;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #8cc63f;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-top: 50px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.anctitle2 {
	border-top: 1px solid #85CF06;
	border-bottom: 1px solid #85CF06;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #8cc63f;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-top: 50px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.ancarea4 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	display: none;
	margin-bottom: 0px;
}
.ancarea4 li {
	width: 100%;
	float: left;
	text-align: center;
	border: 1px solid #CCCCCC;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ancarea4 li a {
	width: 100%;
	float: left;
	height: 35px;
	text-decoration: none;
}
.ancarea4 li:last-child  {
	width: 100%;
	float: left;
	text-align: center;
	height: 35px;
	line-height: 35px;
}
.anclist01 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	margin-top: 20px;
}

.anclist02 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	clear: both;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.anclist01 li  {
	padding-left: 2%;
	padding-right: 2%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	float: none;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 95%;
}
.anclist02 li  {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 95%;
	border: 1px solid #CCC;
}

.anclist01 li:last-child  {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
	border: 1px solid #CCCCCC;
	width: 95%;
}
.anclist02 li:last-child  {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
	padding-bottom: 0px;
	width: 95%;
	border: 1px solid #CCCCCC;
}
.exampleblock {
	clear: both;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
}

.greenlabels {
	font-size: 12px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #8CC63F;
	color: #FFFFFF;
	box-shadow: 0px 2px 0px #aeaeb3;
	-webkit-box-shadow: 0px 2px 0px #aeaeb3;
	-moz-box-shadow: 0px 2px 0px #aeaeb3;
	border-radius: 1px;

}
.orelabels {
	font-size: 12px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #FE7C00;
	color: #FFFFFF;
	box-shadow: 0px 2px 0px #aeaeb3;
	-webkit-box-shadow: 0px 2px 0px #aeaeb3;
	-moz-box-shadow: 0px 2px 0px #aeaeb3;
	border-radius: 1px;

}
.icon_mark {
	margin-bottom: 10px;
}
.exampletitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
.exampleblock .photo {
	float: none;
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	width: 188px;
}
.exampleblock .txt3gyo {
	padding-top: 15px;
	font-size: 10px;
	line-height: 24px;
	font-weight: normal;
}
.exampleblock .txt4gyo {
	padding-top: 15px;
	font-size: 10px;
	line-height: 24px;
	font-weight: normal;
}
.exampleblock .txt5gyo {
	padding-top: 15px;
	font-size: 10px;
	line-height: 24px;
	font-weight: normal;
}
.exampleblock a {
	color: #8CC63F;
}
.pure-drawer li {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
}
#sp-nav {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 20px;
	margin-bottom: 80px;
}
#sp-nav li {
	margin-top: 5px;
}

.fixsubmenu {
	position: fixed;
	top:auto;
	bottom: 0px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	width: 100%;
}
.fixsubmenu-area {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
.fixsub_title {
	color: #8CCB08;
	font-size: 14px;
	font-weight: bold;
	width: 240px;
	float: left;
	height: 60px;
}
.fixsub_title2 {
	color: #8CCB08;
	font-size: 14px;
	font-weight: bold;
	width: 120px;
	float: left;
	height: 80px;
	padding-top: 10px;
}
.ancarea4-2 {
	float: left;
	width: 720px;
}
.ancarea4-3 {
	float: left;
	width: 720px;
}
.ancarea4-2 li {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 10px;
}
.ancarea4-3 li {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.ancarea4-2 li:last-child  {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 10px;
	border-right: 1px solid #CCCCCC;
}
.ancarea4-3 li:last-child  {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 10px;
	border-right: 1px solid #CCCCCC;
}
.submenu li.nonactive {
	opacity: 0.4;
}

.submenu li a:hover {
	opacity: 0.7;
}

.submenu {
	margin-left: auto;
	margin-right: auto;
	width: 319px;
	margin-bottom: 60px;
}

.slidebox dl dt {
	background-image: -webkit-linear-gradient(270deg,rgba(250,250,250,1.00) 0%,rgba(230,230,230,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(250,250,250,1.00) 0%,rgba(230,230,230,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(250,250,250,1.00) 0%,rgba(230,230,230,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(250,250,250,1.00) 0%,rgba(230,230,230,1.00) 100%);
}
.slidebox dt{
	position: relative;
	padding-top: 20px;
	padding-bottom: 10px;
}
.slidebox dd {
	background-color: #f7f7f7;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 28px;
}


.gorokunumber {
	font-size: 14px;
	text-align: left;
	float: left;
	padding-left: 20px;
	line-height: 32px;
}
.gorokunumber2 {
	font-size: 14px;
	text-align: left;
	float: left;
	padding-top: 18px;
	padding-left: 20px;
	line-height: 32px;
}
.gorokunumber3 {
	font-size: 14px;
	text-align: left;
	float: left;
	padding-top: 36px;
	padding-left: 20px;
	line-height: 32px;
}
.openmidashi {
	font-size: 14px;
	text-align: center;
	color: #0075C1;
	line-height: 32px;
	padding-right: 40px;
	padding-left: 40px;
}



.slidebox .openmidashi:after{
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 22px;
	height: 22px;
	font-size: 18px;
	line-height: 22px;
	display: inline-block;
	border-radius: 50%;
	margin-top: -11px;
	background-image: url(../../word/img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.slidebox .opened .openmidashi:after{
	content: "";
	display: inline-block;
	background-image: url(../../word/img/icon_bottom.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.samplebox {
	width: 210px;
	padding-left: 15px;
	padding-right: 15px;
display:block;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.fb_txt {
	font-size: 10px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.fb_txt a {
	color: #8CC63F;
}
.br-none br {
	display: none;
}
br.pc-none{
	display: block;
}
.fullbtn {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	width: 180px;
	text-align: center;
	margin-bottom: 10px;
	height: 25px;
	border-radius: 30px;
	margin-left: auto;
	line-height: 30px;
	padding-top: 5px;
}
.pl76 {
	padding-left: 49px;
}
.pl150 {
	padding-left: 107px;
}