@charset "UTF-8";
/*----------------------------------------
  Youtube 埋め込み動画 mixin
----------------------------------------*/
/*----------------------------------------
  browser default value
----------------------------------------*/
/*----------------------------------------
  base
----------------------------------------*/
/*----------------------------------------
  z-index
----------------------------------------*/
/*----------------------------------------
  color
----------------------------------------*/
/*----------------------------------------
  opacity
----------------------------------------*/
/*----------------------------------------
  size
----------------------------------------*/
/*----------------------------------------
  transition
----------------------------------------*/
/*----------------------------------------
  device
----------------------------------------*/
.tb_appear,
.sp_appear,
.tb_only {
  display: none;
}

.pc_appear {
  display: block;
}

.article {
  background: #000000;
  color: #ffffff;
}

.key_visual {
  padding: 108px 30px 240px;
  background: url(../IMG/img-kv.png) no-repeat center/cover;
}

.key_visual_inner {
  max-width: 1170px;
  margin: 0 auto;
}

.key_visual_copy {
  max-width: 530px;
  margin-bottom: 62px;
}

.key_visual_copy_image {
  width: 100%;
}

.about {
  padding: 80px 30px;
  background: #1c1c1c;
}

.about_inner {
  max-width: 1170px;
  margin: 0 auto;
}

.about_columns {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}

.about_detail {
  max-width: 470px;
}

.about_figure {
  flex-shrink: 1;
  width: 55%;
}

.about_figure_image {
  width: 100%;
}

.about_title {
  margin-bottom: 27px;
  font-size: 2.8rem;
  letter-spacing: .1rem;
}

.about_description {
  margin-bottom: 20px;
}

.about_text {
  font-size: 1.4rem;
  line-height: 2.4;
  letter-spacing: .07rem;
}

.about_note {
  font-size: 1rem;
}

.about_note_item {
  margin-left: 1.5em;
  position: relative;
}

.about_note_item::before {
  content: '※';
  position: absolute;
  left: -1.5em;
}

.about_shikaku_anchor {
  display: block;
  width: 241px;
  padding: 10px 0 10px 20px;
  background: #ffffff;
  font-weight: bold;
  color: #343434;
  position: relative;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.about_shikaku_anchor::after {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../IMG/ico-arrow_red.svg) no-repeat center/cover;
  content: '';
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
}

.about_shikaku_anchor:hover {
  opacity: .75;
}

.mechanic {
  padding: 60px 30px 30px;
}

.mechanic_inner {
  max-width: 1170px;
  margin: 0 auto;
}

.mechanic_title {
  margin-bottom: 60px;
  font-size: 2.8rem;
  letter-spacing: .5rem;
  text-align: center;
}

.mechanic_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  font-size: 1.8rem;
}

.mechanic_area_btn {
  display: block;
  padding: 0 16px 20px;
  color: #afafaf;
  text-align: center;
  position: relative;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.mechanic_area_btn::before, .mechanic_area_btn::after {
  display: block;
  content: '';
  position: absolute;
}

.mechanic_area_btn::before {
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.1);
  bottom: 0;
  left: 0;
}

.mechanic_area_btn.o-active {
  color: #ffffff;
}

.mechanic_area_btn.o-active::before {
  background: #c71444;
}

.mechanic_area_btn.o-active::after {
  width: 0;
  height: 0;
  border: 5px solid #c71444;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: -10px;
  left: calc(50% - 5px);
}

.mechanic_area_btn:hover {
  color: #ffffff;
}

.mechanic_before {
  margin-top: 100px;
  font-size: 1.3rem;
  text-align: right;
}

.mechanic_before_anchor {
  display: block;
  padding-right: 18px;
  color: #ffffff;
  position: relative;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.mechanic_before_anchor::after {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../IMG/ico-arrow_red.svg) no-repeat center/cover;
  content: '';
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
}

.mechanic_before_anchor:hover {
  opacity: .75;
}

.mechanic_tab {
  display: none;
}

.mechanic_tab.o-active {
  display: block;
}

.mechanic_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 45px;
}

.mechanic_list_item {
  display: flex;
  width: 48.718%;
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.1);
}

.mechanic_list_item:not(:nth-of-type(even)) {
  margin-right: 2.564%;
}

.mechanic_photo {
  flex-shrink: 1;
  width: 35.09%;
}

.mechanic_photo_image {
  width: 100%;
}

.mechanic_detail {
  width: calc(100% - 35.09%);
  padding: 20px;
}

.mechanic_detail_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.mechanic_detail_anchor {
  color: #ffffff;
  font-size: 1.2rem;
  position: relative;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.mechanic_detail_anchor::after {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../IMG/ico-arrow_red.svg) no-repeat center/cover;
  content: '';
  position: absolute;
  top: calc(50% - 6px);
  right: -18px;
}

.mechanic_detail_anchor:hover {
  opacity: .75;
}

