@charset utf-8;
* {
	margin:0;
	padding:0;
	border:0;
}
body {
	font-size:80%;
	line-height:2em;
	-webkit-text-size-adjust:none;
	background: url(../images/bg_header.jpg) no-repeat top center;
	background-size: 100% auto;
	color:#333;
}
input {
	vertical-align:middle;
	border:1px solid #CCC;
	padding:4px;
}
.clear {
	clear:both;
}
ul {
}
img {
	border:none;
	vertical-align:top;
}
a:link, a:visited {
	color: #319F2D;
	text-decoration:underline
}
a:hover, a:active {
	color: #319F2D;
	text-decoration:none
}
hr {
	border:none;
	border-top:dashed 1px #CCC;
	height:1px;
	color:#FFFFFF;
	margin-bottom:20px;
}
/*　actionbar
------------------------------------------------------------------*/
#actionbar {
	height:40px;
	line-height:40px;
	font-family:HiraKakuProN-W6;
	font-size:14px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:#fff;
}
#actionbar ul li {
	list-style:none;
	line-height:normal;
}
#actionbar .home {
	float:left;
	width:30%;
	display:block;
}
#actionbar .menu {
	float:left;
	width:45%;
	display:block;
}
#actionbar .pc {
	float:right;
	width:25%;
	display:block;
}
#actionbar ul li img {
	vertical-align:middle;
	padding-right:3px;
}
#actionbar ul li a {
	color:#fff;
	height:24px;
	display:block;
	text-decoration:none;
	border:1px solid #333;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	padding:8px 0;
	background: #0066cb; /* Old browsers */
}
/*　pagebody
------------------------------------------------------------------*/
#pagebody {
	padding: 10px;
	clear:both;
}
/*　共通
------------------------------------------------------------------*/



.textBox {
	background:#f0faff;
	border-radius:8px;
	padding:10px;
	border: solid 2px #007dd0;
}
.textBox:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.textBox2 {
	border: solid 2px #452405;
	background:#fff;
	padding:8px;
}
.In {
	line-height:normal
}
.mr10 {
	margin-right:10px
}
.mr20 {
	margin-right:20px
}
.mr2p {
	margin-right:2%;
}
.ml10 {
	margin-left:10px
}
.ml18 {
	margin-left:18px
}
.small {
	font-size:80%;
}
.form-s {
	width:20%;
}
.form-m {
	width:40%
}
.form-l {
	width:60%
}
.form100 {
	width:98%
}
.form-h {
	height:80px
}
.needinput {
	background-color:#fee;
	border:1px solid #ccc
}
input[type="checkbox"], input[type="radio"] {
	vertical-align:middle
}
input {
	font-size:100%;
	vertical-align:middle;
	padding:2px
}
input[type="text"], select {
	border:1px solid #ccc;
	padding:2px
}
input:focus[type="text"] {
	border:1px solid #06c;
	padding:2px
}
textarea {
	font-size:100%;
	border:1px solid #ccc;
	padding:2px;
	width:99%
}
/*　headder
------------------------------------------------------------------*/
header {
	padding:20px 10px 20px;
	display:block; margin-bottom:2em; display:block;
}
header h1 {
	font-size:10px;
	line-height:1.2em;
	color:#666;
	font-weight:normal;
	margin-bottom:5px;
}
header #index img {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#menuBtn img {
	border-radius:8px;
	border:2px #3366cc solid;
	box-shadow:0px 1px 3px #666;
}


#menuBtn2 {
	position: fixed;
	top: 20px; right:10px; z-index:100}
	
