@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');

@charset "utf-8";


.hedImg{
	border-radius: 7px;
}

#topInfoNew {
margin:80px auto 0;
width: 100%;
padding: 60px 20px;
background: #1aa083;
color: #FFF;
}
#topInfoNew h3{
color: #FFF;
font-size: 1.9em;
position: relative;
  display: inline-block;
  margin-bottom: 2.5em;
}
#topInfoNew h3:before {
  content: '';
  position: absolute;
  bottom: -35px;
  display: inline-block;
  width: 50px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgb(3, 63, 48);
  border-radius: 2px;
}
#topInfoNew p{
text-shadow: none!important;
}
#contentW , #mainContent  {
 height: auto;
}
#sideContent {
 height: auto;
 height: 100%;
 float: left;
}
.ulText {
	font-size: 1.1em;
margin-left: 20px;}
body {
  font-family: "Noto Sans JP", serif;
}
input#submit_button {
    width: 150px;
    height: 50px;

}
 a:hover .topbutton{
	-webkit-transition: all .3s;
	transition: all .3s; transform:scale(1.1,1.1);
}
.recT{
	border:1px solid #EEE;
	margin: 0 auto 30px;
    width: 70%;
    border: none;
    border-top: solid 1px #CCC;
    border-collapse: separate;
    background: #FFF;
	text-align:left;
	font-size:0.9em;}
.recT th{
	text-align:center;
	margin-right:15px;
	width:20%;
	padding:10px;
    border-bottom: solid 1px #CCC;
    border-right: dotted 1px #CCC;
	color:#555;
    background: #F9F9F9;
	font-weight:bold;
}	
.recT td{
	width:80%;
	margin-left:15px;
	padding:10px;
    border-bottom: solid 1px #CCC;
	}	

#contentBar {
	border-top:1px solid #EEE;
	padding-top:40px;}
.text-right {
	float:right;}
	#mainContent h6 {
		position: relative;
		display: inline-block;
		padding: 20px 55px;
	  }
	  
	  #mainContent   h6:before, h6:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 45px;
		height: 1px;
		background-color: black;
	  }
	  
	  #mainContent  h6:before {
		left:0;
	  }
	  #mainContent  h6:after {
		right: 0;
	  }
	.buttonWaku{display: flex;
        width: 100%;
        height: auto;
        flex-flow: wrap;
        justify-content: space-around;
        align-items: center;}
		
	#mainContent .buttonFile a{
		background-color: #3498db;
		border: 2px solid #3498db;
		box-shadow: 0 4px 0 #2980b9; 
		color: #fff;
		font-size:1.1em;
		text-decoration:none;
		display:inline-block;
		line-height: 33px;
		font-family: 'Noto Sans JP', sans-serif!important;
		padding:20px 60px;
		margin-right:0;
		border-radius:9999px;
	}
#mainContent .buttonDetail a{
	background-color: #1aa083;
	border: 2px solid #1aa083;
	color: #fff;
	font-size:0.8em;
	text-decoration:none;
	display:inline-block;
	line-height: 33px;
	font-family: 'Noto Sans JP', sans-serif!important;
	padding:2px 12px;
	margin-top:40px;
	margin-right:-5px;
	border-radius:4px;
}
#mainContent .buttonFile a,
#mainContent .buttonFile :before,
#mainContent .buttonFile :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#mainContent .buttonDetail a,
#mainContent .buttonDetail :before,
#mainContent .buttonDetail :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#mainContent .buttonDetail a:visited{
	color: #fff;
}

#mainContent .buttonFile a:hover{
	background-color: #fff;
	border-color: #2980b9;
  transform: translateY(4px);box-shadow: none;
	color: #2980b9;
	text-decoration:none;
}
#mainContent .buttonDetail a:hover{
	background-color: #fff;
	border-color: #1aa083;
	color: #1aa083;
	text-decoration:none;
}
.serviceContent{
	float: left;
	height: auto;}
.companyList {
	width:48%;
	float:left;
	margin-right:3%;
	margin-bottom:0px;
	padding:20px 20px;
	text-align:left;
}
.companyImg {
	width:40%;
	float:left;
	padding:0px 20px 10px 0;
}
#mainContent .companyList a {
	text-decoration:none;
	}
.companyList dt {
	position: relative;
	padding-bottom: .5em;
	border-top:4px solid #EEE;
	padding-top:20px;
	font-weight:bold;
	font-size:1.3em;
	line-height: 1.4;
	padding-left: 10px;
}
.companyList dt::after {
	position: absolute;
	top: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 50%;
	height: 4px;
	background-color: #093;
}
.companyList dd {
	font-size:0.9em;
	padding-top:10px;
	line-height:1.7;
}
dl.companyList:nth-of-type(2n) {
	margin-right:0;
}
#contentHeaderBg {
	background-image:url(../img/content_header_bg.png) ;
		background-size: cover;
	width:100%;
	z-index:555555;
	height:460px;
}
.cf:after {
  content: "";
  clear: both;
  display: block;
}
#topImageConcept {
	margin-top:150px;
	margin-bottom:-430px;}
#info dl.topinfo {
	width:29%;
	float:left;
	background:#1aa083;
	border:1px solid #EEE;
	padding:20px 30px 30px 30px;
	margin:2%;}

#info dl.topinfo dt a{
	color:#FFF;
	text-decoration:underline;}	
#info dl.topinfo dt a:hover{
	text-decoration:none;}
#info dl.topinfo dt {
	width:100%;
	float:left;
	font-size:1.5em;
	border-bottom:1px dotted #EEE;
	margin:0 0 14px 0;
	padding-bottom:14px;}
	#info dl.topinfo dd  {
	width:100%;
	float:left;}
#topConcept {
	width:100%;
	background:#FFF;
	opacity:0.8;
	padding:40px 20px;
	height:auto;
	margin-top:500px;}
#topConcept p{
	line-height:2.5;
	font-weight:bold;}	
.mainlogo {
	text-align:center;}
#topBana p{
	text-align:left;
	padding:20px;
	line-height:1.8;
	font-size:0.9em;}
.entryDetail a {
	background-color: #de5f3b;
	border: 2px solid #de5f3b;
	color: #fff;
	font-size:2em;
	display:inline-block;
	line-height: 45px;
	padding:20px 10px;
	border-radius:4px;
	margin-bottom:20px;
	text-align:center;
	width:40%;
	box-shadow:0px 3px #b71c1c;
}
.entryDetail a, .entryDetail :before, .entryDetail :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.entryDetail a:visited {
	color: #fff;
}
.entryDetail a:hover {
	background-color: #fff;
	border-color: #de5f3b;
	color: #de5f3b;
	text-decoration:none;
}
ul#menuList li.On a{
	background: #44c2a3;
	color:#FFF;}
	ul#menuList li.On a:hover{
	background: #44c2a3;
	color:#FFF;}
ul#menuList li.On::before, ul#menuList li.On::after{
	content: "";
	position: absolute;
	z-index:99999;
	left: 9px;
	right:9px;
	top: 7px;
	border-bottom: 4px solid  #FFF;
}
#topBana img:hover {
	opacity:0.8;}
