@charset "utf-8";

/*---------------------------------------------
 Reset
---------------------------------------------*/
/* margin */
#x10m4 h1,
#x10m4 h2,
#x10m4 h3,
#x10m4 h4,
#x10m4 p {
  margin: 0;
}
/* line-height */
#x10m4 h1,
#x10m4 h2,
#x10m4 h3,
#x10m4 h4 {
  line-height: 1.5;
}
/* list-style */
#x10m4 ul,
#x10m4 ol,
#x10m4 dl {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* img */
#x10m4 img {
  width: 100%;
}

/*---------------------------------------------
 Base
---------------------------------------------*/
#x10m4 {
  font-size: 16px;
  line-height: 1.8;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  #x10m4 {
    font-size: 15px;
    padding-bottom: 65px;
  }
}
/* display */
#x10m4 .sm_pc {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  #x10m4 .sm_pc {
    display: block !important;
  }
  #x10m4 .sm_sp {
    display: none !important;
  }
}
/* clear */
#x10m4 .clearFix:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
/* hover */
@media only screen and (min-width: 768px) {
  #x10m4 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
  }
}

/*---------------------------------------------
 Hero
---------------------------------------------*/
#x10m4 .x10m4Heros {
  max-width: 1240px;
  margin: 0 auto;
}
@media only screen and (min-width: 818px) {
  #x10m4 .x10m4Heros {
    padding: 0 20px;
  }
}

/*---------------------------------------------
 Container
---------------------------------------------*/
#x10m4 .x10m4Container {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}

/*---------------------------------------------
 Module
---------------------------------------------*/
#x10m4 .m_heading > * {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #x10m4 .m_heading > * {
    font-size: 36px;
  }
}

/*---------------------------------------------
 About
---------------------------------------------*/
#x10m4 .x10m4About {
  margin-top: 20px;
}
#x10m4 .x10m4About_content {
  margin-top: 10px;
}
#x10m4 .x10m4About_txt > p {
  font-size: 16px;
}
#x10m4 .x10m4About_figure {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  #x10m4 .x10m4About {
    margin-top: 60px;
  }
  #x10m4 .x10m4About_content {
    margin-top: 30px;
  }
  #x10m4 .x10m4About_content > * {
    float: left;
  }
  #x10m4 .x10m4About_txt {
    width: 51.666%;
    padding-right: 3%;
  }
  #x10m4 .x10m4About_figure {
    width: 48.334%;
    margin-top: 0;
  }
}

/*---------------------------------------------
 Recd
---------------------------------------------*/
#x10m4 .x10m4Recd {
  margin-top: 40px;
}
#x10m4 .x10m4Recd_content {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  #x10m4 .x10m4Recd {
    margin-top: 80px;
  }
  #x10m4 .x10m4Recd_content {
    margin-top: 30px;
  }
}

/*---------------------------------------------
 Product
---------------------------------------------*/
#x10m4 .x10m4Product {
  margin-top: 40px;
}
#x10m4 .x10m4Product_heading > h3 {
  margin-top: 15px;
}
#x10m4 .x10m4Product_heading > h3 > span {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 17px;
  text-align: center;
  padding: 12px 15px;
  background-color: #c99f00;
  border-radius: 5em;
}
#x10m4 .x10m4Product_heading > h3 > span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 11px solid #c99f00;
}
#x10m4 .x10m4Product_content {
  margin-top: 20px;
}
#x10m4 .x10m4Product_figure {
  position: relative;
}
#x10m4 .x10m4Product_figure > p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4.1%;
  width: 91%;
  margin: auto;
}
#x10m4 .x10m4Product_figure > p > a {
  display: block;
}
#x10m4 .x10m4Product_career {
  padding: 18px;
  border: 2px solid #faeec2;
}
#x10m4 .x10m4Product_career > ul > li + li {
  margin-top: 18px;
}
#x10m4 .x10m4Product_link {
  display: table;
  width: 100%;
  margin: 0 auto;
}
#x10m4 .x10m4Product_link > * {
  display: table-cell;
  vertical-align: middle;
}
#x10m4 .x10m4Product_link_logo {
  width: 38%;
  padding-right: 10px;
}
#x10m4 .x10m4Product_link_logo > img {
  display: block;
  max-width: 160px;
  margin: 0 auto;
}
#x10m4 .x10m4Product_link_btn {
  width: 62%;
}
@media only screen and (min-width: 768px) {
  #x10m4 .x10m4Product {
    margin-top: 80px;
  }
  #x10m4 .x10m4Product_heading > h3 {
    margin-top: 30px;
  }
  #x10m4 .x10m4Product_heading > h3 > span {
    font-size: 24px;
    padding: 9px 25px;
  }
  #x10m4 .x10m4Product_content {
    margin-top: 30px;
  }
  #x10m4 .x10m4Product_figure > p {
    left: auto;
    right: 3.75%;
    bottom: 9.5%;
    width: 33.3334%;
  }
  /* 2列時 */
  /* #x10m4 .x10m4Product_career {
    padding: 2.5% 15.667%;
    overflow: hidden;
  }
  #x10m4 .x10m4Product_career > ul {
    font-size: 0;
    text-align: center;
    margin: -2% -5.916% 0;
  }
  #x10m4 .x10m4Product_career > ul > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 2% 5.916% 0;
  }
  #x10m4 .x10m4Product_career > ul > li + li {
    margin-top: 0;
  }
  #x10m4 .x10m4Product_link_logo {
    width: 48.58%;
    padding-right: 2.87%;
  }
  #x10m4 .x10m4Product_link_btn {
    width: 51.42%;
  } */
  /* 3列時 */
  #x10m4 .x10m4Product_career {
    padding: 2.5% 2%;
    overflow: hidden;
  }
  #x10m4 .x10m4Product_career > ul {
    font-size: 0;
    margin: 0 -2%;
  }
  #x10m4 .x10m4Product_career > ul > li {
    display: inline-block;
    width: 33.3333%;
    vertical-align: top;
    padding: 0 2%;
  }
  #x10m4 .x10m4Product_career > ul > li + li {
    margin-top: 0;
  }
  #x10m4 .x10m4Product_career > ul > li:nth-child(n + 4) {
    margin-top: 1.6%;
  }
  #x10m4 .x10m4Product_link {
    max-width: 100%;
  }
  #x10m4 .x10m4Product_link_logo {
    width: 48.605%;
    padding-right: 2.915%;
  }
  #x10m4 .x10m4Product_link_btn {
    width: 51.395%;
  }
}

