@charset "UTF-8";
/* ---------------------------------------------------------- */
/* mediaquery SP */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* mediaquery PC */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* mediaquery PCLarge */
/* ---------------------------------------------------------- */
.u-spOnly,
+pc() {
  display: none !important;
}
.u-wrapper {
  color: #222;
}
.u-wrapper img {
  vertical-align: middle;
  max-width: 100%;
}
.u-inner {
  max-width: 980px;
  margin: 0 auto;
}
.u-hr {
  display: block;
  margin: 40px auto;
}
.u-mt0 {
  margin-top: 0px !important;
}
.u-mb0 {
  margin-bottom: 0px !important;
}
.u-mt5 {
  margin-top: 5px !important;
}
.u-mb5 {
  margin-bottom: 5px !important;
}
.u-mt10 {
  margin-top: 10px !important;
}
.u-mb10 {
  margin-bottom: 10px !important;
}
.u-mt15 {
  margin-top: 15px !important;
}
.u-mb15 {
  margin-bottom: 15px !important;
}
.u-mt20 {
  margin-top: 20px !important;
}
.u-mb20 {
  margin-bottom: 20px !important;
}
.u-mt25 {
  margin-top: 25px !important;
}
.u-mb25 {
  margin-bottom: 25px !important;
}
.u-mt30 {
  margin-top: 30px !important;
}
.u-mb30 {
  margin-bottom: 30px !important;
}
.u-mt35 {
  margin-top: 35px !important;
}
.u-mb35 {
  margin-bottom: 35px !important;
}
.u-mt40 {
  margin-top: 40px !important;
}
.u-mb40 {
  margin-bottom: 40px !important;
}
.u-mt45 {
  margin-top: 45px !important;
}
.u-mb45 {
  margin-bottom: 45px !important;
}
.u-mt50 {
  margin-top: 50px !important;
}
.u-mb50 {
  margin-bottom: 50px !important;
}
.u-mt55 {
  margin-top: 55px !important;
}
.u-mb55 {
  margin-bottom: 55px !important;
}
.u-mt60 {
  margin-top: 60px !important;
}
.u-mb60 {
  margin-bottom: 60px !important;
}
.u-mt65 {
  margin-top: 65px !important;
}
.u-mb65 {
  margin-bottom: 65px !important;
}
.u-mt70 {
  margin-top: 70px !important;
}
.u-mb70 {
  margin-bottom: 70px !important;
}
.u-mt75 {
  margin-top: 75px !important;
}
.u-mb75 {
  margin-bottom: 75px !important;
}
.u-mt80 {
  margin-top: 80px !important;
}
.u-mb80 {
  margin-bottom: 80px !important;
}
.u-mt85 {
  margin-top: 85px !important;
}
.u-mb85 {
  margin-bottom: 85px !important;
}
.u-mt90 {
  margin-top: 90px !important;
}
.u-mb90 {
  margin-bottom: 90px !important;
}
.u-mt95 {
  margin-top: 95px !important;
}
.u-mb95 {
  margin-bottom: 95px !important;
}
.u-mt100 {
  margin-top: 100px !important;
}
.u-mb100 {
  margin-bottom: 100px !important;
}
/* Btn
***************************************** */
.mod-Bg {
  margin: 40px 0;
}
.mod-Bg-black {
  background: #000;
}
.mod-Bg-gray {
  background: #f9f9f9;
}
.mod-Bg-gray2 {
  background: #e7e7e7;
}
.mod-Bg-darkgray {
  background: #333;
}
.mod-Bg-black,
.mod-Bg-darkgray,
.mod-Bg .mod-Slider_Caption,
.mod-Bg .mod-Movie_Caption {
  color: #fff;
}
.mod-Btn {
  display: block;
  border: 1px solid #222;
  background: url("/tech/articles/common/img/icon_arrow_btn.png") no-repeat 90% center;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mod-Btn-down {
  border-color: #e4e4e4;
  background: none;
  font-weight: normal;
}
.mod-Btn-down::before {
  content: "";
  display: inline-block;
  background: url("/tech/articles/common/img/icon_arrow_down.png") no-repeat 10% center;
  height: 10px;
  width: 16px;
  margin-right: 10px;
}
.mod-Btn-down.opened::before {
  background: url("/tech/articles/common/img/icon_arrow_up.png");
}
/* Title
***************************************** */
.mod-Title2 {
  position: relative;
  line-height: 1.7;
}
.mod-Title2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  height: 3px;
}
.mod-Title2::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  background: #333;
  height: 1px;
}
.mod-Title3 {
  position: relative;
  line-height: 1.7;
  padding-left: 1.5em;
  margin: 30px 0;
}
.mod-Title3::before {
  content: "";
  background: #333;
  position: absolute;
  left: 0;
}
.mod-TitleComment {
  position: relative;
  font-weight: bold;
  line-height: 1.7;
}
.mod-TitleComment::before {
  content: "";
  position: absolute;
  left: 0;
}
.mod-TitleCheck {
  position: relative;
  font-weight: bold;
  line-height: 1.7;
}
.mod-TitleCheck::before {
  content: "";
  position: absolute;
  left: 0;
}
.mod-TitlePerson {
  background: #fff;
  font-weight: bold;
  line-height: 1.7;
  margin: 0 0 20px;
}
.mod-Title4 {
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 40px;
}
.mod-MV_Img img {
  display: block;
  margin: auto;
}
.mod-MV_Info {
  background: #333;
  padding: 40px 0;
}
.mod-MV_Title {
  color: #fff;
  line-height: 1.7;
  margin: 0 0 30px 0;
}
.mod-MV_State {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style-type: none;
  padding: 0;
}
.mod-MV_StateItem {
  border: 1px solid #a6a6a6;
  color: #fff;
  font-size: 14px;
  padding: 0 0.5em;
}
.mod-MV_StateItem a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mod-MV_StateItem a:hover {
  opacity: 0.4;
}
.mod-MV_Txt {
  color: #fff;
  line-height: 1.7;
  margin: 0;
}
.mod-Index {
  background: #f9f9f9;
}
.mod-Index_Title {
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.7;
  margin: 0;
}
.mod-Index_List {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.mod-Index_ListItem {
  position: relative;
  font-weight: bold;
}
.mod-Index_ListItem::after {
  content: "";
  display: block;
  background: #d9d9d9;
  height: 1px;
}
.mod-Index_ListItem a {
  display: block;
  background: url("/tech/articles/common/img/icon_arrow_down_red.png") no-repeat;
  color: #222;
  text-decoration: none;
  line-height: 20px;
}
.mod-Row_Area figure img {
  width: 100%;
}
.mod-Row_Txt {
  line-height: 1.7;
}
.mod-Row_Figcaption {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 10px;
}
.mod-Profile {
  margin-top: 0;
}
.mod-Profile_Txt {
  line-height: 2;
}
.mod-Profile_Txt-bold {
  font-weight: bold;
}
.mod-Profile3 .mod-Row_Area:nth-of-type(1),
.mod-Profile3 .mod-Row_Area:nth-of-type(2) {
  margin-top: 0;
}
.mod-Profile3 .mod-Row .mod-Profile_Txt {
  line-height: 1.7;
}
#contents .mod-Slider_Content.slick-slider,
#contents .mod-Slider_CarouselContent.slick-slider {
  padding-bottom: 44px;
  margin-bottom: 0;
}
#contents .mod-Slider_Content.slick-slider .slick-track,
#contents .mod-Slider_CarouselContent.slick-slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contents .mod-Slider_Content.slick-slider .slick-slide img,
#contents .mod-Slider_CarouselContent.slick-slider .slick-slide img {
  width: 100%;
}
#contents .mod-Slider_Content.slick-slider .mod-Slider_Caption,
#contents .mod-Slider_CarouselContent.slick-slider .mod-Slider_Caption {
  font-size: 12px;
  line-height: 1.7;
  margin-top: 10px;
}
#contents .mod-Slider_Content.slick-slider .slick-next,
#contents .mod-Slider_CarouselContent.slick-slider .slick-next,
#contents .mod-Slider_Content.slick-slider .slick-prev,
#contents .mod-Slider_CarouselContent.slick-slider .slick-prev {
  top: auto;
  bottom: 0px;
  z-index: 1;
  height: 32px;
  width: 18px;
  -webkit-transform: none;
          transform: none;
}
#contents .mod-Slider_Content.slick-slider .slick-next,
#contents .mod-Slider_CarouselContent.slick-slider .slick-next {
  right: 0;
}
#contents .mod-Slider_Content.slick-slider .slick-next::before,
#contents .mod-Slider_CarouselContent.slick-slider .slick-next::before {
  content: "";
  display: inline-block;
  background: url("/tech/articles/common/img/icon_slide_next.png") no-repeat;
  height: 32px;
  width: 18px;
}
#contents .mod-Slider_Content.slick-slider .slick-next:hover,
#contents .mod-Slider_CarouselContent.slick-slider .slick-next:hover,
#contents .mod-Slider_Content.slick-slider .slick-next:focus,
#contents .mod-Slider_CarouselContent.slick-slider .slick-next:focus {
  background: inherit;
}
#contents .mod-Slider_Content.slick-slider .slick-prev,
#contents .mod-Slider_CarouselContent.slick-slider .slick-prev {
  left: 0;
}
#contents .mod-Slider_Content.slick-slider .slick-prev::before,
#contents .mod-Slider_CarouselContent.slick-slider .slick-prev::before {
  content: "";
  display: inline-block;
  background: url("/tech/articles/common/img/icon_slide_prev.png") no-repeat;
  height: 32px;
  width: 18px;
}
#contents .mod-Slider_Content.slick-slider .slick-prevhover,
#contents .mod-Slider_CarouselContent.slick-slider .slick-prevhover,
#contents .mod-Slider_Content.slick-slider .slick-prevfocus,
#contents .mod-Slider_CarouselContent.slick-slider .slick-prevfocus {
  background: inherit;
}
#contents .mod-Slider_Content.slick-slider .slick-dots,
#contents .mod-Slider_CarouselContent.slick-slider .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 12px;
  height: 12px;
}
#contents .mod-Slider_Content.slick-slider .slick-dots li,
#contents .mod-Slider_CarouselContent.slick-slider .slick-dots li {
  height: 12px;
  width: 12px;
}
#contents .mod-Slider_Content.slick-slider .slick-dots li button,
#contents .mod-Slider_CarouselContent.slick-slider .slick-dots li button {
  height: 12px;
  width: 12px;
  padding: 0;
}
#contents .mod-Slider_Content.slick-slider .slick-dots li button::before,
#contents .mod-Slider_CarouselContent.slick-slider .slick-dots li button::before {
  opacity: 1;
  border-radius: 10px;
  background: #e7e7e7;
  color: #e7e7e7;
  line-height: 1;
  height: 10px;
  width: 10px;
}
#contents .mod-Slider_Content.slick-slider .slick-dots li.slick-active button::before,
#contents .mod-Slider_CarouselContent.slick-slider .slick-dots li.slick-active button::before {
  opacity: 1;
  border-color: #707070;
  background: #9a1e13;
  color: #9a1e13;
}
#contents .mod-Row .mod-Slider_Content.slick-slider .slick-dots li button::before {
  background: #e7e7e7;
  color: #e7e7e7;
}
#contents .mod-Row .mod-Slider_Content.slick-slider .slick-dots li.slick-active button::before {
  border-color: #707070;
  background: #9a1e13;
  color: #9a1e13;
}
#contents .mod-Bg-darkgray .mod-Slider_Content.slick-slider {
  padding-bottom: 44px;
}
#contents .mod-Bg-darkgray .mod-Slider_Content.slick-slider .mod-Slider_Caption {
  color: #fff;
}
#contents .mod-Bg-darkgray .mod-Slider_Content.slick-slider .slick-next::before {
  content: "";
  background: url("/tech/articles/common/img/icon_slide_next_white.png") no-repeat;
}
#contents .mod-Bg-darkgray .mod-Slider_Content.slick-slider .slick-prev::before {
  content: "";
  background: url("/tech/articles/common/img/icon_slide_prev_white.png") no-repeat;
}
#contents .mod-Bg-darkgray .mod-Slider_Content.slick-slider .slick-dots li button::before {
  border-color: #fff;
  background: #fff;
  color: #fff;
}
#contents .mod-Bg-darkgray .mod-Slider_Content.slick-slider .slick-dots li.slick-active button::before {
  border-color: #707070;
  background: #9a1e13;
  color: #9a1e13;
}
#contents .mod-Slider_CarouselContent.slick-slider {
  max-width: 900px;
  margin: 0 auto;
}
#contents .mod-Slider_CarouselContent.slick-slider .slick-next {
  right: -30px;
}
#contents .mod-Slider_CarouselContent.slick-slider .slick-prev {
  left: -30px;
}
.mod-Talk {
  margin: 40px 0;
}
.mod-Talk_Presenter {
  position: relative;
  font-weight: bold;
  line-height: 1.7;
}
.mod-Talk_Content {
  margin-top: 20px;
}
.mod-Talk_Speaker {
  font-weight: bold;
  line-height: 1.7;
  margin: 0;
}
.mod-Talk_Speaker-red {
  color: #cc0100;
}
.mod-Talk_Speaker-blue {
  color: #0205ab;
}
.mod-Talk_Speaker-black {
  color: #222;
}
.mod-Talk_Speak {
  line-height: 1.7;
  margin: 0;
}
.mod-Movie_Caption {
  font-size: 12px;
  line-height: 1.7;
  margin-top: 10px;
}
.mod-Comment_Txt {
  line-height: 2;
}
.mod-Questionnaire {
  border: 1px solid #e4e4e4;
  margin: 40px 0;
}
.mod-Questionnaire_Title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
}
.mod-Questionnaire_Btns {
  padding: 0;
}
.mod-Questionnaire_Btn {
  cursor: pointer;
  list-style-type: none;
  border: 1px solid #bfbfbf;
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  padding: 16px 0;
}
.mod-Questionnaire_Btn:first-child {
  margin: 0;
}
.mod-Questionnaire_Btn-good::before {
  content: "";
  display: inline-block;
  position: relative;
  background-image: url("/tech/articles/common/img/icon_face_good.png");
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 12px;
}
.mod-Questionnaire_Btn-normal::before {
  content: "";
  display: inline-block;
  position: relative;
  background-image: url("/tech/articles/common/img/icon_face_normal.png");
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 12px;
}
.mod-Questionnaire_Btn-bad::before {
  content: "";
  display: inline-block;
  position: relative;
  background-image: url("/tech/articles/common/img/icon_face_bad.png");
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 12px;
}
.mod-Questionnaire_Btn-selected {
  border-color: #cc0100;
  background-color: #f7ecec;
  color: #cc0100;
}
.mod-Questionnaire_Btn-selected.mod-Questionnaire_Btn-good::before {
  background-image: url("/tech/articles/common/img/icon_face_good_red.png");
}
.mod-Questionnaire_Btn-selected.mod-Questionnaire_Btn-normal::before {
  background-image: url("/tech/articles/common/img/icon_face_normal_red.png");
}
.mod-Questionnaire_Btn-selected.mod-Questionnaire_Btn-bad::before {
  background-image: url("/tech/articles/common/img/icon_face_bad_red.png");
}
.mod-Questionnaire_Txt {
  font-size: 16px;
  text-align: center;
  margin: 30px 0 0;
}
.mod-Model {
  margin: 40px 0;
}
.mod-Model_Item {
  text-align: center;
}
.mod-Model_Item-hide {
  display: none;
}
.mod-Model_Item a {
  color: inherit;
  text-decoration: none;
}
.mod-Model_Name {
  font-weight: bold;
  line-height: 1.7;
}
.mod-Model_Check {
  line-height: 1.7;
}
.mod-RelativePost_List {
  padding: 0;
  margin: 0;
}
.mod-RelativePost_List-hide {
  display: none;
}
.mod-RelativePost_Item {
  list-style-type: none;
}
.mod-RelativePost_Item-hide {
  display: none;
}
.mod-RelativePost a {
  color: inherit;
  text-decoration: none;
}
.mod-RelativePost_Txt {
  font-weight: bold;
  margin: 20px 0 0;
}
.mod-RelativePost2 {
  marigin: 40px 0;
}
.mod-RelativePost2 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/tech/articles/common/img/icon_arrow_btn.png") no-repeat 96% center #f9f9f9;
  color: inherit;
  text-decoration: none;
}
.mod-RelativePost2_Img {
  -webkit-flex-basis: 170px;
      -ms-flex-preferred-size: 170px;
          flex-basis: 170px;
  max-with: 170px;
  width: 170px;
}
.mod-RelativePost2_Txt {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
  font-weight: bold;
  line-height: 1.7;
}
.mod-RelativePost2 a {
  color: inherit;
  text-decoration: none;
}
.mod-RelativePost2_Txt {
  font-weight: bold;
  margin: 0px 0 0;
}
.mod-Breadcrumb {
  overflow: hidden;
  background: #f9f9f9;
}
.mod-Breadcrumb_Item {
  display: inline-block;
  font-size: 14px;
}
.mod-Breadcrumb_Item:not(:last-child)::after {
  content: "\03e";
  margin: 0 0.5em;
}
.mod-Breadcrumb_Item a {
  color: inherit;
  text-decoration: none;
}
.mod-Breadcrumb_Item a:hover {
  text-decoration: underline;
}
/*------------------------------------------------------
テクノロジーヘッダー
------------------------------------------------------*/
#tech_motor_head {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 25px 0 20px;
  background-color: #fff;
}
#tech_motor_head .tech_motor_head_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 980px;
  margin: 0 auto;
}
#tech_motor_head h1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
          flex: 0 0 40%;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
          align-self: center;
  max-width: 420px;
  margin: 0 auto 0 20px;
}
#tech_motor_head h1 img {
  display: block;
  width: 100%;
  height: auto;
}
/*
#tech_motor_head a.back_btn {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-line-pack: center;
 align-content: center;
	margin: 0 10px 0 auto;
	padding: 0.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	background-color: #000;
}
#tech_motor_head a.back_btn span{
 -webkit-box-flex: 0;
 -ms-flex: 0 0 auto;
 flex: 0 0 auto;
 margin: 0;
 text-align: right;
}
*/
#tech_motor_head a.back_btn {
  position: relative;
  display: block;
  width: 200px;
  text-align: center;
  margin: 0 10px 0 auto;
  padding: 0.5em;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  background-color: #000;
}
#tech_motor_head a.back_btn span {
  display: inline-block;
  margin: 0;
  text-align: right;
}
#tech_motor_head a.back_btn.motor {
  background-color: #11296c;
}
#tech_motor_head a.back_btn:hover {
  opacity: 0.7;
}
#tech_motor_head a.back_btn::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: -0.4em 0 0 0.5em;
  padding: 0;
  background: url("/tech/articles/common/img/tech_back_arrow.svg") no-repeat 50% 50%;
  background-size: contain;
}
/*------------------------------------------------------
テクノロジーヘッダー
------------------------------------------------------*/
#tech_auto_head {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 25px 0 20px !important;
  background-color: #fff !important;
}
#tech_auto_head .tech_auto_head_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 980px;
  margin: 0 auto;
}
#tech_auto_head h1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
          flex: 0 0 40%;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
          align-self: center;
  max-width: 420px;
  margin: 0 auto 0 20px !important;
}
#tech_auto_head h1 img {
  display: block;
  width: 100%;
  height: auto;
}
/*
#tech_auto_head a.back_btn {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-line-pack: center;
 align-content: center;
	margin: 0 10px 0 auto;
	padding: 0.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	background-color: #000;
}
#tech_auto_head a.back_btn span{
 -webkit-box-flex: 0;
 -ms-flex: 0 0 auto;
 flex: 0 0 auto;
 margin: 0;
 text-align: right;
}
*/
#tech_auto_head a.back_btn {
  position: relative;
  display: block;
  width: 200px;
  text-align: center;
  margin: 0 10px 0 auto;
  padding: 0.5em;
  box-sizing: border-box;
  font-size: 15px;
  text-decoration: none;
  border-radius: 5px;
  background-color: #000;
}
#tech_auto_head a.back_btn span {
  display: inline-block;
  margin: 0;
  text-align: right;
  color: #fff !important;
}
#tech_auto_head a.back_btn.auto {
  background-color: #a80000;
}
#tech_auto_head a.back_btn:hover {
  opacity: 0.7;
}
#tech_auto_head a.back_btn::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: -0.4em 0 0 0.5em;
  padding: 0;
  background: url("/tech/articles/common/img/tech_back_arrow.svg") no-repeat 50% 50%;
  background-size: contain;
}
@media screen and (max-width: 735px) {
  .u-pcOnly {
    display: none !important;
  }
  .u-spHide {
    display: none !important;
  }
  .u-inner {
    margin: 0;
  }
  .u-inner-sp0 {
    margin: 0 auto;
  }
  .u-mt0-sp {
    margin-top: 0px !important;
  }
  .u-mb0-sp {
    margin-bottom: 0px !important;
  }
  .u-mt5-sp {
    margin-top: 5px !important;
  }
  .u-mb5-sp {
    margin-bottom: 5px !important;
  }
  .u-mt10-sp {
    margin-top: 10px !important;
  }
  .u-mb10-sp {
    margin-bottom: 10px !important;
  }
  .u-mt15-sp {
    margin-top: 15px !important;
  }
  .u-mb15-sp {
    margin-bottom: 15px !important;
  }
  .u-mt20-sp {
    margin-top: 20px !important;
  }
  .u-mb20-sp {
    margin-bottom: 20px !important;
  }
  .u-mt25-sp {
    margin-top: 25px !important;
  }
  .u-mb25-sp {
    margin-bottom: 25px !important;
  }
  .u-mt30-sp {
    margin-top: 30px !important;
  }
  .u-mb30-sp {
    margin-bottom: 30px !important;
  }
  .u-mt35-sp {
    margin-top: 35px !important;
  }
  .u-mb35-sp {
    margin-bottom: 35px !important;
  }
  .u-mt40-sp {
    margin-top: 40px !important;
  }
  .u-mb40-sp {
    margin-bottom: 40px !important;
  }
  .u-mt45-sp {
    margin-top: 45px !important;
  }
  .u-mb45-sp {
    margin-bottom: 45px !important;
  }
  .u-mt50-sp {
    margin-top: 50px !important;
  }
  .u-mb50-sp {
    margin-bottom: 50px !important;
  }
  .u-mt55-sp {
    margin-top: 55px !important;
  }
  .u-mb55-sp {
    margin-bottom: 55px !important;
  }
  .u-mt60-sp {
    margin-top: 60px !important;
  }
  .u-mb60-sp {
    margin-bottom: 60px !important;
  }
  .u-mt65-sp {
    margin-top: 65px !important;
  }
  .u-mb65-sp {
    margin-bottom: 65px !important;
  }
  .u-mt70-sp {
    margin-top: 70px !important;
  }
  .u-mb70-sp {
    margin-bottom: 70px !important;
  }
  .u-mt75-sp {
    margin-top: 75px !important;
  }
  .u-mb75-sp {
    margin-bottom: 75px !important;
  }
  .u-mt80-sp {
    margin-top: 80px !important;
  }
  .u-mb80-sp {
    margin-bottom: 80px !important;
  }
  .u-mt85-sp {
    margin-top: 85px !important;
  }
  .u-mb85-sp {
    margin-bottom: 85px !important;
  }
  .u-mt90-sp {
    margin-top: 90px !important;
  }
  .u-mb90-sp {
    margin-bottom: 90px !important;
  }
  .u-mt95-sp {
    margin-top: 95px !important;
  }
  .u-mb95-sp {
    margin-bottom: 95px !important;
  }
  .u-mt100-sp {
    margin-top: 100px !important;
  }
  .u-mb100-sp {
    margin-bottom: 100px !important;
  }
  .mod-Bg {
    padding: 40px 0;
  }
  .mod-Btn {
    line-height: 24px;
    padding: 14px 5px;
  }
  .mod-Title2 {
    font-size: 20px;
    padding: 36px 0 0;
    margin: 36px 0;
  }
  .mod-Title2::before {
    width: 80px;
  }
  .mod-Title2::after {
    width: 168px;
  }
  .mod-Title3 {
    font-size: 16px;
  }
  .mod-Title3::before {
    top: 6px;
    height: 12px;
    width: 12px;
  }
  .mod-TitleComment {
    font-size: 20px;
    padding-left: 1.5em;
    margin: 0 0 20px;
  }
  .mod-TitleComment::before {
    top: 4px;
    background: url("/tech/articles/common/img/icon_comment_sp.png") no-repeat;
    height: 20px;
    width: 22.5px;
  }
  .mod-TitleCheck {
    font-size: 20px;
    padding-left: 2em;
    margin: 0 0 20px;
  }
  .mod-TitleCheck::before {
    top: 5px;
    background: url("/tech/articles/common/img/icon_check_sp.png") no-repeat;
    height: 22px;
    width: 29px;
  }
  .mod-TitlePerson {
    font-size: 16px;
    padding: 6px 10px;
  }
  .mod-Title4 {
    font-size: 20px;
  }
  .mod-MV {
    margin-bottom: 40px;
  }
  .mod-MV_Img img {
    width: 100%;
  }
  .mod-MV_Title {
    font-size: 24px;
  }
  .mod-MV_State {
    margin: 0 0 12px;
  }
  .mod-MV_StateItem {
    line-height: 38px;
    margin: 0 18px 18px 0;
  }
  .mod-MV_Txt {
    font-size: 16px;
  }
  .mod-MV_Txt-small {
    margin: 16px 0 0;
  }
  .mod-MV_Txt-small small {
    font-size: 14px;
  }
  .mod-Index {
    padding: 20px;
    margin: 40px 0;
  }
  .mod-Index_Title {
    padding: 0 0 15px;
  }
  .mod-Index_ListItem a {
    background-position: left center;
    font-size: 16px;
    padding: 20px 20px 20px 30px;
  }
  .mod-Row {
    margin: 40px 0;
  }
  .mod-Row_Area {
    margin: 40px 0 0;
  }
  .mod-Row_Area:first-of-type {
    margin-top: 0;
  }
  .mod-Row_Txt {
    font-size: 15px;
  }
  .mod-Profile_Txt {
    font-size: 15px;
  }
  .mod-Profile2 .mod-Row {
    padding-right: 20px;
    padding-left: 20px;
  }
  .mod-Profile3 .mod-Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 20px;
    padding-left: 20px;
  }
  .mod-Profile3 .mod-Row_Area {
    -webkit-flex-basis: 47.4757627%;
        -ms-flex-preferred-size: 47.4757627%;
            flex-basis: 47.4757627%;
    max-width: 47.4757627%;
    width: 47.4757627%;
  }
  .mod-Profile4 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .mod-Profile5 {
    padding: 40px 20px;
  }
  .mod-Talk_Presenter {
    font-size: 15px;
  }
  .mod-Talk_Speaker {
    font-size: 15px;
  }
  .mod-Talk_Speak {
    font-size: 15px;
    margin: 10px 0 0;
  }
  .mod-Comment_Txt {
    font-size: 15px;
  }
  .mod-Questionnaire {
    padding: 40px 5px;
  }
  .mod-Questionnaire_Title {
    margin: 0 0 50px;
  }
  .mod-Questionnaire_Btns {
    margin: 0px 40px;
  }
  .mod-Questionnaire_Btn {
    margin-top: 30px;
  }
  .mod-Model_List {
    margin-bottom: 40px;
  }
  .mod-Model_List-hide {
    display: none;
  }
  .mod-Model_Item {
    margin: 0 0 60px;
  }
  .mod-Model_Name {
    font-size: 16px;
    margin: 20px 0 0;
  }
  .mod-Model_Check {
    font-size: 15px;
  }
  .mod-RelativePost {
    padding: 30px 0px 50px;
  }
  .mod-RelativePost_List {
    padding: 0 30px;
  }
  .mod-RelativePost_Item {
    display: block !important;
    max-width: 268px;
    margin: 40px auto 0;
    float: none !important;
  }
  .mod-RelativePost_Item:first-child {
    margin: 0 auto;
  }
  .mod-RelativePost2_Txt {
    font-size: 15px;
    padding: 0 25px 0 10px;
  }
  .mod-Breadcrumb {
    padding: 17px 0;
/*    margin-bottom: -20px;*/
  }
  .mod-Breadcrumb_List {
    overflow: auto;
    width: 100%;
    white-space: nowrap;
  }
  .mod-Breadcrumb_Item {
    line-height: 20px;
  }
  #tech_motor_head {
    width: 100%;
    min-width: auto;
    padding: 20px 0 15px;
  }
  #tech_motor_head .tech_motor_head_inner {
    width: 100%;
  }
  #tech_motor_head h1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 53%;
    -webkit-flex: 0 0 53%;
            flex: 0 0 53%;
    margin: 0 0 0 10px;
  }
  #tech_motor_head a.back_btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin: 0 10px 0 auto;
    padding: 0.2em 1em;
    font-size: 10px;
  }
  #tech_motor_head a.back_btn::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    -webkit-flex: 0 0 12px;
            flex: 0 0 12px;
    width: 12px;
    height: 12px;
  }
  #tech_motor_head a.back_btn * {
    line-height: 1.6;
  }
  #tech_auto_head {
    width: 100%;
    min-width: auto;
    padding: 20px 0 15px;
  }
  #tech_auto_head .tech_auto_head_inner {
    width: 100%;
  }
  #tech_auto_head h1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 53%;
    -webkit-flex: 0 0 53%;
            flex: 0 0 53%;
    margin: 0 0 0 10px;
  }
  #tech_auto_head a.back_btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin: 0 10px 0 auto;
    padding: 0.6vw 2.4vw;
    font-size: 10px;
  }
  #tech_auto_head a.back_btn::after {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    -webkit-flex: 0 0 12px;
            flex: 0 0 12px;
    width: 12px;
    height: 12px;
  }
}
@media print, screen and (min-width: 736px) {
  .u-pcHide {
    display: none !important;
  }
  .u-wrapper {
    min-width: 980px;
    width: 100%;
  }
  .u-mt0-pc {
    margin-top: 0px !important;
  }
  .u-mb0-pc {
    margin-bottom: 0px !important;
  }
  .u-mt5-pc {
    margin-top: 5px !important;
  }
  .u-mb5-pc {
    margin-bottom: 5px !important;
  }
  .u-mt10-pc {
    margin-top: 10px !important;
  }
  .u-mb10-pc {
    margin-bottom: 10px !important;
  }
  .u-mt15-pc {
    margin-top: 15px !important;
  }
  .u-mb15-pc {
    margin-bottom: 15px !important;
  }
  .u-mt20-pc {
    margin-top: 20px !important;
  }
  .u-mb20-pc {
    margin-bottom: 20px !important;
  }
  .u-mt25-pc {
    margin-top: 25px !important;
  }
  .u-mb25-pc {
    margin-bottom: 25px !important;
  }
  .u-mt30-pc {
    margin-top: 30px !important;
  }
  .u-mb30-pc {
    margin-bottom: 30px !important;
  }
  .u-mt35-pc {
    margin-top: 35px !important;
  }
  .u-mb35-pc {
    margin-bottom: 35px !important;
  }
  .u-mt40-pc {
    margin-top: 40px !important;
  }
  .u-mb40-pc {
    margin-bottom: 40px !important;
  }
  .u-mt45-pc {
    margin-top: 45px !important;
  }
  .u-mb45-pc {
    margin-bottom: 45px !important;
  }
  .u-mt50-pc {
    margin-top: 50px !important;
  }
  .u-mb50-pc {
    margin-bottom: 50px !important;
  }
  .u-mt55-pc {
    margin-top: 55px !important;
  }
  .u-mb55-pc {
    margin-bottom: 55px !important;
  }
  .u-mt60-pc {
    margin-top: 60px !important;
  }
  .u-mb60-pc {
    margin-bottom: 60px !important;
  }
  .u-mt65-pc {
    margin-top: 65px !important;
  }
  .u-mb65-pc {
    margin-bottom: 65px !important;
  }
  .u-mt70-pc {
    margin-top: 70px !important;
  }
  .u-mb70-pc {
    margin-bottom: 70px !important;
  }
  .u-mt75-pc {
    margin-top: 75px !important;
  }
  .u-mb75-pc {
    margin-bottom: 75px !important;
  }
  .u-mt80-pc {
    margin-top: 80px !important;
  }
  .u-mb80-pc {
    margin-bottom: 80px !important;
  }
  .u-mt85-pc {
    margin-top: 85px !important;
  }
  .u-mb85-pc {
    margin-bottom: 85px !important;
  }
  .u-mt90-pc {
    margin-top: 90px !important;
  }
  .u-mb90-pc {
    margin-bottom: 90px !important;
  }
  .u-mt95-pc {
    margin-top: 95px !important;
  }
  .u-mb95-pc {
    margin-bottom: 95px !important;
  }
  .u-mt100-pc {
    margin-top: 100px !important;
  }
  .u-mb100-pc {
    margin-bottom: 100px !important;
  }
  .mod-Bg {
    padding: 60px 0;
  }
  .mod-Btn {
    font-size: 16px;
    line-height: 20px;
    width: 350px;
    padding: 19px 0;
  }
  .mod-Btn:hover {
    opacity: 0.4;
  }
  .mod-Btn-down {
    width: 268px;
    padding: 16px 0;
  }
  .mod-Title2 {
    font-size: 36px;
    padding: 60px 0 0;
    margin: 60px 0 50px;
  }
  .mod-Title2::before {
    width: 100px;
  }
  .mod-Title2::after {
    width: 490px;
  }
  .mod-Title3 {
    font-size: 22px;
  }
  .mod-Title3::before {
    top: 8px;
    height: 20px;
    width: 20px;
  }
  .mod-TitleComment {
    font-size: 22px;
    padding-left: 1.5em;
    margin: 0 0 30px;
  }
  .mod-TitleComment::before {
    top: 5px;
    background: url("/tech/articles/common/img/icon_comment.png") no-repeat;
    background-size: 100% auto;
    height: 24px;
    width: 26.666px;
  }
  .mod-TitleCheck {
    font-size: 22px;
    padding-left: 2em;
    margin: 0 0 50px;
  }
  .mod-TitleCheck::before {
    top: 6px;
    background: url("/tech/articles/common/img/icon_check.png") no-repeat;
    background-size: 100% auto;
    height: 22px;
    width: 31.3333px;
  }
  .mod-TitlePerson {
    font-size: 21px;
    padding: 12px 10px;
  }
  .mod-Title4 {
    font-size: 22px;
  }
  .mod-MV {
    margin-bottom: 60px;
  }
  .mod-MV_Img {
    overflow: hidden;
    position: relative;
  }
  .mod-MV_Title {
    font-size: 46px;
  }
  .mod-MV_State {
    margin: 0 0 16px;
  }
  .mod-MV_StateItem {
    font-size: 12px;
    line-height: 26px;
    margin: 0 14px 14px 0;
  }
  .mod-MV_Txt {
    font-size: 20px;
  }
  .mod-MV_Txt-small {
    margin: 54px 0 0;
  }
  .mod-MV_Txt-small small {
    font-size: 12px;
  }
  .mod-Index {
    padding: 20px 0;
    margin: 60px 0;
  }
  .mod-Index_Head {
    padding: 0 20px;
  }
  .mod-Index_Title {
    font-size: 18px;
    padding: 0 0px 10px;
  }
  .mod-Index_ListItem::after {
    margin: 0 20px;
  }
  .mod-Index_ListItem a {
    background-position: 20px center;
    font-size: 16px;
    padding: 20px 20px 20px 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .mod-Index_ListItem a:hover {
    background-color: #fff;
    color: #cc0100;
  }
  .mod-Row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 40px 0;
  }
  .mod-Row_Area {
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    max-width: 48%;
    width: 48%;
  }
  .mod-Row_Txt {
    font-size: 16px;
  }
  .mod-Row_Figcaption {
    font-size: 12px;
  }
  .mod-Profile_Txt {
    font-size: 16px;
  }
  .mod-Profile2 .mod-Row {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mod-Profile2 .mod-Row_Area {
    -webkit-flex-basis: 440px;
        -ms-flex-preferred-size: 440px;
            flex-basis: 440px;
    max-width: 440px;
    width: 440px;
  }
  .mod-Profile3 .mod-Row {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mod-Profile3 .mod-Row_Area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-basis: 440px;
        -ms-flex-preferred-size: 440px;
            flex-basis: 440px;
    max-width: 440px;
    width: 440px;
    margin-top: 40px;
  }
  .mod-Profile3 .mod-Row_ImgArea {
    -webkit-flex-basis: 210px;
        -ms-flex-preferred-size: 210px;
            flex-basis: 210px;
    max-width: 210px;
    width: 210px;
  }
  .mod-Profile3 .mod-Row_InfoArea {
    -webkit-flex-basis: 220px;
        -ms-flex-preferred-size: 220px;
            flex-basis: 220px;
    max-width: 220px;
    width: 220px;
  }
  .mod-Profile3 .mod-Row .mod-TitlePerson {
    font-size: 19px;
  }
  .mod-Profile4 {
    padding: 40px;
  }
  .mod-Profile4 .mod-Person {
    padding: 8.5px 10px;
  }
  .mod-Profile5 {
    padding: 20px;
  }
  #contents .mod-Slider_CarouselContent.slick-slider .slick-slide {
    width: 268px;
  }
  #contents .mod-Slider_CarouselContent.slick-slider .slick-next,
  #contents .mod-Slider_CarouselContent.slick-slider .slick-prev {
    top: 84px;
  }
  .mod-Talk_Presenter {
    font-size: 16px;
  }
  .mod-Talk_Content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mod-Talk_Speaker {
    -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
            flex-basis: 100px;
    font-size: 16px;
    min-width: 100px;
    white-space: nowrap;
  }
  .mod-Talk_Speak {
    font-size: 16px;
  }
  .mod-Bg .mod-Movie {
    padding: 52px 0;
  }
  .mod-Comment_Txt {
    font-size: 16px;
  }
  .mod-Questionnaire {
    padding: 40px 70px;
  }
  .mod-Questionnaire_Title {
    font-size: 18px;
    margin: 0 0 30px;
  }
  .mod-Questionnaire_Btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
  }
  .mod-Questionnaire_Btn {
    font-size: 16px;
    -webkit-flex-basis: 268px;
        -ms-flex-preferred-size: 268px;
            flex-basis: 268px;
    max-width: 268px;
    width: 268px;
    margin-left: 24px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .mod-Questionnaire_Btn:hover {
    opacity: 0.4;
  }
  .mod-Questionnaire_Txt {
    font-size: 14px;
  }
  .mod-Model_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 10px 40px;
  }
  .mod-Model_List-hide {
    display: none;
  }
  .mod-Model_Item {
    -webkit-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
            flex-basis: 32%;
    max-width: 32%;
    width: 32%;
    margin: 0 0 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .mod-Model_Item:hover {
  }
  .mod-Model_Name {
    font-size: 16px;
    margin: 40px 0 0;
  }
  .mod-Model_Check {
    font-size: 14px;
    margin: 10px 0 0;
  }
  .mod-RelativePost {
    padding: 60px 0 40px;
  }
  .mod-RelativePost_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mod-RelativePost_Item {
    margin: 0 16px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .mod-RelativePost_Item:hover {
    opacity: 0.4;
  }
  .mod-RelativePost2 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .mod-RelativePost2:hover {
    opacity: 0.4;
  }
  .mod-RelativePost2_Txt {
    font-size: 14px;
    padding: 0 40px;
  }
  .mod-Breadcrumb {
    padding: 12px 0;
    /*margin-bottom: -29px;*/
  }
  .mod-Breadcrumb_Item {
    font-size: 12px;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1440px) {
  .mod-MV_Img {
    /*height: 400px;*/
  }
  .mod-MV_Img img {
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
    width: 100%;
  }
}