/* 画像読み込み */
#mainContent ul#other li{
	text-align:left;
	line-height:2.2;
	}
#mainContent dl{
	text-align:left;
	line-height:2.2;
	margin-bottom:30px;
	}	
	#mainContent dt{
		color:#009966;
		font-weight:bold;
	}	
#contentNormal h5{
	color: #099;
	border:1px solid #099;
	margin:20px;
	padding:10px;}
	#contentNormal p{
	margin-bottom:20px;}
#mainContentFa a {
	text-decoration:underline;
	color:#099;}
	#mainContentFa b {
	color: #099;}
#mainContentFa img {
	margin-bottom:20px;}	
	
	#mainContentFa a:hover {
	text-decoration:none;
	color:#222;}
#contentNormal p{
	padding:0 30px; }
	
#sideContentFa h3{
	font-size:1.1em;
	color:#222;
	margin-bottom:10px;}
	
#sideContentFa dl.sideFacilityWaku{
		border-top:4px solid #960;
		margin-bottom:23px;
		}
#sideContentFa dl.sideFacilityWaku dd{
	background:#fdf5ec;
	font-size:0.8em;
	text-align:left;
	padding:15px 10px;
	position:relative;
		}	
#sideContentFa dl.sideFacilityWaku dd:hover{
	text-decoration:underline;
	opacity:0.6;
		}			
#sideContentFa dl.sideFacilityWaku dd span{
	padding:8px 0px 8px 15px;
	margin:0;
		}	

#sideContentFa dl.sideFacilityWaku dd:after {
	position: absolute;
	top: .8em;
	left: .8em;
	content: '';
	width: 4px;
	height: -webkit-calc(90% - 1em);
	height: calc(90% - 1em);
	background-color: #C90;
	border-radius: 3px;
}
#sideContentFa dl.blue dd:after {
	background-color: #06C;
}		
#sideContentFa dl.orange dd:after {
	background-color: #F30;
}					
			
#sideContentFa dl.blue dd{
	background:#eef9ff;
		}	
		
#sideContentFa dl.blue{
		border-top:4px solid #06C;
		}	
					
#sideContentFa dl.orange{
		border-top:4px solid #F30;
		}	
#linkList li {
	text-align:left;
	font-size:1.2em;
	padding:20px;
	border-bottom:1px dotted #CCC;
	color:#009933
}
#linkList li a:hover{
	text-decoration:underline;
}

	

.sankaku{
	width: 0;
	height: 0;
	border-top: 30px solid  #0C6;
	border-right: 120px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 120px solid transparent;
	text-align:center;
	margin:auto;
}		


#contentHeader h2 {
	color: #FFF;
	padding-top:60px;
	letter-spacing:0.6em;
	font-size:3em;
	text-align:center;
	text-shadow: 0px 3px 0px #099,
               0px 14px 40px rgba(0,0,0,0.15);
			   position:relative;
	}
#contentHeader {
	height:196px;
	float:left;
	margin-top:34px;
	background: #16b38c;
	z-index:55555;
	opacity:0.8;
	width:100%;/*
	background-image:url(../img/content_header_t.png);*/
	}
#content_bg {
	background:url(../img/content_header_bg.png) repeat-x;
	height:250px;}
header p{
	margin-left:2%;}
html{
	border-top:4px solid #24A7A7;}



/* トップページ設定 */
#contents {
	width : 100%;
	margin : 0 auto;
	padding:0 10px;
	text-align : center;
	min-height:1600px;
}
#topMain	{
		width:100%;
		text-align:center;
		margin:auto;
		z-index:8888888;
		position: absolute;
		left: 0;
		overflow: hidden;
	min-height:1600px;
		right: 0;
		}
/* トップバナー */

#topBana {
	clear:both;
	padding-top:30px;
	margin-top:30px;
	height:200px;
	float:left;
	border-top:1px solid #DDD;
	}
	
/* ほのぼの生活トップ　*/
#topHonobono{
	margin-top:20px;
	height:auto;
	width:100%;
	margin-bottom:30px;
	}
#topHonobono p{
	text-align:left;
	margin-bottom:10px;
	}
#topHonobono dl dd.titleH {
	font-size:1.6em;
	font-weight:bold;
	color:#099;
	padding-bottom:13px;
}

#topHonobono dl {
	border-top:1px dotted #DDD;
	position: relative;
	margin-top:30px;
	margin-bottom:20px;
	padding-top:30px;
	}	
#topHonobono dl dt {
	float:left;
	margin-right:30px;
	}
	#topHonobono dl dd {
		text-align:left;
		line-height:1.8;
	font-size:0.9em;
	}	
/*****
 ほのぼのボタン *****/
 .button_honobono {
	clear:both;
	margin:0 auto;
	text-align:center;
	display:block;
}
 .button_honobono a {
	float:right;
	background-color: #de5f3b;
	border: 2px solid #de5f3b;
	color: #fff;
	font-size:0.9em;
	display:inline-block;
	line-height: 45px;
	padding:0px 10px;
	border-radius:4px;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	box-shadow:0px 3px #b71c1c;
}

.button_honobono a, .button_honobono :before, .button_honobono :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_honobono a:visited {
	color: #fff;
}
.button_honobono a:hover {
	background-color: #fff;
	border-color: #de5f3b;
	color: #de5f3b;
	text-decoration:none;
}
/* お知らせ */

#info{
	width:100%;
	overflow: auto;
	height:auto;
	background: #1fbc99;
	/*opacity:0.9;*/
	margin:0;
	padding-bottom:500px;
	z-index:999999999999999999999;
	}
#info dl{
	border-bottom:1px dotted #DDD;
	padding:0px 15px 0px 15px;
	margin:0;
	width:50%;
	font-size:0.9em;
	}	



#info dl dt {
		float:left;
		margin-right:2em;
		color:#FFF;
	}	
#info dl dd {
		float:left;
		color:#FFF;
	}	
#info h3 {
	position: relative;
	text-align: center;
	margin:40px 20px 20px 20px;
	color:#FFF;
	font-size:1.4em;
	letter-spacing:0.7em;
}
#info h3 span {
	position: relative;
	letter-spacing:1em;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #1fbc99;
	text-align: left;
}
#info h3::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
}
	

#topHeder p{
	text-shadow: 1px 2px 3px #FFF;
	}
/*#facebook a{
	color:#FFF;
	text-shadow: 1px 2px 3px #555;}
/*パンくず*/
.pankuzu b{
	color:#099;}
	
#contentR {
	min-height:500px;
	text-align:center;
	padding:0 30px;
	overflow:hidden;
	font-size:0.9em;
	margin-bottom:50px;
	
	}
#contentR  h4 {
			color: #096;
	font-size:1.5em;
		}
#contentWR {
	background:url(../img/recruit/header.jpg) no-repeat center ;
	min-height:450px;	
	background-size:cover;}

	
#textRight {
	float:right;}