/*---------------------------------------------
 Cp
---------------------------------------------*/
#x10m4 .x10m4Cp {
  margin-top: 40px;
}
#x10m4 .x10m4Cp_heading > h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
#x10m4 .x10m4Cp_heading > h3 > span {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
#x10m4 .x10m4Cp_heading > h3 > span:before,
#x10m4 .x10m4Cp_heading > h3 > span:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 3px;
  background-color: #000;
}
#x10m4 .x10m4Cp_heading > h3 > span:before {
  left: -25px;
  -webkit-transform: rotate(65deg);
  transform: rotate(65deg);
}
#x10m4 .x10m4Cp_heading > h3 > span:after {
  right: -25px;
  -webkit-transform: rotate(-65deg);
  transform: rotate(-65deg);
}
#x10m4 .x10m4Cp_list {
  margin-top: 20px;
}
#x10m4 .x10m4Cp_list > ul > li + li {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #x10m4 .x10m4Cp_heading > h3 {
    font-size: 28px;
  }
  #x10m4 .x10m4Cp_heading > h3 > span {
    padding: 0 45px;
  }
  #x10m4 .x10m4Cp_heading > h3 > span:before,
  #x10m4 .x10m4Cp_heading > h3 > span:after {
    width: 45px;
  }
  #x10m4 .x10m4Cp_heading > h3 > span:before {
    left: 0;
  }
  #x10m4 .x10m4Cp_heading > h3 > span:after {
    right: 0;
  }
  #x10m4 .x10m4Cp_list {
    margin-top: 30px;
    overflow: hidden;
  }
  #x10m4 .x10m4Cp_list > ul {
    font-size: 0;
    text-align: center;
    margin: -10px -1.569% 0;
  }
  #x10m4 .x10m4Cp_list > ul > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 10px 1.569% 0;
  }
  #x10m4 .x10m4Cp_list > ul > li + li {
    margin-top: 0;
  }
}

/*---------------------------------------------
 Link
---------------------------------------------*/
#x10m4 .x10m4Link {
  margin-top: 50px;
}
#x10m4 .x10m4Link_heading > h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#x10m4 .x10m4Link_list {
  margin-top: 20px;
}
#x10m4 .x10m4Link_list > ul > li + li {
  margin-top: 30px;
}
#x10m4 .x10m4Link_list > ul > li > a {
  display: block;
  color: #333;
}
#x10m4 .x10m4Link_list > ul > li > a > h4 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
#x10m4 .x10m4Link_list > ul > li > a > p {
  font-size: 14px;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  #x10m4 .x10m4Link {
    margin-top: 90px;
  }
  #x10m4 .x10m4Link_heading > h3 {
    font-size: 28px;
  }
  #x10m4 .x10m4Link_list {
    margin-top: 30px;
  }
  #x10m4 .x10m4Link_list > ul > li {
    float: left;
    width: 31.667%;
  }
  #x10m4 .x10m4Link_list > ul > li + li {
    margin-top: 0;
  }
  #x10m4 .x10m4Link_list > ul > li + li:nth-child(n + 2) {
    margin-left: 2.4995%;
  }
  #x10m4 .x10m4Link_list > ul > li > a > h4 {
    font-size: 20px;
    margin-top: 15px;
  }
  #x10m4 .x10m4Link_list > ul > li > a > p {
    margin-top: 10px;
  }
}