/* menu
--------------------------------------------------------- */
#menuBox {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#0066cb;
}
#pagebody #menuBox h3 {
	font-size:140%;
	color:#FFF;
	font-weight:bold;
	padding:8px 0px;
	text-align:center;
	margin-bottom:0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom:1px #fff solid;
}
#menuBox ul {
	padding:10px;
}
#menuBox li {
	list-style:none;
	margin-bottom:10px;
	height:auto;
	display:block;
	line-height:1.2em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 0px 1px 3px #ccc;
	background:#fff url(../images/icon_arrow.png) no-repeat 8px center; /* Old browsers */
}
#menuBox li:last-child {
	margin-bottom:0px;
}
#menuBox li a {
	padding: 12px 0px 12px 28px;
	display:block;
	text-decoration:none;
	font-size:15px;
	color:#333;
	font-weight:bold;
}
li.switch {
	list-style:none;
	margin-bottom:10px;
	height:auto;
	display:block;
	line-height:1.2em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 0px 1px 3px #ccc;
	background:#fff url(../images/icon_arrow.png) no-repeat 8px 16px;
	padding: 12px 0px 12px 28px;
	display:block;
	text-decoration:none;
	font-size:15px;
	color:#333;
	font-weight:bold;
	cursor:pointer
}
.toggleMenu {
}
.toggleMenu ul, .toggleMenu li {
}
.toggleMenu li a {
	background:#f0faff url(../images/icon_arrow.png) no-repeat 8px 16px;
}
.bnr {
	border: solid #0066cc 4px;
	border-radius:8px;
}
.bnr img {
	border-radius:8px;
}
#pagebody h3 {
	margin-bottom:1em;
	clear:both;
}

 


 

/* contactBox
----------------------------------------------------------*/
#contactBox {
	background:#007dd0;
	padding:20px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#FFF;
}
#contactBox h3 {
	font-size:20px;
	font-weight:bold;
	padding:4px 0px;
}
#contactBox .tel img {
	border-radius:8px;
	box-shadow:0px 1px 5px #666;
}
#contactBox h4 {
	font-size:14px;
	line-height:100%;
	font-weight:bold;
}
#pagetop {
	position: fixed;
	bottom: 70px;
	right: 10px;
}
.small {
	font-size:8px;
	;
	display:block;
	line-height:120%;
}
/*--------yokonavi--------*/
.yokonavi {
	background:#00478d;
	border-collapse:collapse;
	border-top:1px solid #0d0d0d;
	border-bottom:1px solid #333;
}
.yokonavi ul li {
	list-style:none;
	line-height:normal;
	padding:10px 0 7px;
	text-align:center;
	font-size:90%;
	font-weight:700;
}
.yokonavi ul li a:link, .yokonavi ul li a:visited, .yokonavi ul li a:active {
	display:block;
	text-decoration:none;
	color:#fff;
}
.yokonavi .menu01 {
	float:left;
	width:33.3%;
	display:block;
	background:url(../images/line01.jpg) repeat-y right top;
}
.yokonavi .menu02 {
	float:left;
	width:33.3%;
	display:block;
	background:url(../images/line01.jpg) repeat-y right top;
}
.yokonavi .menu03 {
	float:left;
	width:33.3%;
	display:block;
	background:url(../images/line01.jpg) repeat-y right top;
}
.yokonavi .menu04 {
	float:right;
	width:33.3%;
	display:block;
}
.yokonavi li img {
	width:40%;
	height:auto;
	padding-bottom:3px;
}
.copy {
	background-color:#1d1d1d;
	padding:10px 5px;
}
.copy img {
	width:100%;
	height:auto;
}
/* トップページ（index.html）
---------------------------------------------------- */