.shadow01{
    /*影を入れる*/
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
	 border:3px solid #FFF;
}
.feeT{
	border:1px solid #EEE;
	margin: 0 auto 30px;
    width: 100%;
    border: none;
    border-top: solid 1px #CCC;
    border-collapse: separate;
    background: #FFF;
	text-align:left;
	font-size:0.9em;}
.feeT th{
	text-align:center;
	margin-right:15px;
	padding:20px;
    border-bottom: solid 1px #CCC;
    border-right: dotted 1px #CCC;
	color:#555;
    background: #F9F9F9;
}	
.feeT th.fee01{
	width:20%;
	background:#e9fdf1}
.feeT td{
	margin-left:15px;
	padding:20px;
	text-align:center;
    border-bottom: solid 1px #CCC;
	}			
input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
	width:14px;
	height:	14px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}

#contentR input {
	border-radius:4px;
	border:1px solid #CCC;
	padding:6px;
	width:70%;
	font-size:1.1em;
	margin-right:10px;
}
#contentR input.mini {
	width:20%;
}
#contentR textarea, .mainContentW select {
	padding:6px;
	width:100%;
	border-radius:4px;
	border:1px solid #CCC;
}
#contentR input[type=checkbox] {
	width:auto;
	border:1px solid #888;
}
#contentR input[type="submit"] {
	margin-top:20px;
	width:30%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius:4px;
	border:1px solid #CCC;
	padding:10px 30px;
	background:#EEE;
	color:#000;
	font-size:1.0em;
}
#contentR input[type="submit"]:hover {
	background:#555;
	border:1px solid #555;
	cursor:pointer;
	transition:all .4s;
	color:#FFF;
}input[type=radio], input[type=checkbox] {
  display: none;
}
.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 6px 10px 6px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}


.attention {
	color: #900;
	font-size:0.8em;
	margin-bottom:0;
	text-align:center;}


#mainContentFa h4{
	text-align:left;
	color:#099;
	padding:15px 15px 15px 0px;
	font-size:1.5em;
	margin:0 0 20px 0;
	margin-top:100px;
	border-bottom:1px solid #099;
}

#mainContentFa p{
	line-height:2;
	margin-bottom:15px;
	text-align:left;
	padding:10 20px;
}
#mainContent img {display: block;
	margin:0 auto;
	text-align:center;}
.rightBox{
	float:right;
	width:auto;
	}	
#mainContent {
	padding-bottom:50px;
	margin-bottom:50px;
min-height: 300px;}
	
#mainContent h2{
	border-left:8px solid #555;
	text-align:left;
	color:#444;
	padding:20px;
	font-size:2em;
	font-weight:normal;
	margin-bottom:50px;
	border-radius:5px;
	-webkit-box-shadow: 0 13px 7px -7px #9f9e9e;
       -moz-box-shadow: 0 13px 7px -7px #9f9e9e;
            box-shadow: 0 13px 7px -7px #9f9e9e;
			background:#F7F8F9;
	}
#contentHeder{
	height:130px;
border-top:1px solid #FFF;
background:url(../img/main_bg01.png) repeat;

}
ul#menuList li a{
	border-right:1px solid #ffe9f4;
	color:#222;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #FFF5FF),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(top, #FFF5FF 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(top, #FFF5FF 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(top, #FFF5FF 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(top, #FFF5FF 0%, #FFFFFF 100%);
background-image: linear-gradient(to top, #FFF5FF 0%, #FFFFFF 100%);
	
	}	

header{
	position:relative;
	overflow:hidden;
		z-index:888;;
	}
	
.headerMain {
	font-size:0.8em;
	position:absolute;
	top:0;
	left:0;}

#topHeder{
	border-top:1px solid #FFF;
	background-size:cover;
	width:100%;
	height:300px;}
button {
	padding:10px 20px;}
.event{
	border-bottom:1px dotted #CCC;
	margin-bottom:15px;
	}
.imgLeft{
	float:left;
	display:block;
	overflow:hidden;
	margin-right:20px;
	padding-right:20px;
	width:auto;}
.imgRight{
	float:right;
	display:block;
	margin-left:20px;}
	.reportCon{
	overflow:hidden;}
#mainContent .reportCon b{
	color:#222;}
#mainContent .reportCon p{
		border-bottom:1px dotted #DDD;
		font-size:1em;
		padding:0 0 7px 0;
		margin-bottom:15px;
		
		
		}
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius:3px;
	outline: 0;
	width:auto;
		padding:6px;
		border:1px solid #777;
}

.formT {
	width:90%;
	margin-bottom:50px;
	text-align:center;
	margin:0 auto;
	}
.formT td{
	border-bottom:1px solid #DDD;
	padding:20px 30px;
	text-align:left;
}
.formT th{
	text-align:right;
	padding:20px 30px;
	width:30%;
	font-weight:normal;
	border-bottom:1px solid #DDD;}

.report	{	
	border-bottom:1px dotted #CCC;
	margin-bottom:45px;
	overflow:hidden;	
	}
.report	dt{	
	float:left;
	width:30%;
	}	
.report	dd{
	float:left;
	overflow:hidden;	
	border-bottom:1px dotted #CCC;
	padding:10px;
	width:auto;
	}	
#mainContent h4.rec {
	background:#7fc4fd;
	font-size:1.1em;
	padding:7px;
	width:100%;
	clear:both;}		


* {
	margin: 0;
	padding: 0
}
 

#mainContentW h4{
	border-left:4px solid #DDD;
	text-align:left;
	clear:both;
	padding:10px;
	color:#555;
	margin:0 0 10px 0;
	font-weight:normal;
	}
	
#mainContent h4{
	font-size:1.3em;
	margin-bottom:5px;
	text-align:left;
	color:#FFF;
	background: #099;
	border-radius:4px;
	padding:6px 12px;
	width:100%;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#mainContent b{
	color: #096;}
#mainContentW .attention,#mainContent .attention{
	font-size:0.8em;
	color: #C00;
	text-align:center;
	font-weight:bold;}
a {
	color:#222;
	text-decoration:none;
}
a:hover {
	color:#000;
}
#main{
	padding-top:20px;}


ul, ol {
	list-style : none
}
img {
	vertical-align : middle
}
/* @end */

.slide {
	text-align:center;
	margin:0 auto;
	}
.slide img{
	box-shadow:0px 0px 4px #555;
	border:3px solid #FFF;
	z-index:99999;
	text-align:center;
	margin:0 auto;}


img {
	max-width : 100%;
}


html {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size : 100%;
	line-height : 1.5;
}
#contentList li{
	line-height:3.5;
	text-align:left;
	border-bottom:1px dotted #CCC;
	}
#contentList li a{
	color:#003399;
	}	#contentList li a:hover{
		text-decoration:underline;
		color:#222
	}
/* @end */
#pageTop01:hover {
	cursor:pointer;
	opacity:0.7;
}
#pageTop01 {
	position: fixed;
	bottom:0;
	right:0;
	margin:30px;
	width:60px;
	z-index:999999;
}


