@charset "UTF-8";
/* CSS Document */
.pc-none {
	display: none;
}
/* CSS Document */
.sp-none {
	display: block;
}
#wrap {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 100%;
	position: relative;
	min-width: 1240px;
	overflow-x: hidden;
	overflow-y: hidden;
}
#contwrap {
	position: relative;
	padding-bottom: 63px;

}
#headwrap {
	clear: both;
	background-color: #edf0f1;
	z-index: 1000;
	width: 100%;
	height: 63px;
	border-bottom: 1px solid #dee3e5;
	position: fixed;
	min-width: 1240px;
}

#head {
	clear: both;
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	width: 256px;
	padding-top: 8px;
	margin-left: 1%;
}

#navwrap {
	float: right;
}
#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.threeline a {
	height: 43px;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 16px;
}

#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-top: 63px;
	margin-bottom: 60px;
}
#flash2 {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 63px;
	margin-bottom: 60px;
}




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

}


#cont {
	clear: both;
	width: 1170px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
#footwrap {
	background-color: #EDF0F1;
	clear: both;
	z-index: 9000;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 1240px;
	height: 100%;
	bottom: 0px;
}
#footcaption {
	width: 1090px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	font-size: 15px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bolder;
	padding-bottom: 4px;
	height: 90px;
}

#footwrap .box {
	background-color: rgba(86,108,52,1.00);
	width: 100%;
	clear: both;
	color: rgba(255,255,255,1.00);
}

#foot {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
	padding-right: 50px;
}
#foot #copy {
	font-size: 10px;
	width: 400px;
	float: left;
}
#foottel {
	width: 240px;
	float: right;
}
#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: 80px;
	padding-bottom: 60px;
}
section.white00 {
	background-color: #FFFFFF;
	clear: both;
	padding-top: 60px;
	padding-bottom: 60px;
}
.nmgn{
	padding-top: 120px;
	margin-top: -120px;
}
.gray {
	clear: both;
	background-color: #F6F7F8;
	padding-top: 80px;
	padding-bottom: 80px;
}
.gray02 {
	background-color: #F6F7F8;
	padding-top: 60px;
	padding-bottom: 60px;
}
.pagetitle {
	text-align: center;
}
.inner948 {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
}
.inner730 {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
}
.inner700 {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.inner640 {
	width: 640px;
	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: 380px;
	margin-bottom: 30px;
}
#news table {
	border-collapse:collapse;
	font-size: 12px;
	margin-top: 5px;
}
#news th {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}
#news td {
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}
#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: 16px;
	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: left bottom;
	margin-bottom: 20px;
}
.midashi2 {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 20px;
	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: 24px;
	line-height: 36px;
	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;
}
.komidashi02 {
	background-image: url(../img/komidashi02_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 5px;
}
.txtbox {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
}
.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: 20px;
}

.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: 14px;
	line-height: 26px;
	color: #4d4d4d;
}
.txt15 {
	font-size: 15px;
	line-height: 36px;
	color: #4d4d4d;
}
.txt16 {
	font-size: 16px;
	line-height: 38px;
	color: #4d4d4d;
}
.txt18 {
	font-size: 18px;
	line-height: 42px;
}
.txt20 {
	font-size: 20px;
	line-height: 42px;
	color: #4d4d4d;
	font-weight: bold;
}
.txt28 {
	font-size: 28px;
	line-height: 42px;
	color: #4d4d4d;
	font-weight: bold;
}
.mb40 {
	margin-bottom: 40px;
}
.mb80 {
	margin-bottom: 80px;
}
.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: 230px;
	float: left;
}
#cont ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.top-kensyu {
	float: left;
	width: 520px;
}
.top-news {
	width: 420px;
	float: right;
}

.profilearea {
	width: 1000px;
	padding-left: 50px;
	padding-right: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 100px;
}
.profilearea .katagaki {
	width: 380px;
	float: left;
	padding-left: 30px;
	margin-bottom: 0px;
}
.profilearea .profile_txt {
	width: 549px;
	float: right;
	border-left: 1px solid #b3b3b3;
	padding-left: 40px;
	padding-bottom: 40px;
}
.profile_photo {
	position: absolute;
	width: 125px;
	top: 210px;
	right: 0px;
}
.anctitle {
	border-top: 1px solid #85CF06;
	border-bottom: 1px solid #85CF06;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #8cc63f;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 50px;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
}
.anctitle2 {
	border-top: 1px solid #85CF06;
	border-bottom: 1px solid #85CF06;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #8cc63f;
	padding-top: 15px;
	padding-bottom: 25px;
	margin-top: 50px;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
}

