@charset "utf-8";

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

img{
  height:auto;
}

.pc_disp {display:none;}

.img{
  text-align: center;
}

/************************************
ーー 色
************************************/
.w_blc{
  background: #fff;
  overflow: hidden;
  margin: 30px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/************************************
ーー ヘッダー
************************************/
#header{
  background: #fff;
}

#header h1 span{
  font-size: 90%;
  color: #8baf51;
  display:block;
  margin:10px 0;
}
#header h1 span br{
 display:none; 
}

#header .inner{
  margin: 10px;
}

#header .h_contact img{
  display: none;
}

.catch img{
  width: 100%;
  border-bottom: 5px solid #8baf51;
}

/************************************
ーー title
************************************/

.about h2,
.mechanism h2,
.recruit h2,
.archive h2,
.single h2,
.policy h2,
.contact h2,
.rinen h2,
.greet h2{
  text-align: center;
  width: 100%;
  margin: 20px 0;
}



.flow h3,
.ichiba h3,
.form h3,
.bosyu h3,
.job h3,
.single .relation h3,
.policy h3,
.contact h3,
.sub_about h3,
.enkaku h3,
.rinen h3{
  background: #8baf51;
  text-align: center;
  font-size: 120%;
  letter-spacing: 2px;
  color: #fff;
  margin: 30px 0;
}

/************************************
ーー index
************************************/


/*  greet
--------------------------------------------*/
.greet p{
  margin:10px;
}

/*  service
--------------------------------------------*/

.service h2{
  text-align: center;
  margin: 30px;
}

.service ul{
  text-align: center;
  margin:20px;
}

.service li{
  background: #fff;
  border-top: 5px solid #8baf51;
  padding-bottom: 5px;
  position: relative;
  margin-bottom:20px;
}

.service li img{
  margin: 20px auto;
  display: block;
}

.service h3{
  color: #79a72f;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  margin:40px 0 20px;
}

.service h3 span{
  display: block;
  color: #cccccc;
  font-size: 80%;
  font-weight: none;
}

/************************************
ーー about
************************************/

/*  rinen
--------------------------------------------*/


.rinen li{
  background: #fff;
  margin: 30px 20px;
  padding: 15px;
  border-top:5px solid #d6e3c2;
  position: relative;
}

.rinen li img{
  display: block;
  margin: 10px auto;
}

.rinen li p{
  font-size: 90%;
  padding: 0px 10px;
}

.rinen li h3{
  color: #fc9b4c;
  text-align: center;
  margin-top: 30px;
  font-size: 120%;
  line-height:15px;
  letter-spacing: 1px;
  background: none;
}

/*  enkaku
--------------------------------------------*/


.enkaku h3{
  background: #8baf51;
  text-align: center;
  font-size: 150%;
  letter-spacing: 2px;
  color: #fff;
}

/*  sub_about
--------------------------------------------*/

.map iframe{
  width: 100%;
  padding: 20px;
}

/************************************
ーー contact
************************************/

.contact p{
  margin: 20px;
  color: #8baf51;
}

/************************************
ーー policy
************************************/


.policy .imgleft img{
  display: block;
  margin: 20px auto;
}

.policy .imgleft div p{
  padding: 10px;
  font-size: 95%;
}

.policy .important li{
  color: #fc9b4c;
  padding: 5px 20px;
}

.policy .important li img{
  padding: 0 10px;
  width: 15%;
}

.green_blc{
  background: #dce8d9;
}

.green_blc p{
  font-size: 90%;
  padding: 20px;
}

/************************************
ーー single
************************************/

.single .w_blc{
  padding: 20px;
}

.single h3{
  font-size: 120%;
  letter-spacing: 3px;
  color: #fa9b54;
  font-weight: bold;
}

.single h4{
  color: #8baf51;
  font-size: 120%;
  margin: 20px 0;
  border-left: 5px solid #8baf51;
  line-height: 130%;
  padding: 0 10px;
}

.single p{
  color: #444;
  font-size: 95%;
}

.single h5{
  background: #eff6e4;
  color: #444;
  padding: 7px 20px;
  margin: 20px 0;
}

.w_blc a{
  color: #444;
}
  
.single_pagenavi a{
 color:#8baf51;
  text-decoration:underline;
}

.single .left,
.single .right{
width:80%;
margin:10px auto;
text-align:center;
  border:1px solid #8baf51;
  padding:10px;
  background:#fff;
}

/*  relation
--------------------------------------------*/
.relation{
 text-align:center;
  margin:0 20px;
}

.relation li{
  background: #fff;
  border-top: 5px solid #d6e3c2;
  margin: 5px;
  text-align:left;
  margin:0 0 20px 0;
}

.relation li img{
  display: block;
  width:100%;
}

.relation .green_bg{
  background: #8baf51;
  text-align: center;
  color: #fff;
}

.relation .date{
  display: block;
  color: #666;
  margin: 10px 20px 0 20px;
}

.relation li a .entrytxt {
  color: #666;
  padding: 0px 20px 10px 20px;
}

.relation .detail{
  background: #fa9b54;
  text-align: center;
  color: #fff;
  padding: 10px 0;
}
/************************************
ーー archive
************************************/