h1, h2, h3, h4, h5, h6 {
	margin-bottom : 24px
}
h1 {
	font-size : 48px;
	line-height : 1
} /* 48px */
h2 {
	font-size : 36px;
	line-height : 1.3333
} /* 48px */
h3 {
	font-size : 24px;
	line-height : 1
} /* 24px */
hgroup h2, h4, h5, h6 {
	font-size : 16px; /* 16px */
	line-height : 1.5
}

#mainContentW{
	width:100%;}
#mainContentW p{
		line-height:2.1;
		padding:0 0 5px 0;}



header {
	text-align : center;
	background : #FFF;
	height:265px;
	width:100%;
	margin:0 auto;
	background-size:contain;
	position:relative;
	z-index:555;
}

header h2 {
	color : #fff
}

.home, .company, .service, .access, .recruit, .contact {
	position:relative;
}
.home::before, .home::after, .company::before, .company::after, .access::before, .access::after, .service::before, .service::after, .recruit::before, .recruit::after, .contact::before, .contact::after {
	content: "";
	position: absolute;
	z-index:99999;
	left: 9px;
	right:9px;
	top: 7px;
	border-bottom: 4px solid  #099;
}

.on{
	position:relative;
}
.on::before, .on::after{content: "";
	position: absolute;
	z-index:99999;
	left: 9px;
	right:9px;
	top: 6px;
	border-bottom: 3px solid  #f8acf8;
	}
	
nav {
	margin:0 auto;
	width:100%;
	text-align:center;
	border-top:2px solid #096;
	border-bottom:2px solid #096;
}
nav ul {
	overflow : hidden;
	margin:0 auto;
	width:90%;
	_zoom: 1;
}

ul#menuList li a.on {
	background: url(../img/menu_bg.png) repeat;
	color :#FFF;
	border:1px solid #163fb5;
}
nav ul li {
	width : 16.6%;
	float : left;
	font-size:0.9em;
}

ul#menuList li a {
	display : block;
	color :#222;
	padding : 1em 0 1em;
	position:relative;
	margin-right:0%;
	text-decoration:none;
	margin-bottom:-1px;
	background:#FFF;

}
ul#menuList li a:last-child {
	display : block;
	margin-right:0;
}
ul#menuList li a:hover {
	transition: all .4s;
	background:#FFF;
	color: #060;
}



footer {
	padding : 24px 0;
	color : #222;
	text-align : center;
}
#footer-02{
	background:#EEE;
	height:80px;
	}
#footer-02 p{
	text-align : center;}
/* @end */

.hedCon h2 {
	color:white;
	text-align:left;
	font-weight:normal;
	padding-top:30px;
}
#contentW{
	margin-bottom:50px;
	overflow:hidden;
	padding-bottom:100px;
	}
.pankuzu a{
		color:#222;}
.pankuzu a:hover{
		text-decoration: underline;
			}
.pankuzu {
	padding:15px;
	text-align:center;
	margin:0px auto 0px;
	font-size:0.8em;
	overflow:hidden;
	letter-spacing:0.3em;
	background:#F7F7F7;
	}
.pankuzu p{
	font-size:0.7em;
	text-align:center;
	letter-spacing:0.3em;
}
#mainContent {
	padding-bottom:50px;
	padding:0 10px;
min-height: 300px;}
	
#mainContent p{
		line-height:2.0;
		font-size:1.1em;
		padding:0 20px;
		text-align:left;}
	#mainContent a {
		color:#009966;
		text-decoration:underline;}	
		#mainContent a:hover{
		color:#333;
		text-decoration:none;}	
#mainContent ul {
	text-align:left;
	margin-bottom:30px;}		
	#mainContent ul li{
		line-height:2.3;}	
#mainContent h3{
		line-height:4.1;
		font-size:1.4em;
		padding-bottom:0px;
		color:#555;
		margin-top:30px;
		margin-bottom:0;}
#mainContentFa h3{
	color:#009966;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #096;
}

/***** 会社概要テーブル *****/
.companyT {
	border-right:none;
	border-left:none;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	width:100%;
}
.companyT td {
	padding:50px;
	border-bottom:1px dotted #DDD;
	border-right:none;
	border-left:none;
	font-size:1.0em;
	line-height:1.8;
	text-align:left;
}
.companyT th {
	padding:50px;
	width:25%;
	text-align:right;
	border-bottom:1px dotted #DDD;
	border-right:1px solid #CCC;
	border-left:none;
	background:#F7F7F7;
	font-size:1.0em;
}
/***** menberテーブル *****/
.menberT {
	border-right:none;
	border-left:none;
	width:100%;
}
.menberT td {
	padding:20px;
	border-bottom:1px dotted #DDD;
	border-right:none;
	border-left:none;
	font-size:1.0em;
	line-height:1.8;
	text-align:left;
}
.menberT th {
	padding:20px;
	width:25%;
	text-align:right;
	border-bottom:1px dotted #DDD;
	border-right:1px solid #CCC;
	border-left:none;
	background:#F7F7F7;
	font-size:1.0em;
}
	
.contentWaku {
	margin-bottom: 40px;
}
#mainContent h3 {
	text-align: center;
	position: relative;
	font-size: 1.3em!important;
	margin: 3em 0 1.5em!important;
}
#mainContent h3:first-child {
	margin: 0 0 1.5em!important;
}
#mainContent h5 {
	text-align: left;
	position: relative;
	font-size: 1.1em!important;
	margin: 3em 1em 2em;
  padding: 0.5em;
  background: #16a085;
  color: white;
}
#mainContent h5::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
#mainContent h4 {
	padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #f8f9f9;/*背景色*/
  border-left: solid 5px #009999;/*左線（実線 太さ 色）*/
    margin: 4rem 0 1.8rem;
    padding-left: 1.5rem;
    font-size: 24px!important;
}

#mainContent h3 {
	padding: 0rem 0 0.8rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #009999 0 25%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 5%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 30px!important;}
	
	
/* #mainContent h3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1.3em;
	background-color: #fff;
	text-align: left;
	line-height: 1.4;
}
#mainContent h3::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #CCC
}

#mainContent h3 span::before {
	right: 100%;
}
#mainContent h3 span::after{
	left: 100%;
} */


	
	

#footer-03 ,.contacticon{
	display:none;}



/*iphone*/
@media screen and (max-width : 767px) {
.home::before, .home::after, .company::before, .company::after, .access::before, .access::after, .service::before, .service::after, .recruit::before, .recruit::after, .contact::before, .contact::after {
	border:none;
}	
#mainContent .buttonFile a{
		font-size:0.9em;
		text-decoration:none;
		display:inline-block;
		line-height: 33px;
		font-family: 'Noto Sans JP', sans-serif!important;
		padding:10px 30px;
		margin-right:0;
		border-radius:9999px;
	}
.list_title {display: none;}
#contentHeader h2{
	font-size:1.2em!important;}
.companyT td {
	padding:10px;
}
.companyT th {
	padding: 10px
}
.imgRight{
float: left;
width: 100%;
margin: 40px 0;}
.companyList {
	width: 100%;}
#mainContent h3 {
	line-height:1.5;
	font-size:1.4em;
	margin-bottom:20px;
}
#contentHeaderBg{
	height:260px;}