.telBtn img {
	border:solid 2px #007dd1;
	border-radius:8px;
	box-shadow:0px 1px 3px #999
}
.btnBox li {
	list-style:none;
	margin-bottom:1em;
}
.btnBox li img {
	width:100%;
	height:auto;
	border-radius:8px;
	box-shadow:0px 1px 3px #666;
}
.imgBox:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.imgBox dl {
	width:48%;
	position:relative;
}
.imgBox dl:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.imgBox .icon {
	position: absolute;
	top:5px;
	left:5px;
}
.imgBox dl:nth-child(even) {
	float:right
}
.imgBox dl:nth-child(odd) {
	float:left
}
.imgBox dd img {
	width:100%;
	height:auto;
}
.topBox {
	border:2px #007dd1 solid;
	margin-bottom:2em
}
#pagebody .topBox h3 {
	background:#007dd1;
	color:#fff;
	text-align:center;
	padding:8px 0px;
	font-size:140%;
	margin-bottom:0px;
}
.topBox .inr {
	padding:10px;
}
/* 10	
---------------------------------------------------- */
.agreeBox {
	border:1px solid #ccc;
	padding:5px;
}
.privacyBox {
	height:250px;
	overflow:auto;
	overflow-y:scroll;
	font-size:90%;
	line-height: normal;
	padding:10px 10px;
	border-radius:8px;
	box-shadow:0px 1px 3px #999 inset;
	margin-bottom:2em
}
.privacyBox h4 {
	font-size:120%;
	font-weight:bold;
	border-bottom:#CCC solid 1px;
	margin-bottom:10px;
}
.privacyBox p {
	margin-bottom:1em
}
.privacyBox ul {
	margin-bottom:1em;
	margin-left:20px
}
.privacyBox li {
	list-style:decimal outside;
	margin-left:2em;
	margin-bottom:5px
}
/* works	
---------------------------------------------------- */
.works_wrap ul li{
	padding-bottom:5px;
}


/*　タイトル
------------------------------------------------------------------*/

.title {
	font-weight: bold;
	font-size:130%;
	color:#333;
	border-bottom:4px solid #007dd1;
	border-top:1px solid #999;
	margin-bottom:0.5em;
	padding:8px 0px;
}
/*　table
------------------------------------------------------------------*/


.table {
	border-collapse:collapse;
	width:100%;
}
.table th {
	background:#EEEEEE;
	text-align:left;
	border:1px solid #220d0c;
	padding:7px 15px;
}
.table td {
	border:1px solid #220d0c;
	background:#fff;
	padding:7px 15px;
	font-size:90%;
}
.table th.need {
	background:#EEEEEE url(../images/icon_need.png) no-repeat 95% center;
	text-align:left;
	border:1px solid #220d0c;
	padding:4px 15px;
}
.table input {
	padding:6px;
}
.formBtn input {
	padding:8px 20px;
	font-size:140%;
}
/*　汎用
------------------------------------------------------------------*/