.anclist01 {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.ancarea {
	margin-bottom: 60px;
}
.ancarea4 {
	margin-bottom: 60px;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
}
.ancarea4 li {
	width: 236px;
	float: left;
	text-align: center;
	border-left: 1px solid #CCCCCC;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
}
.ancarea4 li a {
	width: 236px;
	float: left;
	border-left: 1px solid #CCCCCC;
	height: 35px;
	text-decoration: none;
}
.ancarea4 li:last-child  {
	width: 235px;
	float: left;
	text-align: center;
	border-left: 1px solid #CCCCCC;
	height: 35px;
	line-height: 35px;
	border-right: 1px solid #CCCCCC;
}


.anclist02 {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
	padding-top: 10px;
}
.anclist01 li  {
	padding-left: 40px;
	padding-right: 40px;
	border-left: 1px solid #CCCCCC;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.anclist02 li  {
	padding-left: 48px;
	padding-right: 48px;
	border-left: 1px solid #CCCCCC;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.anclist01 li:last-child  {
	padding-left: 40px;
	padding-right: 40px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.anclist02 li:last-child  {
	padding-left: 48px;
	padding-right: 48px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}
.bg_yellow {
	background-color: rgba(252,238,33,0.50);
}

.exampleblock {
	clear: both;
	margin-bottom: 60px;
}

.greenlabels {
	font-size: 16px;
	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: 16px;
	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: 20px;
}
.exampletitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.exampleblock .photo {
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
}
.exampleblock .txt3gyo {
	padding-top: 110px;
	font-size: 14px;
	line-height: 29px;
	font-weight: normal;
}
.exampleblock .txt4gyo {
	padding-top: 80px;
	font-size: 14px;
	line-height: 29px;
	font-weight: normal;
}
.exampleblock .txt5gyo {
	padding-top: 54px;
	font-size: 14px;
	line-height: 29px;
	font-weight: normal;
}
.exampleblock a {
	color: #8CC63F;
}
#pagetop {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 9999;
}
.fixsubmenu {
	position: fixed;
	top: 63px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	width: 100%;
}
.fixsubmenu-area {
	width: 960px;
	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;
}

#sidenav {
	z-index: 9999;
	cursor: pointer;
	position: fixed;
	right: 0px;
	width: 319px;
	background-image: url(../../creative/img/sidebtn.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 57px;
	padding-bottom: 65px;
	top: 0px;
	margin-top: 80px;
}
#sidenav .slide-inner {
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #FFFFFF;
}

#sidenav .slide-inner ul {
	height: 711px;
}
.nonactive  {
	opacity: 0.6;
}


/*
#sidenav {
    z-index:100;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: -400px;
  width: 400px;
  height: auto;
  padding: 0 40px 0 0;
  background: #999;
}
#sidenav .slide-inner {
  overflow: auto;
  overflow-x: hidden;
  background: #ddd;
}

*/


.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;
	cursor: pointer;
}
.slidebox dd {
	background-color: #f7f7f7;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 120px;
	padding-right: 120px;
	font-size: 18px;
	line-height: 28px;
}


.gorokunumber {
	text-decoration: none;
	font-size: 22px;
	text-align: left;
	float: left;
	padding-left: 20px;
}
.gorokunumber2 {
	text-decoration: none;
	font-size: 22px;
	text-align: left;
	float: left;
	padding-left: 20px;
}
.gorokunumber3 {
	text-decoration: none;
	font-size: 22px;
	text-align: left;
	float: left;
	padding-left: 20px;
}
.openmidashi {
	font-size: 22px;
	text-align: center;
	color: #0075C1;
	line-height: 32px;
}



.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:inline-block;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
vertical-align:top;
}
.fb_txt {
	font-size: 14px;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.fb_txt a {
	color: #8CC63F;
}
#sp-nav {
	display: none;
}
.a-blue {
	color: #3C80C2;
}
br.pc-none {
	display: none;
}
.fullbtn {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	width: 180px;
	text-align: center;
	margin-bottom: 10px;
	height: 30px;
	border-radius: 30px;
	margin-left: auto;
}
.fullbtn:hover {
	background-color: #8CC63F;
	color: #FFFFFF;
}
.pl76 {
	padding-left: 67px;
}
.pl150 {
	padding-left: 149px;
}