.contacticon{
	display: block;
	position:absolute;
	top:62px;
	right:-12px;
	width:140px;
}
header h1 {
	width:200px;padding:0;
	margin:0 0 10px 5px;
	text-align: left;
	max-width:100%;}

header .mainlogo {
	width:70%;
	margin:0 0 10px 0;
	padding:0;
	text-align: left;}	
#topConcept {
	width:100%;
	background:#FFF;
	opacity:0.8;
	padding:20px;
	font-size:0.8em;
	height:auto;
	margin-top:100px;}
#topImageConcept {
	margin-top:0px;
	margin-bottom:-60px;}
#topHeder{
	height:1415px!important;
	text-align:left;
	}
#topInfoNew {
padding: 40px;
margin: 0 auto;
width: 100%;}	

#topInfoNew h3 span{
margin: 0 auto;
text-align: center;
}
#topInfoNew h3{
color: #FFF;
font-size: 1.5em;
position: relative;
  display: inline-block;
  margin-bottom: 2.5em;
  text-align: center;
}
#topInfoNew h3:before {
  content: '';
  position: absolute;
  bottom: -35px;
  display: inline-block;
  width: 50px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgb(3, 63, 48);
  border-radius: 2px;
}
#info{
	height: 100%;
max-height: 100%;
}
#info h3 {
	position: relative;
	text-align: center;
	margin:40px 20px 20px 20px;
	color:#FFF;
	font-size:1.3em;
}
#info h3 span {
	margin:20px;
}
#info dl.topinfo {
	width:96%;
	float:left;
	background:#1aa083;
	border:1px solid #EEE;
	padding:20px 30px 30px 30px;
	margin:2%;
	height: auto;}
	#info dl.topinfo:last-child {
	width:96%;
	float:left;
	background:#1aa083;
	border:1px solid #EEE;
	padding:20px 30px 30px 30px;
	margin:2%;}
#info dl.topinfo dt {
	width:100%;
	float:left;
	font-size:1.5em;
	border-bottom:1px dotted #EEE;
	margin:0 0 14px 0;
	padding-bottom:14px;}
	#info dl.topinfo dd  {
	width:100%;
	float:left;
	font-size:0.9em;}
/*フォームボタン*/		
input[type="submit"] {
	margin-top:20px;
	width:250px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius:4px;
	border:1px solid #CCC;
	padding:10px 30px;
	background:#EEE;
	color:#000;
	font-size:1.0em;
}	
input[type="text"] {
	margin:10px;
	width:100%;
	border-radius:4px;
	border:1px solid #CCC;
	padding:10px 30px;
	background:#EEE;
	color:#000;
	font-size:1.0em;
}	

.formT th ,.formT td{
	display:block;
	width:100%;
	text-align:left;
	padding:0;
	margin:0;}



#content_bg {
	background:url(../img/content_header_bg.png) repeat-x;
	height:100px;
	position:relative;
	z-index:3;
	}
	
#contentHeader h2 {
	color: #FFF;
	padding-top:30px;
	font-size:2em;
	text-align:center;
	text-shadow: 0px 3px 0px #009999,
               0px 14px 40px rgba(0,0,0,0.15);
			   position:relative;
	z-index:3;
	}
#contentHeader {
	position:relative;
	z-index:2;
	background-size: cover;
	height:120px;
	width:100%;
	overflow:hidden; 
	background-image:url(../img/content_header_t.png);
	}	
#content_bg p{
	padding-top:10px;}
#topHeder p {
	text-align:left;}
#info h3 {
	margin:10px 0 0 0;
	text-align:center;
	}
header{
	height:120px;
	position:static;
	z-index:5;}

#topRight{
	width:100%;
	position:relative;
	z-index:999999;}
#topHeder p{
	text-shadow: 1px 2px 3px #FFF;
	text-align:left;
}
#topLeft {
	position:relative;
	z-index:999999999;}


#contents	{
		text-align:center;
		margin:auto;
		height:auto;
		min-height: 400px;
	position:relative;
	z-index:9999;
		}

nav {
	display:none;
	border: none;
	height:auto;
	position:relative;
	z-index:100;
	overflow:hidden; 
}


#menu img.close {
	position:absolute;
	z-index:999999999999999999;
	top:12px;
	right:10px;
	cursor:pointer;
	width:62px;
	height:62px;
}
#menu {
	display:none;
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:auto;
	max-height: 100%;
	-webkit-overflow-scrolling:touch;
	z-index:999999999;
	border:5px solid #24A7A7;
}
#glayLayer {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	z-index:99;
	opacity:0.8;
	filter:alpha(opacity=70);
	display:none;/* アニメーション
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out; */
}
#menuBtn {
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-9999em;
	background-image:url(../img/menu_btn.png);
	background-size:62px 62px;
	display:block;
	width:62px;
	height:62px;
	border:none;
	cursor:pointer;
	z-index:99999;
}

.fixed {
	position: fixed;
	top:0;
	left:0;
	width:100%
}
#sideContent ul li a {
	display:block;
	width:100%;
	font-size:0.9em;
	border-bottom:1px solid #EEE;
	border-left:4px solid #CCC;
	padding:12px;
	font-weight:bold;
	text-decoration:none;
	color:#555;
	position:relative;
	text-align:left;
	margin-bottom:3px;
}
#sideContent {
	width: 100%;}
#sideContent ul li a:first-child {
	border-top:1px solid #EEE;
}
#sideContent ul li a:hover {
	background: #099;
	color:#FFF;
}
#sideContent ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px  #099;
	border-right: solid 2px #099;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

nav ul#menuList {
	width:100%;
	background:#FFF;
	z-index:5555;
	position:relative;
}
nav ul#menuList li {
	width:100%;
}
nav ul#menuList li a {
	border-bottom:1px solid #CCC;
	border-top:none;
	margin-bottom:1px;
	text-align:left;
	padding-left:20px;
	line-height:1.4;
}
nav ul#menuList li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #24A7A7;
	border-right: solid 2px #24A7A7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
nav ul#menuList li a.on {
	background:#163fb5;
	color :#FFF;
	border:1px solid #163fb5;
}
.on {
	position:relative;
}
#footer-04{
	border-top:1px solid #EEE;
	}
#footer-04 p{
	padding:15px;
	font-size:0.9em;}
#footer-04 ul li {
	display:block;
	text-align:left;
	position:relative;
	line-height:2.7;
}
#footer-04 ul li:first-child {
	border-top:1px solid #EEE;
}
#footer-04 ul li a {
	display:block;
	width:100%;
	font-size:0.9em;
	border-bottom:1px solid #EEE;
	padding:10px;
	text-decoration:none;
	color:#777;
}
#footer-04 ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #CCC;
	border-right: solid 2px #CCC;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer-05 {
	font-size:0.6em;
	padding:20px;
	color:#FFF;	
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgb(56, 171, 133)),  color-stop(1, rgb(0, 153, 102)) );
	background-image: -o-linear-gradient(bottom, rgb(56, 171, 133) 0%, rgb(0, 153, 102) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(56, 171, 133) 0%, rgb(0, 153, 102) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(56, 171, 133) 0%, rgb(0, 153, 102) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(56, 171, 133) 0%, rgb(0, 153, 102) 100%);
	background-image: linear-gradient(to bottom, rgb(56, 171, 133) 0%, rgb(0, 153, 102) 100%);
}