.dotList li {
	background:url(../images/icon_dot.gif) no-repeat 4px 10px;
	padding-left:14px;
	list-style:none
}
.fs60 {
	font-size:60%;
}
.fs70 {
	font-size:70%;
}
.fs80 {
	font-size:80%;
}
.fs90 {
	font-size:90%;
}
.fs95 {
	font-size:95%;
}
.fs110 {
	font-size:110%;
}
.fs120 {
	font-size:120%;
}
.fs140 {
	font-size:140%;
}
.bold {
	font-weight:700;
}
.ml2em {
	margin-left:2em;
}
.blue {
	color:#0178af;
}
.red {
	color:#e90000;
}
.orange {
	color:#FC0
}
.green {
	color:#060
}
.pink {
	color:#ff6699
}
.f-left {
	float:left;
}
.f-right {
	float:right;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.ln {
	line-height:normal;
}
.large {
	font-size:120%;
}
.x-large {
	font-size:140%;
}
.small {
	font-size:80%;
}
.frame {
}
.frame img {
	width:99%;
	height:auto;
	-webkit-border-radius: 4px;
	padding:1px;
	border:1px solid #ccc;
	text-align:center;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.ul {
	margin-left:18px;
	line-height:2.0em
}
.ol {
	margin-left:23px
}
.link a {
	background:url(../images/icon_arrow.gif) no-repeat left center;
	padding-left:12px;
}
.ml20 {
	margin-left:20px;
}
.red {
	color:#c00
}
.gray {
	color:#868686;
}
.green {
	color:#4F910B;
}
.w10 {
	width:10px;
}
.w45 {
	width:45px;
}
.w50 {
	width:40px;
}
.w100 {
	width:100px;
}
.w150 {
	width:150px;
}
.w10p {
	width:10%;
	height:auto;
}
.w10p img {
	width:100%;
	height:auto;
}
.w14p {
	width:14%;
	height:auto;
}
.w14p img {
	width:100%;
	height:auto;
}
.w19p {
	width:19%;
	height:auto;
}
.w19p img {
	width:100%;
	height:auto;
}
.w24p {
	width:24%;
	height:auto;
}
.w24p img {
	width:100%;
	height:auto;
}
.w34p {
	width:34%;
	height:auto;
}
.w34p img {
	width:100%;
	height:auto;
}
.w40p {
	width:40%;
	height:auto;
}
.w40p img {
	width:100%;
	height:auto;
}
.w48p {
	width:48%;
	height:auto;
}
.w48p img {
	width:100%;
	height:auto;
}
.w49p {
	width:49%;
	height:auto;
}
.w49p img {
	width:100%;
	height:auto;
}
.w64p {
	width:64%;
	height:auto;
}
.w64p img {
	width:100%;
	height:auto;
}
.w74p {
	width:74%;
	height:auto;
}
.w74p img {
	width:100%;
	height:auto;
}
.w79p {
	width:79%;
	height:auto;
}
.w79p img {
	width:100%;
	height:auto;
}
.w80p {
	width:80%;
	height:auto;
}
.w80p img {
	width:100%;
	height:auto;
}
.w84p {
	width:84%;
	height:auto;
}
.w84p img {
	width:100%;
	height:auto;
}
.w100p img {
	width:100%;
	height:auto;
}
.w100 img.zoom {
	width:10%;
	height:auto;
	position:absolute;
	bottom:3%;
	right:3%;
}
.w25p {
	width:25%;
	height:auto;
}
.w30p {
	width:30%;
	height:auto;
}
.w35p {
	width:35%;
	height:auto;
}
.w50p {
	width:50%;
	height:auto;
}
.w140 {
	width:140px;
}
.w170 {
	width:170px;
}
.mt50 {
	margin-top:50px
}

.mb0 {
	margin-bottom:5px;
}

.mb05em {
	margin-bottom:0.5em;
}
.mb1em {
	margin-bottom:1em;
}
.mb2em {
	margin-bottom:2em;
}
.mb3em {
	margin-bottom:3em;
}
.mb4em {
	margin-bottom:4em;
}

/*20190314追加*/

.blue_02 {
	color:#007dd0;
}

/*　pagetop ReSPRの設定
------------------------------------------------------------------*/
.respr_area{
	display: block;
    margin-top: 30px;
}
.left_box_01 img{
    display: block;
	width: 40%;
    margin: 0 auto;
}
.right_box_01{
	width: 100%;
	margin-bottom: 30px;
}
p.right_box_02{
	margin-top:10px;
	font-size: 1.2rem;
}
.right_box_01 img{
    display: block;
	width: 80%;
    margin: 0 auto;
}
.f-right.respr_link.border_r_10 a {
    color: #fff;
    text-decoration: none;
}
.f-right.respr_link.border_r_10 {
    background-color: #33ccff;
    padding: 5px 10px;
	width: 93%;
    margin: 0 auto;
}
.border_r_10 {
    border-radius: 10px;
}
.banner_respr{margin-bottom: 30px;}
.banner_respr img{width: 100% ;}


.maintenanceBtn {
	margin-bottom: 20px;
}
.maintenanceBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  width: 100%;
  padding: 12px 0;
  font-weight: bold;
  transition: 0.3s;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(180deg,  rgba(252, 153, 0, 1) , rgba(235, 36, 13, 1));
}

.maintenanceBtn a:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0);
}

.maintenanceBtn img {
	width: 20px;
	margin-right: 10px;
}


.flex_List {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	list-style: none;
}

.flex_List li {
	width: 48%;
}
.flex_List li.icon {
	position: relative;
}
.flex_List li.w100 {
	width: 100%;
}

.flex_List li .flex_List_img {
	width: 100%;
}
.flex_List li.icon:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	background: url(../images/icon_grass.jpg);
	background-size: cover;
	width: 16px;
	height: 16px;
	z-index: 2;
}


.otherBtn img {
	border-radius: 20px;
	border: 2px solid #000;
}