@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */
.lead-l {
  width:300px;
  overflow:hidden;
}

.lead-l img {
  width:100%;
  height:auto;
}

.lead-r {
  width:400px;
  overflow:hidden;
}

.business-menu ul {
  overflow:hidden;
  margin-bottom:20px;
}

.business-menu li { border-bottom: dotted 1px #ffffff; }

.business-menu li a {
  padding:10px 0px;
  display:block;
  color:#ffffff;
}

.green .business-menu li a { background-color:#6db117; }

.blue .business-menu li a { background-color:#1b93db; }

.orennji .business-menu li a { background-color:#fe8903; }

#global img {
  width:100%;
  height:auto;
}

/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {

#lead { text-align:center; }

.lead-box {
  width:720px;
  margin:0 auto;
  overflow:hidden;
}

.lead-l { float:left; }

.lead-r {
  float:right;
  font-size:0.7em;
}

.lead-r table tr td {
  text-align:center;
  vertical-align:top;
}

.lead-r table tr td a img {
  height:80px;
  width:auto;
}

#concept ul {
  width:1230px;
  overflow:hidden;
}

#concept li {
  float:left;
  margin-right:26px;
}

.business-menu li {
  float:left;
  text-align:center;
  width:18%;
  margin-right:10px;
}

.photo li {
  float:left;
  width:33%;
  text-align:center;
}

.photo img {
  width:95%;
  height:auto;
}
}

/* ------------------------------------------------------------
	 TABLET   for - 799px
   ------------------------------------------------------------ */

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

.lead-box {
  width:100%;
  margin:0 auto;
  overflow:hidden;
}

.lead-l { width:50%; float:left; }

.lead-r { width:50%; float:right; font-size:0.7em;}

.lead-r img {
  height:80px;
  width:auto;
}

#concept ul { overflow:hidden; }

#concept li {
  width:50%;
  float:left;
}

#concept li img {
  width:95%;
  height:auto;
}

.business-menu li {
  float:left;
  text-align:center;
  width:18%;
  margin-right:10px;
}

.photo li {
  float:left;
  width:33%;
  text-align:center;
}

.photo img {
  width:95%;
  height:auto;
}
}
/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

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

.allsanjo {
  width:95%;
  height:auto;
}

#concept li {
  width:100%;
  float:none;
  margin-bottom:10px;
}

#concept li img {
  width:100%;
  height:auto;
}

.lead-box { width:100%; }

.lead-l {
  float:none;
  width:100%;
  text-align:center;
  margin-bottom:10px;
}

.lead-r {
  float:none;
  width:100%;
  text-align:center;
  font-size:0.7em;
}

.lead-r table tr td {
  text-align:center;
  vertical-align:top;
}

.lead-r table tr td a img {
  height:45px;
  width:auto;
}

.business-menu li {
  float:none;
  text-align:left;
  width:100%;
  margin-right:0px;
}

.business-menu li a {
  padding:10px;
  display:block;
  color:#ffffff;
}

.photo li {
  float:left;
  width:100%;
  text-align:center;
}

.photo img {
  width:95%;
  height:auto;
}

#global .main-tit { font-size:0.6em; }

#global .sub-tit { padding-top:10px; }
}