hgroup p	 {
	font-size:0.65em;
	text-align: left;
	padding-top:10px;
}



}
/*ipad*/
 @media screen and (max-width : 1180px) {
	
	.topinfo dt a{
	font-size:0.8em!important;
	}
	.topinfo dd{
	font-size:1em!important;
	}
.topinfo {
	min-height: 190px;}	
 }
/*ipad*/
 @media screen and (min-width : 768px) {
#topHeder{
	height:1600px!important;
	margin-bottom: -25px;
	}

.list_title {display: none;}
#contentHeaderBg {
	background-image:url(../img/content_header_bg.png) ;
		background-size: cover;
	width:100%;
	z-index:555555;
	height:400px;
}
#contentHeader {
	height:190px;
	float:left;
	margin-bottom:0;
	margin-top:38px;
	background: #16b38c;
	z-index:55555;
	opacity:0.8;
	width:100%;/*
	background-image:url(../img/content_header_t.png);*/
	}
		 #info dl.topinfo dt {
	width:100%;
	float:left;
	font-size:1.3em;
	border-bottom:1px dotted #EEE;
	margin:0 0 14px 0;
	padding-bottom:14px;}
	#info dl.topinfo dd  {
	width:100%;
	font-size:0.9em;
	float:left;}
hgroup {
	padding-top:20px;}

hgroup p	 {
	font-size:0.7em;
	text-align: center;
}
header h1  {
	margin-bottom : 24px;
	text-align:center;
	padding-left:0;
}

	
#contents	{
		text-align:center;
		margin:auto;
		height:100%;
		overflow : hidden;
		width : 100%;
		}
footer{
	position:relative;
	z-index:999999;}

#topMain	{
		width:100%;
		text-align:center;
		margin:auto;
		margin-top:-140px;
		z-index:888;
		position: absolute;
		left: 0;
		overflow: hidden;
		right: 0;
		margin-bottom:200px;
		padding: 0 10px;
	min-height:2000px;
	height : 2000px;
	background:transparent;
		}	
#topRight{
	float:left;
	width:100%;	
	margin-top:20px;
	height:auto;
	}


#topHeder{
	width:100%;}

#topLeft{
	float:left;
	width:100%;}

/*メニュー*/
nav{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
	position:relative;
    z-index:2;
	
	}
#menu{
	border-top:1px solid #75ba9f;
	background:#e9fff6;
	opacity:0.9;
	display:block;
	}	
#menuList	{
	width:100%;
	}	
#sideContent {
	width:100%;}	
#sideContent ul li a {
	display:block;
	width:100%;
	font-size:0.9em;
	border-bottom:1px solid #EEE;
	border-left:4px solid #CCC;
	padding:12px;
	font-weight:bold;
	text-decoration:none;
	color:#555;
	position:relative;
	text-align:left;
	margin-bottom:3px;
}
#sideContent ul li a:first-child {
	border-top:1px solid #EEE;
}
#sideContent ul li a:hover {
	background: #099;
	color:#FFF;
}
#sideContent ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px  #099;
	border-right: solid 2px #099;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#sideContentFa {
	clear:both;}
/* メニュー*/
ul#menuList li:first-child {
	border-left:1px solid #EEE;}
ul#menuList li a{
	border-right:1px solid #EEE;
	color:#222;
	padding:1.5em 0 1.5em 0;
	
	}	
#menuBtn{
	display:none;}

#menu{
	border-top:1px solid #75ba9f;
	background:#e9fff6;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position: absolute;
	top:180px;
	}	
ul#menuList	{
	width:100%;
	}	
ul#menuList li {
	width:14.1%;}		

nav ul#menuList li a {
	font-size:0.9em;
	font-weight: 500;
}

/*フッター*/

#footer-03-01 dl:first-child {
	margin-left:10px;
	width:10%;
}
#footer-03-01 dl:last-child {
	width:12%;
}

#footer-03-01 dl:nth-child(2) {
	width:12%;
}
#footer-03-01 dl:nth-child(3) {
	width:30%;
}
#footer-03-01 dl {
	width:15%;
	float:left;
	padding:15px 0;
}
#footer-03-01 dl dt {
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:5px;
}
#footer-03-01 dl dd {
	text-align:left;
	padding-left:15px;
	line-height:1.8;
	font-size:0.7em;
}
#footer-03 a {
	color:#222;
}
#footer-03 {
	display:block;
	text-align:center;
	margin:0 auto;
	width:100%;
	background:#EBEBEB;
	color:#666;
	height:auto;
	z-index:999999;
	padding-top:10px;
	border-top:none;
	border-bottom:1px solid #FFF;
}
#footer-03-01 {
	text-align:center;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	padding:0 10px;
}
#footer-04 {
	width:100%;
	float:left;
	overflow:hidden;
	height:70px;
	background:#F7F7F7;
	position: relative;
}

#footer-04 ul {
	float:left;
	left:50%;
	position:relative;
	display:inline;
	padding-top:10px;
}
#footer-03 dl a:hover , #footer-04 ul li a:hover {
	text-decoration:underline;
}
#footer-04 ul li {
	float:left;
	left:-50%;
	position:relative;
	font-size:0.7em;
	border-left:1px solid #DDD;
	margin-botom:10px;
	letter-spacing:0.3em;
}
#footer-05 {
	width:100%;
	height:70px;
	overflow:hidden;
	float:left;
	background:#006666;
	color:#FFF;
	background-image:none;
}
#footer-05 p {
	text-align:center;
	font-size:0.6em;
	padding-top:20px;
	letter-spacing:0.2em;
	margin:0 auto;
}
#footer-04 ul {
	text-align:center;
}
#footer-04 ul li {
	width:auto;
	font-size:0.7em;
	border-left:1px solid #DDD;
	margin-right:25px;
	margin-top:12px;
	margin-botom:20px;
	padding:3px 0 3px 25px;
	letter-spacing:0.3em;
}
#footer-04 ul li:last-child {
	border-right:1px solid #DDD;
	padding-right:25px;
}
#footer-04 ul li a {
	color:#222;
}
#footer-04 dl dd:last-child {
	border-right:none;
}
#footer-04 p {
	text-align:center;
	font-size:0.6em;
	letter-spacing:0.2em;
	padding-top:30px;
}


.contacticon{
	margin:4% 1% 1% 1%;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:184px;
	max-width:100%;
	
}




}







