@charset "UTF-8";

/*----------------------------------------

	- content
	- pc（1281px〜）
	- sp（〜640px）

-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

#content {
  margin-top: -40px;
}

#content #box01 {
  background: url(../img/index_p01_pc.jpg) no-repeat left top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content #box02 {
  background: url(../img/index_p02_pc.jpg) no-repeat right top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content #box03 {
  background: url(../img/index_p03_pc.jpg) no-repeat left top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content #box04 {
  background: url(../img/index_p04_pc.jpg) no-repeat left top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content #box05 {
  background: url(../img/index_p05_pc.jpg) no-repeat left top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content #box06 {
  background: url(../img/index_p06_pc.jpg) no-repeat left top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content #box07 {
  background: url(../img/index_p07_pc.jpg) no-repeat left top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

#content .layout01_l div,
#content .layout01_r div {
  height: 500px;
  padding: 70px 0 65px;
  box-sizing: border-box;
}

#content .layout01_l div {
  width: 50%;
}

#content .layout01_r div {
  width: 100%;
  padding-left: 50%;
}

#content .layout01_l div h4,
#content .layout01_r div h4 {
  font-size: 56px;
  font-size: 5.6rem;
  font-weight: 100;
  line-height: 1.3;
  color: #ffffff;
  white-space: nowrap;
}

#content .layout01_l div p,
#content .layout01_r div p {
  padding-top: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.0;
  color: #ffffff;
}

/*----------------------------------------
	pc（1281px〜）
-----------------------------------------*/
@media only screen and (min-width: 1281px) {
/*----------------------------------------
	content
-----------------------------------------*/

}

/*----------------------------------------
	sp（〜640px）
-----------------------------------------*/
@media only screen and (max-width: 640px) {

/*----------------------------------------
	content
-----------------------------------------*/

#content {
  margin-top: 0;
  padding-top: 10%;
}

#content #box01,
#content #box02,
#content #box03,
#content #box04,
#content #box05,
#content #box06,
#content #box07 {
  background: none;
}

#content .layout01_l section,
#content .layout01_r section {
  width: 100%;
  padding: 8% 10% 15%;
  background: #1e1e1e;
  box-sizing: border-box;
}

#content .layout01_l div,
#content .layout01_r div {
  width: 100%;
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

#content .layout01_l div h4,
#content .layout01_r div h4 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 100;
  line-height: 1.3;
  white-space: normal;
}

#content .layout01_l div p,
#content .layout01_r div p {
  padding-top: 5%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
}