.pagenav {
  text-align: center;
  margin: 50px;
}

.current{
    text-align: center;
    color: #fff;
    background: #8baf51;
    padding:10px 15px;
    margin:0px 5px;
}

.inactive{
    text-align: center;
    color: #fff;
    background: #c4df99;
    padding:10px 15px;
    margin:0px 5px;
}

/************************************
ーー recruit
************************************/


/*  job
--------------------------------------------*/


.job .imgleft img{
  display: block;
  margin: 0 auto 20px;
}

.job .imgleft div p{
  font-size: 95%;
}

.job .w_blc{
  padding: 20px;
}

.interview li{
  background: #fff;
  border-top: 5px solid #d6e3c2;
  margin: 15px;
  position: relative;
}

.interview li img{
  display: block;
  margin: 20px auto;
}

.interview h3{
  color: #79a72f;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  margin:40px 0 20px;
}

.interview span{
  display: block;
  color: #666;
}

.interview .detail{
  background: #fa9b54;
  text-align: center;
  color: #fff;
  padding: 5px 0;
}

/************************************
ーー mechanism
************************************/


.mechanism .imgleft img{
  display: block;
  margin: 0 auto 20px;
}

.mechanism .imgleft div p{
  font-size: 95%;
}

.flow li h3{
  color: #79a72f;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  margin:40px 0 20px;
  background: none;
  font-size: 100%;
}

.flow li{
  background: #fff;
  border-top: 5px solid #d6e3c2;
  position: relative;
  margin: 0 20px 20px;
  padding-bottom:20px;
}

.flow li img{
  display: block;
  margin: 0 auto;
  padding:20px 0 0px;
}

.ichiba .w_blc{
  padding: 20px;
}

.flow .arrow{
  display: none;
}

.step06,
.step05,
.step04,
.step03,
.step02,
.step01{
  position: absolute;
  top:-15px;
  left: 10px;
}

.flow .orange{
  color: #fc9b4c;
}

.flow p{
  padding: 0 20px;
}

/************************************
ーー footer
************************************/
.f_blc_top h2{
  text-align: center;
}

/*  news
--------------------------------------------*/

#footer .news ul{
  margin: 20px 20px;
  background: #fff;
  padding: 5px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}


#footer .news li{
    background: #fff;
    border-bottom: 1px solid #d6e3c2;
    position: relative;
}

#footer .news li:nth-child(5n){
  border-bottom: none;
}

#footer .news li a::after{
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-top: 2px solid #d6e3c2;
    border-right: 2px solid #d6e3c2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#footer .news li{
  padding:10px 20px;
}

#footer .news li a{
  display:block;
  color:#666;
}

/*  menu
--------------------------------------------*/

.f_blc_bottom{
  background: #fff;
  position: relative;
  margin-bottom:20px;
}

#footer .f_nav li{
 display:inline-block;
  margin-bottom:20px;
}

#footer .f_nav ul{
  text-align: center;
}

.f_about{
  padding: 20px;
}

.f_blc_bottom .page_top{
  background:#8baf51;
  text-align:center;
}

.f_blc_bottom .page_top a{
  color:#fff;
  display:block;
}

.f_blc_bottom .page_top img{
  display:none;
 }

.f_blc_bottom h1{
  display: none;
}

.f_blc_bottom .f_company{
  margin: 20px 0;
}

.f_blc_bottom .f_sitemap{
  display: none;
}

.f_inner h2{
  font-size: 120%;
  border-left:5px solid #fc9b4c;
  line-height: 120%;
  padding: 0 10px;
  margin-bottom: 10px;
  text-align: left;
}

.f_about p{
  font-size: 90%;
}

.f_sitemap li{
  font-size: 90%;
}

.f_sitemap li a{
  color: #666666;
}

.copy{
  background: #90b63b;
  text-align: center;
  color: #fff;
  padding: 10px;
}

/************************************
ーー フォーム
************************************/

dl:after {
    clear: both; /* ここからclearfix処置 */
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; /* ここまでclearfix処置 */
}

/* フォーム */
dl{
  overflow: hidden;
  border: 1px solid #8baf51;
  font-size:90%;
  margin: 30px 20px;
  background: #8baf51;

}

dt {
  font-size:100%;
  border-top: 1px solid #c2df94;
  padding:10px;
  line-height:200%;
  margin-top: -1px;
  color:#fff;
}

dd {
  font-size:100%;
  border-left: 1px solid #8baf51;
  border-top: 1px solid #8baf51;
  padding:10px;
  line-height:200%;
  margin-top: -1px;
  background:#ffffff;
}

input[type="text"]{
  width:100%;
  height:30px;
  padding:3px;
  border:1px solid #ccc;
}

textarea{
  width:100%;
  height:100px;
  padding:3px;
  border:1px solid #ccc;
}

input[type="submit"]{
  width:90%;
  margin:20px auto;
  display:block;
  padding:10px 20px;
  font-size:130%;
  border:0;
  background: #fc9b4c;
  color:#fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

dl span{
  color:#ff0000;
}
}