/*PC デスクトップ desktop*/
@media screen and (min-width : 1180px) {
	
	
	#mainContent input[type="submit"] {
	margin-top:20px;
	width:30%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius:4px;
	border:1px solid #CCC;
	padding:10px 30px;
	background:#EEE;
	color:#000;
	font-size:1.0em;
}
#mainContent input[type="submit"]:hover {
	background:#555;
	border:1px solid #555;
	cursor:pointer;
	transition:all .4s;
	color:#FFF;
}
	#sideContentFa {
	clear:none;}
 .button_honobono a {
	float:right;
	background-color: #de5f3b;
	border: 2px solid #de5f3b;
	color: #fff;
	font-size:1em;
	display:inline-block;
	line-height: 35px;
	padding:0px 10px;
	border-radius:4px;
	margin-bottom:20px;
	text-align:center;
	width:60%;
	box-shadow:0px 3px #b71c1c;
}	

nav{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
	position:relative;
    z-index:2;
	
	}
/*メニュー*/
#menu{
	border-top:none;
	border-bottom:none;
	background:#FFF;
	display:block;
	width:100%;
	height:66px;
	overflow:hidden;
	position: absolute;
	top:200px;
	}	
ul#menuList	{
	width:1200px;
	}	
ul#menuList li {
	border-right:1px solid #DDD;
	width : 16.6%;}	
ul#menuList li:first-child {
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;}	

ul#menuList li a{
	border-right:1px solid #e9fff6;
	padding:1.5em 0 1.5em 0;
	color:#000;/*
	font-weight:bold;*/
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(255, 255, 255)),
	color-stop(1, rgb(239, 252, 247))
);
background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
	}	
	ul#menuList li a:hover {
		transition: all .4s;
		background:#44C2a3;
		color: #FFF;
	}
	
#contentPc{
		width:1200px;
		margin:0 auto;}



nav ul li {
	font-size:1.1em;
}

#contents {
	overflow : hidden;
	width : 100%;
}


#menuBtn{
	display:none;}
	
	
	/* サイドPC*/
#sideContentFa {
	float:left;
	width:20%;
	margin:0;
	padding:0 20px 0 0;
}
#sideContent {
	float:left;
	width:30%;
	margin:0;
	padding:0 20px 0 0;
}

#sideContent ul {
	margin-bottom:30px;
	padding:0;
}
#sideContent ul li {
	text-align:left;
	display:block;
	width:100%;
	margin:0 10px;
	font-size:1em;
}


#sideContent ul li.list_title{
	font-size:1.4em;
	padding:24px 20px;
	border:1px solid #099;
	background:#099;
	color:#FFF;
	border-radius:6px 6px 0 0;
	}
#sideContent ul li.list_title span{
	border-left:5px solid #FFF;
	padding:10px;
	}
	
#sideContent ul li a {
	color:#555;
	font-weight:normal;
	position: relative;
	margin:0;
	padding:15px 30px 15px 20px;
	display:block;
	width:100%;
	border:1px solid #099;
}

#sideContent ul li a:hover {
	background:#DDD;
	display:block;
	width:100%;
	background:#f5fcf1;
	margin:0;
	color:#222;
	transition: all .5s;/* アニメーション */
}
#sideContent ul li.onside a {
	background:#DDD;
	display:block;
	width:100%;
	background:#f5fcf1;
	margin:0;
	font-weight:bold;
	transition: all .5s;/* アニメーション */
}
#sideContent ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #222;
	border-right: solid 2px #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mainContent {
	float:right;
	width:70%;
	padding:0 0 0 30px;
}
#mainContentFa {
	float:right;
	width:80%;
	padding:0 20px 0 20px;
	min-height:500px;
}
#contentW , #contents{
	min-height:500px!important;}


#mainContent p{
	text-align:left;
	line-height:2.0;
	margin-bottom:20px;}
	
/* header */
header{
	height:255px;}
hgroup{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-top:24px;
	margin-bottom:50px;}
hgroup p	 {
	font-size:0.7em;
	padding:0;
	margin:0;
	text-align: center;
}
header h1  {
	margin-bottom : 24px;
	text-align:center;
	max-width:100%;
}
#topHeder{
height: 1650px!important;}
/* form */
input {
	width:20em;
	-webkit-appearance: none;
	border:1px solid #777;
	}
	
textarea{
	padding:6px;
	border:1px solid #777;
	width:30em;
	height:150px;
	}
/* content */	
#contents	{
		text-align:center;
		margin:auto;
		min-height:1200px;
		}
/* topPC */	
#topHeder{
	width:100%;
	height:1340px;
	position:relative;
	overflow:hidden;
	z-index:555;}
#contentHeader {
	margin-top:35px;
	margin-bottom:0;}	
#contentHeaderBg{
	height:454px;}


#topFooter{
	margin-top:0px;
	position:relative;
	z-index:5;}
#topRight{
	float:right;
	width:50%;
	margin:0;
		overflow: hidden;}
#topLeft{
	float:left;
	width:100%;
		overflow: hidden;
		height:auto;}


#contentW {
	width:1200px;
	text-align:center;
	margin:auto;
	margin-top:20px;}
#contentWR {
	width:100%;
	text-align:center;
	margin:auto;
	margin-top:20px;}

#contentW .pankuzu a{
		color: #222;}
.contacticon{
	margin:4% 7% 0 0;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:180px;
	max-width:100%;
	
}

/*フッター*/
footer {
	margin : 0 auto;
	padding:0;
	text-align:center;
	position:relative;
	z-index:99999999999999;
}

footer a {
	color:#333;
}
footer a:hover {
	color:#000;
	text-decoration:underline;
}
 #footer-03-01 dl {
	flex: 1;
}
#footer-03-01 dl dt {
	text-align:left;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:5px;
}
#footer-03-01 dl dd {
	text-align:left;
	padding-left:15px;
	line-height:1.8;
	font-size:0.8em;
}
#footer-03 {
	background: #EBEBEB;
	display:block;
	background-size:cover;
	text-align:center;
	margin:0px auto;
	color: #666;
	width:100%;
	height:auto;
	z-index:999999;
	border-top:none;
	border-bottom:1px solid #FFF;
	padding:20px 0 20px 0;
	
}
#footer-03-01 {
	text-align:center;
	margin:0 auto;
	width:1200px;
	overflow:hidden;
	padding:0;
	display: flex;
}

#footer-02, #footer-03, #footer-04 {
	width:100%;
	float:left;
	overflow:hidden;
}

#footer-04{
	height:80px;
	background:#F7F7F7;
}
#footer-04 ul {
	float:left;
	left:50%;
	position:relative;
	display:inline;
	padding:0px;
}
#footer-04 ul li {
	float:left;
	left:-50%;
	position:relative;
	font-size:0.7em;
	border-left:1px solid #DDD;
	margin-top:28px;
	margin-botom:20px;
	letter-spacing:0.3em;
}
#footer-05{
	width:100%;
	height:60px;
	overflow:hidden;
	float:left;
	color:#FFF;
	background-image:none;
	background:#006666;
}
#footer-05 p{
	text-align:center;
	font-size:0.6em;
	padding-top:20px;
	letter-spacing:0.2em;	
	margin:0 auto;
}

#footer-04 ul li a {
	color:#222;
}
footer,#footer-03-01 {
				border:none;
				background:none;}



#footer-04 p {
	text-align:center;
	font-size:0.6em;
	letter-spacing:0.2em;
	padding-top:30px;
}

}



























