@charset "UTF-8";
/* CSS Document */
/* ======================================================
* parts.css
* ------------------------------------------------------

====================================================== */

/*-------------------------- PC ----------------------------------- */
.fs12{
  font-size: 1.2rem;
}
.fs13{
  font-size: 1.3rem;
}
.fs14{
  font-size: 1.4rem;
}
.fs15{
  font-size: 1.5rem;
}
.fs20{
  font-size: 2.0rem;
}
.fc-fff{
  color: #fff;
}
.icon-link span,.icon-link_v2 span{
  position: relative;
}
.icon-link span::before{
  content: "";
		position: absolute;
		top: 48%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
		right: -18px;
		width: 12px;
		height:12px;
		background: url(/english/rd_sp/images/rd_sp_ic01.png) no-repeat;
		background-size: cover;
}

.icon-link_v2 span::before{
  content: "";
		position: absolute;
		top: 48%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
		right: -18px;
		width: 12px;
		height:12px;
		background: url(/english/rd_sp/images/rd_sp_ic01_02.png) no-repeat;
		background-size: cover;
}
.icon-link_v3::before{
  content: "";
		position: absolute;
		top: 48%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
		right: 5px;
		width: 12px;
		height:12px;
		background: url(/english/rd_sp/images/rd_sp_ic01_02.png) no-repeat;
		background-size: cover;
}
.text-link{
  text-decoration: underline;
  color: #336699;
  position: relative;
}
.text-link:hover{
  text-decoration:none;
}
.text-link::after{
  content: "";
  display: inline-block;
  margin: 0 5px;
	width: 10px;
	height:10px;
	background: url(/english/rd_sp/images/rd_sp_ic01_02.png) no-repeat;
	background-size: cover;
}
/* ------------------------------------------------------
*  sec-content
------------------------------------------------------ */
section.sec-content{
  padding: 52px 0 70px 0;
}
section.sec-content h2{
  text-align: center;
  margin: auto;
}
section.sec-content h2 span{
  padding-bottom: 2px;
  border-bottom: solid 4px #00ADA9;
  line-height: 2;
}
section.sec-content h3{
  text-align: center;
  margin: 0 auto 30px auto;
}
section.sec-content h3 span{
  padding-bottom: 2px;
  border-bottom: solid 2px #00ADA9;
}
section.sec-content .box-content{
  padding-top: 35px;
}
/* ------------------------------------------------------
*  column-layout
------------------------------------------------------ */
.column-layout[data-row-pc="2"] .column_item{
  float: right;
  width: 46.8%;
}
.column-layout[data-row-pc="2"] .column_item img{
  width: 100%;
}
.column-layout[data-row-pc="2"] .column_item:nth-child(odd){
  float: left;
}

.column-layout[data-row-pc="2"] .column_item dl dt{
  font-weight: bold;
  font-size: 1.9rem;
  text-align: center;
  margin-top: 20px;
  letter-spacing: 0.2rem;
}
.column-layout[data-row-pc="2"] .column_item dl dt span{
  font-size: 1.6rem;
  display: block;
}
.column-layout[data-row-pc="2"] .column_item dl dd p{
  padding: 0;
  margin: 20px auto;
  font-size: 1.5rem;
  letter-spacing: 0rem;
  text-align: left;
}
#sec-Initiatives .column-layout[data-row-pc="2"] .column_item dl dd p{
  letter-spacing: 0.05rem;
  line-height: 1.5;
}
.column-layout[data-row-pc="3"] .column_item{
  float: left;
  width: 29%;
  margin: 0 4% 0 0;
}
.column-layout[data-row-pc="4"]{
  margin-left: -1.8%;
}
.column-layout[data-row-pc="4"] .column_item{
  float: left;
  width: 23.2%;
  margin-left: 1.8%;
}
.column-layout[data-row-pc="2"]::after,
.column-layout[data-row-pc="4"]::after {
  clear: both;
  content: "";
  display: block;
}

/*-------------------------- SP ----------------------------------- */
@media only screen and (max-width: 767px) {
  .icon-link{
    position: relative;
  }
  .icon-link span::before{
    position: relative;
  }
  .icon-link span::before{
    content: "";
      position: absolute;
      top: 48%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: -15px;
      width: 12px;
      height:12px;
      background: url(/english/rd_sp/images/rd_sp_ic01.png) no-repeat;
      background-size: cover;
  }
  .icon-link_v2 span::before{
    display: none;
  }
  .icon-link_v3::before{
    display: none;
  }
  /* ------------------------------------------------------
  *  column-layout
  ------------------------------------------------------ */
   section.sec-content{
    padding: 45px 0 40px 0;
  }
  section.sec-content h2{
    text-align: center;
    margin: auto;
  }
  section.sec-content h2 span{
    display: block;
  }
  section.sec-content h3{
    text-align: center;
    margin: 0 auto 30px auto;
  }
  section.sec-content h3 span{
    padding-bottom: 2px;
    border-bottom: solid 2px #00ADA9;
  }
  section.sec-content .box-content{
    padding: 25px 15px 0;
  }
  /* ------------------------------------------------------
  *  column-layout
  ------------------------------------------------------ */
  .column-layout[data-row-sp="1"] .column_item{
    float: none;
    width: 100%;
    padding-bottom: 25px;
  }
  .column-layout[data-row-sp="1"] .column_item img{
    width: 100%;
  }
  .column-layout[data-row-sp="1"] .column_item:nth-child(odd){
    float: none;
  }
  .column-layout[data-row-sp="1"] {
    max-width: 100%;
    margin: auto;
  }
  .column-layout[data-row-sp="1"]::after {
    clear: both;
    content: "";
    display: block;
  }
  .column-layout[data-row-sp="1"] .column_item dl dt{
    font-size: 1.8rem;
    margin-top: 13px;
  }
  .column-layout[data-row-sp="1"] .column_item dl dd p{
    margin: 10px auto 15px auto;
    font-size: 1.5rem;
  }
   .column-layout[data-row-sp="2"] .column_item{
    float: right;
     width: 47%;
  }
  .column-layout[data-row-sp="2"] .column_item:nth-child(odd){
    float: left;
  }
}