@charset "utf-8";

/* CSS Document */

h2.style01 {
  background: #054b37;
}

#container {
  margin-bottom: 0;
}

#container .sidebar:first-of-type {
  margin-top: 0;
}

#container #mainContent.company p {
  font-size: 13px;
  margin: 0;
}

#container .company h2 {
  margin-bottom: 20px;
}

.companyBox {
  background: url(../img/company/bg_company01.png) no-repeat left bottom -10px;
}

.left,
.guide {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.right,
.idea {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.greeting {
  margin-bottom: 30px;
}

.left {
  width: 497px;
  padding: 0 30px;
}

.right {
  width: 233px;
}

.right p:first-child {
  margin-bottom: 10px !important;
}

.guide {
  border-right: solid 1px #645d58;
  width: 40%;
  text-align: center;
  padding-bottom: 30px;
}

#container .company .guide h2.style01 {
  text-align: left;
  margin-right: 20px;
  margin-bottom: 40px;
}

.idea {
  width: 60%;
  text-align: center;
  padding-bottom: 45px;
}

#container .company .idea h2.style01 {
  text-align: left;
  margin-left: 20px;
  margin-bottom: 40px;
}

/*20180507追加*/
#container .company .idea .idea-list {
  box-sizing: border-box;
  text-align: left;
  margin-left: 30px;
  margin-right: 15px;
  font-size: 20px;
  line-height: 1.7;
}

#container .company .idea .idea-list-item {
  padding-left: 2em;
  text-indent: -2em;
}

#container .company .idea .idea-list .idea-list-item:nth-of-type(1) {
  margin-bottom: 35px;
}

#container .company .idea .idea-list .idea-list-item:nth-of-type(1)::before {
  content: "一、"
}

#container .company .idea .idea-list .idea-list-item:nth-of-type(2)::before {
  content: "二、"
}

@media screen and (max-width: 680px) {
  #container .company .idea .idea-list {
    font-size: 13px;
    margin-left: 15px;
  }
  #container .company .idea .idea-list .idea-list-item:nth-of-type(1) {
    margin-bottom: 15px;
  }
}
/*END20180507追加*/


.consept {
  background: url(../img/company/bg_company02.png) no-repeat right bottom;
}

.consept dl {
  padding: 0 15px 40px;
  font-size: 13px;
  color: #666;
  line-height: 2;
}

.consept dl dt {
  width: 120px;
  float: left;
}

.consept dl dd {
  padding-left: 120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sp {
  display: none;
}
img.clm{margin-bottom: 15px;}

@media screen and (max-width: 680px) {
  .companyBox {
    background: url(../img/company/bg_company03.png) no-repeat left bottom 50px;
  }
  #container #mainContent {
    padding: 15px 0;
  }
	img.clm{margin-bottom: 0;}


  #container .company h2,
  #container .company .guide h2.style01,
  #container .company .idea h2.style01,
  #container #mainContent.company .chart h2.style01 {
    margin: 0 15px 15px;
  }
  #container #mainContent.company p {
    font-size: 10px;


  }
#container #mainContent.shiho p {
    font-size: 10px;
	padding: 15px;
  }

  .left,
  .guide,
  .right,
  .idea {
    width: 100%;
    float: none;
  }
  .left {
    padding: 0 15px;
    margin-bottom: 15px;
  }
  .right {
    padding: 0 15px;
  }
  .right p {
    width: 100%;
    text-align: left;
  }
  .guide {
    border-right: 0;
  }
  .idea {
    padding-bottom: 20px;
  }
  .consept {
    background: url(../img/company/bg_company04.png) no-repeat right bottom;
  }
  .consept dl {
    font-size: 10px;
    padding-bottom: 20px;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
}