/* @end */
@media print{
	
#sideContentFa {
	clear:none;}
 .button_honobono a {
	float:right;
	background-color: #de5f3b;
	border: 2px solid #de5f3b;
	color: #fff;
	font-size:1em;
	display:inline-block;
	line-height: 35px;
	padding:0px 10px;
	border-radius:4px;
	margin-bottom:20px;
	text-align:center;
	width:60%;
	box-shadow:0px 3px #b71c1c;
}	




nav{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
	position:relative;
    z-index:2;
	
	}
/*メニュー*/
#menu{
	border-top:none;
	border-bottom:none;
	background:#FFF;
	display:block;
	width:100%;
	height:66px;
	overflow:hidden;
	position: absolute;
	top:200px;
	}	
ul#menuList	{
	width:1200px;
	}	
ul#menuList li {
	border-right:1px solid #DDD;
	width:16.6%;}	
ul#menuList li:first-child {
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;}	

ul#menuList li a{
	border-right:1px solid #e9fff6;
	padding:1.5em 0 1.5em 0;
	color:#000;/*
	font-weight:bold;*/
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(255, 255, 255)),
	color-stop(1, rgb(239, 252, 247))
);
background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(239, 252, 247) 100%);
	}	

#contentPc{
		width:1200px;
		margin:0 auto;}



nav ul li {
	font-size:1.1em;
}

#contents {
	overflow : hidden;
	width : 100%;
}


#menuBtn{
	display:none;}
	
	
	/* サイドPC*/
#sideContentFa {
	float:left;
	width:20%;
	margin:0;
	padding:0 20px 0 0;
}
#sideContent {
	float:left;
	width:30%;
	margin:0;
	padding:0 20px 0 0;
}

#sideContent ul {
	margin-bottom:30px;
	padding:0;
}
#sideContent ul li {
	text-align:left;
	display:block;
	width:100%;
	margin:0 10px;
	font-size:1em;
}

#sideContent ul li.list_title{
	font-size:1.4em;
	padding:24px 20px;
	border:1px solid #099;
	background:#099;
	color:#FFF;
	border-radius:6px 6px 0 0;
	}
#sideContent ul li.list_title span{
	border-left:5px solid #FFF;
	padding:10px;
	}
	
#sideContent ul li a {
	color:#555;
	font-weight:normal;
	position: relative;
	margin:0;
	padding:15px 30px 15px 20px;
	display:block;
	width:100%;
	border:1px solid #099;
}
#sideContent ul li:last-child{
	border-bottom-right-radius: 20%;
}
#sideContent ul li a:hover {
	background:#DDD;
	display:block;
	width:100%;
	background:#f5fcf1;
	margin:0;
	color:#222;
	transition: all .5s;/* アニメーション */
}
#sideContent ul li.onside a {
	background:#DDD;
	display:block;
	width:100%;
	background:#f5fcf1;
	margin:0;
	font-weight:bold;
	transition: all .5s;/* アニメーション */
}
#sideContent ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #222;
	border-right: solid 2px #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mainContent {
	float:right;
	width:70%;
	padding:0 0 0 30px;
	min-height:500px;
}
#mainContentFa {
	float:right;
	width:80%;
	padding:0 20px 0 20px;
	min-height:500px;
}



#mainContent p{
	text-align:left;
	line-height:2.0;
	margin-bottom:20px;}
	
/* header */
header{
	height:255px;}
hgroup{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-top:24px;
	margin-bottom:50px;}
hgroup p	 {
	font-size:0.7em;
	padding:0;
	margin:0;
	text-align: center;
}
header h1  {
	margin-bottom : 24px;
	text-align:center;
	max-width:100%;
}

/* form */
input {
	width:20em;
	-webkit-appearance: none;
	border:1px solid #777;
	}
	
textarea{
	padding:6px;
	border:1px solid #777;
	width:30em;
	height:150px;
	}
/* content */	
#contents	{
		text-align:center;
		margin:auto;
		min-height:1200px;
		}
/* topPC */	
#topHeder{
	width:100%;
	height:1340px;
	position:relative;
	overflow:hidden;
	z-index:555;}
		



#topFooter{
	margin-top:0px;
	position:relative;
	z-index:5;}
#topRight{
	float:right;
	width:50%;
	margin:0;
		overflow: hidden;}
#topLeft{
	float:left;
	width:100%;
		overflow: hidden;
		height:auto;}


#contentW {
	width:1200px;
	text-align:center;
	margin:auto;
	margin-top:20px;}
#contentWR {
	width:100%;
	text-align:center;
	margin:auto;
	margin-top:20px;}

#contentW .pankuzu a{
		color: #222;}
.contacticon{
	margin:4% 7% 0 0;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:180px;
	max-width:100%;
	
}

/*フッター*/
footer {
	margin : 0 auto;
	padding:0;
	text-align:center;
	position:relative;
	z-index:99999999999999;
}

footer a {
	color:#333;
}
footer a:hover {
	color:#000;
	text-decoration:underline;
}
#footer-03-01 dl:first-child {
	width:8%;
}
#footer-03-01 dl:last-child {
	width:10%;
	float:right;
}
#footer-03-01 dl:nth-child(2) {
	width:12%;
}
#footer-03-01 dl:nth-child(3) {
	width:35%;
}
#footer-03-01 dl {
	width:15%;
	float:left;
	padding:25px 0;
}
#footer-03-01 dl dt {
	text-align:left;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:5px;
}
#footer-03-01 dl dd {
	text-align:left;
	padding-left:15px;
	line-height:1.8;
	font-size:0.8em;
}
#footer-03 {
	background: #EBEBEB;
	display:block;
	background-size:cover;
	text-align:center;
	margin:0px auto;
	color: #666;
	width:100%;
	height:250px;
	z-index:999999;
	border-top:none;
	border-bottom:1px solid #FFF;
	padding:10px 0 0 0;
	
}
#footer-03-01 {
	text-align:center;
	margin:0 auto;
	width:1200px;
	overflow:hidden;
	padding:0;
}

#footer-02, #footer-03, #footer-04 {
	width:100%;
	float:left;
	overflow:hidden;
}

#footer-04{
	height:80px;
	background:#F7F7F7;
}
#footer-04 ul {
	float:left;
	left:50%;
	position:relative;
	display:inline;
	padding:0px;
}
#footer-04 ul li {
	float:left;
	left:-50%;
	position:relative;
	font-size:0.7em;
	border-left:1px solid #DDD;
	margin-top:28px;
	margin-botom:20px;
	letter-spacing:0.3em;
}
#footer-05{
	width:100%;
	height:60px;
	overflow:hidden;
	float:left;
	color:#FFF;
	background-image:none;
	background:#006666;
}
#footer-05 p{
	text-align:center;
	font-size:0.6em;
	padding-top:20px;
	letter-spacing:0.2em;	
	margin:0 auto;
}

#footer-04 ul li a {
	color:#222;
}
footer,#footer-03-01 {
				border:none;
				background:none;}



#footer-04 p {
	text-align:center;
	font-size:0.6em;
	letter-spacing:0.2em;
	padding-top:30px;
}

	
	}