@charset "utf-8";

/*-------------------------------- home */
#mainImage{
	padding: 16px 0px 20px 0px;
	position: relative;
	width: 940px;
	height: 240px;
}

#mainImage #mainImage_default,
#mainImage #mainImage_first,
#mainImage #mainImage_know,
#mainImage #mainImage_support,
#mainImage #mainImage_nation,
#mainImage #mainImage_speciality,
#mainImage #mainImage_case{
	position: absolute;
	top: 16px;
	left: 0px;
}
#mainImage #mainImage_illust{
	position: absolute;
	top: 28px;
	left: 589px;
	width: 317px;
	height: 214px;
}

#caseWrapper{
	float: left;
	width: 302px;
	height: 260px;
	margin: 0px;
	padding: 0px 17px 0px 0px;
}

#newsWrapper {
  margin-bottom: 50px;
}
#newsWrapper .boxHeader {
  padding-top: 20px;
  padding-left: 14px;
  padding-bottom: 18px;
  font-size: 140%;
  color: #58a700;
}
#newsWrapper .container {
  display: flex;
}

#newsWrapper .list {
  flex-grow: 1;
  padding-bottom: 30px;
}

#newsWrapper .list ul {
  margin-bottom: 1em;
}

#newsWrapper .list ul a {
  position: relative;
  display: flex;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  padding-left: 40px;
  text-decoration: none;
  border-bottom: 1px solid #e7e7e7;
}
#newsWrapper .list ul a::before {
  content: '';
  flex-shrink: 0;
  display: block;
  width: 0.5em;
  height: 0.5em;
  margin: 0 1em;
  margin-top: 0.25em;
  border-radius: 50%;
  border: 3px solid #bf6a27;
}

#newsWrapper .list ul .new a::after {
  content: 'NEW';
  position: absolute;
  left: 1em;
  top: 0.7em;
  font-weight: bold;
  font-size: 90%;
  color: #bf6a27;
}

#newsWrapper .list ul .date {
  flex-shrink: 0;
  min-width: 8.5em;
  color: #000000;
}

#newsWrapper .list ul .title {
  text-decoration: underline;
}

#newsWrapper .figure {
  padding-right: 10px;
  padding-left: 20px;
}

#newsWrapper .figure .frame {
  padding: 10px;
  background-color: #ebebdf;
}
@media only screen and (max-width: 767px) {
  #newsWrapper {
    padding: 0 20px;
  }
  #newsWrapper .boxHeader {
    padding-left: 0;
  }
  #newsWrapper .container {
    flex-direction: column;
  }
  #newsWrapper .list ul a {
    flex-wrap: wrap;
    padding-left: 0;
  }
  #newsWrapper .list ul a::before {
    order: 2;
    margin: 0.25em 0.5em;
  }
  #newsWrapper .list ul .new a::after {
    position: initial;
    order: 1;
  }
  #newsWrapper .list ul .date {
    order: 3;
  }
  #newsWrapper .list ul .title {
    order: 4;
    padding-left: 2.0em;
  }
  #newsWrapper .figure {
    padding: 0;
  }
  #newsWrapper .figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}


.side-by-side {
  display: flex;
  justify-content: space-between;
/*   margin-top:  */
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E7E7E7;
}
.side-by-side > * {
  flex-basis: 100%;
}
.side-by-side > *:first-child {
  padding-right: 20px;
}
.side-by-side > *:last-child {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .side-by-side {
    flex-direction: column;
  }
  .side-by-side > * {
    padding: 20px;
  }
}

#spreadWrapper{
/*   padding-right: 20px; */
}

#downloadWrapper{
/*   padding-left: 20px; */
}
.downloadThumb {
  display: inline-block;
  float: right;
  margin: 0 0 1em 10px;
  padding: 10px;
  background-color: #ebebdf;
}

#spreadWrapper .boxHeader ,
#downloadWrapper .boxHeader {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 5px 15px;
  background-color: #58a700;
  border-radius: 5px;
  line-height: 1;
  color: #ffffcc;
}
#spreadWrapper .boxHeader img ,
#downloadWrapper .boxHeader img {
  width: 1.2em;
  margin-right: 0.8em;
}
/* .boxTitle{
	margin: 0px;
	padding: 0px 0px 10px 20px;
	background: url(img/index_box01_bg.gif) 3px 3px no-repeat;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.3em;
} */
.boxDescription{
	margin: 0px;
	padding: 0px 4px 1em 4px;
	font-size: 88%;
	line-height: 1.8em;
}
/* .boxButton{
	line-height: 1.8em;
	padding: 0px 4px;
} */
.boxButton {
}
.boxButton a {
  display: inline-flex;
  justify-content: center;
  margin-left: 4px;
  padding: 3px 10px;
  background-color: #ebebdf;
  border-radius: 100px;
  border: 1px solid #D2D2B5;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.boxButton a img {
  width: 1.0em;
  height: auto;
  margin-right: 0.6em;
}

#informationWrapper ul{
}
#informationWrapper ul li{
	font-size: 88%;
	padding: 4px 0px 8px 10px;
}
#informationWrapper ul li a{
	display: block;
	padding: 0px 0px 12px 20px;
	background: url(img/index_box02_bg.gif) 4px 4px no-repeat;
	line-height: 1.3em;
	border-bottom: 1px dotted #999999;
}
#informationWrapper img.imgR{
}

#bannerarea{
	clear: both;
	text-align: center;
}
#bannerarea .container {
  padding: 10px;
  padding-bottom: 20px;
  background-color: #ebebdf;
}
#bannerarea ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
	list-style: none;
}
#bannerarea ul li{
	list-style: none;
  box-sizing: border-box;
  padding: 10px 20px;
}
}
#bannerarea ul li a {
  display: block;
}
#bannerarea img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
#bannerarea .link {
  text-align:center;
  font-size:13px;
}
#bannerarea .link a {
  text-decoration: none;
  color: #000000;
}
#bannerarea .link a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  #bannerarea ul li {
    flex-basis: 50%;
    padding: 5px;
  }
}


#casebox{
	position: relative;
}
#slider{
	position: relative;
	overflow: hidden;
}
.casebox_child{
	position: absolute;
	overflow: hidden;
	display: none;
	width: 302px;
	height: 400px;
}


#btn-consult{
	margin: 0 0 20px;
}
#btn-consult img{
	float: left;
	margin-right: 20px;
}
#btn-consult a{
	text-decoration: none;
}