@charset "utf-8";
/* CSS Document */
body {
	background-color:#D6F9B7;
}
/* index.html */
#top #mainimage {
	margin-bottom:15px;
}
/* message.html */
#message #message_detail {
	float:left;
	background-image: url(../images/message_backimage_01.jpg);
	background-repeat: no-repeat;
	background-color: #B9F484;
	width: 771px;
	padding: 245px 15px 15px 15px;
}
#message #message_detail h3 {
	text-align:center;
}
#message #message_detail p {
	text-align:center;
	font-size: 90%;
	color: #666;
	line-height: 150%;
}
#message #message_list {
	float:left;
	background-color: #FFF;
	padding: 15px;
	width: 741px;
}
#message #message_list dl {
	float:left;
	width: 741px;
	background-color: #F1FDE5;
	margin-top: 15px;
}
#message #message_list dt {
	float:left;
	padding: 10px;
	width: 197px;
}
#message #message_list dd {
	float:left;
	width: 524px;
}
#message #message_list dd.image01 {
	background-image:url(../images/message_image_01.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
#message #message_list dd.image02 {
	background-image:url(../images/message_image_02.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
#message #message_list dd.image03 {
	background-image:url(../images/message_image_03.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
#message #message_list dd p {
	text-align:left;
	padding: 20px 10px;
}
/* report/ */
#report #report_list{
	float:left;
	padding: 20px 0 0 20px;
}
#report #report_detail {
	float:left;
	width: 600px;
	padding-top: 20px;
}
#report #report_detail .report_detail {
	float:left;
	width: 600px;
	margin-bottom: 20px;
}
#report #report_detail .img_r{margin-left:10px;}
#report #report_detail p{
	padding-left:40px;
	background-image: url(../images/report_A_icon.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	line-height: 150%;
	color: #666;
	background-position: 8px 0px;
}
#report #report_detail h3{
	border:solid 1px #ABF169;
	background-color: #EDFDDF;
	padding: 7px 10px;
	margin-bottom: 15px;
}
#report #report_detail .report_photo{
	float:left;
	width: 200px;
}
#report #report_detail .report_photo_txt{
	float:left;
	width: 400px;
}
#report #report_detail .report_photo_txt p{
	margin-bottom:20px;
	padding-right: 10px;
}
/* recruit.html */
#recruit p{
	font-size:90%;
	line-height: 150%;
	color: #666;
}
#recruit table{
	width:600px;
	border-collapse:collapse;
	font-size: 12px;
	border-top: solid 1px #cff8ab;
	margin: 30px auto;
	color: #666;
}
#recruit table th{
	width:200px;
	padding: 10px;
	background-color: #EDFDDF;
	border-bottom: solid 1px #CFF8AB;
	color: #2B5C00;
}
#recruit table th img{
	margin-left:5px;
}
#recruit table td{
	padding: 10px;
	border-bottom: solid 1px #CFF8AB;
}
#recruit h3{margin:20px 0 10px 0;}
#recruit #recruit_btn{text-align:center;}
#recruit #recruit_phone{
	border:solid 2px #eee;
	padding: 10px;
	margin-right: 10px;
}
#recruit #recruit_privacy{
	border:solid 2px #eee;
	padding: 10px;
	margin-top: 10px;
	font-size: 80%;
	margin-right: 8px;
}
#recruit #recruit_privacy p{margin-bottom:20px;}
#recruit dl{
	font-size: 80%;
	margin: 20px 0;
}
#recruit dd{
	margin-bottom: 15px;
	color: #666666;
	padding: 3px;
}

#recruit dt{
	background-color:#EDFDDF;
	color: #2b5c00;
	padding: 3px;
}
#recruit ul{
	padding-left:30px;
	margin-bottom: 30px;
}
#recruit ul li{
	list-style-type:disc;
	color: #F67A0D;
}
#recruit th img{
	margin-left:3px;
	vertical-align: middle;
}
#recruit li a{
	color:#333333;
	text-decoration: underline;
}
/* スマホ対応 */

@media screen and (max-width:768px) {
    #header,#gnavi,
    #header #subnavi,
    #container,
    #subcontents,
    .subcontents,
    #footer,
    .pagetop,#header #subnavi ul,
    #header #subnavi ul li,
    #gnavi li
    {
      width: auto;
      float: none;
    }
    #gnavi{
      display: flex;
      flex-wrap: wrap;
      width: 92vw;
      margin: auto;
      justify-content: space-between;
    }
    #subcontents{
      background-image: none;
      background-color: #fff;
    }
    .subcontents{
      padding:0;
      background-image: none;
      background-color:#fff;
      width: 92vw;
      padding: 4vw;
    }
    .subcontents h2,
    .subcontents h3{
      width: 90vw;
      overflow: hidden;
      border-right:1px solid #b3ef69;
    }
    #recruit table{
      width: 90vw;
      margin: 2vw auto 5vw;
    }
    #recruit table th,
    #recruit table td{
      display: block;
      width: 85vw;
    }
    #recruit table td input[type="text"]{
      width:80vw;
      padding:2vw;
    }
	#recruit table td textarea{
		width:80vw;
		padding:2vw;
	}
    #recruit #recruit_privacy{
      width: 85vw;
      margin:0 auto 5vw;
    }
    .pagetop{
      background-image: none;
      background-color: #fff;
    }
  }