.mechanic_detail_area {
  padding: 2px 5px;
  border: 1px solid #ffffff;
  background: #1c1c1c;
  font-size: 1.1rem;
}

.mechanic_name {
  margin-bottom: 22px;
  font-size: 2rem;
}

.mechanic_comment {
  font-size: 1.3rem;
  line-height: 1.6;
}

.mechanic_more {
  display: block;
  margin: 0 auto;
  padding-right: 27px;
  font-size: 2rem;
  position: relative;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.mechanic_more::after {
  display: block;
  width: 17px;
  height: 17px;
  background: url(../IMG/ico-plus.svg) no-repeat center/cover;
  content: '';
  position: absolute;
  top: calc(50% - 8.5px);
  right: 0;
}

.mechanic_more:hover {
  opacity: .75;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5JU1NBTi1TRVJWSUNFL01FQ0hBTklDL0NTUy9pbmRleC5jc3MiLCJOSVNTQU4tU0VSVklDRS9NRUNIQU5JQy9ub2RlX21vZHVsZXMvQG9yby9zdGF0aWMtc2l0ZS1tb2R1bGVzL19zY3NzL21peGlucy9feW91dHViZS5zY3NzIiwiTklTU0FOLVNFUlZJQ0UvTUVDSEFOSUMvQ1NTL19zY3NzL2Fic3RyYWN0L192YXJpYWJsZXMuc2NzcyIsIk5JU1NBTi1TRVJWSUNFL01FQ0hBTklDL0NTUy9OSVNTQU4tU0VSVklDRS9NRUNIQU5JQy9DU1MvaW5kZXguc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNBakI7OzBDQUUwQztBQ0YxQzs7MENBRTBDO0FBRzFDOzswQ0FFMEM7QUFPMUM7OzBDQUUwQztBQUcxQzs7MENBRTBDO0FBWTFDOzswQ0FFMEM7QUFHMUM7OzBDQUUwQztBQUkxQzs7MENBRTBDO0FDM0MxQzs7MENBRTBDO0FBRTFDOzs7RUFHRSxjQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxlQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxvQkRRbUI7RUNQbkIsZURRbUI7Q0NQcEI7O0FBRUQ7RUFDRSwwQkFBeUI7RUFDekIsMERBQTBEO0NBZTNEOztBQWJDO0VBQ0Usa0JBQWlCO0VBQ2pCLGVBQWM7Q0FDZjs7QUFFRDtFQUNFLGlCQUFnQjtFQUNoQixvQkFBbUI7Q0FLcEI7O0FBSEM7RUFDRSxZQUFXO0NBQ1o7O0FBSUw7RUFDRSxtQkFBa0I7RUFDbEIsb0JBQW1CO0NBb0ZwQjs7QUFsRkM7RUFDRSxrQkFBaUI7RUFDakIsZUFBYztDQUNmOztBQUVEO0VBQ0UsY0FBYTtFQUNiLCtCQUE4QjtFQUM5QixxQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxpQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxlQUFjO0VBQ2QsV0FBVTtDQUtYOztBQUhDO0VBQ0UsWUFBVztDQUNaOztBQUdIO0VBQ0Usb0JBQW1CO0VBQ25CLGtCQUFpQjtFQUNqQixzQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxvQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxrQkFBaUI7RUFDakIsaUJBQWdCO0VBQ2hCLHVCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGdCQUFlO0NBWWhCOztBQVZDO0VBQ0UsbUJBQWtCO0VBQ2xCLG1CQUFrQjtDQU9uQjs7QUFUQTtFQUtHLGFBQWE7RUFDYixtQkFBa0I7RUFDbEIsYUFBWTtDQUNiOztBQUtIO0VBQ0UsZUFBYztFQUNkLGFBQVk7RUFDWiwwQkFBeUI7RUFDekIsb0JEOUVlO0VDK0VmLGtCQUFpQjtFQUNqQixlQUFjO0VBQ2QsbUJBQWtCO0VBQ2xCLHNERDlEc0Q7Q0M4RXZEOztBQXhCQTtFQVdHLGVBQWM7RUFDZCxZQUFXO0VBQ1gsYUFBWTtFQUNaLGlFQUFpRTtFQUNqRSxZQUFXO0VBQ1gsbUJBQWtCO0VBQ2xCLHFCQUFvQjtFQUNwQixZQUFXO0NBQ1o7O0FBbkJGO0VBc0JHLGFBQVk7Q0FDYjs7QUFLUDtFQUNFLHdCQUF1QjtDQTZNeEI7O0FBM01DO0VBQ0Usa0JBQWlCO0VBQ2pCLGVBQWM7Q0FDZjs7QUFFRDtFQUNFLG9CQUFtQjtFQUNuQixrQkFBaUI7RUFDakIsc0JBQXFCO0VBQ3JCLG1CQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGNBQWE7RUFDYiwrQkFBOEI7RUFDOUIsb0JBQW1CO0VBQ25CLGtCQUFpQjtDQWdEbEI7O0FBOUNDO0VBQ0UsZUFBYztFQUNkLHFCQUFvQjtFQUNwQixlQUFjO0VBQ2QsbUJBQWtCO0VBQ2xCLG1CQUFrQjtFQUNsQixzREQ3R3NEO0NDb0p2RDs7QUE3Q0E7RUFVRyxlQUFjO0VBQ2QsWUFBVztFQUNYLG1CQUFrQjtDQUNuQjs7QUFiRjtFQWdCRyxZQUFXO0VBQ1gsWUFBVztFQUNYLHFDRDdJYTtFQzhJYixVQUFTO0VBQ1QsUUFBTztDQUNSOztBQXJCRjtFQXdCRyxlRG5KYTtDQ21LZDs7QUF4Q0Y7RUEyQkssb0JBQW1CO0NBQ3BCOztBQTVCSjtFQStCSyxTQUFRO0VBQ1IsVUFBUztFQUNULDBCQUF5QjtFQUN6QixnQ0FBK0I7RUFDL0IsaUNBQWdDO0VBQ2hDLCtCQUE4QjtFQUM5QixjQUFhO0VBQ2Isc0JBQXFCO0NBQ3RCOztBQXZDSjtFQTJDRyxlRHRLYTtDQ3VLZDs7QUFJTDtFQUNFLGtCQUFpQjtFQUNqQixrQkFBaUI7RUFDakIsa0JBQWlCO0NBd0JsQjs7QUF0QkM7RUFDRSxlQUFjO0VBQ2Qsb0JBQW1CO0VBQ25CLGVEbkxlO0VDb0xmLG1CQUFrQjtFQUNsQixzRERqS3NEO0NDaUx2RDs7QUFyQkE7RUFRRyxlQUFjO0VBQ2QsWUFBVztFQUNYLGFBQVk7RUFDWixpRUFBaUU7RUFDakUsWUFBVztFQUNYLG1CQUFrQjtFQUNsQixxQkFBb0I7RUFDcEIsU0FBUTtDQUNUOztBQWhCRjtFQW1CRyxhQUFZO0NBQ2I7O0FBSUw7RUFDRSxjQUFhO0NBS2Q7O0FBTkE7RUFJRyxlQUFjO0NBQ2Y7O0FBR0g7RUFDRSxjQUFhO0VBQ2IsZ0JBQWU7RUFDZixvQkFBbUI7Q0FZcEI7O0FBVkM7RUFDRSxjQUFhO0VBQ2IsZUFBYztFQUNkLG9CQUFtQjtFQUNuQixxQ0R6TmU7Q0M4TmhCOztBQVRBO0VBT0cscUJBQW9CO0NBQ3JCOztBQUlMO0VBQ0UsZUFBYztFQUNkLGNBQWE7Q0FLZDs7QUFIQztFQUNFLFlBQVc7Q0FDWjs7QUFHSDtFQUNFLDJCQUEwQjtFQUMxQixjQUFhO0NBcUNkOztBQW5DQztFQUNFLGNBQWE7RUFDYiwrQkFBOEI7RUFDOUIsb0JBQW1CO0VBQ25CLG9CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGVEdFBlO0VDdVBmLGtCQUFpQjtFQUNqQixtQkFBa0I7RUFDbEIsc0REck9zRDtDQ3FQdkQ7O0FBcEJBO0VBT0csZUFBYztFQUNkLFlBQVc7RUFDWCxhQUFZO0VBQ1osaUVBQWlFO0VBQ2pFLFlBQVc7RUFDWCxtQkFBa0I7RUFDbEIscUJBQW9CO0VBQ3BCLGFBQVk7Q0FDYjs7QUFmRjtFQWtCRyxhQUFZO0NBQ2I7O0FBR0g7RUFDRSxpQkFBZ0I7RUFDaEIsMEJEN1FlO0VDOFFmLG9CQUFtQjtFQUNuQixrQkFBaUI7Q0FDbEI7O0FBR0g7RUFDRSxvQkFBbUI7RUFDbkIsZ0JBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxrQkFBaUI7RUFDakIsaUJBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsZUFBYztFQUNkLGVBQWM7RUFDZCxvQkFBbUI7RUFDbkIsZ0JBQWU7RUFDZixtQkFBa0I7RUFDbEIsc0REL1F3RDtDQytSekQ7O0FBdEJBO0VBU0csZUFBYztFQUNkLFlBQVc7RUFDWCxhQUFZO0VBQ1osNERBQTREO0VBQzVELFlBQVc7RUFDWCxtQkFBa0I7RUFDbEIsdUJBQXNCO0VBQ3RCLFNBQVE7Q0FDVDs7QUFqQkY7RUFvQkcsYUFBWTtDQUNiIiwiZmlsZSI6Ik5JU1NBTi1TRVJWSUNFL01FQ0hBTklDL0NTUy9pbmRleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6W119 */