@charset "utf-8";

/*----------------------------------------------------*/ 
/* element reset
------------------------------------------------------*/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
body { line-height:1; position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }


/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

a:link {	color:#6FAEE8; text-decoration:underline;}
a:visited {	color:#6FAEE8;	text-decoration:none;}
a:hover {	color:#6FAEE8;	text-decoration:none;}
a:active {	color:#6FAEE8;	text-decoration:none;}

a:hover img,
input[type=image]:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/ 

body {
	background:#F8F5EC;
	color:#3F3913;
	font: 16px "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}

/*
	Font-size Setting
10px -> 63% 
11px -> 69% 
12px -> 75% 
13px -> 82% 
14px -> 88% 
15px -> 94% 
16px -> 100%
17px -> 107%
18px -> 113%
19px -> 119%
20px -> 125%
21px -> 132%
22px -> 138%
23px -> 144%
24px -> 150%
25px -> 157%
26px -> 163%
*/

p,dt,dd,li,th,td,address {
	line-height:1.3;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

img {
	vertical-align:top;
}


.pc { display: block;}
.sp { display: none;}

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

.pc { display: none;}
.sp { display: block;}

}


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

#header {
	border-top:solid 6px #FDD59A;
}

#header header {
	width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

#header .logo {
 padding: 0 20px 0 0;
}

#header .logo p {
	line-height:1.3;
	font-size:94%;
	margin-bottom:15px;
}

#header .inq {
	padding:16px 0 0;
}

#header .inq dl dt,
#header .inq dl dd{
 text-align: center;
}

#header .inq .sp {
 display: none;
}


#gnavi {
	width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
}

#gnavi li {
	float:left;
	margin-left:8px;
}

#gnavi li:first-child {
	margin-left:0;
}

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

#header header {
	width:100%;
	margin:0 auto 30px;
	overflow:hidden;
	padding: 10px 0 0 0;
 display: block;
}

#gnavi {
	display: none;
}	


#header .logo {
	padding:0 20px 0 10px;
	float:none;
	text-align: left;
}

#header .logo p {
	line-height:1.3;
	font-size:63%;
	margin-bottom:10px;
	padding: 0 50px 0 0;
}

#header .logo p br {
 display: none;
 }
 
#header .logo .img {
	display: block;
}

#header .logo .img img {
	max-width: 100%;
	height: auto;
	}
	
#header .inq {
	float:none;
	text-align: center;
	padding:0 10px 0;
}
 
#header .inq .pc {
 display: none;
}

#header .inq .sp {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

 #header .inq .sp dt {
  width: 100%;
 }

#header .inq .sp dd {
 width: 49%;
}
 
 
#header .inq img{
	width: 100%;
}
	

}

/*----------------------------------------------------*/ 
/* SP_menu
------------------------------------------------------*/ 

#btn_menupanel{
		display: block;
}
@media only screen and (max-width: 767px) {
	
	/*開閉ボタン*/
	#btn_menupanel{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
}
	#btn_menupanel div {
		position: absolute;
		background: #6EADE7;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		cursor: pointer;
}
	#btn_menupanel span{
		display: block;
		height: 4px;
		background: #FFF;
		position:absolute;
		width: 37px;
		border-radius: 2px;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
}
	#btn_menupanel span:nth-child(1){
		top:30px;
		left: 24px;
}
	#btn_menupanel span:nth-child(2){
		top:42px;
		left: 24px;
}
	#btn_menupanel span:nth-child(3){
		top:54px;
		left: 24px;
}
	
	/*開閉ボタンopen時*/

#btn_menupanel.open {
	position: fixed;
	top: 40px;
	right: 40px;
}

	#btn_menupanel.open span:nth-child(1) {
			top: 40px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
	}
		#btn_menupanel.open span:nth-child(2) {
			width: 0;
			left: 50%;
	}
		#btn_menupanel.open span:nth-child(3) {
			top: 40px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
	}

}
	
@media only screen and (max-width: 1280px) {
	#btn_menupanel{
		width: 100%;
}
	#btn_menupanel.open {
		top: 0px;
		right: 0px;
}
	
}

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

	#btn_menupanel div {
		top: 10px;
		right: 10px;
		width: 45px;
		height: 45px;
}
	#btn_menupanel span{
		width: 25px;
}
	#btn_menupanel span:nth-child(1){
		top:12px;
		left: 10px;
}
	#btn_menupanel span:nth-child(2){
		top:21px;
		left:10px;
}
	#btn_menupanel span:nth-child(3){
		top:31px;
		left:10px;
}
	
	/*開閉ボタンopen時*/

#btn_menupanel.open {
	position: fixed;
	top: 0px;
	right: 0px;
}

	#btn_menupanel.open span:nth-child(1) {
			top: 20px;
	}
		#btn_menupanel.open span:nth-child(2) {
			width: 0;
			left: 50%;
	}
		#btn_menupanel.open span:nth-child(3) {
			top: 20px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
	}
		
}

	/*メニュー部分*/
	#menupanel{
		display:none;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		background: rgba(255,255,255,1.00);
		z-index: 100;
		border: 5px solid #FDD59A;
		box-sizing: border-box;
		padding: 30px;
		
}
	#menupanel nav ul{
		display: block;
		margin: 0;
}
	#menupanel nav ul li{
		margin: 0 auto 20px auto;
}

	#menupanel nav ul li a {
		display: block;
		padding-bottom: 10px;
		padding: 14px 0 5px 40px;
		text-decoration: none;
		font-weight: bold;
}

#menupanel nav ul li.home a{
	background: url(/oomuchi/lib/img/cmn/icon_home.png) no-repeat left center;
	border-bottom: 2px solid #FFBF2D;
	color: #FFBF2D;
}

#menupanel nav ul li.info a{
	background: url(/oomuchi/lib/img/cmn/icon_info.png) no-repeat left center;
	border-bottom: 2px solid #C7D94E;
	color: #C7D94E;
}

#menupanel nav ul li.service a{
	background: url(/oomuchi/lib/img/cmn/icon_service.png) no-repeat left center;
	border-bottom: 2px solid #BFD3E5;
	color: #BFD3E5;
}

#menupanel nav ul li.training a{
	background: url(/oomuchi/lib/img/cmn/icon_training.png) no-repeat left center;
	border-bottom: 2px solid #FEC962;
	color: #FEC962;
}

#menupanel nav ul li.access a{
	background: url(/oomuchi/lib/img/cmn/icon_access.png) no-repeat left center;
	border-bottom: 2px solid #D1DF6E;
	color: #D1DF6E;
}

#menupanel nav ul li.blog a{
	background: url(/oomuchi/lib/img/cmn/icon_blog.png) no-repeat left center;
	border-bottom: 2px solid #BFD3E5;
	color: #BFD3E5;
}


/*----------------------------------------------------*/ 
/* container
------------------------------------------------------*/ 

#container {
	width:1000px;
	margin:0 auto 65px;
	/zoom:1;
}

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

#contents {
	float:left;
	width:700px;
}

#contents p {
	margin-bottom:20px;
	line-height:1.5;
}

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

#container {
	width:100%;
	margin:0 auto 0;
}

#contents {
	float:none;
	width:100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents img {
	max-width: 100%;
	height: auto;
}
	
}

/*----------------------------------------------------*/ 
/* side
------------------------------------------------------*/ 

#side {
	float:right;
	width:280px;
	margin-bottom:35px;
}

#side .inquiry {
	background:#FCEF9B;
}

#side .inquiry h2 {
	padding:20px 0 10px;
	text-align:center;
	font-size:0;
}

#side .inquiry .tel {
	width:230px;
	margin:0 auto;
}

#side .inquiry .tel p {
	margin-top:15px;
	font-size:94%;
}

#side .inquiry .link {
	padding:15px 0;
}

#side .inquiry .link li {
	margin-bottom:5px;
	text-align:center;
}

#side .related {
	margin-top:30px;
}

#side .related h2 {
	border-bottom:solid 1px #CCC;
	padding:0 0 5px 3px;
	margin-bottom:10px;
	font-size:0;
}

#side .related .link li {
	margin-bottom:5px;
}

#side .bnr_effort {
 margin-top: 30px;
}

#side .bnr_effort a {
 background: #fff url("/oomuchi/lib/img/cmn/icon_effort.png") 16px center no-repeat;
 border: 2px solid #c7d94e;
 border-radius: 5px;
 color: #333;
 display: block;
 padding: 1em 30px 1em 70px;
 position: relative;
 text-decoration: none;
}

#side .bnr_effort a:after {
 background: url("/oomuchi/lib/img/cmn/icon_arrow_01.png") no-repeat;
 content: "";
 height: 10px;
 margin-top: -5px;
 position: absolute;
 right: 12px;
 top: 50%;
 width: 6px;
}

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

#side {
	float:none;
	width:100%;
	margin: 0;
	padding: 0 0 10px 0;
}


#side .related {
	margin-top:30px;
	padding: 0 10px;
}

#side .related .link li {
	margin-bottom:10px;
	text-align: center;
}	
 
 #side .bnr_effort {
  margin: 30px 10px 0;
 }
	
}


/*----------------------------------------------------*/ 
/* pagetop
------------------------------------------------------*/ 
#pagetop {
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:1000;
	display:none;
}

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

#pagetop {
	right:10px;
	bottom:10px;
}

#pagetop img {
	width: 60px;
	height: auto;
}
	
}

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

#footer {
	background:#F9F3D4;
}

#footer footer {
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:35px 0 40px;
}

#footer footer:before {
	content:"";
	width:174px;
	height:102px;
	background:url(/oomuchi/lib/img/cmn/footer_bg_01.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
}

#footer .company {
	margin-bottom:80px;
}

#footer .company p {
	font-size:94%;
	margin-bottom:10px;
}

#footer .company img {
	display:inline-block;
	vertical-align:top;
}

#footer .company address {
	font-size:94%;
	display:inline-block;
	margin-left:18px;
	line-height:1.5;
	vertical-align:top;
}

#footer .fnavi {
	overflow:hidden;
}

#footer .fnavi li {
	float:left;
	font-size:88%;
}

#footer .fnavi li:after {
	content:"";
	border-left:dotted 1px #7F7326;
}

#footer .fnavi li:first-child:before {
	content:"";
	border-left:dotted 1px #7F7326;
}

#footer .fnavi li a {
	display:inline-block;
	padding:0 25px;
	color:#3F3913;
	text-decoration:none;
}

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

#footer footer {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:35px 0 40px;
}
	
#footer footer:before {
	content:"";
	width:174px;
	height:102px;
	background:url(/oomuchi/lib/img/cmn/footer_bg_01.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
}

#footer .company {
	margin-bottom:30px;
	padding: 0 20px;
}
	
#footer .company address {
	font-size:94%;
	display:block;
	margin:18px 0 0 0;
	line-height:1.5;
	vertical-align:top;
}

	
#footer .fnavi {
	border-top: 1px dashed #CCC;
}
	
#footer .fnavi li {
	float:none;
	font-size:100%;
	border-bottom: 1px dashed #CCC;
}	

#footer .fnavi li:after {
	border-left:none;
}

#footer .fnavi li:first-child:before {
	border-left:none;
}

#footer .fnavi li a {
	display:block;
	padding:10px 25px 10px 15px;
	color:#3F3913;
	text-decoration:none;
}

#footer .fnavi li a:before {
	content: ": ";
	}
	
}