.block_item {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	position: relative
  }
  
  .block_item-type01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 548px
  }
  
  .block_item_elem {
	background: no-repeat 50%;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
  }
  
  .block_item_elem, .block_item_elem_link {
	width: 100%;
	height: 100%;
	position: relative
  }
  
  .block_item_elem_link {
	display: block
  }
  
  .block_item_elem_link-black {
	color: #000
  }
  
  .block_item_elem_link-white {
	color: #fff
  }
  
  .block_item_elem_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat 50%;
	background-size: cover;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .block_item_elem_img img {
	width: 100%
  }
 
  .block_item_elem_img-liveability {
	background-image: url(../images/main_photo.jpg)
  }
  
  .block_item_elem-type01 {
	padding: 44px 50px
  }
  
  .block_item_elem-type02 {
	padding: 54px 50px 80px
  }
  
  .block_item_elem-left {
	width: 50%
  }

  .block_item_elem-right {
	width: 50%
  }
  
  .block_item_elem-gray {
	background-color: #222;
	color: #fff
  }
  
  .block_item_elem-white {
	background-color: #fff;
	color: #000
  }
  
  .block_item_elem>img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	pointer-events: none
  }
  
  .block_item_ttl {
	display: inline-block;
	position: relative;
	padding-bottom: 8px;
  }
  
  .block_item_ttl-white {
	color: #fff;
	border-color: #fff
  }
  
  .block_item_ttl-eventinfo {
	margin-bottom: 50px
  }
  .block_item_ttl-about {
	margin-bottom: 30px
  }
  
  .block_item_ttl-messages {
	margin-bottom: 78px
  }
  
  .block_item_ttl-findout {
	margin-bottom: 70px
  }
  .block_item_ttl-keyPerson {
	margin-bottom: 53px
  }
  
  .block_item_ttl-process {
	margin-bottom: 48px;
	border-bottom: none
  }

  .block_item_ttl-information {
	margin-bottom: 54px
  }
  
  .block_item_ttl-careerNow {
	margin-bottom: 60px
  }
  
  .block_item_ttl-workplace {
	border: none
  }
  
  .block_item_ttl-workplace span {
	display: block;
	max-width: 176px;
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: 4px solid #fff
  }
  
  .block_item_ttl-workplace-career {
	margin-bottom: 60px
  }
  
  .block_item_ttl-workplace-career span {
	max-width: 122px;
	border-bottom: 4px solid #000
  }
  .block_item_name {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	position: relative
  }
  
  .block_item_name-small {
	font-size: 1.8rem
  }
  
  .block_item_name_block {
	margin-top: 35px
  }
  
  .block_item_name_job {
	font-size: 1.6rem;
	line-height: 1.5;
	vertical-align: baseline;
	margin-right: 14px
  }
  
  .block_item_name_job-small {
	display: block;
	margin-bottom: 12px
  }
  
  .block_item_img {
	display: block;
	width: 588px;
	margin-top: 54px
  }
  
  .block_item_arrow {
	width: 40px;
	position: absolute;
	top: 50%;
	right: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .block_item_arrow img {
	width: 100%
  }
  
  .blockLink {
	display: block;
	font-size: 2.4rem;
	color: #fff;
	letter-spacing: .075em;
	padding-right: 42px;
	position: absolute;
	top: 78px;
	right: 50px
  }
  
  .blockLink-eventinfo, .blockLink-information {
	font-size: 1.8rem;
	font-weight: 700;
	color: #000
  }
  
  .blockLink_arrow {
	width: 22px;
	right: 0
  }
  
  .blockList {
	max-width: 1418px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
  }
  
  .blockListItem {
	width: 440px;
	height: 440px;
	background: no-repeat 50%;
	background-size: cover;
	position: relative;
	overflow: hidden
  }
  
  .blockListItem a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
  }
  
  .blockListItem>img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	pointer-events: none
  }
  
  .blockListItem_ttl {
	font-size: 5.2rem;
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 25%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .blockListItem_txt {
	width: 368px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
	position: absolute;
	top: 220px;
	left: 0;
	right: 0;
	margin: 0 auto
  }
  
  .blockListItem_arrow {
	right: 30px
  }
  
  .blockListItem-01 {
	width: 471px;
	height: 350px
  }
  
  .blockListItem-01 .nosp {
	display: none
  }
  
  .blockListItem-01>img {
	height: 100%
  }
  
  .findout_list {
	width: calc(100% + 12px);
	margin: -20px auto 0;
	-webkit-transform: translate(-4px);
	transform: translate(-4px)
  }
  
  .findout_item_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 3rem;
	font-weight: 700;
	color: #000;
	letter-spacing: .075em;
	margin-bottom: 20px;
	padding: 12px 12px 12px 58px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
  }
  
  .findout_item_link:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(/common/img/ico-find.svg) no-repeat 50%;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .findout_item_subLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 280px;
	height: 36px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: -16px 0 36px 58px
  }
  
  .findout_item_subLink span {
	display: block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	position: relative
  }
  
  .findout_item_subLink span:after, .findout_item_subLink span:before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background: #dd0a1f;
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute
  }
  
  .findout_item_subLink span:before {
	bottom: 0;
	right: 0
  }
  
  .findout_item_subLink span:after {
	top: 0;
	left: 0
  }
  
  .findout_item_subLink:hover {
	color: #fff
  }
  
  .findout_item_subLink:hover, .findout_item_subLink:hover span:after, .findout_item_subLink:hover span:before {
	border-color: #fff;
	-webkit-transition-duration: .24s;
	transition-duration: .24s
  }
  
  .findout_item_arrow {
	width: 30px;
	right: 0
  }
  
  .information_list {
	width: 800px;
	padding-left: 72px
  }
  
  .information_list li {
	width: 100%;
	position: relative;
	font-size: 1.5rem;
	color: #000;
	line-height: 1.75;
	letter-spacing: .075em;
	padding-bottom: 20px;
	padding-left: 110px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .information_list li .date {
	font-family: Barlow, sans-serif;
	position: absolute;
	top: 0;
	left: 0
  }
  
  .information_list li .news a {
	color: #000
  }
  
  .information_list li .news a:hover {
	opacity: .6
  }
  
  .eventinfo_item_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 3rem;
	font-weight: 700;
	color: #000;
	letter-spacing: .075em;
	margin-bottom: 20px;
	padding: 12px 12px 12px 58px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
  }
  
  .eventinfo_item_link:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(/common/img/ico-find.svg) no-repeat 50%;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .eventinfo_item_arrow {
	width: 22px;
	right: 10px
  }
  
  .eventinfo_list {
	padding-left: 35px;
	text-align: left
  }
  
  .eventinfo_list li {
	background-image: url(/info/img/line.png);
	background-position-y: top;
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
	font-size: 1.5rem;
	color: #000;
	line-height: 1.75;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .eventinfo_list li .info_label_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 26px
  }
  
  .eventinfo_list li .info_label_wrap span+span {
	margin-left: 6px
  }
  
  .eventinfo_list li .info_label_wrap span:not(:last-child) {
	display: inline-block;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	width: auto;
	padding: 0 6px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 3px
  }
  
  .eventinfo_list li .info_label_wrap span:last-child {
	margin-left: 20px;
	font-size: 16px
  }
  
  .eventinfo_list li strong {
	margin-top: 18px;
	letter-spacing: .075em;
	font-size: 18px;
	line-height: 1.5;
	display: block
  }
  
  .eventinfo_list li:last-child {
	background-image: url(/info/img/line.png), url(/info/img/line.png);
	background-position-y: top, bottom;
	background-repeat: repeat-x;
	margin-bottom: 32px
  }
  
  .eventinfo_list li a {
	display: block;
	padding: 20px 0
  }
  
  .careerNow_list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .careerNow_item {
	width: calc(33.333% - 6.666px)
  }
  
  .careerNow_item img {
	display: block;
	width: 100%
  }
  
  @media screen and (max-width:1919px) {
	.blockListItem-01 {
	  width: 420px;
	  height: 312px
	}
	.blockListItem_txt {
	  top: 200px
	}
	.findout_item_link {
	  font-size: 2.8rem;
	  padding-left: 44px
	}
	.findout_item_link:before {
	  width: 30px;
	  height: 30px
	}
	.findout_item_subLink {
	  margin-left: 44px
	}
  }
  
  @media screen and (max-width:1779px) {
	.block_item-type01 {
	  height: 440px
	}
	.block_item-type02 {
	  height: 435px
	}
	.block_item-type03, .block_item-type04 {
	  height: 425px
	}
	.block_item_elem-type01 {
	  padding: 36px 40px
	}
	.block_item_elem-type02 {
	  padding: 42px 40px 64px
	}
	.block_item_ttl {
	  padding-bottom: 6px
	}
	.block_item_ttl-about {
	  margin-bottom: 30px
	}
	.block_item_ttl-messages {
	  margin-bottom: 68px
	}
	.block_item_ttl-findout {
	  margin-bottom: 60px
	}
	.block_item_ttl-faq {
	  margin-bottom: 52px
	}
	.block_item_ttl-positiveAction {
	  margin-bottom: 72px
	}
	.block_item_ttl-keyPerson {
	  margin-bottom: 53px
	}
	.block_item_ttl-process {
	  margin-bottom: 40px
	}
	.block_item_ttl-information {
	  margin-bottom: 46px
	}
	.block_item_ttl-careerNow {
	  margin-bottom: 60px
	}
	.block_item_ttl-workplace-career {
	  margin-bottom: 30px
	}
	.block_item_img {
	  width: 474px;
	  margin-top: 32px
	}
	.blockLink {
	  font-size: 2rem;
	  padding-right: 38px;
	  top: 60px;
	  right: 40px
	}
	.blockLink-information {
	  font-size: 1.8rem
	}
	.blockLink_arrow {
	  width: 20px;
	  right: 0
	}
	.blockList {
	  max-width: 1142px
	}
	.blockListItem {
	  width: 354px;
	  height: 354px
	}
	.blockListItem_ttl {
	  font-size: 4.4rem
	}
	.blockListItem_ttl img {
	  width: 200px
	}
	.blockListItem_txt {
	  width: 322px;
	  font-size: 1.4rem;
	  top: 167px
	}
	.blockListItem_arrow {
	  width: 26px;
	  right: 24px
	}
	.blockListItem-01 {
	  width: 375px;
	  height: 279px
	}
	.findout_item_link {
	  font-size: 2.6rem;
	  margin-bottom: 10px
	}
	.findout_item_subLink {
	  font-size: 16px;
	  max-width: 260px;
	  margin: -10px 0 20px 44px;
	  -webkit-transition: .4s ease-out;
	  transition: .4s ease-out
	}
  }
  
  @media screen and (max-width:1599px) {
	.block_item-type01 {
	  height: 334px
	}
	.block_item-type02 {
	  height: 330px
	}
	.block_item-type03, .block_item-type04 {
	  height: 365px
	}
	.block_item_elem-type01 {
	  padding: 28px 30px
	}
	.block_item_elem-type02 {
	  padding: 28px 32px 46px
	}
	.block_item_ttl {
	  padding-bottom: 6px;
	  border-width: 3px
	}
	.block_item_ttl-about {
	  margin-bottom: 30px
	}
	.block_item_ttl-messages {
	  margin-bottom: 48px
	}
	.block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
	  margin-bottom: 48px
	}
	.block_item_ttl-process {
	  margin-bottom: 28px
	}
	.block_item_ttl-information {
	  margin-bottom: 40px
	}
	.block_item_ttl-careerNow {
	  margin-bottom: 44px
	}
	.block_item_ttl-workplace span {
	  max-width: 128px;
	  margin-top: 8px;
	  padding-bottom: 8px;
	  border-width: 3px
	}
	.block_item_ttl-workplace-career span {
	  max-width: 90px
	}
	.block_item_name {
	  font-size: 1.8rem
	}
	.block_item_name-small {
	  font-size: 1.6rem
	}
	.block_item_name_job {
	  font-size: 1.4rem;
	  margin-right: 12px
	}
	.block_item_name_job-small {
	  display: block;
	  margin-bottom: 6px;
	  letter-spacing: 0
	}
	.block_item_img {
	  width: 358px;
	  margin-top: 20px
	}
	.block_item_arrow {
	  width: 30px;
	  right: 20px
	}
	.blockLink {
	  top: 42px;
	  right: 30px
	}
	.blockLink-information {
	  font-size: 1.5rem
	}
	.blockLink_arrow {
	  width: 20px;
	  right: 0
	}
	.blockList {
	  max-width: 866px
	}
	.blockListItem {
	  width: 268px;
	  height: 268px
	}
	.blockListItem_ttl {
	  font-size: 3.4rem;
	  -webkit-transform: translateY(-75%);
	  transform: translateY(-75%)
	}
	.blockListItem_ttl img {
	  width: 152px
	}
	.blockListItem_txt {
	  font-size: 1.3rem;
	  line-height: 1.75;
	  width: 247px;
	  top: 115px
	}
	.blockListItem_arrow {
	  width: 20px;
	  right: 18px;
	  -webkit-transform: translateY(-75%);
	  transform: translateY(-75%)
	}
	.blockListItem-01 {
	  width: 276px;
	  height: 205px
	}
	.findout_item_link {
	  font-size: 2rem;
	  margin-bottom: 0;
	  padding-left: 32px
	}
	.findout_item_link:before {
	  width: 24px;
	  height: 24px
	}
	.findout_item_arrow {
	  width: 20px;
	  right: 0
	}
	.eventinfo_list {
	  padding-left: 0
	}
	.eventinfo_item_arrow {
	  width: 22px;
	  right: 10px
	}
	.findout_item_subLink {
	  width: 230px;
	  height: 32px;
	  font-size: 14px;
	  margin: 0 0 10px 32px
	}
	.information_list {
	  width: 760px
	}
	.information_list li {
	  font-size: 1.4rem
	}
  }
  
  @media screen and (max-width:1023px) {
	.block_item {
	  display: block
	}
	.block_item-type01 {
	  display: block;
	  height: auto
	}
	.block_item-type01-reverse {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse
	}
	.block_item-type03 {
	  height: 410px
	}
	.block_item-large, .block_item-small {
	  width: calc(50% - 5px)
	}
	.block_item-leftForTab {
	  margin-right: 10px
	}
	.block_item-rightForTab {
	  margin-right: 0
	}
	.block_item-largeForTab {
	  width: 100%;
	  margin-bottom: 10px
	}
	.block_item_elem-type01 {
	  padding: 28px 30px
	}
	.block_item_elem-type02 {
	  padding: 28px 32px 46px
	}
	.block_item_elem-left {
		width: 100%
	  }
	
	  .block_item_elem-right {
		width: 100%
	  }
	.block_item_elem-left {
	  padding: 66.66% 0 0
	}
	.block_item_elem_img-interview-small {
	  background-position: center 25%
	}
	.block_item_elem_img-keyperson-min {
	  background-image: url(/img/img_keyperson@2x.jpg)
	}
	.blockLink-about {
	  top: calc(50% + 174px);
	  right: calc(50% - 256px)
	}
	.blockList {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  max-width: 628px;
	  top: 46px
	}
	.blockList_item {
	  width: 300px;
	  height: 300px;
	  margin-bottom: 24px
	}
	.blockListItem_ttl {
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.blockListItem_txt {
	  width: 260px;
	  top: 160px
	}
	.blockListItem_arrow {
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.blockListItem-01 {
	  width: 47%;
	  height: 260px
	}
	.information_list {
	  width: 560px;
	  padding-left: 52px
	}
	.information_list li {
	  width: 100%
	}
	.careerNow_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.careerNow_item {
	  width: calc(50% - 5px);
	  margin-bottom: 10px
	}
	.findout_item_link {
	  font-size: 22px;
	  padding-left: 44px;
	  margin-bottom: 10px
	}
	.findout_item_link:before {
	  width: 28px;
	  height: 28px
	}
	.findout_item_subLink {
	  width: 280px;
	  font-size: 16px;
	  margin-left: 44px;
	  position: absolute;
	  left: 260px;
	  top: 5px
	}
  }
  
  @media screen and (max-width:767px) {
	.container {
	  padding: 10px 0
	}
	.block_item {
	  display: block
	}
	.block_item-type01, .block_item-type02, .block_item-type04 {
	  height: auto
	}
	.block_item-type03 {
	  height: 415px
	}
	.block_item-large, .block_item-medium, .block_item-small {
	  width: 100%
	}
	.block_item-leftForTab {
	  margin-right: 10px
	}
	.block_item-rightForTab {
	  margin-right: 0
	}
	.block_item_elem {
	  min-height: 212px
	}
	.block_item_elem-type01 {
	  padding: 22px 20px
	}
	.block_item_elem-type02 {
	  padding: 22px 20px 30px
	}
	.block_item_elem-left {
		width: 100%
	  }
	
	  .block_item_elem-right {
		width: 100%
	  }
	.block_item_elem-left {
	  padding: 66.66% 0 0
	}
	.block_item_elem-gray {
	  background-color: #1a1a1a
	}
	.block_item_elem-interview-small {
	  min-height: 306px
	}
	.block_item_elem_img-positiveAction {
	  background-image: url(/img/img_positiveAction-sp@2x.jpg)
	}
	.block_item_ttl {
	  border-width: 2px
	}
	.block_item_ttl-messages {
	  margin-bottom: 40px
	}
	.block_item_ttl-findout {
	  margin-bottom: 20px
	}
	.block_item_ttl-faq {
	  margin-bottom: 32px
	}
	.block_item_ttl-eventinfo {
	  margin-bottom: 33px;
	  border-bottom: 0;
	  padding-bottom: 0
	}
	.block_item_ttl-eventinfo span {
	  padding-bottom: 8px
	}
	.block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
	  margin-bottom: 28px;
	  color: #fff
	}
	.block_item_ttl-workplace span {
	  display: inline-block;
	  border-width: 2px
	}
	.block_item_ttl-brForSp {
	  border: none
	}
	.block_item_ttl-brForSp-main {
	  display: block
	}
	.block_item_ttl-brForSp-sub {
	  display: inline-block;
	  margin: 8px 0 0;
	  border-bottom: 2px solid #000;
	  padding-bottom: 6px
	}
	.block_item_ttl-brForSp-sub-white {
	  border-color: #fff
	}
	.block_item_name {
	  font-size: 1.4rem
	}
	.block_item_name-small {
	  font-size: 1.2rem
	}
	.block_item_name_job {
	  font-size: 1.4rem;
	  margin-right: 12px
	}
	.block_item_name_job-small {
	  font-size: 1.2rem;
	  margin-bottom: 6px;
	  letter-spacing: 0
	}
	.block_item_img {
	  width: calc(100% - 60px)
	}
	.blockLink {
	  width: 150px;
	  position: relative;
	  font-size: 2rem;
	  margin: 30px auto 0;
	  padding: 8px 26px 10px 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  top: 0;
	  right: 0
	}
	.blockLink-information {
	  width: 110px;
	  font-size: 1.5rem
	}
	.blockLink_arrow {
	  width: 18px
	}
	.blockLink-eventinfo {
	  font-size: 1.5rem
	}
	.blockList {
	  display: block;
	  max-width: 100%
	}
	.blockList_item {
	  width: 100%;
	  height: 110px;
	  background-size: contain;
	  background-position: 0 0;
	  margin-bottom: 24px
	}
	.blockListItem>img {
	  width: 110px
	}
	.blockListItem_ttl {
	  width: 110px;
	  font-size: 2.1rem;
	  right: inherit;
	  left: 0
	}
	.blockListItem_ttl img {
	  width: 80px
	}
	.blockListItem_txt {
	  width: 100%;
	  font-size: 1.3rem;
	  bottom: 0;
	  top: 0;
	  right: inherit;
	  left: 0;
	  padding-left: 120px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.blockListItem-01 .nosp {
	  display: block
	}
	.blockListItem-01 .nopc {
	  display: none
	}
	.findout_list {
	  width: 100%;
	  margin: 0 auto;
	  -webkit-transform: translate(-2px);
	  transform: translate(-2px)
	}
	.findout_item_link {
	  font-size: 2.2rem;
	  line-height: 1.4;
	  margin-bottom: 0
	}
	.findout .findout_item_subLink {
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  width: 100%;
	  height: 36px;
	  max-width: none;
	  position: static;
	  text-align: center;
	  margin: 4px 0 16px
	}
	.information_list, .information_list li {
	  width: 100%;
	  padding-left: 0
	}
	.information_list li {
	  line-height: 1.5
	}
	.information_list li .date {
	  display: block;
	  position: static;
	  margin-bottom: 6px
	}
	.eventinfo_list {
	  padding-left: 0
	}
	.eventinfo_list li a {
	  padding: 15px 0
	}
	.eventinfo_list li .info_label_wrap {
	  height: auto;
	  display: block
	}
	.eventinfo_list li .info_label_wrap span:not(:last-child) {
	  font-size: 11px;
	  height: 20px;
	  line-height: 20px
	}
	.eventinfo_list li .info_label_wrap span:last-child {
	  font-size: 15px;
	  font-weight: 500;
	  display: block;
	  margin: 9px 0
	}
	.eventinfo_list li strong {
	  margin: 0;
	  line-height: 1.75;
	  font-size: 14px;
	  font-weight: 400;
	  text-decoration: underline
	}
	.eventinfo_item_arrow {
	  display: none
	}
	.careerNow_list {
	  display: block
	}
	.careerNow_item {
	  width: 100%
	}
  }
  
  @media screen and (max-width:374px) {
	.blockListItem_txt {
	  font-size: 1.2rem
	}
  }
  
  @media screen and (min-width:768px) {
	.block_item-isClick {
	  position: relative;
	  cursor: pointer
	}
	.block_item-isClick:hover:after {
	  -webkit-transition-duration: .45s;
	  transition-duration: .45s
	}
	.block_item-isClick:hover .block_item_elem_img {
	  -webkit-transform: scale(1.04);
	  transform: scale(1.04)
	}
	.block_item-isClick:hover .block_item_arrow img, .blockLink:hover .blockLink_arrow img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.blockList_item:hover:after {
	  opacity: .85;
	  -webkit-transition-duration: .45s;
	  transition-duration: .45s
	}
	.blockList_item:hover>img {
	  -webkit-transform: scale(1.08);
	  transform: scale(1.08)
	}
	.blockList_item:hover .block_item_arrow img, .eventinfo_list a:hover .block_item_arrow img, .findout_item:hover .block_item_arrow img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.careerNow_item {
	  position: relative
	}
	.careerNow_item:after {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 100%;
	  border: 2px solid #dd001f;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  opacity: 0;
	  position: absolute;
	  top: 0;
	  left: 0;
	  pointer-events: none;
	  -webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
	  transition: opacity .6s cubic-bezier(0, 0, .4, 1)
	}
	.careerNow_item:hover:after {
	  opacity: 1;
	  -webkit-transition-duration: .45s;
	  transition-duration: .45s
	}
  }
  
  @media screen and (max-width:1023px) {
	.br-nosp {
	  display: none
	}
  }
  
  .subpage .container {
	overflow: visible
  }
  
  .subpage_block {
	margin-bottom: 0!important;
	float: none
  }
  
  .subpage_block_elem {
	height: 320px;
	padding: 42px 40px;
	position: relative
  }
  
  .subpage_block_elem-left {
	background-image: url(/about/img/img_main-about@2x.jpg)
  }
  
  .subpage_block_inner-verticalCenter {
	width: calc(100% - 80px);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .subpage_block_ttl {
	border: none;
	margin-bottom: 42px
  }
  
  .subpage_block_ttl_txt-main {
	font-size: 5.6rem
  }
  
  .subpage_block_ttl_txt-sub {
	font-size: 2.4rem;
	font-weight: 500;
	margin-left: 16px
  }
  
  .subpage_block_txt {
	font-size: 1.6rem;
	line-height: 2;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:1779px) {
	.subpage_block_ttl_txt-main {
	  font-size: 4.8rem
	}
	.subpage_block_ttl_txt-sub {
	  font-size: 2.2rem
	}
  }
  
  @media screen and (max-width:1599px) {
	.subpage_block_elem {
	  height: 264px;
	  padding: 28px 26px
	}
	.subpage_block_inner-verticalCenter {
	  width: calc(100% - 52px)
	}
	.subpage_block_ttl {
	  margin-bottom: 24px
	}
	.subpage_block_ttl_txt-main {
	  font-size: 3.6rem
	}
	.subpage_block_ttl_txt-sub {
	  font-size: 2rem;
	  margin-left: 12px
	}
	.subpage_block_txt {
	  font-size: 1.4rem;
	  padding: 0 6px
	}
  }
  
  @media screen and (max-width:1023px) {
	.subpage_block_elem {
	  height: auto;
	  min-height: 210px;
	  padding: 28px 26px 32px
	}
	.subpage_block_elem-left {
	  padding: 48.2% 0 0
	}
  }
  
  @media screen and (max-width:767px) {
	.container {
	  padding: 0
	}
  }
  
  @media screen and (max-width:599px) {
	.subpage_block_elem {
	  padding: 24px 20px 28px
	}
	.subpage_block_elem-left {
	  padding: 48.2% 0 0
	}
	.subpage_block_inner-verticalCenter {
	  width: calc(100% - 40px)
	}
	.subpage_block_ttl {
	  margin-bottom: 12px
	}
	.subpage_block_ttl_txt-main {
	  font-size: 2.6rem
	}
	.subpage_block_ttl_txt-sub {
	  font-size: 1.8rem;
	  margin-left: 8px
	}
	.subpage_block_txt {
	  font-size: 1.4rem;
	  padding: 0 6px
	}
  }
  
  .about_content {
	background: #fff;
	padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .about_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 56px
  }
  
  .about_item {
	width: calc(33.333% - 26.666px);
	position: relative;
	margin-bottom: 50px
  }
  
  .about_item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
  }
  
  .about_item_img {
	display: block;
	width: 100%;
	margin-bottom: 28px;
	overflow: hidden
  }
  
  .about_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .about_item_inner {
	padding: 0 30px 56px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .about_item_ttl {
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: .04em;
	margin-bottom: 28px
  }
  
  .about_item_ttl.jp-header {
	font-size: 2rem;
	font-weight: 700;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 2px;
	line-height: 1.5
  }
  
  .about_item_ttl.jp-header br {
	display: none
  }
  
  @media screen and (max-width:1279px) {
	.about_item_ttl.jp-header br {
	  display: block
	}
  }
  
  .about_item_ttl img {
	display: block;
	width: 122px;
	height: 39px
  }
  
  .about_item_txt {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2
  }
  
  .about_item_arrow {
	width: 128px;
	font-size: 2.1rem;
	font-weight: 500;
	position: absolute;
	bottom: 0;
	left: 30px
  }
  
  .about_item_arrow_img {
	display: block;
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .about_item_arrow_img .hover {
	display: none
  }
  
  .about_item_arrow_img img {
	display: block;
	width: 100%
  }
  
  .about_item:hover .about_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .about_item:hover .about_item_arrow {
	color: #dd001f
  }
  
  .about_item:hover .about_item_arrow_img img {
	display: none
  }
  
  .about_item:hover .about_item_arrow_img .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .companyInfo {
	margin-bottom: 100px
  }
  
  .companyInfo_ttl {
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: .04em;
	margin-bottom: 22px
  }
  
  .companyInfo_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .companyInfo_item {
	width: calc(25% - 7.5px)
  }
  
  .companyInfo_item a {
	color: #000
  }
  
  .companyInfo_item_img {
	display: block;
	width: 100%;
	margin-bottom: 16px;
	overflow: hidden
  }
  
  .companyInfo_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .companyInfo_item_txt {
	font-size: 1.6rem;
	font-weight: 700
  }
  
  .companyInfo_item:hover .companyInfo_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  @media screen and (max-width:1599px) {
	.about_list {
	  margin-bottom: 56px
	}
	.about_item_img {
	  margin-bottom: 20px
	}
	.about_item_inner {
	  padding: 0 24px 48px
	}
	.about_item_ttl {
	  font-size: 3.2rem;
	  margin-bottom: 18px
	}
	.about_item_ttl img {
	  display: block;
	  width: 102px;
	  height: 33px;
	  margin-bottom: -2px
	}
	.about_item_txt {
	  font-size: 1.4rem
	}
	.about_item_arrow {
	  left: 24px
	}
  }
  
  @media screen and (max-width:1023px) {
	.about_list {
	  margin-bottom: 56px;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.about_item {
	  width: calc(50% - 20px);
	  margin-bottom: 80px
	}
	.companyInfo {
	  margin-bottom: 100px
	}
	.companyInfo_ttl {
	  font-size: 4rem;
	  font-weight: 500;
	  margin-bottom: 22px
	}
	.companyInfo_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.companyInfo_item {
	  width: calc(50% - 5px);
	  margin-bottom: 36px
	}
  }
  
  @media screen and (max-width:767px) {
	.about_item {
	  width: calc(50% - 10px)
	}
	.about_item_txt {
	  font-weight: 500
	}
	.about_content {
	  padding: 20px
	}
  }
  
  @media screen and (max-width:599px) {
	.about_list {
	  margin-bottom: 16px
	}
	.about_item {
	  width: 100%;
	  margin-bottom: 60px
	}
	.about_item_txt {
	  margin-bottom: 20px
	}
	.about .companyInfo {
	  margin-bottom: 100px
	}
	.about .companyInfo_ttl {
	  font-size: 3.2rem
	}
	.about .companyInfo_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.about .companyInfo_item {
	  margin-bottom: 28px
	}
	.about .companyInfo_item_img {
	  margin-bottom: 8px
	}
	.about .companyInfo_item_txt {
	  font-size: 1.4rem;
	  font-weight: 500
	}
  }
  
  .message_content {
	color: #fff;
	position: relative
  }
  
  .message_content .message_link {
	margin-bottom: 72px
  }
  
  .message_content .message_link a {
	color: #fff
  }
  
  .message_main {
	width: calc(100% - 256px);
	position: fixed;
	top: 0;
	right: 0;
	float: right;
	opacity: 0
  }
  
  .message_main img {
	width: 100%
  }
  
  .message_inner {
	width: 850px;
	margin: 0 auto;
	padding-top: 27.8%;
	position: relative
  }
  
  .message_ttl {
	font-size: 6rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: .04rem;
	margin-bottom: 84px
  }
  
  .message_ttl span {
	display: block;
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: 80px;
	padding-left: 16px
  }
  
  .message_txt {
	font-size: 2rem;
	color: #fff;
	letter-spacing: .05rem;
	line-height: 2.8;
	margin-bottom: 80px;
	padding: 0 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .message_txt-last {
	margin-bottom: 126px
  }
  
  @media screen and (max-width:1779px) {
	.message_inner {
	  width: 710px
	}
	.message_ttl {
	  font-size: 5rem
	}
	.message_ttl span {
	  margin-bottom: 64px
	}
	.message_txt {
	  font-size: 1.6rem
	}
  }
  
  @media screen and (max-width:1279px) {
	.message_content {
	  margin-top: 80px
	}
	.message_main {
	  width: 100%
	}
  }
  
  @media screen and (max-width:1023px) {
	.message_main {
	  top: 80px
	}
	.message_inner {
	  width: 600px;
	  padding-top: 30.6%
	}
	.message_ttl {
	  font-size: 4.2rem
	}
	.message_txt {
	  font-size: 1.6rem
	}
  }
  
  @media screen and (max-width:767px) {
	.message_content {
	  margin-top: 48px;
	  padding-bottom: 64px
	}
	.message_content .message_link {
	  margin-bottom: 40px
	}
	.message_main {
	  top: 48px
	}
	.message_inner {
	  width: 100%;
	  padding: 50% 18px 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.message_ttl {
	  font-size: 3.1rem;
	  line-height: 1.7
	}
	.message_ttl span {
	  padding-left: 4px
	}
	.message_txt {
	  font-size: 1.4rem;
	  margin-bottom: 50px;
	  padding: 0
	}
	.message_txt-last {
	  margin-bottom: 120px
	}
  }
  
  .interview_content {
	background: #fff;
	padding: 72px 40px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .interview_category {
	width: 387px;
	margin: 0 auto 72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
  }
  
  .interview_category_item {
	width: 60px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	letter-spacing: .04em;
	text-align: center;
	padding-bottom: 12px;
	cursor: pointer
  }
  .interview_category_item.is-active {
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .interview_tag {
	display: none;
	font-size: 1.8rem;
	font-weight: 700;
	color: #dd001f;
	text-align: center;
	letter-spacing: .04em;
	margin-bottom: 80px
  }
  
  .interview_tag_txt {
	display: inline;
	padding-bottom: 8px;
	border-bottom: 3px solid #dd001f
  }
  
  .interview_list {
	overflow: hidden
  }
  
  .interview_list_container {
	max-width: 990px;
	margin: 0 auto;
	position: relative
  }
  
  .interview_item {
	width: calc(33.333% - 30px);
	min-height: 310px;
	float: left;
	margin: 0 15px 68px;
	position: relative
  }
  
  .interview_item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
  }
  
  .interview_item_img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden
  }
  
  .interview_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .interview_item_ttl {
	font-size: 1.9rem;
	letter-spacing: .025em;
	line-height: 1.6;
	margin-bottom: 20px
  }
  
  .interview_item_name {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .interview_item_name span {
	display: block;
	font-size: 1.3rem;
	color: #dd001f;
	margin-bottom: 12px
  }
  
  .interview_item_name span br {
	display: none
  }
  
  .interview_item:hover .interview_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .interview_link {
	width: 127px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin: 0 auto;
	position: relative
  }
  
  .interview_link a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
  }
  
  .interview_link_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .interview_link_arrow img {
	display: block;
	width: 100%
  }
  
  .interview_link_arrow img.hover {
	display: none
  }
  
  .interview_link:hover a {
	color: #dd001f
  }
  
  .interview_link:hover .interview_link_arrow img {
	display: none
  }
  
  .interview_link:hover .interview_link_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .interviewIndex_indexLink {
	display: none;
	position: absolute;
	top: -78px;
	right: 15px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
  }
  
  .interviewIndex_indexLink .interview_link {
	margin: 0
  }
  
  @media screen and (min-width:1024px) {
	.interview_category_item {
	  -webkit-transition: color .2s;
	  transition: color .2s
	}
	.interview_category_item:hover {
	  color: #dd001f
	}
  }
  
  @media screen and (max-width:1599px) {
	.interview_block_elem {
	  height: 264px;
	  padding: 28px 26px
	}
	.interview_block_ttl {
	  margin-bottom: 24px
	}
	.interview_block_ttl_txt-main {
	  font-size: 3.6rem
	}
	.interview_block_ttl_txt-sub {
	  font-size: 2rem;
	  margin-left: 12px
	}
	.interview_block_txt {
	  font-size: 1.4rem;
	  padding: 0 6px
	}
  }
  
  @media screen and (max-width:1279px) {
	.about_item_inner {
	  padding: 0 0 40px
	}
	.about_item_arrow {
	  left: 0
	}
  }
  
  @media screen and (max-width:1023px) {
	.interview_category_item:active {
	  color: #dd001f;
	  -webkit-transition: color .2s;
	  transition: color .2s
	}
	.interview_content {
	  padding: 72px 25px 40px
	}
	.interview_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.interview_block_elem-left {
	  padding: 48.2% 0 0
	}
	.interview_item {
	  width: calc(50% - 30px);
	  margin-bottom: 80px
	}
	.interviewIndex_indexLink {
	  position: static;
	  -webkit-transform: none;
	  transform: none
	}
	.interviewIndex_indexLink .interview_link {
	  margin: 42px auto 80px
	}
  }
  
  @media screen and (max-width:767px) {
	.container {
	  padding: 0
	}
	.interview {
	  background: #fff;
	  padding-bottom: 64px
	}
	.interview_content {
	  padding: 28px 10px 0
	}
	.interview_category {
	  width: 247px;
	  margin-bottom: 28px
	}
	.interview_tag {
	  font-size: 1.6rem;
	  padding-bottom: 6px;
	  margin-bottom: 45px
	}
	.interview_list_container {
	  border: solid #eee;
	  border-width: 1px 0 0;
	  padding: 10px 0 40px
	}
	.interview_item {
	  width: calc(50% - 9px);
	  min-height: 240px;
	  margin: 0 0 20px;
	  position: relative
	}
	.interview_item:after {
	  content: "";
	  display: block;
	  width: calc(100% + 9px);
	  height: 1px;
	  background: #eee;
	  position: absolute;
	  bottom: -10px;
	  left: -9px
	}
	.interview_item:nth-child(odd) {
	  margin-right: 18px
	}
	.interview_item:nth-child(odd):before {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 100%;
	  background: #eee;
	  position: absolute;
	  top: 0;
	  right: -10px
	}
	.interview_item:nth-child(odd):after {
	  left: 0
	}
	.interview_item_img {
	  margin-bottom: 14px
	}
	.interview_item_ttl {
	  font-size: 1.5rem
	}
	.interview_item_ttl br {
	  display: none
	}
	.interview_item_name {
	  font-size: 1.5rem;
	  position: absolute;
	  bottom: 2px;
	  left: 0
	}
	.interview_item_name span {
	  font-size: 1.2rem;
	  line-height: 1.5;
	  margin-bottom: 4px
	}
	.interview_item_name span br {
	  display: block
	}
	.interviewIndex_indexLink .interview_link {
	  margin-bottom: 40px
	}
  }
  
  @media screen and (max-width:599px) {
	.interview_block_elem {
	  padding: 24px 20px 28px
	}
	.interview_block_elem-left {
	  padding: 48.2% 0 0
	}
	.interview_block_ttl {
	  margin-bottom: 12px
	}
	.interview_block_ttl_txt-main {
	  font-size: 2.4rem
	}
	.interview_block_ttl_txt-sub {
	  font-size: 1.6rem;
	  margin-left: 8px
	}
	.interview_block_txt {
	  font-size: 1.4rem;
	  padding: 0
	}
	.offer_wapper {
	  width: 280px;
	  margin: 60px auto;
	  padding: 20px
	}
	.offer_wapper .offer_content h3 {
	  font-size: 14px;
	  line-height: 2.3;
	  letter-spacing: .025em;
	  margin-bottom: 18px
	}
	.offer_wapper .offer_content p {
	  font-size: 12px;
	  letter-spacing: 0;
	  line-height: 2;
	  margin-bottom: 20px
	}
	.offer_wapper .offer_link {
	  width: 240px
	}
	.offer_wapper .offer_link .block_item_arrow {
	  width: 14px;
	  height: 14px;
	  right: 20px
	}
	.offer_wapper .offer_link .block_item_arrow img {
	  width: 100%;
	  height: auto
	}
	.offer_wapper .offer_link .block_item_arrow-w {
	  position: absolute;
	  width: 14px;
	  height: 14px;
	  top: calc(50% - 18px);
	  right: 20px!important
	}
	.offer_wapper .offer_link .block_item_arrow-w img {
	  width: 14px;
	  height: auto
	}
	.offer_wapper .offer_link:hover .offer_btn .header_findout_arrow {
	  width: 14px;
	  top: calc(50% - 8px);
	  right: 20px
	}
	.offer_wapper .offer_link:hover .offer_btn .header_findout_arrow .hover {
	  width: 14px;
	  height: auto;
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.offer_wapper .offer_link .offer_btn {
	  position: relative;
	  height: 40px;
	  font-size: 12px;
	  line-height: 40px;
	  letter-spacing: .075em;
	  font-weight: 700;
	  padding-left: 20px
	}
  }
  
  .slick-slider {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
  }
  
  .slick-list, .slick-slider {
	position: relative;
	display: block
  }
  
  .slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
  }
  
  .slick-list:focus {
	outline: none
  }
  
  .slick-list.dragging {
	cursor: pointer;
	cursor: hand
  }
  
  .slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
  }
  
  .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
  }
  
  .slick-track:after, .slick-track:before {
	display: table;
	content: ""
  }
  
  .slick-track:after {
	clear: both
  }
  
  .slick-loading .slick-track {
	visibility: hidden
  }
  
  .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
  }
  
  [dir=rtl] .slick-slide {
	float: right
  }
  
  .slick-slide img {
	display: block
  }
  
  .slick-slide.slick-loading img {
	display: none
  }
  
  .slick-slide.dragging img {
	pointer-events: none
  }
  
  .slick-initialized .slick-slide {
	display: block
  }
  
  .slick-loading .slick-slide {
	visibility: hidden
  }
  
  .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
  }
  
  .slick-arrow.slick-hidden {
	display: none
  }
  
  .slick-next, .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	border: none
  }
  
  .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
	color: transparent;
	outline: none;
	background: transparent
  }
  
  .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1
  }
  
  .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: .25
  }
  
  .slick-next:before, .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
  }
  
  .slick-prev {
	left: -25px
  }
  
  [dir=rtl] .slick-prev {
	right: -25px;
	left: auto
  }
  
  .slick-prev:before {
	content: "←"
  }
  
  [dir=rtl] .slick-prev:before {
	content: "→"
  }
  
  .slick-next {
	right: -25px
  }
  
  [dir=rtl] .slick-next {
	right: auto;
	left: -25px
  }
  
  .slick-next:before {
	content: "→"
  }
  
  [dir=rtl] .slick-next:before {
	content: "←"
  }
  
  .slick-dotted.slick-slider {
	margin-bottom: 30px
  }
  
  .slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
  }
  
  .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0
  }
  
  .slick-dots li, .slick-dots li button {
	width: 20px;
	height: 20px;
	cursor: pointer
  }
  
  .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 5px;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
  }
  
  .slick-dots li button:focus, .slick-dots li button:hover {
	outline: none
  }
  
  .slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity: 1
  }
  
  .slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "•";
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
  }
  
  .slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
  }
  
  .btn-pageTop {
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	float: right;
	bottom: 40px;
	right: 40px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	-webkit-transition-property: opacity, visibility, background;
	transition-property: opacity, visibility, background;
	cursor: pointer
  }
  
  .btn-pageTop-black {
	background: #000;
	border-color: #fff
  }
  
  .btn-pageTop:hover {
	background-color: #f2f2f2
  }
  
  .btn-pageTop:hover img {
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .btn-pageTop-black:hover {
	background-color: #222
  }
  
  .btn-pageTop.is-show {
	opacity: 1;
	visibility: visible
  }
  
  .btn-pageTop_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
	overflow: hidden
  }
  
  .btn-pageTop_arrow img {
	display: block;
	width: 100%
  }
  
  .topLink {
	background: #fff;
	padding: 74px 0
  }
  
  .topLink-black {
	background: none
  }
  
  .topLink_inner {
	width: 127px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin: 0 auto;
	position: relative
  }
  
  .topLink_inner a {
	color: #000
  }
  
  .topLink_inner-black a {
	color: #fff
  }
  
  .topLink_inner:hover a {
	color: #dd001f
  }
  
  .topLink_inner:hover .topLink_arrow img {
	display: none
  }
  
  .topLink_inner:hover .topLink_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .topLink_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .topLink_arrow img {
	display: block;
	width: 100%
  }
  
  .topLink_arrow img.hover {
	display: none
  }
  
  .share {
	margin: 80px 0
  }
  
  .share_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
  }
  
  .share_item {
	width: 36px;
	height: 36px;
	background: #333;
	border-radius: 50%;
	margin-right: 44px;
	-webkit-transition: .4s cubic-bezier(0, 0, .4, 1);
	transition: .4s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: background;
	transition-property: background;
	cursor: pointer
  }
  
  .share_item:last-child {
	margin-right: 0
  }
  
  .share_item:hover {
	background: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  .share_item a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transition: opacity .6s cubic-bezier(0, 0, .25, 1);
	transition: opacity .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .share_item a img {
	width: 100%
  }
  
  .related_contents {
	background-color: #f2f2f2;
	padding: 38px 0 66px
  }
  
  .related_ttl {
	font-size: 2.7rem;
	font-weight: 500;
	letter-spacing: .05em;
	margin: auto
  }
  
  .related_ttl, .relatedContents_list {
	width: calc(100% - 80px);
	max-width: 944px
  }
  
  .relatedContents_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto
  }
  
  .relatedContents_item {
	display: block;
	width: calc(33.33333% - 6px);
	margin-top: 32px
  }
  
  .relatedContents_item:hover .relatedContents_img_inner {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
  }
  
  .relatedContents_img {
	overflow: hidden
  }
  
  .relatedContents_img_inner {
	position: relative;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .relatedContents_img_inner>img {
	display: block;
	width: 100%
  }
  
  .relatedContents_ttl {
	color: #333;
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 20px
  }
  
  @media screen and (max-width:1023px) {
	.btn-pageTop {
	  right: 20px
	}
	.relatedContents_list {
	  margin: 8px auto 0
	}
	.relatedContents_item {
	  width: calc(50% - 6px);
	  margin: 20px 0 0
	}
  }
  
  @media screen and (max-width:767px) {
	.btn-pageTop {
	  float: none;
	  position: relative;
	  bottom: 0;
	  right: 0;
	  margin: 36px auto
	}
	.topLink {
	  padding: 52px 0 0
	}
	.share {
	  margin: 40px 0 60px
	}
	.share_item {
	  margin-right: 24px
	}
	.related_contents {
	  padding: 28px 0 60px
	}
	.related_ttl {
	  width: calc(100% - 40px);
	  text-align: center
	}
	.relatedContents_list {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  width: calc(100% - 40px)
	}
	.relatedContents_item {
	  width: 100%;
	  margin-top: 24px
	}
	.relatedContents_overlay {
	  font-size: 3.2rem
	}
	.relatedContents_ttl {
	  font-size: 1.4rem;
	  margin-top: 12px
	}
  }
  
  @-webkit-keyframes hoverArrowCenter {
	0% {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	40% {
	  -webkit-transform: translate(100%);
	  transform: translate(100%)
	}
	40.05% {
	  -webkit-transform: translate(-100%);
	  transform: translate(-100%)
	}
	to {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
  }
  
  @keyframes hoverArrowCenter {
	0% {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	40% {
	  -webkit-transform: translate(100%);
	  transform: translate(100%)
	}
	40.05% {
	  -webkit-transform: translate(-100%);
	  transform: translate(-100%)
	}
	to {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
  }
  
  .block_feature {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 150px;
	width: calc(100% - 60px);
	max-width: 960px;
	margin: 0 auto 120px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #000;
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .block_feature_thumbnail {
	height: 150px;
	width: 245px;
	overflow: hidden
  }
  
  .block_feature_thumbnail_img {
	height: 100%;
	width: 100%;
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .block_feature_txt {
	margin: 28px 0 0 30px
  }
  
  .block_feature_txt_ttl {
	font-weight: 700;
	font-size: 1.9rem;
	margin-bottom: 26px
  }
  
  .block_feature_txt_ttl span {
	font-size: 2rem;
	font-weight: 400
  }
  
  .block_feature_txt_ttl span:first-child {
	font-size: 1.9rem;
	font-weight: 700;
	color: #dd001f
  }
  
  .block_feature_txt_caption {
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em
  }
  
  .block_feature_arrow {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 40px;
	overflow: hidden
  }
  
  .block_feature_arrow_img {
	width: 100%
  }
  
  .block_feature_pc {
	display: block
  }
  
  .block_feature_sp {
	display: none
  }
  
  .block_feature:hover {
	-webkit-transition-duration: .45s;
	transition-duration: .45s;
	border: 1px solid #dd001f
  }
  
  .block_feature:hover .block_feature_thumbnail_img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .block_feature:hover .block_feature_arrow_img {
	-webkit-animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1)
  }
  
  @media screen and (max-width:1023px) {
	.block_feature {
	  width: 560px;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  height: auto
	}
	.block_feature .pc {
	  display: none!important
	}
	.block_feature .sp {
	  display: block
	}
	.block_feature_thumbnail, .block_feature_thumbnail_img {
	  width: 100%;
	  height: auto
	}
	.block_feature_txt {
	  margin: 20px 10px 0
	}
	.block_feature_txt_ttl {
	  display: block;
	  font-size: 1.6rem;
	  line-height: 1.6875;
	  margin-bottom: 8px
	}
	.block_feature_txt_ttl span {
	  font-size: 1.8rem
	}
	.block_feature_txt_ttl span:first-child {
	  display: block;
	  font-size: 1.6rem
	}
	.block_feature_txt_caption {
	  font-size: 1.2rem;
	  line-height: 2
	}
	.block_feature_more {
	  font-size: 2rem;
	  font-weight: 500;
	  letter-spacing: .075em
	}
	.block_feature_arrowContainer {
	  display: -webkit-box!important;
	  display: -ms-flexbox!important;
	  display: flex!important;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin: 24px 0 26px
	}
	.block_feature_arrow {
	  width: 18px;
	  height: 18px;
	  margin-left: 10px
	}
	.block_feature_arrow, .block_feature_arrow_img {
	  position: static;
	  -webkit-transform: none;
	  transform: none
	}
	.block_feature:hover .block_feature_arrow_img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
  }
  
  @media screen and (max-width:767px) {
	.block_feature {
	  width: calc(100% - 40px);
	  margin: 60px auto 30px
	}
	.block_feature_txt {
	  margin: 15px 10px 0
	}
	.block_feature_txt_ttl {
	  display: block
	}
	.block_feature_txt_ttl_main {
	  font-size: 1.6rem
	}
	.block_feature_txt_ttl_sub {
	  font-size: 1.6rem;
	  margin: 5px 0 0;
	  line-height: 1.5
	}
	.block_feature_txt_ttl_caption {
	  margin-top: 15px;
	  font-size: 1.2rem
	}
  }
  
  .interviewDetail {
	color: #333;
	overflow: hidden
  }
  
  .interviewDetail_content {
	background: #fff;
	padding-bottom: 64px
  }
  
  .interviewDetail_main {
	width: 100%;
	height: 0;
	color: #000;
	padding-top: 29.8%;
	position: relative;
	overflow: hidden
  }
  
  .interviewDetail_main_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
  }
  
  .interviewDetail_main_bg img {
	width: 100%
  }
  
  .interviewDetail_main_inner {
	position: absolute;
	top: 50%;
	left: 43.4%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .interviewDetail_main_inner-left {
	left: 10%
  }
  
  .interviewDetail_main_company {
	font-size: 1.6rem;
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	display: inline-block;
	font-weight: 700;
	padding-bottom: 4px;
	margin-bottom: 20px
  }
  
  .interviewDetail_main_ttl {
	font-size: 3.2rem;
	line-height: 1.75;
	margin-bottom: 38px
  }
  
  .interviewDetail_main_ttl span {
	display: block;
	font-size: 2.4rem;
	font-weight: 400;
	color: #dd001f;
	letter-spacing: .05em
  }
  
  .interviewDetail_main_name {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333
  }
  
  .interviewDetail_main_name br {
	display: none
  }
  
  .interviewDetail_main_name span {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 12px
  }
  
  .interviewDetail_intro {
	background: #faf8f0;
	padding: 86px 0 90px
  }
  
  .interviewDetail_intro_inner {
	width: 640px;
	margin: 0 auto
  }
  
  .interviewDetail_intro_txt {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .025em;
	line-height: 2.3;
	margin-bottom: 40px
  }
  
  .interviewDetail_intro_info {
	border-top: 1px dashed #707070;
	padding-top: 30px;
	margin-top: 56px
  }
  
  .interviewDetail_intro_info.no-border {
	border: none;
	padding-top: 0;
	margin-top: 4px
  }
  
  .interviewDetail_intro_info p {
	font-size: 1.3rem;
	line-height: 2
  }
  
  .interviewDetail_intro_note {
	font-size: 1.2rem!important;
	margin-top: 20px
  }
  
  .interviewDetail_block {
	width: 900px;
	margin: 72px auto 64px;
	overflow: hidden;
	position: relative
  }
  
  .interviewDetail_block_ttl {
	font-size: 3rem;
	letter-spacing: .025em;
	line-height: 1.5;
	margin-bottom: 44px
  }
  
  .interviewDetail_block_ttl-right {
	padding-left: calc(50% + 30px)
  }
  
  .interviewDetail_block_ttl-center {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .interviewDetail_block_left, .interviewDetail_block_right {
	float: left;
	width: calc(50% - 30px)
  }
  
  .interviewDetail_block_left {
	margin-right: 60px
  }
  
  .interviewDetail_block_left-center {
	padding-left: 50%
  }
  
  .interviewDetail_block_right {
	float: right
  }
  
  .interviewDetail_block_txt {
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 20px
  }
  
  .interviewDetail_block_img {
	display: block;
	margin: 5px 0 10px
  }
  
  .interviewDetail_block_dammy {
	padding-top: 25%
  }
  
  .interviewDetail_longImg img {
	width: 100%
  }
  
  .interviewDetail_career {
	width: 100%;
	background: #f2f2f2;
	padding: 72px 0 80px;
	overflow: hidden
  }
  
  .interviewDetail_career_inner {
	width: 900px;
	margin: 0 auto
  }
  
  .interviewDetail_career .interviewDetail_step_ttl {
	font-size: 2.4rem;
	font-weight: 400;
	color: #dd001f;
	letter-spacing: .05em;
	margin-bottom: 36px
  }
  
  .interviewDetail_career .interviewDetail_step_list-right {
	margin-top: 60px
  }
  
  .interviewDetail_career .interviewDetail_step_item {
	min-height: 48px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.75;
	padding-left: 70px;
	margin-bottom: 28px;
	position: relative
  }
  
  .interviewDetail_career .interviewDetail_step_item:before {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 20px);
	background: #707070;
	position: absolute;
	top: 36px;
	left: 20px
  }
  
  .interviewDetail_career .interviewDetail_step_item:last-child:before {
	display: none
  }
  
  .interviewDetail_career .interviewDetail_step_item-large {
	font-weight: 500
  }
  
  .interviewDetail_career .interviewDetail_step_item-large-left:last-child:before {
	display: block
  }
  
  .interviewDetail_career .interviewDetail_step_item .date {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	position: absolute;
	top: 2px;
	left: 0
  }
  
  .interviewDetail_career .interviewDetail_step_item .ttl {
	display: block;
	font-weight: 700
  }
  
  .interviewDetail_career .interviewDetail_step_item .note {
	display: block;
	font-size: 1.2rem
  }
  
  .interviewDetail_message {
	width: 100%;
	background: #faf8f0;
	text-align: center;
	padding: 76px 0 72px
  }
  
  .interviewDetail_message_ttl {
	font-size: 3rem;
	margin-bottom: 44px
  }
  
  .interviewDetail_message_txt {
	font-size: 1.8rem;
	line-height: 2.3;
	margin-bottom: 44px
  }
  
  .interviewDetail_message_note {
	font-size: 1.2rem
  }
  
  .interviewDetail_column {
	width: 960px;
	height: 286px;
	margin: 94px auto 70px;
	background: #f2f2f2;
	padding: 36px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
  }
  
  .interviewDetail_column_ttl {
	font-size: 2rem;
	letter-spacing: .025em;
	margin-bottom: 34px
  }
  
  .interviewDetail_column_txt {
	width: 460px;
	font-size: 1.4rem;
	letter-spacing: .025em;
	line-height: 2
  }
  
  .interviewDetail_column img {
	display: block;
	width: 420px;
	position: absolute;
	top: 0;
	right: 0
  }
  
  .interviewDetail_related {
	background: #f2f2f2;
	padding: 40px 0
  }
  
  .interviewDetail_related_inner {
	width: 960px;
	margin: 0 auto
  }
  
  .interviewDetail_related_ttl {
	font-size: 2.7rem;
	font-weight: 400;
	letter-spacing: .05em;
	margin-bottom: 32px
  }
  
  .interviewDetail_related_list, .interviewDetail_related_list_course {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .interviewDetail_related_list_course {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
  }
  
  .interviewDetail_related_btn {
	position: relative;
	width: 200px;
	height: 38px;
	border: 2px solid #707070;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 auto 20px;
	line-height: 38px;
	font-size: 16px;
	text-indent: 20px
  }
  
  .interviewDetail_related_btn:hover {
	border: 2px solid #dd001f;
	color: #dd001f
  }
  
  .interviewDetail_related_btn:hover:after {
	background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
  }
  
  .interviewDetail_related_btn:hover.disabled:after {
	background: url(/interview/img/icon_minus_on.png) 0 0 no-repeat
  }
  
  .interviewDetail_related_btn:after {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto
  }
  
  .interviewDetail_related_btn.disabled:after {
	background: url(/interview/img/icon_minus.png) 0 0 no-repeat;
	width: 13px;
	height: 2px
  }
  
  .interviewDetail_related_item, .interviewDetail_related_item-jobs {
	width: 300px;
	padding-bottom: 20px;
	position: relative;
	cursor: pointer
  }
  
  .interviewDetail_related_item-jobs:hover .interviewDetail_related_item_img img, .interviewDetail_related_item:hover .interviewDetail_related_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .interviewDetail_related_item-jobs a, .interviewDetail_related_item a {
	color: #333;
	display: block
  }
  
  .interviewDetail_related_item-jobs_img, .interviewDetail_related_item_img {
	overflow: hidden
  }
  
  .interviewDetail_related_item-jobs_img img, .interviewDetail_related_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .interviewDetail_related_item-jobs_inner, .interviewDetail_related_item_inner {
	padding: 30px 0 20px
  }
  
  .interviewDetail_related_item-jobs_ttl, .interviewDetail_related_item_ttl {
	font-size: 1.7rem;
	line-height: 1.5;
	margin-bottom: 24px
  }
  
  .interviewDetail_related_item-jobs_name, .interviewDetail_related_item_name {
	position: absolute;
	bottom: 20px;
	left: 0
  }
  
  .interviewDetail_related_item-jobs_name span, .interviewDetail_related_item_name span {
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.5;
	color: #dd001f
  }
  
  .interviewDetail_related_item-jobs {
	margin-right: 10px
  }
  
  .interviewDetail_link {
	width: 212px;
	margin-top: 64px
  }
  
  .interviewDetail_link-powertrain {
	width: 304px;
	font-size: 1.6rem;
	margin-bottom: 64px
  }
  
  .interviewDetail_border-dot {
	width: 900px;
	height: 1px;
	margin: 0 auto 16px;
	background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-repeat: repeat-x
  }
  
  .interviewDetail_offer {
	width: 560px;
	background: #f2f2f2;
	margin: 120px auto;
	padding: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .interviewDetail_offer_content {
	text-align: left
  }
  
  .interviewDetail_offer_content>h3 {
	font-size: 1.9rem;
	line-height: 1.75;
	letter-spacing: .05em;
	font-weight: 700;
	margin-bottom: 26px
  }
  
  .interviewDetail_offer_content>p {
	font-size: 1.4rem;
	letter-spacing: .025em;
	line-height: 2;
	margin-bottom: 60px
  }
  
  .interviewDetail_offer_link {
	display: block;
	width: 100%;
	height: 60px;
	background: #dd001f;
	text-align: left;
	letter-spacing: .075em;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
  }
  
  .interviewDetail_offer_link a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 62px;
	color: #fff;
	padding-left: 30px;
	-webkit-transition: color .15s;
	transition: color .15s
  }
  
  .interviewDetail_offer_link_arrow {
	right: 30px
  }
  
  .interviewDetail_offer_link:hover a {
	color: #000
  }
  
  .interviewDetail_tagsWrapper {
	max-width: 855px;
	margin: 0 auto 104px
  }
  
  .interviewDetail_tags {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
  }
  
  .interviewDetail_tag {
	height: 33px;
	margin: 0 4px 8px
  }
  
  .interviewDetail_tag_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.1rem;
	font-weight: 700;
	color: #666;
	line-height: 32px;
	padding: 0 25px;
	border: 1px solid #ddd;
	border-radius: 33px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	-webkit-transition-property: color, border;
	transition-property: color, border
  }
  
  .interviewDetail_tag_link:hover {
	color: #dd001f;
	border-color: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  @media screen and (max-width:1599px) {
	.interviewDetail_main_ttl {
	  font-size: 2.6rem;
	  margin-bottom: 26px
	}
	.interviewDetail_main_name {
	  font-size: 2.1em
	}
	.interviewDetail_main_name span {
	  font-size: 1.2rem;
	  margin-bottom: 12px
	}
  }
  
  @media screen and (max-width:1279px) {
	.interviewDetail_main {
	  margin-top: 80px
	}
  }
  
  @media screen and (max-width:1023px) {
	.interviewDetail_content {
	  padding-bottom: 64px
	}
	.interviewDetail_main {
	  width: 100%;
	  height: auto;
	  background: #faf8f0;
	  padding: 0
	}
	.interviewDetail_main_bg {
	  width: 100%;
	  position: static
	}
	.interviewDetail_main_bg img {
	  width: 100%
	}
	.interviewDetail_main_inner {
	  position: static;
	  -webkit-transform: translate(0);
	  transform: translate(0);
	  padding: 0 0 44px 50px;
	  margin-top: 36px
	}
	.interviewDetail_intro {
	  padding: 42px 0 90px
	}
	.interviewDetail_intro_inner {
	  width: calc(100% - 100px);
	  margin: 0 auto
	}
	.interviewDetail_intro_txt {
	  text-align: left
	}
	.interviewDetail_block {
	  width: calc(100% - 100px)
	}
	.interviewDetail_block_left, .interviewDetail_block_right {
	  float: none;
	  width: 100%
	}
	.interviewDetail_block_left {
	  margin: 0
	}
	.interviewDetail_block_left-center, .interviewDetail_block_ttl-right {
	  padding-left: 0
	}
	.interviewDetail_block_ttl-center {
	  position: static;
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	.interviewDetail_block_txt {
	  margin-bottom: 56px
	}
	.interviewDetail_block_img {
	  width: calc(100% - 100px);
	  max-width: 630px;
	  margin: 0 auto 56px
	}
	.interviewDetail_block_dammy {
	  display: none
	}
	.interviewDetail_career {
	  width: 100%
	}
	.interviewDetail_career_inner {
	  width: calc(100% - 100px);
	  margin: 0 auto
	}
	.interviewDetail_career .interviewDetail_step_list-right {
	  margin-top: 0
	}
	.interviewDetail_career .interviewDetail_step_item .note {
	  display: block
	}
	.interviewDetail_column {
	  width: calc(100% - 100px);
	  max-width: 630px;
	  height: auto;
	  padding: 36px 0 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  position: relative
	}
	.interviewDetail_column_ttl, .interviewDetail_column_txt {
	  padding: 0 40px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_column_txt {
	  width: 100%;
	  margin-bottom: 34px
	}
	.interviewDetail_column img {
	  display: block;
	  width: 100%;
	  max-width: 630px;
	  position: static
	}
	.interviewDetail_related_inner {
	  width: 630px;
	  margin: 0 auto
	}
	.interviewDetail_related_list, .interviewDetail_related_list_course {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.interviewDetail_related_item {
	  width: 300px;
	  margin-bottom: 32px
	}
	.interviewDetail_related_item-jobs {
	  width: 49%;
	  margin-right: 0;
	  margin-bottom: 32px
	}
	.interviewDetail_related_item-jobs:nth-child(2n) {
	  margin-left: 2%
	}
	.interviewDetail_border-dot {
	  display: none
	}
	.interviewDetail_tagsWrapper {
	  width: calc(100% - 120px)
	}
	.jobs_interview-one .interviewDetail_related_item-jobs {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.interviewDetail_content {
	  padding-bottom: 64px
	}
	.interviewDetail_main {
	  margin-top: 48px
	}
	.interviewDetail_main_inner {
	  padding: 0 20px;
	  margin-top: 24px
	}
	.interviewDetail_main_ttl {
	  font-size: 2.1rem
	}
	.interviewDetail_main_ttl br {
	  display: none
	}
	.interviewDetail_main_ttl span {
	  margin-bottom: 20px
	}
	.interviewDetail_main_name {
	  font-weight: 500;
	  padding-bottom: 30px
	}
	.interviewDetail_main_name br {
	  display: block
	}
	.interviewDetail_main_name span {
	  font-weight: 400;
	  line-height: 1.75
	}
	.interviewDetail_intro {
	  padding: 14px 0 60px
	}
	.interviewDetail_intro_inner {
	  width: calc(100% - 40px)
	}
	.interviewDetail_intro_txt {
	  font-size: 1.6rem;
	  line-height: 2;
	  letter-spacing: 0;
	  margin-bottom: 16px
	}
	.interviewDetail_intro_txt br {
	  display: none
	}
	.interviewDetail_intro_info {
	  margin-top: 26px
	}
	.interviewDetail_intro_info p {
	  font-size: 1.2rem
	}
	.interviewDetail_block {
	  width: calc(100% - 40px);
	  margin: 60px auto 44px
	}
	.interviewDetail_block_left, .interviewDetail_block_right {
	  float: none;
	  width: 100%
	}
	.interviewDetail_block_left {
	  margin: 0
	}
	.interviewDetail_block_ttl {
	  font-size: 2.1rem;
	  margin-bottom: 20px
	}
	.interviewDetail_block_ttl br {
	  display: none
	}
	.interviewDetail_block_txt {
	  margin-bottom: 28px
	}
	.interviewDetail_block_img {
	  width: 100%;
	  margin-bottom: 28px
	}
	.interviewDetail_career {
	  width: 100%;
	  padding: 42px 0
	}
	.interviewDetail_career_inner {
	  width: calc(100% - 40px);
	  margin: 0 auto
	}
	.interviewDetail_career_ttl br {
	  display: block
	}
	.interviewDetail_career .interviewDetail_step {
	  margin-top: 52px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_career .interviewDetail_step_ttl {
	  text-align: center
	}
	.interviewDetail_career .interviewDetail_step_item {
	  font-size: 1.3rem;
	  font-weight: 500
	}
	.interviewDetail_career .interviewDetail_step_item .note {
	  display: block
	}
	.interviewDetail_message {
	  text-align: left;
	  padding: 40px 20px 36px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_message_ttl {
	  font-size: 2.1rem;
	  margin-bottom: 20px
	}
	.interviewDetail_message_txt {
	  font-size: 1.4rem;
	  font-weight: 700;
	  line-height: 2;
	  margin-bottom: 44px
	}
	.interviewDetail_message_txt br {
	  display: none
	}
	.interviewDetail_message_note {
	  font-size: 1.2rem
	}
	.interviewDetail_column {
	  width: calc(100% - 40px);
	  max-width: 630px;
	  height: auto;
	  margin: 20px auto;
	  background: #f2f2f2;
	  padding: 36px 0 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  position: relative
	}
	.interviewDetail_column_ttl {
	  font-size: 1.8rem;
	  line-height: 1.75;
	  margin-bottom: 18px;
	  padding: 0 20px
	}
	.interviewDetail_column_txt {
	  margin-bottom: 30px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_column img {
	  display: block;
	  width: 100%;
	  max-width: 630px;
	  position: static
	}
	.interviewDetail_related_inner {
	  width: 100%;
	  margin: 0 auto;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_related_ttl {
	  text-align: center
	}
	.interviewDetail_related_list, .interviewDetail_related_list_course {
	  width: calc(100% - 30px);
	  margin: 0 auto
	}
	.interviewDetail_related_list_course {
	  width: calc(100% - 40px)
	}
	.interviewDetail_related_item {
	  display: block!important;
	  width: calc(100% - 10px)!important;
	  margin: 0 auto
	}
	.interviewDetail_related_item_inner {
	  padding: 30px 0 20px
	}
	.interviewDetail_related_item-jobs {
	  margin: 0 auto 10px
	}
	.interviewDetail_related_btn {
	  width: 100%;
	  line-height: 34px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_related_slideArrow {
	  width: 40px;
	  height: 0;
	  padding-top: 54%;
	  position: absolute;
	  top: 0
	}
	.interviewDetail_related_slideArrow img {
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%)
	}
	.interviewDetail_related_slideArrow-prev {
	  left: -35px
	}
	.interviewDetail_related_slideArrow-prev img {
	  -webkit-transform: translate(-50%, -50%) rotate(180deg);
	  transform: translate(-50%, -50%) rotate(180deg)
	}
	.interviewDetail_related_slideArrow-next {
	  right: -35px
	}
	.interviewDetail_related .slick-dots {
	  text-align: right
	}
	.interviewDetail_related .slick-dots li {
	  width: 18px;
	  height: 18px;
	  margin: 0
	}
	.interviewDetail_related .slick-dots li.slick-active button:before {
	  background: #dd001f
	}
	.interviewDetail_related .slick-dots li button {
	  width: 100%;
	  height: 100%
	}
	.interviewDetail_related .slick-dots li button:before {
	  content: "";
	  display: block;
	  width: 6px;
	  height: 6px;
	  background: #333;
	  border-radius: 50%;
	  opacity: 1;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%)
	}
	.interviewDetail_offer {
	  width: calc(100% - 40px);
	  margin: 60px auto 30px;
	  padding: 20px
	}
	.interviewDetail_offer_content>h3 {
	  font-size: 1.4rem;
	  font-weight: 700;
	  margin-bottom: 16px
	}
	.interviewDetail_offer_content>p {
	  font-size: 1.2rem;
	  margin-bottom: 20px
	}
	.interviewDetail_offer_link {
	  height: 40px;
	  font-size: 1.4rem
	}
	.interviewDetail_offer_link a {
	  line-height: 40px;
	  padding-left: 20px
	}
	.interviewDetail_offer_link_arrow {
	  width: 14px;
	  right: 20px
	}
	.interviewDetail_offer_link:hover a {
	  color: #000
	}
	.interviewDetail_tagsWrapper {
	  width: calc(100% - 32px);
	  padding-bottom: 72px;
	  margin-bottom: 0;
	  position: relative;
	  -webkit-transition: .4s;
	  transition: .4s
	}
	.interviewDetail_tagsContainer {
	  max-height: 120px;
	  overflow: hidden;
	  -webkit-transition: max-height .4s cubic-bezier(0, 0, .4, 1);
	  transition: max-height .4s cubic-bezier(0, 0, .4, 1)
	}
	.interviewDetail_tag_link {
	  padding: 0 16px
	}
	.interviewDetail_tagsMore {
	  width: 44px;
	  font-size: 1.6rem;
	  font-weight: 700;
	  letter-spacing: .075em;
	  text-align: center;
	  margin: 15px auto 0;
	  padding: 5px 34px 5px 5px;
	  position: absolute;
	  bottom: 35px;
	  left: 0;
	  right: 0
	}
	.interviewDetail_tagsMore:after, .interviewDetail_tagsMore:before {
	  content: "";
	  display: block;
	  background: #333;
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.interviewDetail_tagsMore:before {
	  width: 14px;
	  height: 2px;
	  right: 10px
	}
	.interviewDetail_tagsMore:after {
	  width: 2px;
	  height: 14px;
	  right: 16px
	}
	.interviewDetail_tagsMore:active {
	  color: #dd001f
	}
	.interviewDetail_tagsMore:active:after, .interviewDetail_tagsMore:active:before {
	  background: #dd001f
	}
	.interviewDetail_tagsMore.is-open {
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: .2s cubic-bezier(0, 0, .2, 1);
	  transition: .2s cubic-bezier(0, 0, .2, 1);
	  -webkit-transition-property: opacity, visibility;
	  transition-property: opacity, visibility
	}
  }
  
  .newInterviewDetail_main {
	padding-top: 50.65%;
	color: #fff;
	margin-bottom: 116px;
	position: relative
  }
  
  .newInterviewDetail_main_bg img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
  }
  
  .newInterviewDetail_main_bg img.is-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
	transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
	transition: transform 1s cubic-bezier(0, 0, .2, 1);
	transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
  }
  
  .newInterviewDetail_main_content {
	width: 0;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0
  }
  
  .newInterviewDetail_main_content-left {
	left: 0;
	right: auto
  }
  
  .newInterviewDetail_main_content.is-active {
	width: 50%;
	opacity: 1;
	-webkit-transition: 1s cubic-bezier(0, 0, .2, 1);
	transition: 1s cubic-bezier(0, 0, .2, 1);
	-webkit-transition-property: width, opacity;
	transition-property: width, opacity
  }
  
  .newInterviewDetail_main_inner {
	width: 372px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0
  }
  
  .newInterviewDetail_main_inner.is-active {
	opacity: 1;
	-webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
	transition: opacity .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
  }
  
  .newInterviewDetail_main_ttl {
	font-size: 4rem;
	font-weight: 400;
	letter-spacing: .025em;
	line-height: 1.5
  }
  
  .newInterviewDetail_main_name {
	color: #fff;
	padding-bottom: 40px;
	border-bottom: 1px solid #fff
  }
  
  .newInterviewDetail_main_name span {
	letter-spacing: .05em
  }
  
  .newInterviewDetail_main_name .interviewDetail_main_initial {
	font-size: 2.7rem;
	font-weight: 700;
	margin-bottom: 0
  }
  
  .newInterviewDetail_main_txt {
	font-size: 1.3rem;
	line-height: 2;
	margin-top: 40px
  }
  
  .newInterviewDetail_block {
	width: calc(100% - 120px);
	max-width: 1220px;
	color: #333;
	margin: 0 auto 116px
  }
  
  .newInterviewDetail_block_txtContainer {
	width: 420px;
	padding: 0 64px
  }
  
  .newInterviewDetail_block_imgContainer {
	width: 672px
  }
  
  .newInterviewDetail_block_ttl {
	font-weight: 400;
	margin-bottom: 64px;
	padding-left: 60px
  }
  
  .newInterviewDetail_block_content {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .newInterviewDetail_block_content.sp {
	display: none
  }
  
  .newInterviewDetail_block_img {
	display: block;
	width: 100%;
	margin-bottom: 10px
  }
  
  .newInterviewDetail_block_img-last {
	width: 420px;
	margin-bottom: 0
  }
  
  .newInterviewDetail_block_txt {
	font-size: 1.5rem;
	line-height: 2;
	margin-bottom: 32px
  }
  
  .newInterviewDetail_block_txt:last-child {
	margin-bottom: 0
  }
  
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	padding-left: 732px
  }
  
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_content {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
  }
  
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_txt {
	float: right
  }
  
  .newInterviewDetail_longImg {
	width: calc(100% - 120px);
	max-width: 1224px;
	margin: 0 auto 96px
  }
  
  @media screen and (max-width:1599px) {
	.newInterviewDetail_main_inner {
	  width: calc(100% - 200px)
	}
	.newInterviewDetail_main_ttl {
	  font-size: 3rem;
	  margin-bottom: 20px
	}
	.newInterviewDetail_main_name {
	  padding-bottom: 24px
	}
	.newInterviewDetail_main_name .interviewDetail_main_initial {
	  font-size: 2.4rem
	}
	.newInterviewDetail_main_txt {
	  margin-top: 24px
	}
	.newInterviewDetail_block {
	  width: calc(100% - 200px);
	  margin: 0 auto 96px
	}
	.newInterviewDetail_block_txtContainer {
	  width: 50%;
	  padding: 0 48px
	}
	.newInterviewDetail_block_imgContainer {
	  width: 50%
	}
	.newInterviewDetail_block_ttl {
	  font-size: 2.8rem;
	  margin-bottom: 48px;
	  padding-left: 48px
	}
	.newInterviewDetail_block_img {
	  width: 100%
	}
	.newInterviewDetail_block_img-last {
	  width: calc(100% - 80px);
	  padding-right: 80px
	}
	.newInterviewDetail_block_img-float {
	  padding-right: 80px
	}
	.newInterviewDetail_block_txt {
	  font-size: 1.4rem;
	  margin-bottom: 40px
	}
	.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	  padding-left: 50%
	}
  }
  
  @media screen and (max-width:1023px) {
	.newInterviewDetail_main {
	  background: #1a1a1a;
	  margin-bottom: 88px;
	  padding-top: 0
	}
	.newInterviewDetail_main_bg {
	  overflow: hidden
	}
	.newInterviewDetail_main_content {
	  width: 100%;
	  position: static;
	  background: none;
	  padding: 48px 60px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  opacity: 1
	}
	.newInterviewDetail_main_content.is-active {
	  width: 100%
	}
	.newInterviewDetail_main_inner {
	  width: 100%;
	  -webkit-transform: translate(0);
	  transform: translate(0);
	  margin: 0;
	  padding: 0;
	  opacity: 1
	}
	.newInterviewDetail_block {
	  width: 648px;
	  margin: 0 auto 88px;
	  padding-top: 464px;
	  position: relative
	}
	.newInterviewDetail_block_content.pc {
	  display: none
	}
	.newInterviewDetail_block_content.sp {
	  display: block
	}
	.newInterviewDetail_block_txtContainer {
	  width: 100%;
	  padding: 0
	}
	.newInterviewDetail_block_imgContainer {
	  width: 100%
	}
	.newInterviewDetail_block_ttl {
	  font-size: 2.8rem;
	  margin-bottom: 32px;
	  padding-left: 0
	}
	.newInterviewDetail_block_content {
	  display: block
	}
	.newInterviewDetail_block_img {
	  width: 100%;
	  float: none
	}
	.newInterviewDetail_block_img:first-child {
	  position: absolute;
	  top: 0;
	  left: 0
	}
	.newInterviewDetail_block_img-sub {
	  margin: 40px 0 24px
	}
	.newInterviewDetail_block_txt {
	  width: 100%;
	  padding: 0;
	  float: none
	}
	.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	  padding-left: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.newInterviewDetail_main {
	  margin-bottom: 0
	}
	.newInterviewDetail_main_content {
	  padding: 28px 20px
	}
	.newInterviewDetail_main_ttl br {
	  display: block
	}
	.newInterviewDetail_main_company {
	  font-size: 1.8rem;
	  letter-spacing: .05em;
	  padding-bottom: 6px
	}
	.newInterviewDetail_main_name {
	  padding-bottom: 16px
	}
	.newInterviewDetail_main_name span {
	  margin-bottom: 0
	}
	.newInterviewDetail_block {
	  width: 100%;
	  margin: 0 auto 40px;
	  padding-top: 250px;
	  position: relative
	}
	.newInterviewDetail_block_ttl {
	  font-size: 2.2rem;
	  margin: 40px 0 32px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.newInterviewDetail_block_ttl br {
	  display: block
	}
	.newInterviewDetail_block_item {
	  width: 100%
	}
	.newInterviewDetail_block_txt {
	  margin-bottom: 20px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.newInterviewDetail_block_txt:last-child {
	  margin-bottom: 20px
	}
	.newInterviewDetail_block_img-sub {
	  display: block;
	  width: calc(100% - 40px);
	  margin: 0 auto 20px;
	  float: none
	}
	.newInterviewDetail_block_img-last {
	  padding-right: 0
	}
	.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	  padding-left: 20px
	}
	.newInterviewDetail_longImg {
	  width: 100%;
	  margin-bottom: 60px
	}
  }
  
  .welfare .subpage_block_ttl_txt-sub {
	display: block;
	margin: 8px 0 0
  }
  
  .welfare .welfare_link {
	margin: 75px auto 0
  }
  
  .welfare .welfare_link a {
	color: #333
  }
  
  .welfare .welfare_link:hover a {
	color: #dd001f
  }
  
  .welfare .tab {
	display: none
  }
  
  .welfare_content {
	color: #333;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .welfare_category {
	width: 246px;
	margin: 0 auto 82px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
  }
  
  .welfare_category_item {
	width: 76px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	letter-spacing: .04em;
	text-align: center;
	padding-bottom: 12px;
	-webkit-transition: color .4s;
	transition: color .4s;
	cursor: pointer
  }
  
  .welfare_category_item.is-active {
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .welfare_category_item:hover {
	color: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  .welfare_category-header {
	padding: 82px 0 0
  }
  
  .welfare_category-footer {
	margin: 60px auto 61px
  }
  
  .welfare_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .welfare_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .welfare_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .welfare_container_ttl:after, .welfare_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .welfare_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 36px 0 30px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .welfare_item_ttl {
	width: 30%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.5
  }
  
  .welfare_item_detail {
	width: 70%
  }
  
  .welfare_item_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .welfareAccordion_btn {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .025em;
	width: 148px;
	padding-bottom: 11px;
	border-bottom: 2px solid #333;
	margin: 37px 0 10px;
	position: relative;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	cursor: pointer
  }
  
  .welfareAccordion_btn:after, .welfareAccordion_btn:before {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #333;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform
  }
  
  .welfareAccordion_btn:before {
	width: 16px;
	height: 2px;
	top: 5px;
	right: 0
  }
  
  .welfareAccordion_btn:after {
	width: 2px;
	height: 16px;
	top: -2px;
	right: 7px
  }
  
  .welfareAccordion_btn.is-open, .welfareAccordion_btn:hover {
	color: #dd001f;
	border-color: #dd001f
  }
  
  .welfareAccordion_btn.is-open:after, .welfareAccordion_btn.is-open:before, .welfareAccordion_btn:hover:after, .welfareAccordion_btn:hover:before {
	background-color: #dd001f
  }
  
  .welfareAccordion_btn.is-open {
	width: 100%;
	margin-bottom: 0
  }
  
  .welfareAccordion_btn.is-open:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
  }
  
  .welfareAccordion_btn.is-disabled {
	color: #ccc;
	border-color: #ccc
  }
  
  .welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
	background-color: #ccc
  }
  
  .welfareAccordion_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0 27px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .welfareAccordion_box:last-of-type {
	padding-bottom: 0;
	background: none
  }
  
  .welfareAccordion_ttl {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .025em;
	width: 21%
  }
  
  .welfareAccordion_detail {
	width: 79%;
	margin-top: -6px
  }
  
  .welfareAccordion_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .welfareAccordion_list {
	margin-top: 19px
  }
  
  .welfareAccordion_list.no-margin {
	margin-top: 0
  }
  
  .welfareAccordion_item {
	font-size: 1.4rem;
	line-height: 1.75;
	margin-top: 11px;
	position: relative
  }
  
  .welfareAccordion_item:first-child {
	margin-top: 0
  }
  
  .welfareAccordion_item.has-mark {
	padding-left: 32px
  }
  
  .welfareAccordion_item span {
	display: inline-block;
	width: 32px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .welfareTab_wrapper {
	position: relative;
	padding-top: 30px;
	margin-top: 36px
  }
  
  .welfareTab_btn {
	width: 178px;
	position: absolute;
	top: 0;
	margin-top: 0;
	cursor: pointer
  }
  
  .welfareTab_btn-01 {
	left: 0
  }
  
  .welfareTab_btn-02 {
	left: 214px
  }
  
  .welfareTab_btn-03 {
	left: 428px
  }
  
  .welfareTab_btn.is-open {
	width: 178px
  }
  
  .welfareTab_list {
	margin-top: 22px
  }
  
  .welfareTab_item {
	font-size: 1.4rem;
	line-height: 1.75;
	position: relative
  }
  
  .welfareTab_item.has-mark {
	padding-left: 30px
  }
  
  .welfareTab_item span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .welfareTab_item+.welfareTab_item {
	margin-top: 11px
  }
  
  .welfareTab_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 25px 0 26px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .welfareTab_box:last-of-type {
	padding-bottom: 0;
	background: none
  }
  
  .welfareTab_box dt {
	width: 21%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em
  }
  
  .welfareTab_box dd {
	width: 79%;
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .welfareTab_box p.has-mark {
	position: relative;
	padding-left: 30px;
	margin-top: 9px
  }
  
  .welfareTab_box p.has-mark span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .office_item {
	overflow: hidden;
	padding: 58px 0 60px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .office_ttl {
	float: left;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .office_detail {
	width: 53.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 20px;
	padding: 33px 6.5% 0 0
  }
  
  .office_detail span {
	color: #dd001f
  }
  
  .office_detail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .office_img {
	float: right;
	width: 46.75%
  }
  
  .office_img img {
	display: block;
	width: 100%
  }
  
  .office_img_small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 1.45%
  }
  
  .office_img_small img {
	width: 49.25%;
	height: 100%
  }
  
  @media screen and (max-width:1023px) {
	.welfare .tab {
	  display: block
	}
	.welfare .no_tab {
	  display: none
	}
	.welfare_item_ttl {
	  width: 100%;
	  margin: 0 auto 22px
	}
	.welfare_item_detail {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.tab {
	  display: none
	}
	.sp {
	  display: block
	}
	.welfare .welfare_link {
	  margin: 55px auto 0
	}
	.welfare_content {
	  padding: 0 0 64px
	}
	.welfare_category {
	  width: 190px;
	  margin: 0 auto 75px
	}
	.welfare_category-header {
	  padding: 50px 0 0
	}
	.welfare_category-footer {
	  margin: 40px auto 46px
	}
	.welfare_container {
	  width: 100%
	}
	.welfare_container_ttl {
	  font-size: 3rem;
	  padding: 0 20px 43px
	}
	.welfare_container_ttl:after {
	  content: none
	}
	.welfare_list {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x
	}
	.welfare_item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 38px 0 45px
	}
	.welfare_item_ttl {
	  width: calc(100% - 40px);
	  font-size: 2rem;
	  letter-spacing: .05em;
	  line-height: 1.5
	}
	.welfare_item_detail {
	  margin: 0 auto;
	  width: calc(100% - 40px)
	}
	.welfare_item_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.welfareAccordion_btn {
	  width: 100%;
	  margin: 26px 0 4px
	}
	.welfareAccordion_btn:before {
	  top: 7px;
	  right: 20px
	}
	.welfareAccordion_btn:after {
	  top: 0;
	  right: 27px
	}
	.welfareAccordion_btn.is-disabled {
	  color: #333;
	  border-color: #333
	}
	.welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
	  background-color: #333
	}
	.welfareAccordion_btn.is-disabled.is-open {
	  color: #dd001f;
	  border-color: #dd001f
	}
	.welfareAccordion_btn.is-disabled.is-open:after, .welfareAccordion_btn.is-disabled.is-open:before {
	  background-color: #dd001f
	}
	.welfareAccordion_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 26px 0 24px
	}
	.welfareAccordion_ttl {
	  margin: 3px 0 31px
	}
	.welfareAccordion_detail, .welfareAccordion_ttl {
	  width: 100%;
	  padding-left: 21px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.welfareAccordion_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.welfareAccordion_list {
	  margin-top: 15px
	}
	.welfareAccordion_item {
	  margin-top: 16px
	}
	.welfareAccordion_item.has-mark {
	  padding-left: 20px
	}
	.welfareAccordion_item span {
	  width: 20px
	}
	.welfareTab_wrapper {
	  position: relative;
	  padding-top: 0;
	  margin: 24px 0 16px
	}
	.welfareTab_btn {
	  width: 100%;
	  position: relative;
	  margin-bottom: 32px
	}
	.welfareTab_btn-01, .welfareTab_btn-02, .welfareTab_btn-03 {
	  left: auto
	}
	.welfareTab_btn-03 {
	  margin-bottom: 4px
	}
	.welfareTab_btn.is-open {
	  width: 100%
	}
	.welfareTab_list {
	  margin-top: 25px
	}
	.welfareTab_item.has-mark {
	  padding-left: 20px
	}
	.welfareTab_item span {
	  width: 20px
	}
	.welfareTab_item+.welfareTab_item {
	  margin-top: 11px
	}
	.welfareTab_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 24px 0 32px
	}
	.welfareTab_box:last-of-type {
	  padding-bottom: 0;
	  background: none
	}
	.welfareTab_box dd, .welfareTab_box dt {
	  width: 100%;
	  padding-left: 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.welfareTab_box dd {
	  margin-top: 20px
	}
	.welfareTab_box p.has-mark {
	  padding-left: 20px
	}
	.welfareTab_box p.has-mark span {
	  width: 20px
	}
	.office_item {
	  padding: 40px 0 41px
	}
	.office_item_wrapper {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x;
	  padding-top: 1px
	}
	.office_ttl {
	  float: none;
	  padding: 0 20px
	}
	.office_detail {
	  width: 100%;
	  padding: 0 20px;
	  font-size: 1.4rem;
	  line-height: 2;
	  margin-top: 15px
	}
	.office_img {
	  float: none;
	  width: calc(100% - 40px);
	  margin: 26px auto 0
	}
  }
  
  .requirements .subpage_block_ttl_txt-sub {
	display: block;
	margin: 8px 0 0 7px
  }
  
  .requirements .requirements_link {
	margin: 75px auto 0
  }
  
  .requirements .requirements_link a {
	color: #333
  }
  
  .requirements .requirements_link:hover a {
	color: #dd001f
  }
  
  .requirements .tab {
	display: none
  }
  
  .requirements_content {
	color: #333
  }
  
  .requirements_category {
	width: 700px;
	margin: 0 auto 82px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
  }
  
  .requirements_category_item {
	width: 150px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	letter-spacing: .04em;
	text-align: center;
	padding-bottom: 12px;
	-webkit-transition: color .4s;
	transition: color .4s;
	cursor: pointer
  }
  
  .requirements_category_item.is-active {
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .requirements_category_item:first-child, .requirements_category_item:last-child {
	width: 120px
  }
  
  .requirements_category_item:hover {
	color: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  .requirements_category-header {
	padding: 82px 0 0
  }
  
  .requirements_category-footer {
	margin: 60px auto 61px
  }
  
  .category_container {
	display: none
  }
  
  .category_container.is-active {
	display: block
  }
  
  .accordion_content, .tab_content {
	display: none
  }
  
  .requirements_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .requirements_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .requirements_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .requirements_container_ttl:after, .requirements_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .requirements_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 36px 0 30px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .requirements_item-none {
	background-image: none
  }
  
  .requirements_item_ttl {
	width: 30%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.5
  }
  
  .requirements_item_detail {
	width: 70%
  }
  
  .requirements_item_detail ul.req_list {
	font-size: 15px;
	line-height: 1.75;
	margin-top: 30px
  }
  
  .requirements_item_detail ul {
	font-size: 14px;
	line-height: 1.75;
	margin-top: 30px
  }
  
  .requirements_item_detail ul a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .requirements_item_detail .registration_dot_list {
	margin-top: 0
  }
  
  .requirements_item_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .requirementsTab_wrapper {
	position: relative;
	padding-top: 30px;
	margin-top: 36px
  }
  
  .requirementsTab_btn {
	width: 178px;
	position: absolute;
	top: 0;
	margin-top: 0;
	cursor: pointer
  }
  
  .requirementsTab_btn#tab1 {
	left: 0
  }
  
  .requirementsTab_btn#tab2 {
	left: 214px
  }
  
  .requirementsTab_btn#tab3 {
	left: 428px
  }
  
  .requirementsTab_btn.is-open {
	width: 178px
  }
  
  .requirementsTab_list {
	margin-top: 22px
  }
  
  .requirementsTab_item {
	font-size: 1.4rem;
	line-height: 1.75;
	position: relative
  }
  
  .requirementsTab_item.has-mark {
	padding-left: 30px
  }
  
  .requirementsTab_item span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .requirementsTab_item+.welfareTab_item {
	margin-top: 11px
  }
  
  .requirementsTab_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 25px 0 26px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .requirementsTab_box:last-of-type {
	padding-bottom: 0;
	background: none
  }
  
  .requirementsTab_box dt {
	width: 21%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em
  }
  
  .requirementsTab_box dd {
	width: 79%;
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .requirementsTab_box p.has-mark {
	position: relative;
	padding-left: 30px;
	margin-top: 9px
  }
  
  .requirementsTab_box p.has-mark span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .process_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .process_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .process_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .process_container_ttl:after, .process_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .process_item {
	overflow: hidden;
	padding: 58px 0 60px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .process_ttl {
	float: left;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .process_detail {
	width: 53.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 20px;
	padding: 33px 6.5% 0 0
  }
  
  .process_detail span {
	color: #dd001f
  }
  
  .process_detail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .process_img {
	float: right;
	width: 46.75%
  }
  
  .process_img img {
	display: block;
	width: 100%
  }
  
  .process_img_small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 1.45%
  }
  
  .process_img_small img {
	width: 49.25%;
	height: 100%
  }
  
  .process_list {
	padding-top: 25px
  }
  
  @media screen and (max-width:767px) {
	.tab {
	  display: none
	}
	.br-sp, .sp {
	  display: block
	}
	.requirements .welfare_link {
	  margin: 55px auto 0
	}
	.requirements_content {
	  padding: 0 0 44px
	}
	.requirements_category {
	  display: block;
	  width: 100%;
	  margin: 0 auto 40px;
	  background-color: #eee
	}
	.requirements_category_item {
	  margin: 0 auto;
	  text-align: center
	}
	.requirements_category_item:not(:last-child) {
	  margin-bottom: 30px
	}
	.requirements_category-header {
	  padding: 50px 0
	}
	.requirements_category-footer {
	  margin-top: 40px;
	  padding: 50px 0
	}
	.requirements_container {
	  width: 100%
	}
	.requirements_container_ttl {
	  font-size: 3rem;
	  padding: 0 20px 43px
	}
	.requirements_container_ttl:after {
	  content: none
	}
	.requirements_list {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x
	}
	.requirements_item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 38px 0 45px
	}
	.requirements_item_ttl {
	  width: calc(100% - 40px);
	  font-size: 2rem;
	  letter-spacing: .05em;
	  line-height: 1.5
	}
	.requirements_item_detail {
	  margin: 0 auto;
	  width: calc(100% - 40px)
	}
	.requirements_item_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.requirementsTab_wrapper {
	  position: relative;
	  padding-top: 0;
	  margin: 24px 0 16px
	}
	.requirementsTab_btn {
	  width: 100%;
	  position: relative;
	  margin-bottom: 32px
	}
	.requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
	  left: auto
	}
	.requirementsTab_btn#tab3 {
	  margin-bottom: 4px
	}
	.requirementsTab_btn.is-open {
	  width: 100%
	}
	.requirementsTab_list {
	  margin-top: 25px
	}
	.requirementsTab_item.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_item span {
	  width: 20px
	}
	.requirementsTab_item+.welfareTab_item {
	  margin-top: 11px
	}
	.requirementsTab_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 24px 0 32px
	}
	.requirementsTab_box:last-of-type {
	  padding-bottom: 0;
	  background: none
	}
	.requirementsTab_box dd, .requirementsTab_box dt {
	  width: 100%;
	  padding-left: 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.requirementsTab_box dd {
	  margin-top: 20px
	}
	.requirementsTab_box p.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_box p.has-mark span {
	  width: 20px
	}
	.requirementsTab_detail ul.req_list {
	  font-size: 15px
	}
	.requirements_item {
	  padding: 40px 0 41px
	}
	.requirements_item_wrapper {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x;
	  padding-top: 1px
	}
	.requirements_ttl {
	  float: none;
	  padding: 0 20px
	}
	.requirements_detail {
	  width: 100%;
	  padding: 0 20px;
	  font-size: 1.4rem;
	  line-height: 2;
	  margin-top: 15px
	}
	.requirements_img {
	  float: none;
	  width: calc(100% - 40px);
	  margin: 26px auto 0
	}
  }
  
  .step_2 .process_part dd, .step_2 .process_part dt, .step_3 .process_part dd, .step_3 .process_part dt, .step_4 .process_part dd, .step_4 .process_part dt, .step_5 .process_part dd, .step_5 .process_part dt, .step_6 .process_part dd, .step_6 .process_part dt {
	opacity: 0;
	-webkit-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .8s;
	transition: all .8s
  }
  
  .step_2 .process_part .process_img, .step_3 .process_part .process_img, .step_4 .process_part .process_img, .step_5 .process_part .process_img, .step_6 .process_part .process_img {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
  }
  
  .step_2.on_effect .process_part .process_img, .step_2.on_effect .process_part dd, .step_2.on_effect .process_part dt, .step_3.on_effect .process_part .process_img, .step_3.on_effect .process_part dd, .step_3.on_effect .process_part dt, .step_4.on_effect .process_part .process_img, .step_4.on_effect .process_part dd, .step_4.on_effect .process_part dt, .step_5.on_effect .process_part .process_img, .step_5.on_effect .process_part dd, .step_5.on_effect .process_part dt, .step_6.on_effect .process_part .process_img, .step_6.on_effect .process_part dd, .step_6.on_effect .process_part dt {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
  }
  
  .process li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .process .step_part .step_mark {
	color: #fff;
	background-image: url(/requirements/img/cycle.png);
	background-size: cover;
	text-align: center
  }
  
  .process .process_part {
	width: calc(100% - 138px)
  }
  
  @media screen and (min-width:1024px) {
	.second_faq div.wrap.faq_menu {
	  max-width: 900px
	}
	.process .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.process .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.process .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
	  position: relative
	}
	.process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: -1
	}
	.process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
	  height: 100%
	}
	.process .step_2 .process_part dd {
	  width: calc(100% - 280px)
	}
	.process .step_4 .process_part dd, .process .step_6 .process_part dd {
	  width: calc(100% - 240px)
	}
	.process .process_part {
	  position: relative;
	  padding-left: 50px
	}
	.process .process_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.process .process_part .process_img img {
	  width: 100%;
	  height: auto
	}
	.process .process_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.process li {
	  position: relative
	}
	.process li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.process li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.process li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .process_part .process_img {
	  position: absolute;
	  width: 234px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_4 .process_part .process_img {
	  position: absolute;
	  width: 190px;
	  top: calc(50% - 84px);
	  right: 30px
	}
	.step_6 .process_part .process_img {
	  position: absolute;
	  width: 181px;
	  top: calc(50% - 92px);
	  right: 30px
	}
  }
  
  @media screen and (min-width:768px) and (max-width:1023px) {
	.process .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.process .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.process .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
	  position: relative
	}
	.process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: 1
	}
	.process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
	  height: 100%
	}
	.process .step_2 .process_part dd {
	  width: calc(100% - 280px)
	}
	.process .step_4 .process_part dd, .process .step_6 .process_part dd {
	  width: calc(100% - 240px)
	}
	.process .process_part {
	  position: relative;
	  padding-left: 50px
	}
	.process .process_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.process .process_part .process_img img {
	  width: 100%;
	  height: auto
	}
	.process .process_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.process li {
	  position: relative
	}
	.process li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.process li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.process li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .process_part .process_img {
	  position: absolute;
	  width: 234px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_4 .process_part .process_img {
	  position: absolute;
	  width: 190px;
	  top: calc(50% - 84px);
	  right: 30px
	}
	.step_6 .process_part .process_img {
	  position: absolute;
	  width: 181px;
	  top: calc(50% - 92px);
	  right: 30px
	}
  }
  
  @media screen and (max-width:1023px) {
	.requirements_content {
	  padding: 0 0 40px
	}
	.requirements_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.requirements_block_elem-left {
	  padding: 48.2% 0 0
	}
	.requirements_item {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.requirements_content {
	  padding: 0 0 64px
	}
	.requirements .second .wrap {
	  width: 100%;
	  margin-top: 50px;
	  margin-bottom: 23px
	}
	p.requirements_block_ttl_txt-main {
	  font-size: 2.4rem
	}
	span.requirements_block_ttl_txt-sub {
	  font-size: 1.8rem;
	  margin-left: 10px
	}
	.process_container {
	  width: 100%
	}
	.process_container_ttl {
	  margin-left: 25px
	}
	.process .step_part {
	  position: relative;
	  width: 50px;
	  margin-left: 20px;
	  z-index: 1
	}
	.process .step_part .step_mark {
	  font-size: 2rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 50px;
	  height: 50px
	}
	.process .step_part .step_mark p {
	  font-size: 1.2rem;
	  line-height: 1.33;
	  padding-top: 8px
	}
	.process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
	  position: relative
	}
	.process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
	  position: absolute;
	  content: "";
	  width: 2px;
	  height: 0;
	  background-color: #dd001f;
	  top: 25px;
	  left: 44px;
	  -webkit-transition: all .5s;
	  transition: all .5s
	}
	.process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
	  height: 100%
	}
	.process .process_part {
	  position: relative;
	  width: calc(100% - 50px)
	}
	.process .process_part dt {
	  font-size: 2rem;
	  line-height: 1.5;
	  letter-spacing: 0;
	  font-weight: 700;
	  margin-top: 8px;
	  margin-left: 10px;
	  margin-right: 20px
	}
	.process .process_part .process_img {
	  margin: 20px auto;
	  padding-right: 20px
	}
	.process .process_part .process_img img {
	  width: 100%;
	  height: auto
	}
	.process .process_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: calc(100% - 30px);
	  margin-top: 20px;
	  margin-bottom: 86px;
	  padding-left: 10px;
	  padding-right: 20px
	}
	.process li {
	  position: relative
	}
	.process li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 23px;
	  left: 0
	}
	.process li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.process li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .process_part .process_img {
	  width: 149px
	}
	.step_4 .process_part .process_img, .step_6 .process_part .process_img {
	  width: 150px
	}
  }
  
  #registration .interviewDetail_offer_link {
	width: 320px;
	margin: 0 auto
  }
  
  @media screen and (max-width:767px) {
	#registration .interviewDetail_offer_link {
	  width: calc(100% - 80px)
	}
  }
  
  .registration_item_detail {
	width: 100%
  }
  
  .registration_flow_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
  }
  
  @media screen and (max-width:767px) {
	.registration_flow_wrap {
	  display: block;
	  margin-top: 40px
	}
  }
  
  .registration_flow_pic {
	margin-right: 60px;
	width: 202px
  }
  
  @media screen and (max-width:767px) {
	.registration_flow_pic {
	  margin: 0 auto 35px
	}
  }
  
  .registration_flow_pic img {
	width: 100%
  }
  
  .registration_flow_list li:not(:last-child) {
	margin-bottom: 44px
  }
  
  .registration_flow_tit {
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 1.3;
	font-size: 1.6rem
  }
  
  .registration_flow_txt {
	line-height: 1.5;
	letter-spacing: .025em;
	font-size: 1.3rem
  }
  
  .registration_dot_list {
	padding-left: 1em;
	text-indent: -1em
  }
  
  .registration_red_tit {
	margin: 46px 0 37px;
	padding-left: 10px;
	border-left: 5px solid #dd001f;
	font-size: 1.8rem
  }
  
  .registration_comment_list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
  }
  
  .registration_comment_list li:not(:last-child) {
	margin-bottom: 40px
  }
  
  .registration_comment_pic {
	width: 68px;
	margin-right: 22px
  }
  
  @media screen and (max-width:767px) {
	.registration_comment_pic {
	  width: 50px;
	  margin-right: 20px
	}
  }
  
  .registration_comment_pic img {
	width: 100%
  }
  
  .registration_commentBox {
	display: inline-block;
	width: 300px;
	padding: 15px 35px 15px 15px;
	border: 2px solid #444;
	border-radius: 10px;
	background-color: #fff;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.registration_commentBox {
	  width: calc(100% - 70px);
	  padding: 15px 20px 15px 15px
	}
  }
  
  .registration_commentBox:after, .registration_commentBox:before {
	content: "";
	border: solid transparent;
	position: absolute;
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	pointer-events: none
  }
  
  .registration_commentBox:after {
	border-color: hsla(0, 0%, 100%, 0) #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
	border-width: 10px;
	margin-top: -10px;
	margin-right: -1px
  }
  
  .registration_commentBox:before {
	border-color: rgba(68, 68, 68, 0) #444 rgba(68, 68, 68, 0) rgba(68, 68, 68, 0);
	border-width: 12px;
	margin-top: -12px
  }
  
  .registration_commentBox_txt {
	font-weight: 700;
	line-height: 1.6;
	font-size: 1.5rem
  }
  
  @media screen and (max-width:767px) {
	.registration_commentBox_txt {
	  font-size: 1.4rem
	}
  }
  
  @media screen and (max-width:374px) {
	.br-xxsp {
	  display: block
	}
	.requirements .subpage_block_elem {
	  min-height: 260px
	}
	.requirements .subpage_block_ttl_txt-main {
	  line-height: 1.2
	}
  }
  
  .referral_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .referral_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .referral_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .referral_container_ttl:after, .referral_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .referral_item {
	overflow: hidden;
	padding: 58px 0 60px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .referral_ttl {
	float: left;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .referral_detail {
	width: 53.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 20px;
	padding: 33px 6.5% 0 0
  }
  
  .referral_detail span {
	color: #dd001f
  }
  
  .referral_detail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .referral_img {
	float: right;
	width: 46.75%
  }
  
  .referral_img img {
	display: block;
	width: 100%
  }
  
  .referral_img_small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 1.45%
  }
  
  .referral_img_small img {
	width: 49.25%;
	height: 100%
  }
  
  .referral_list {
	padding-top: 25px
  }
  
  @media screen and (max-width:1023px) {
	.requirements .tab {
	  display: block
	}
	.requirements .no_tab {
	  display: none
	}
	.requirements_item_ttl {
	  width: 100%;
	  margin: 0 auto 22px
	}
	.requirements_item_detail {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.tab {
	  display: none
	}
	.br-sp, .sp {
	  display: block
	}
	.requirements .welfare_link {
	  margin: 55px auto 0
	}
	.requirements_content {
	  padding: 0 0 44px
	}
	.requirements_category {
	  display: block;
	  width: 100%;
	  margin: 0 auto 40px;
	  background-color: #eee
	}
	.requirements_category_item {
	  margin: 0 auto;
	  text-align: center
	}
	.requirements_category_item:not(:last-child) {
	  margin-bottom: 30px
	}
	.requirements_category-header {
	  padding: 50px 0
	}
	.requirements_category-footer {
	  margin-top: 40px;
	  padding: 50px 0
	}
	.requirements_container {
	  width: 100%
	}
	.requirements_container_ttl {
	  font-size: 3rem;
	  padding: 0 20px 43px
	}
	.requirements_container_ttl:after {
	  content: none
	}
	.requirements_list {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x
	}
	.requirements_item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 38px 0 45px
	}
	.requirements_item_ttl {
	  width: calc(100% - 40px);
	  font-size: 2rem;
	  letter-spacing: .05em;
	  line-height: 1.5
	}
	.requirements_item_detail {
	  margin: 0 auto;
	  width: calc(100% - 40px)
	}
	.requirements_item_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.requirementsTab_wrapper {
	  position: relative;
	  padding-top: 0;
	  margin: 24px 0 16px
	}
	.requirementsTab_btn {
	  width: 100%;
	  position: relative;
	  margin-bottom: 32px
	}
	.requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
	  left: auto
	}
	.requirementsTab_btn#tab3 {
	  margin-bottom: 4px
	}
	.requirementsTab_btn.is-open {
	  width: 100%
	}
	.requirementsTab_list {
	  margin-top: 25px
	}
	.requirementsTab_item.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_item span {
	  width: 20px
	}
	.requirementsTab_item+.welfareTab_item {
	  margin-top: 11px
	}
	.requirementsTab_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 24px 0 32px
	}
	.requirementsTab_box:last-of-type {
	  padding-bottom: 0;
	  background: none
	}
	.requirementsTab_box dd, .requirementsTab_box dt {
	  width: 100%;
	  padding-left: 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.requirementsTab_box dd {
	  margin-top: 20px
	}
	.requirementsTab_box p.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_box p.has-mark span {
	  width: 20px
	}
	.requirementsTab_detail ul.req_list {
	  font-size: 15px
	}
	.requirements_item {
	  padding: 40px 0 41px
	}
	.requirements_item_wrapper {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x;
	  padding-top: 1px
	}
	.requirements_ttl {
	  float: none;
	  padding: 0 20px
	}
	.requirements_detail {
	  width: 100%;
	  padding: 0 20px;
	  font-size: 1.4rem;
	  line-height: 2;
	  margin-top: 15px
	}
	.requirements_img {
	  float: none;
	  width: calc(100% - 40px);
	  margin: 26px auto 0
	}
	.sp-hide {
	  display: none
	}
  }
  
  .requirements_content {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  div.requirements_content {
	margin-top: 0
  }
  
  span.requirements_block_ttl_txt-sub {
	letter-spacing: .04em
  }
  
  .step_2 .step_part, .step_3 .step_part, .step_4 .step_part, .step_5 .step_part, .step_6 .step_part {
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s
  }
  
  .step_2 .step_mark, .step_3 .step_mark, .step_4 .step_mark, .step_5 .step_mark, .step_6 .step_mark {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .8s;
	transition: all .8s
  }
  
  .step_2 .referral_part dd, .step_2 .referral_part dt, .step_3 .referral_part dd, .step_3 .referral_part dt, .step_4 .referral_part dd, .step_4 .referral_part dt, .step_5 .referral_part dd, .step_5 .referral_part dt, .step_6 .referral_part dd, .step_6 .referral_part dt {
	opacity: 0;
	-webkit-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .8s;
	transition: all .8s
  }
  
  .step_2 .referral_part .referral_img, .step_3 .referral_part .referral_img, .step_4 .referral_part .referral_img, .step_5 .referral_part .referral_img, .step_6 .referral_part .referral_img {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
  }
  
  .step_2.on_effect .step_part, .step_3.on_effect .step_part, .step_4.on_effect .step_part, .step_5.on_effect .step_part, .step_6.on_effect .step_part {
	opacity: 1
  }
  
  .step_2.on_effect .step_mark, .step_3.on_effect .step_mark, .step_4.on_effect .step_mark, .step_5.on_effect .step_mark, .step_6.on_effect .step_mark {
	-webkit-transform: scale(1);
	transform: scale(1)
  }
  
  .step_2.on_effect .referral_part .referral_img, .step_2.on_effect .referral_part dd, .step_2.on_effect .referral_part dt, .step_3.on_effect .referral_part .referral_img, .step_3.on_effect .referral_part dd, .step_3.on_effect .referral_part dt, .step_4.on_effect .referral_part .referral_img, .step_4.on_effect .referral_part dd, .step_4.on_effect .referral_part dt, .step_5.on_effect .referral_part .referral_img, .step_5.on_effect .referral_part dd, .step_5.on_effect .referral_part dt, .step_6.on_effect .referral_part .referral_img, .step_6.on_effect .referral_part dd, .step_6.on_effect .referral_part dt {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
  }
  
  .referral li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .referral .step_part .step_mark {
	color: #fff;
	background-image: url(/requirements/img/cycle.png);
	background-size: cover;
	text-align: center
  }
  
  .referral .referral_part {
	width: calc(100% - 138px)
  }
  
  @media screen and (min-width:1024px) {
	.second_faq div.wrap.faq_menu {
	  max-width: 900px
	}
	.referral .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.referral .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.referral .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
	  position: relative
	}
	.referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: -1
	}
	.referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
	  height: 100%
	}
	.referral .step_2 .referral_part dd {
	  width: calc(100% - 280px)
	}
	.referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
	  width: calc(100% - 240px)
	}
	.referral .referral_part {
	  position: relative;
	  padding-left: 50px
	}
	.referral .referral_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.referral .referral_part .referral_img img {
	  width: 100%;
	  height: auto
	}
	.referral .referral_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.referral li {
	  position: relative
	}
	.referral li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.referral li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.referral li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_1 .referral_part .referral_img {
	  position: absolute;
	  width: 102px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_2 .referral_part .referral_img {
	  position: absolute;
	  width: 138px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_3 .referral_part .referral_img {
	  position: absolute;
	  width: 76px;
	  top: calc(50% - 70px);
	  right: 60px
	}
	.step_4 .referral_part .referral_img {
	  position: absolute;
	  width: 89px;
	  top: calc(50% - 55px);
	  right: 50px
	}
	.pc-hide {
	  display: none
	}
  }
  
  @media screen and (min-width:768px) and (max-width:1023px) {
	.referral .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.referral .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.referral .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
	  position: relative
	}
	.referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: 1
	}
	.referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
	  height: 100%
	}
	.referral .step_2 .referral_part dd {
	  width: calc(100% - 280px)
	}
	.referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
	  width: calc(100% - 240px)
	}
	.referral .referral_part {
	  position: relative;
	  padding-left: 50px
	}
	.referral .referral_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.referral .referral_part .referral_img img {
	  width: 100%;
	  height: auto
	}
	.referral .referral_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.referral li {
	  position: relative
	}
	.referral li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.referral li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.referral li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .referral_part .referral_img {
	  position: absolute;
	  width: 234px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_4 .referral_part .referral_img {
	  position: absolute;
	  width: 190px;
	  top: calc(50% - 84px);
	  right: 30px
	}
  }
  
  @media screen and (max-width:1023px) {
	.requirements_content {
	  padding: 0 0 40px
	}
	.requirements_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.requirements_block_elem-left {
	  padding: 48.2% 0 0
	}
	.requirements_item {
	  width: 100%
	}
	dd br {
	  display: none
	}
	.step_1 .referral_part .referral_img {
	  width: 140px;
	  margin-left: 200px;
	  float: none
	}
	.step_2 .referral_part .referral_img {
	  width: 140px;
	  margin-left: 100px;
	  float: none
	}
	.step_3 .referral_part .referral_img {
	  width: 100px;
	  margin-left: 260px;
	  float: none
	}
	.step_4 .referral_part .referral_img {
	  width: 140px;
	  margin-left: 100px;
	  float: none
	}
  }
  
  @media screen and (max-width:767px) {
	.requirements_content {
	  padding: 0 0 64px
	}
	.requirements .second .wrap {
	  width: 100%;
	  margin-top: 50px;
	  margin-bottom: 23px
	}
	p.requirements_block_ttl_txt-main {
	  font-size: 2.4rem
	}
	span.requirements_block_ttl_txt-sub {
	  font-size: 1.8rem;
	  margin-left: 10px
	}
	.referral_container {
	  width: 100%
	}
	.referral_container_ttl {
	  margin-left: 25px
	}
	.referral .step_part {
	  position: relative;
	  width: 50px;
	  margin-left: 20px;
	  z-index: 1
	}
	.referral .step_part .step_mark {
	  font-size: 2rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 50px;
	  height: 50px
	}
	.referral .step_part .step_mark p {
	  font-size: 1.2rem;
	  line-height: 1.33;
	  padding-top: 8px
	}
	.referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
	  position: relative
	}
	.referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
	  position: absolute;
	  content: "";
	  width: 2px;
	  height: 0;
	  background-color: #dd001f;
	  top: 25px;
	  left: 44px;
	  -webkit-transition: all .5s;
	  transition: all .5s
	}
	.referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
	  height: 100%
	}
	.referral .referral_part {
	  position: relative;
	  width: calc(100% - 50px)
	}
	.referral .referral_part dt {
	  font-size: 2rem;
	  line-height: 1.5;
	  letter-spacing: 0;
	  font-weight: 700;
	  margin-top: 8px;
	  margin-left: 10px;
	  margin-right: 20px
	}
	.referral .referral_part .referral_img {
	  margin: 20px auto;
	  padding-right: 110px
	}
	.referral .referral_part .referral_img img {
	  width: 100%;
	  height: auto
	}
	.referral .referral_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: calc(100% - 30px);
	  margin-top: 20px;
	  margin-bottom: 86px;
	  padding-left: 10px;
	  padding-right: 20px
	}
	.referral li {
	  position: relative
	}
	.referral li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 23px;
	  left: 0
	}
	.referral li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.referral li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_1 .referral_part .referral_img {
	  width: 80px;
	  float: right;
	  margin-right: 20px
	}
	.step_2 .referral_part .referral_img {
	  width: 118px;
	  float: right
	}
	.step_3 .referral_part .referral_img {
	  width: 73px;
	  float: right;
	  margin-right: 25px
	}
	.step_4 .referral_part .referral_img {
	  width: 88px;
	  float: right;
	  margin-right: 15px
	}
	.step_6 .referral_part .referral_img {
	  width: 150px
	}
  }
  
  .step_4 dt span {
	display: block;
	font-size: 14px
  }
  
  @media screen and (max-width:767px) {
	.step_4 dt span {
	  font-weight: lighter
	}
  }
  
  #agreement .requirements_container_ttl {
	margin-bottom: 24px;
	padding-top: 55px
  }
  
  #agreement .requirements_item_detail {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	#agreement .requirements_item_detail {
	  width: calc(100% - 40px)
	}
  }
  
  #agreement-sub .header_list_item.is-active {
	background: #222
  }
  
  #agreement-sub .header_list_item-agreement.is-active, #agreement-sub .header_list_item:hover {
	background: #444
  }
  
  .entryflow .subpage_block_elem, .login .subpage_block_elem {
	width: 100%!important
  }
  
  .entryflow .subpage_block_elem-left, .login .subpage_block_elem-left {
	display: none;
	background-image: none
  }
  
  .entryflow .subpage_block_inner, .login .subpage_block_inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .br-xxsp {
	display: none
  }
  
  .entryflow .subpage_block_ttl_txt-sub {
	margin: 8px 0 0 12px
  }
  
  .entryflow_content {
	color: #333;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .entryflow_container_box {
	margin: 80px auto 20px
  }
  
  .entryflow_item {
	width: 100%;
	position: relative
  }
  
  .entryflow_item_bg {
	margin: 40px 0 60px;
	padding: 30px 0 20px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f2f2f2
  }
  
  @media screen and (max-width:767px) {
	.entryflow_item_bg {
	  margin: 30px 0 40px
	}
  }
  
  .entryflow_item_ttl {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.5;
	margin: 80px 0 30px
  }
  
  .entryflow_item_ttl:before {
	content: "";
	padding: 0 6px;
	border-left: 5px solid #dd001f
  }
  
  .entryflow_item_ttl:first-of-type {
	margin: 30px 0 20px
  }
  
  .entryflow_item_txt {
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em;
	padding-left: 1em;
	text-indent: -1.2em
  }
  
  .entryflow_item_txt.mail {
	text-indent: .1rem;
	line-height: 1.75
  }
  
  .entryflow_item_txt-link, .entryflow_item_txt.mail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .entryflow_item_txt-link {
	line-height: 1.75
  }
  
  .entryflow_item_txt-bold {
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em;
	font-weight: 700
  }
  
  .entryflow_item_txt-mt30 {
	margin-left: 55px;
	color: #dd001f
  }
  
  .entryflow_item_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	padding: 30px 0 20px
  }
  
  .entryflow_item_btn-entry {
	width: 180px;
	color: #fff;
	margin-right: 20px;
	letter-spacing: .15em;
	background-color: #dd001f;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
	position: relative;
	opacity: 1
  }
  
  .entryflow_item_btn-entry a {
	display: block;
	padding: 19px 16px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff;
	-webkit-transition: color .15s;
	transition: color .15s;
	line-height: 1.75
  }
  
  .entryflow_item_btn-entry:hover a {
	color: #000
  }
  
  .entryflow_item_btn-entry:hover .header_findout_arrow img {
	display: none
  }
  
  .entryflow_item_btn-entry:hover .header_findout_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .entryflow_item_btn-entry.black {
	width: 360px;
	margin: 40px 30px 20px 0;
	background-color: #fff;
	border: 2px solid #000
  }
  
  .entryflow_item_btn-entry.black a {
	color: #333;
	font-weight: 700
  }
  
  .entryflow_item_btn-entry .header_findout_arrow {
	width: 14px;
	right: 14px
  }
  
  .entryflow_item_btn-entry .header_findout_arrow img {
	display: block;
	width: 100%
  }
  
  .entryflow_item_btn-entry .header_findout_arrow .hover {
	display: none
  }
  
  .entryflow_item_btn-entry.sign .header_findout_arrow {
	width: 22px;
	right: 20px
  }
  
  .entryflow_item_privacy {
	background-color: #eee;
	padding: 60px 40px
  }
  
  .entryflow_item_privacy:first-child {
	margin-top: 40px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .entryflow_item_privacy_ttl {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: .05em;
	line-height: 1.5;
	font-weight: 700;
	padding-bottom: 40px;
	color: #555
  }
  
  .entryflow_item_privacy_txt {
	padding: 10px 0;
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .entryflow_item_privacy ol.list_parentheses li {
	list-style-position: inside;
	counter-increment: cnt;
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.75;
	padding-left: 1.5em;
	text-indent: -1.75em
  }
  
  .entryflow_item_privacy ol.list_parentheses li:before {
	display: marker;
	content: "(" counter(cnt) ") "
  }
  
  .entryflow_item_checkbox {
	margin: 0 auto 100px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em
  }
  
  .entryflow_item_checkbox .entryflow_item_btn-entry {
	width: 360px;
	margin: 20px auto;
	text-align: left;
	padding-left: 30px
  }
  
  .entryflow_item_checkbox .entryflow_item_btn-entry a {
	font-size: 1.8rem;
	letter-spacing: .05em;
	font-weight: 700
  }
  
  .entryflow_item_checkbox .checkbox-input {
	display: none
  }
  
  .entryflow_item_checkbox .checkbox-parts {
	padding-top: 1px;
	padding-left: 30px;
	position: relative;
	margin-right: 20px
  }
  
  .entryflow_item_checkbox .checkbox-parts:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 2px
  }
  
  .entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts {
	color: #dd001f
  }
  
  .entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts:after {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-bottom: 3px solid #dd001f;
	border-right: 3px solid #dd001f
  }
  
  .entryflow_terms {
	overflow: auto;
	height: 360px;
	padding-right: 30px
  }
  
  @media screen and (max-width:767px) {
	.entryflow_terms {
	  height: 410px;
	  padding-right: 20px
	}
  }
  
  .entryflow_terms::-webkit-scrollbar {
	width: 10px;
	height: 10px
  }
  
  .entryflow_terms::-webkit-scrollbar-track {
	border-radius: 50px;
	background: #f2f2f2
  }
  
  .entryflow_terms::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #888;
	height: 60px
  }
  
  .entryflow_terms_ttl {
	margin-bottom: 0!important;
	margin-top: 2.3em;
	font-size: 1.2rem;
	line-height: 2;
	letter-spacing: .05em;
	font-weight: 700;
	padding: 5px 0
  }
  
  .entryflow_terms_txt {
	font-size: 1.2rem;
	line-height: 1.75;
	letter-spacing: .05em
  }
  
  .entryflow_terms_txt.indent {
	padding-left: 1em;
	text-indent: -1.02em
  }
  
  .entryflow_terms_txt.ol {
	list-style-position: outside;
	list-style-type: decimal!important;
	display: list-item!important
  }
  
  .entryflow_terms_txt.right {
	text-align: right;
	padding: 10px
  }
  
  .entryflow .background-imagebox {
	height: 50px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: top;
	background-repeat: repeat-x
  }
  
  .entryflow_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .entryflow_container_subtitle {
	padding-top: 80px;
	font-size: 2.4rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .entryflow_container_subtitle:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .entryflow_container_subtitle:after, .entryflow_split_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .entryflow_split_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 38px 0 40px;
	background-position: top;
	background-repeat: repeat-x
  }
  
  .entryflow_split_item_ttl {
	width: 30%;
	font-size: 1.5rem;
	letter-spacing: .05em;
	line-height: 1.5;
	font-weight: 700
  }
  
  .entryflow_split_item_detail {
	width: 70%;
	padding-top: 4px
  }
  
  .entryflow_split_item_txt {
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .entryflow_split_item_txt-bold {
	font-weight: 700;
	font-size: 1.5rem;
	padding-bottom: 4px;
	line-height: 1.75
  }
  
  .entryflow_split_item_txt.link {
	text-indent: .1rem;
	line-height: 1.75
  }
  
  .entryflow_split_item_txt.link a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .entryflow_split_item_txt.indent {
	padding-left: 1em;
	text-indent: -1.2em
  }
  
  .entryflow_txt {
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 20px 0
  }
  
  .flexmain-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 30px 0
  }
  
  .flexsub-box {
	width: 42%;
	padding: 10px 0;
	display: block
  }
  
  .flexsub-box:first-child {
	padding-left: 0
  }
  
  .flex-item {
	font-size: 1.4rem;
	padding: 17px 30px 14px;
	text-align: center;
	color: #333;
	border-radius: 5px;
	border: 2px solid #eee;
	font-weight: 700
  }
  
  .flex-item-last {
	border: none
  }
  
  .flex_arrow {
	width: 7%
  }
  
  .flex_arrow img {
	display: block;
	margin: 0 auto;
	width: 14px
  }
  
  .flexsub-box:last-child .flex-item {
	background-color: #333;
	color: #fff
  }
  
  .entryflow_item_checkbox-label:hover {
	cursor: pointer
  }
  
  .login {
	background-color: #fff
  }
  
  .login_content, .login_wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .login_content {
	width: calc(100% - 120px);
	max-width: 900px;
	margin-top: 77px;
	margin-right: auto;
	margin-left: auto
  }
  
  .login_content h1 {
	padding-bottom: 20.5px;
	font-size: 24px;
	color: #333;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .login_form {
	margin-top: 60.5px
  }
  
  .login_id_wrap, .login_pw_wrap {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 360px;
	height: 50px;
	margin-right: auto;
	margin-bottom: 21px;
	margin-left: auto
  }
  
  .login_label {
	position: absolute;
	top: 0;
	left: -67px;
	width: 67px;
	font-weight: 700;
	line-height: 50px
  }
  
  .login_input_txt, .login_label {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px
  }
  
  .login_input_txt {
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-appearance: none
  }
  
  .login_submit_btn {
	display: block;
	color: #fff;
	letter-spacing: .1em;
	background-color: #dd001f;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	width: 360px;
	height: 60px;
	margin: 60px auto 0;
	padding-left: 30px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 60px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
  }
  
  .login_submit_btn:hover .header_findout_arrow img {
	display: none
  }
  
  .login_submit_btn:hover .header_findout_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .login_submit_btn .header_findout_arrow {
	width: 20px;
	right: 20px
  }
  
  .login_submit_btn .header_findout_arrow img {
	display: block;
	width: 100%
  }
  
  .login_submit_btn .header_findout_arrow .hover {
	display: none
  }
  
  .login_a_wrap {
	display: block;
	width: 100%;
	margin-top: 20px;
	text-align: center
  }
  
  .login_a_wrap, .login_a_wrap a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .login_a_wrap a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
	padding-bottom: 2px
  }
  
  .login_note {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-top: 90px;
	text-align: center
  }
  
  .login_note P {
	font-size: 14px;
	color: #333;
	line-height: 2
  }
  
  .login_blank {
	height: 94px
  }
  
  .login .fit_content {
	background: #fff
  }
  
  .login .login_content {
	padding-top: 77px;
	margin-top: 0
  }
  
  .no_link {
	cursor: inherit!important;
	pointer-events: none;
	background-color: #888;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
  }
  
  .no_link .header_findout_arrow {
	width: 22px;
	right: 20px
  }
  
  .no_entry, .no_link a {
	color: #ddd
  }
  
  .no_entry {
	pointer-events: none
  }
  
  @media screen and (max-width:1023px) {
	.entryflow .subpage_block_inner, .login .subpage_block_inner {
	  position: static;
	  -webkit-transform: translateY(0);
	  transform: translateY(0)
	}
	.entryflow .subpage_block_ttl_txt-sub, .login .subpage_block_ttl_txt-sub {
	  display: block;
	  margin: 8px 0 0 2px
	}
	.entryflow_split_item {
	  width: 100%;
	  padding: 38px 0 28px
	}
	.entryflow_split_item:first-child {
	  padding-bottom: 0
	}
	.entryflow_split_item_detail, .entryflow_split_item_ttl {
	  width: 100%
	}
	.entryflow_split_item_txt {
	  padding-bottom: 12px
	}
	.entryflow_split_item_txt-bold {
	  font-size: 1.4rem
	}
	.entryflow_container {
	  width: calc(100% - 40px);
	  margin: 0 auto;
	  padding-top: 60px
	}
	.entryflow_container_ttl {
	  font-size: 2.1rem;
	  padding: 0 0 20px;
	  text-align: left
	}
	.entryflow_container_ttl:after {
	  content: none
	}
	.entryflow_container_txt {
	  font-size: 1.2rem;
	  padding-top: 0;
	  text-align: left;
	  letter-spacing: .07em;
	  line-height: 1.9
	}
	.entryflow_container_subtitle {
	  font-size: 2.1rem;
	  padding-top: 40px
	}
	.entryflow_container_subtitle:first-child {
	  padding-top: 0
	}
	.entryflow_container_box {
	  margin: 60px auto 20px
	}
	.entryflow_content {
	  padding: 0 0 40px
	}
	.entryflow_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.entryflow_block_elem-left {
	  padding: 48.2% 0 0
	}
	.entryflow_item_privacy_ttl {
	  padding-bottom: 10px
	}
	.entryflow_item_ttl {
	  margin: 30px 0 20px
	}
	.flexmain-box {
	  display: block;
	  width: 100%
	}
	.flexsub-box {
	  padding: 0;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center
	}
	.flex_arrow, .flexsub-box {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  width: 100%
	}
	.flex_arrow {
	  -ms-flex-pack: distribute;
	  justify-content: space-around
	}
	.flex_arrow img {
	  -webkit-transform: rotate(90deg);
	  transform: rotate(90deg);
	  padding: 10px 0
	}
	.flex-item {
	  font-size: 1.2rem;
	  padding: 20px 10px;
	  margin: 0;
	  width: 100%;
	  text-align: center
	}
  }
  
  @media screen and (max-width:767px) {
	.entryflow .subpage_block_elem, .login .subpage_block_elem {
	  border-top: 4px solid #000
	}
	.entryflow_container {
	  padding-top: 0
	}
	.entryflow_item_btns {
	  padding-top: 40px;
	  display: block
	}
	.entryflow_item_btn-entry {
	  width: 100%;
	  margin-bottom: 10px
	}
	.entryflow_item_btn-entry a {
	  font-size: 1.5rem
	}
	.entryflow_item_btn-entry.black {
	  width: 100%
	}
	.entryflow_item_btn-entry.black a {
	  width: 80%
	}
	.entryflow_item_privacy {
	  padding: 40px 20px
	}
	.entryflow_item_privacy:first-child {
	  margin-top: 30px
	}
	.entryflow_item_privacy_txt {
	  font-size: 1.4rem
	}
	.entryflow_item_checkbox {
	  margin: 0 auto 80px!important
	}
	.entryflow_item_checkbox .entryflow_item_btn-entry {
	  width: 90%;
	  padding-left: 20px
	}
	.entryflow_item_checkbox .entryflow_item_btn-entry a {
	  font-size: 1.2rem;
	  padding: 10px 0
	}
	.entryflow_item_checkbox .checkbox-parts {
	  padding-top: 0;
	  margin-right: 0
	}
	.entryflow_item_ttl {
	  margin: 40px 0
	}
	.entryflow_item_txt {
	  padding-bottom: 10px
	}
	.entryflow_item_txt-mt30 {
	  margin-top: 5px;
	  margin-left: 0;
	  display: block
	}
	.entryflow_content {
	  padding: 0 0 64px
	}
	.entryflowsplit_item {
	  width: 100%
	}
	.login_wrap {
	  padding: 0 0 64px
	}
	.login_content {
	  width: calc(100% - 40px);
	  max-width: 280px;
	  margin-top: 30px
	}
	.login_content h1 {
	  padding-bottom: 16px;
	  font-size: 21px
	}
	.login_form {
	  margin-top: 72px
	}
	.login_id_wrap, .login_pw_wrap {
	  width: 280px;
	  height: 50px;
	  margin-bottom: 44px
	}
	.login_label {
	  top: -32px;
	  left: 0;
	  width: 280px;
	  line-height: 22px
	}
	.login_input_txt, .login_label {
	  font-size: 15px
	}
	.login_submit_btn {
	  width: 280px;
	  height: 50px;
	  margin-top: 60px;
	  padding-left: 16px;
	  font-size: 15px;
	  line-height: 50px
	}
	.login_submit_btn .header_findout_arrow {
	  width: 15px;
	  right: 15px
	}
	.login_a_wrap {
	  margin-top: 20px;
	  text-align: left
	}
	.login_a_wrap a {
	  font-size: 14px
	}
	.login_note {
	  margin-top: 66px;
	  text-align: left
	}
	.login_note P {
	  font-size: 14px;
	  text-indent: -1.2em;
	  padding-left: 1.5em
	}
	.login_blank {
	  height: 80px
	}
  }
  
  @media screen and (max-width:599px) {
	.entryflow .subpage_block_ttl_txt-main, .login .subpage_block_ttl_txt-main {
	  line-height: 1.2
	}
	.entryflow_item {
	  width: 100%;
	  margin-bottom: 40px
	}
  }
  
  .entryflow_txt_indent {
	padding-left: 1em;
	text-indent: -1.2em
  }
  
  .entryflow_item-p {
	font-size: 1.2rem
  }
  
  h3.title_btn {
	position: relative;
	font-size: 2.4rem;
	font-weight: 500;
	font-family: YuMincho, Yu Mincho, "Noto Serif JP", serif;
	padding-bottom: 30px;
	cursor: pointer
  }

  .list_menu .main_list+.main_list {
	margin-top: 31px
  }
  
  .list_menu .list {
	padding-top: 39px;
	padding-bottom: 31px;
	background-image: url(/faq/img/line.png);
	background-position-y: top;
	background-repeat: repeat-x
  }
  
  .info_content {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 62px 40px
  }
  
  .info_content .info_list_box {
	margin-bottom: 80px;
	position: relative
  }
  
  .info_content .info_list_box .info_label_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
  }
  
  .info_content .info_list_box .info_label_wrap span {
	display: inline-block;
	background-color: #333;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	width: auto;
	padding: 0 6px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 3px
  }
  
  .info_content .info_list_box .info_label_wrap span+span {
	margin-left: 10px
  }
  
  .info_content .info_list_box .info_list_ttl {
	font-size: 21px;
	line-height: 1.75;
	margin: 20px auto
  }
  
  .info_content .info_list_box dl {
	padding: 20px 0;
	font-size: 15px;
	background-image: url(/info/img/line.png);
	background-position-y: top;
	background-repeat: repeat-x;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 1.75
  }
  
  .info_content .info_list_box dl dt {
	font-weight: 700
  }
  
  .info_content .info_list_box dl dd {
	width: 56.875vw
  }
  
  .info_content .info_list_box dl:last-child {
	background-image: url(/info/img/line.png), url(/info/img/line.png);
	background-position-y: top, bottom;
	background-repeat: repeat-x
  }
  
  .info_content .info_list_box .moreLink {
	color: #dd001f;
	width: 170px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 55px
  }
  
  .info_content .info_list_box .moreLink:hover a, .info_content .info_list_box .moreLink a {
	color: #dd001f
  }
  
  .info_content .info_list_box .moreLink:hover .moreLink_arrow img {
	display: none
  }
  
  .info_content .info_list_box .moreLink:hover .moreLink_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .info_content .info_list_box .moreLink .moreLink_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .info_content .info_list_box .moreLink .moreLink_arrow img {
	display: block;
	width: 100%
  }
  
  .info_content .info_list_box .moreLink .moreLink_arrow img.hover {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.info_content {
	  padding: 40px 20px
	}
	.info_content .info_list_box {
	  margin-bottom: 160px
	}
	.info_content .info_list_box .info_label_wrap {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex
	}
	.info_content .info_list_box .info_label_wrap span {
	  font-size: 12px;
	  height: 25px;
	  line-height: 25px
	}
	.info_content .info_list_box .info_list_ttl {
	  font-size: 18px
	}
	.info_content .info_list_box dl dt {
	  font-size: 14px
	}
	.info_content .info_list_box dl dd {
	  font-size: 13px
	}
	.info_content .info_list_box .moreLink {
	  top: auto;
	  right: 0;
	  left: 0;
	  margin-top: 30px
	}
  }
  
  .mapSection {
	position: relative;
	padding-top: 120px
  }
  
  .mapSection:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.mapSection:after {
	  width: 90%
	}
  }
  
  @media screen and (max-width:1023px) {
	.mapSection {
	  width: 95%;
	  margin: 60px auto 0
	}
  }
  
  @media screen and (max-width:767px) {
	.mapSection {
	  margin: 60px auto 0
	}
  }
  
  .mapSection_ttl {
	font-size: 27px;
	text-align: center
  }
  
  @media screen and (max-width:767px) {
	.mapSection_ttl {
	  font-size: 22px;
	  margin: 0 15px;
	  line-height: 1.4
	}
  }
  
  .mapSection_map {
	display: block;
	width: calc(100% - 200px);
	max-width: 822px;
	margin: 41px auto 0
  }
  
  @media screen and (max-width:767px) {
	.mapSection_map {
	  width: 100%
	}
  }
  
  .mapSection_txt {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 2;
	margin: 44px 0 60px
  }
  
  @media screen and (max-width:767px) {
	.mapSection_txt {
	  text-align: left;
	  font-weight: 500;
	  width: 90%;
	  margin: 30px auto
	}
  }
  
  .map_pc {
	display: block;
	background: url(/liveability/img/toyota_access.jpg);
	background-size: cover;
	width: 822px;
	height: 402px;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.map_pc {
	  width: 280px;
	  height: 137px
	}
  }
  
  .map_pc img {
	width: 100%
  }
  
  .map_pc .name {
	width: 58px;
	height: 11px;
	position: absolute;
	top: 280px;
	left: 395px;
	opacity: 0;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transform-origin: center;
	transform-origin: center
  }
  
  @media screen and (max-width:767px) {
	.map_pc .name {
	  width: 36px;
	  height: 6;
	  top: 90px;
	  left: 142px
	}
  }
  
  .map_pc .name:after {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	bottom: -18px;
	left: 24px
  }
  
  @media screen and (max-width:767px) {
	.map_pc .name:after {
	  width: 7px;
	  height: 7px;
	  bottom: -8px;
	  left: 15px
	}
  }
  
  .map_pc .name.is-popup {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 1s;
	transition: all 1s
  }
  
  .map_pc .name.is-popup:after {
	-webkit-animation: fuwa 1.5s 1s infinite forwards;
	animation: fuwa 1.5s 1s infinite forwards
  }
  
  @-webkit-keyframes fuwa {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
	  box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
	}
	50% {
	  background: #f3102f
	}
	80% {
	  background: #000
	}
	to {
	  -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
	  box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
	}
  }
  
  @keyframes fuwa {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
	  box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
	}
	50% {
	  background: #f3102f
	}
	80% {
	  background: #000
	}
	to {
	  -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
	  box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
	}
  }
  
  .boxParent {
	width: 760px;
	margin: 0 auto
  }
  
  @media screen and (max-width:767px) {
	.boxParent {
	  width: 100%
	}
  }
  
  .cityBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 760px;
	margin: 0 auto;
	padding: 48px 0 50px;
	position: relative
  }
  
  .cityBox:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.cityBox:after {
	  width: 90%
	}
  }
  
  .cityBox:after {
	width: 100%
  }
  
  @media screen and (max-width:1023px) {
	.cityBox {
	  width: 90%;
	  margin: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.cityBox {
	  display: block;
	  width: 100%;
	  padding: 35px 0 100px;
	  position: relative;
	  margin-bottom: 30px
	}
  }
  
  .cityBox_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% - 390px)
  }
  
  @media screen and (max-width:767px) {
	.cityBox_flex {
	  width: 90%;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  margin: 0 auto
	}
  }
  
  .cityBox_flex_name {
	font-size: 24px;
	width: 100px;
	margin-right: 20px
  }
  
  @media screen and (max-width:767px) {
	.cityBox_flex_name {
	  margin-right: 0
	}
  }
  
  .cityBox_flex_map {
	width: 250px
  }
  
  @media screen and (max-width:767px) {
	.cityBox_flex_map {
	  width: calc(100% - 100px)
	}
  }
  
  .cityBox_flex_map.is-colorin .pulse {
	-webkit-animation: pulse 1s .5s forwards;
	animation: pulse 1s .5s forwards
  }
  
  .cityBox_sec {
	width: 350px
  }
  
  .cityBox_sec_ttl {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 26px
  }
  
  @media screen and (max-width:767px) {
	.cityBox_sec_ttl {
	  font-size: 15px;
	  margin: 10px 0 16px
	}
  }
  
  .cityBox_sec_txt {
	font-size: 15px;
	line-height: 2
  }
  
  @media screen and (max-width:767px) {
	.cityBox_sec_txt {
	  font-size: 14px
	}
  }
  
  @media screen and (max-width:767px) {
	.cityBox_sec {
	  width: 90%;
	  margin: 0 auto
	}
  }
  
  @media screen and (max-width:767px) {
	.lastBox .cityBox_sec_txt {
	  padding-bottom: 12px
	}
  }
  
  @-webkit-keyframes pulse {
	0% {
	  fill: transparent!important
	}
	to {
	  fill: #dd001f!important
	}
  }
  
  @keyframes pulse {
	0% {
	  fill: transparent!important
	}
	to {
	  fill: #dd001f!important
	}
  }
  
  .toyotaBox {
	padding-bottom: 30px
  }
  
  .accessBox {
	background-color: #f5f4e5;
	margin-top: 25px;
	padding: 14px 44px 17px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:767px) {
	.accessBox {
	  padding: 10px 14px 13px;
	  position: absolute;
	  bottom: 0;
	  width: 90%;
	  margin: 0 auto
	}
  }
  
  .accessBox_pur {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px
  }
  
  @media screen and (max-width:767px) {
	.accessBox_pur {
	  font-size: 10px
	}
  }
  
  .accessBox_pur span {
	font-size: 10px;
	margin-left: 9px
  }
  
  @media screen and (max-width:767px) {
	.accessBox_pur span {
	  font-size: 10px;
	  margin-left: 0
	}
  }
  
  .accessBox_means {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .accessBox_means, .accessBox_means_vehicle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
  }
  
  .accessBox_means_vehicle {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
  }
  
  .accessBox_means_vehicle img {
	height: 32px
  }
  
  .accessBox_means_vehicle p {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
	margin-left: 10px
  }
  
  .accessBox_means_vehicle p span {
	font-size: 27px;
	color: #dd001f;
	font-weight: 400;
	margin-left: 5px
  }
  
  .red-fill {
	fill: #000
  }
  
  .liveabilityContents .liveabilityContents_inner.map-spacer {
	padding: 50px 0;
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContents_inner.map-spacer {
	  padding: 35px 0
	}
  }
  
  .liveability {
	overflow: hidden
  }
  
  .liveabilityGraph {
	background: #f5f4e5;
	color: #333;
	padding: 120px 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph {
	  padding: 60px 0
	}
  }
  
  .liveabilityGraph_inner {
	max-width: 760px;
	margin: 0 auto
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraph_inner {
	  width: calc(100% - 40px);
	  max-width: 680px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_inner {
	  max-width: 400px
	}
  }
  
  .liveabilityGraph_ttl {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .3em;
	line-height: 1;
	margin-bottom: 56px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_ttl {
	  font-size: 24px;
	  letter-spacing: .025em;
	  margin-bottom: 44px
	}
  }
  
  .liveabilityGraph_lead {
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	line-height: 2;
	padding-bottom: 64px;
	margin-bottom: 44px;
	position: relative
  }
  
  .liveabilityGraph_lead:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_lead:after {
	  width: 90%
	}
  }
  
  .liveabilityGraph_lead:after {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_lead {
	  font-size: 14px;
	  font-weight: 500;
	  text-align: left;
	  letter-spacing: 0;
	  padding-bottom: 30px;
	  margin-bottom: 60px
	}
	.liveabilityGraph_lead br {
	  display: none
	}
  }
  
  .liveabilityGraphNum {
	margin-bottom: 60px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNum {
	  margin-bottom: 0
	}
  }
  
  .liveabilityGraphNum_ttl {
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 72px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNum_ttl {
	  font-size: 22px;
	  font-weight: 500;
	  margin-bottom: 44px
	}
  }
  
  .liveabilityGraphNum_list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
  }
  
  .liveabilityGraphNum_list, .liveabilityGraphNumItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .liveabilityGraphNumItem {
	margin-bottom: 100px;
	position: relative;
	z-index: 10
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem {
	  display: block;
	  margin-bottom: 60px
	}
  }
  
  .liveabilityGraphNumItem.-large {
	width: 100%;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
  }
  
  .liveabilityGraphNumItem.-medium {
	width: 280px;
	margin-right: 50px
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem.-medium {
	  margin-right: 20px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-medium {
	  width: 100%;
	  margin-right: 0
	}
  }
  
  .liveabilityGraphNumItem.-home img {
	height: 152px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-home img {
	  height: 145px
	}
  }
  
  .liveabilityGraphNumItem.-parking img {
	height: 182px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-parking img {
	  height: 145px
	}
  }
  
  .liveabilityGraphNumItem.-ic {
	width: 532px;
	margin: 0 auto
  }
  
  .liveabilityGraphNumItem.-ic img {
	height: 150px
  }
  
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
	display: inline-block;
	margin: 0 .15em
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
	  display: block;
	  margin-left: 0
	}
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span .num {
	  display: inline-block;
	  margin-top: 6px
	}
  }
  
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
	font-size: 12px;
	margin-bottom: 18px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
	  margin-bottom: 10px
	}
  }
  
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
	width: 290px;
	padding: 10px 0 50px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
	  width: 100%;
	  padding-bottom: 90px
	}
  }
  
  .liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
	position: absolute;
	right: -50px;
	bottom: 0;
	z-index: -10
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
	  right: -20px;
	  bottom: -34px
	}
  }
  
  .liveabilityGraphNumItem.-ic img {
	right: 0
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem.-ic img {
	  right: -20px;
	  bottom: -4px
	}
  }
  
  .liveabilityGraphNumItem_ttl {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 12px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_ttl {
	  text-align: left
	}
  }
  
  .liveabilityGraphNumItem_ttl span {
	display: block;
	font-size: 29px
  }
  
  .liveabilityGraphNumItem_ttl span.num {
	display: inline-block;
	font-size: 66px;
	font-weight: 500;
	letter-spacing: 0;
	margin-top: 6px
  }
  
  .liveabilityGraphNumItem_note {
	font-size: 12px;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 16px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_note {
	  text-align: left
	}
  }
  
  .liveabilityGraphNumItem_status {
	position: relative;
	padding: 22px 0
  }
  
  .liveabilityGraphNumItem_status:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_status:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphNumItem_status:after {
	width: 100%
  }
  
  .liveabilityGraphNumItem_status li {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 16px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_status li {
	  font-weight: 500
	}
  }
  
  .liveabilityGraphNumItem_status li:last-child {
	margin-bottom: 0
  }
  
  .liveabilityGraphNumItem_status li>span {
	display: inline-block;
	-moz-text-align-last: justify;
	text-align-last: justify;
	letter-spacing: 0
  }
  
  .liveabilityGraphNumItem_status li>span.kakko {
	display: block;
	width: auto!important;
	font-size: 15px;
	-moz-text-align-last: left;
	text-align-last: left;
	margin-left: -.5em;
	margin-top: 8px
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem_status li>span.kakko {
	  font-size: 14px
	}
  }
  
  .liveabilityGraphNumItem_status.-people li>span {
	width: 65px
  }
  
  .liveabilityGraphNumItem_status.-home li>span {
	width: 88px
  }
  
  .liveabilityGraphNumItem_status.-parking li>span {
	width: 150px
  }
  
  .liveabilityGraphNumItem_people {
	position: relative;
	padding-top: 22px
  }
  
  .liveabilityGraphNumItem_people:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_people:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphNumItem_people:after {
	width: 100%
  }
  
  .liveabilityGraphNumItem_people li {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 10px
  }
  
  .liveabilityGraphNumItem_people li>span {
	font-size: 12px
  }
  
  .liveabilityGraphNumItem_people li .num {
	font-size: 27px;
	font-weight: 500;
	margin: 0 .05em 0 .25em
  }
  
  .liveabilityGraphNumItem_infoGraphic {
	width: 445px;
	height: 332px;
	margin-bottom: 40px
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem_infoGraphic {
	  width: 360px;
	  height: 252px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic {
	  width: 252px;
	  height: 188px;
	  margin: 14px auto 10px
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	height: 100%
  }
  
  .liveabilityGraphNumItem_infoGraphic .item {
	width: 22px;
	height: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: relative
  }
  
  .liveabilityGraphNumItem_infoGraphic .item span {
	display: block;
	width: 100%;
	height: 332px;
	background: -webkit-gradient(linear, left top, left bottom, from(#9cff38), to(#ffeb00));
	background: linear-gradient(#9cff38, #ffeb00);
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem_infoGraphic .item {
	  width: 18px
	}
	.liveabilityGraphNumItem_infoGraphic .item span {
	  height: 252px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .item {
	  width: 12px
	}
	.liveabilityGraphNumItem_infoGraphic .item span {
	  height: 188px
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 10px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .txtContainer {
	  margin-top: 4px
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
	text-align: center;
	font-size: 10px;
	letter-spacing: .05em;
	line-height: 1
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
	  -webkit-transform: scale(.6);
	  transform: scale(.6)
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-old {
	-webkit-transform: translate(-35%);
	transform: translate(-35%)
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-new {
	-webkit-transform: translate(35%);
	transform: translate(35%)
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .year {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .txtContainer .year {
	  margin-bottom: 0
	}
  }
  
  .liveabilityGraphNumItem_txt {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.7;
	padding-bottom: 8px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_txt {
	  padding-bottom: 0
	}
  }
  
  .liveabilityGraphAccess {
	position: relative;
	padding-top: 40px;
	margin-bottom: 120px
  }
  
  .liveabilityGraphAccess:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphAccess:after {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess {
	  margin-bottom: 40px
	}
	.liveabilityGraphAccess:after {
	  content: none
	}
  }
  
  .liveabilityGraphAccess_ttl {
	font-size: 24px;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 40px
  }
  
  .liveabilityGraphAccess_ttl span {
	font-size: 14px;
	margin-left: 10px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess_ttl {
	  text-align: center
	}
	.liveabilityGraphAccess_ttl span {
	  display: block;
	  margin-top: 10px
	}
  }
  
  .liveabilityGraphAccess_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-bottom: 44px
  }
  
  .liveabilityGraphAccess_list:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess_list:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphAccess_list:after {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess_list {
	  display: block;
	  padding-bottom: 0
	}
	.liveabilityGraphAccess_list:after {
	  content: none
	}
  }
  
  .liveabilityGraphAccessItem {
	width: 33.333%;
	height: 214px;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccessItem {
	  width: 190px;
	  height: auto;
	  padding-bottom: 30px;
	  margin: 0 auto 30px;
	  -webkit-transform: translate(18px);
	  transform: translate(18px)
	}
	.liveabilityGraphAccessItem.-plane {
	  padding-bottom: 50px
	}
  }
  
  .liveabilityGraphAccessItem_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px
  }
  
  .liveabilityGraphAccessItem_ttl:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px
  }
  
  .liveabilityGraphAccessItem_ttl.-train {
	margin-left: -34px
  }
  
  .liveabilityGraphAccessItem_ttl.-train:before {
	width: 24px;
	height: 32px;
	background-image: url(/liveability/img/graph/ico_train@2x.png)
  }
  
  .liveabilityGraphAccessItem_ttl.-car {
	margin-left: -42px
  }
  
  .liveabilityGraphAccessItem_ttl.-car:before {
	width: 32px;
	height: 27px;
	background-image: url(/liveability/img/graph/ico_car@2x.png)
  }
  
  .liveabilityGraphAccessItem_ttl.-plane {
	margin-left: -43px
  }
  
  .liveabilityGraphAccessItem_ttl.-plane:before {
	width: 33px;
	height: 33px;
	background-image: url(/liveability/img/graph/ico_plane@2x.png)
  }
  
  .liveabilityGraphAccessItem_txt {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.4;
	margin-bottom: 10px
  }
  
  .liveabilityGraphAccessItem_txt span {
	font-size: 14px;
	font-weight: 400;
	display: block
  }
  
  .liveabilityAboutBanner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 22px 20px 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner {
	  display: block;
	  padding: 48px 20px 0;
	  width: 100%!important
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_txtContainer {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner_more {
	  width: 64px;
	  margin: 18px auto 0!important
	}
  }
  
  .liveabilityGraphAccessGrafic {
	position: absolute;
	bottom: 0
  }
  
  .liveabilityGraphAccessGrafic img {
	position: absolute;
	left: calc(50% + 20px);
	bottom: 8px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
  }
  
  .liveabilityGraphAccessGrafic img.car {
	width: 31px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left: 4px;
	bottom: 26px
  }
  
  .liveabilityGraphAccessGrafic img.plane {
	left: auto;
	right: -20px;
	-webkit-transform: none;
	transform: none
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line:before {
	width: 12px;
	height: 12px;
	left: -20px;
	background: #dd001f
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope {
	width: 48px;
	left: 22px;
	bottom: 10px;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-animation: line-right 1s linear infinite;
	animation: line-right 1s linear infinite
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:before {
	content: none
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:after {
	width: 16px;
	height: 16px;
	right: -20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
	background: linear-gradient(#b4fa2a, #e3f00f)
  }
  
  .liveabilityGraphAccessGrafic_line {
	display: block;
	width: 110px;
	height: 2px;
	background-image: url(/liveability/img/graph/dot_line_item@2x.png);
	background-size: 8px;
	background-repeat: repeat-x;
	position: relative;
	left: 25px;
	-webkit-animation: line-left 1s linear infinite;
	animation: line-left 1s linear infinite
  }
  
  .liveabilityGraphAccessGrafic_line:after, .liveabilityGraphAccessGrafic_line:before {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .liveabilityGraphAccessGrafic_line:before {
	width: 16px;
	height: 16px;
	left: -25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
	background: linear-gradient(#b4fa2a, #e3f00f)
  }
  
  .liveabilityGraphAccessGrafic_line:after {
	width: 12px;
	height: 12px;
	right: -15px;
	background: #dd001f
  }
  
  @-webkit-keyframes line-left {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: -8px
	}
  }
  
  @keyframes line-left {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: -8px
	}
  }
  
  @-webkit-keyframes line-right {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: 8px
	}
  }
  
  @keyframes line-right {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: 8px
	}
  }
  
  .liveabilityGraphAbout_logo {
	width: 277px;
	margin: 0 auto;
	padding-right: 20px
  }
  
  .liveabilityGraphAbout_logo img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_logo {
	  width: 229px;
	  overflow: 0;
	  margin-bottom: 40px
	}
  }
  
  sup {
	font-size: xx-small;
	vertical-align: super
  }
  
  .pc-hidden {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.pc-hidden {
	  display: block
	}
  }
  
  @media screen and (max-width:767px) {
	.sp-hidden {
	  display: none
	}
  }
  
  .spacer {
	border-top: 1px dotted #707070;
	margin: 30px auto 0;
	padding-bottom: 30px
  }
  
  @media screen and (max-width:767px) {
	.spacer {
	  width: 100%
	}
  }
  
  .liveabilityContentsPlaces {
	padding-top: 20px
  }
  
  .liveabilityContentsPlacesItemDetails_ttl {
	position: relative;
	padding-left: 30px
  }
  
  .liveabilityContentsPlacesItemDetails_ttl:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #dd0a1f;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .liveability {
	display: block
  }
  
  .liveability, .liveability_content {
	background: #fff
  }
  
  .liveability_main_movie {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
  }
  
  .liveability_main_movie img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveability_main_movie img {
	  height: auto
	}
  }
  
  .liveability_main_movie .sp {
	padding-top: 48px
  }
  
  .liveabilityMainMovie_txtContainer {
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(/liveability/img/liveability_mv_pc.png) 100%;
	background-size: cover;
	background-repeat: no-repeat
  }
  
  @media screen and (max-width:1279px) {
	.liveabilityMainMovie_txtContainer {
	  top: 20px
	}
  }
  
  .liveabilityMainMovie_heading {
	display: inline-block;
	font-size: 4.2rem;
	letter-spacing: .04em;
	margin: 70px 0 40px
  }
  
  .liveabilityMainMovie_heading span {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin-left: 16px
  }
  
  .liveabilityMainMovie_heading:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	margin: 12px auto 0
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityMainMovie_heading {
	  font-size: 3rem;
	  margin: 70px 0 20px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityMainMovie_heading {
	  font-size: 4.2rem;
	  margin: 70px 0 40px
	}
  }
  
  .liveabilityMainMovie_ttl {
	font-size: 4rem;
	letter-spacing: .25em;
	line-height: 2;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt"
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityMainMovie_ttl {
	  font-size: 3rem;
	  margin: 0 auto
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityMainMovie_ttl {
	  font-size: 24px;
	  margin: 0;
	  padding-bottom: 30px
	}
  }
  
  .liveabilityMainMovie_description {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1.6px;
	font-weight: 700;
	margin: 30px auto
  }
  
  @media screen and (max-width:1279px) {
	.liveabilityMainMovie_description {
	  font-size: 13px;
	  margin: 20px auto 40px
	}
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityMainMovie_description {
	  margin: 10px auto 30px
	}
  }
  
  .sp-nav .liveabilityMainMovie_description {
	background: #1a1a1a;
	margin: 0 auto;
	padding: 50px 5% 30px;
	z-index: 999;
	text-align: left;
	font-size: 16px;
	color: #fff;
	font-weight: 400
  }
  
  .sp-nav .liveabilityCase_btnList {
	width: 100%;
	display: block;
	background: #1a1a1a;
	margin-top: -5px;
	padding: 20px 0
  }
  
  .liveabilityCase_btnList {
	width: 760px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 30px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityCase_btnList {
	  display: none
	}
  }
  
  .liveabilityCase_btn {
	width: 182px;
	height: 60px;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -.05em;
	text-align: left;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .4s ease;
	transition: .4s ease
  }
  
  @media screen and (max-width:767px) {
	.liveabilityCase_btn {
	  width: 90%;
	  margin: 20px auto
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityCase_btn:first-of-type {
	  margin-top: 0
	}
  }
  
  .liveabilityCase_btn:hover {
	border-color: #fff;
	background-color: #fff
  }
  
  .liveabilityCase_btn:hover a {
	color: #000
  }
  
  .liveabilityCase_btn:hover .liveabilityCase_btn_arrow img {
	display: none;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .liveabilityCase_btn:hover .liveabilityCase_btn_arrow .hover {
	display: block
  }
  
  .liveabilityCase_btn a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #fff
  }
  
  .liveabilityCase_btn a span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px
  }
  
  .liveabilityCase_btn_arrow {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
  }
  
  .liveabilityCase_btn_arrow img {
	width: 100%;
	height: auto;
	opacity: 1
  }
  
  @-webkit-keyframes moveUp {





	0% {
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%)
	}
	50% {
	  opacity: 1
	}
	to {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1
	}
  }
  
  @keyframes moveUp {
	0% {
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%)
	}
	50% {
	  opacity: 1
	}
	to {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1
	}
  }
  
  .liveabilityContents .liveabilityContents_inner {
	width: 760px;
	margin: 0 auto;
	padding: 120px 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContents_inner {
	  width: 90%;
	  padding: 35px 0
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders {
	padding-bottom: 20px;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders {
	  padding-bottom: 50px
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders:after {
	  width: 90%
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders:after {
	width: 100%
  }
  
  .liveabilityContents .liveabilityContentsHeaders_ttl {
	font-size: 40px;
	font-weight: lighter;
	text-align: center;
	letter-spacing: 4.8px;
	line-height: 1.4;
	margin-bottom: 50px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_ttl {
	  font-size: 24px;
	  margin-bottom: 40px;
	  line-height: 1.5;
	  font-weight: 700
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders_txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 1.6px;
	text-align: center
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_txt {
	  font-size: 14px;
	  text-align: left;
	  font-weight: 400
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc {
	background: url(/liveability/img/city_base.png);
	background-size: cover;
	width: 760px;
	height: 438px;
	position: relative;
	margin-bottom: 70px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_img_pc {
	  display: none
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-1 img {
	-webkit-animation: moveUp 1s .1s forwards;
	animation: moveUp 1s .1s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-2 img {
	-webkit-animation: moveUp 1s .2s forwards;
	animation: moveUp 1s .2s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-3 img {
	-webkit-animation: moveUp 1s .3s forwards;
	animation: moveUp 1s .3s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-4 img {
	-webkit-animation: moveUp 1s .6s forwards;
	animation: moveUp 1s .6s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-5 img {
	-webkit-animation: moveUp 1s .8s forwards;
	animation: moveUp 1s .8s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-6 img {
	-webkit-animation: moveUp 1s .5s forwards;
	animation: moveUp 1s .5s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-7 img {
	-webkit-animation: moveUp 1s .4s forwards;
	animation: moveUp 1s .4s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-before {
	position: absolute;
	overflow: hidden
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc img {
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transform-origin: bottom;
	transform-origin: bottom
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-1 {
	width: 141px;
	height: 167px;
	top: 10px;
	left: 244px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-2 {
	width: 119px;
	height: 124px;
	top: 58px;
	left: 384px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-3 {
	width: 125px;
	height: 93px;
	top: 140px;
	left: 318px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-4 {
	width: 135px;
	height: 96px;
	top: 260px;
	left: 250px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-5 {
	width: 135px;
	height: 96px;
	top: 288px;
	left: 300px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-6 {
	width: 109px;
	height: 139px;
	top: 156px;
	left: 488px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-7 {
	width: 86px;
	height: 70px;
	top: 156px;
	left: 117px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_sp {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_img_sp {
	  display: block;
	  background: url(/liveability/img/city_base.png);
	  background-size: cover;
	  width: 596px;
	  height: 344px;
	  position: relative;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%)
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-1 img {
	  -webkit-animation: moveUp 1s .4s forwards;
	  animation: moveUp 1s .4s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-2 img {
	  -webkit-animation: moveUp 1s .1s forwards;
	  animation: moveUp 1s .1s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-3 img {
	  -webkit-animation: moveUp 1s .2s forwards;
	  animation: moveUp 1s .2s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-4 img {
	  -webkit-animation: moveUp 1s .3s forwards;
	  animation: moveUp 1s .3s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-5 img {
	  -webkit-animation: moveUp 1s .4s forwards;
	  animation: moveUp 1s .4s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-6 img {
	  -webkit-animation: moveUp 1s .5s forwards;
	  animation: moveUp 1s .5s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-7 img {
	  -webkit-animation: moveUp 1s .6s forwards;
	  animation: moveUp 1s .6s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-before {
	  position: absolute;
	  overflow: hidden
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp img {
	  width: 100%;
	  opacity: 0;
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%);
	  -webkit-transform-origin: bottom;
	  transform-origin: bottom
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-1 {
	  width: 111px;
	  height: 131px;
	  top: 2px;
	  left: 177px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-2 {
	  width: 94px;
	  height: 98px;
	  top: 43px;
	  left: 303px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-3 {
	  width: 99px;
	  height: 73px;
	  top: 106px;
	  left: 250px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-4 {
	  width: 106px;
	  height: 76px;
	  top: 203px;
	  left: 198px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-5 {
	  width: 106px;
	  height: 76px;
	  top: 224px;
	  left: 237px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-6 {
	  width: 86px;
	  height: 109px;
	  top: 121px;
	  left: 384px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-7 {
	  width: 68px;
	  height: 55px;
	  top: 121px;
	  left: 95px
	}
  }
  
  .liveabilityContents1 {
	background: #fff
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces img {
	width: 100%
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem {
	margin: 40px auto
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem:first-of-type {
	margin-top: 50px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
	  display: block
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
	width: 302px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
	  width: 100%
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
	margin-left: 36px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_ttl {
	font-size: 18px;
	font-weight: 700
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_txt {
	line-height: 1.8;
	margin-top: 20px;
	font-size: 15px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
	  margin-left: 0;
	  margin-top: 20px
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 75px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
	  display: block;
	  margin-top: 40px
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
	width: 33.33333%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 50px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
	  width: 100%
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:first-of-type {
	margin-top: 40px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:last-child {
	margin-right: 0
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_ttl {
	font-size: 16px;
	font-weight: 700;
	margin: 22px auto
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_txt {
	font-size: 13px;
	line-height: 1.8
  }
  
  .liveabilityContents .liveabilityContentsHeaders_txt {
	margin-bottom: 70px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_txt {
	  margin-bottom: 30px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview {
	margin-top: 30px
  }
  
  .liveabilityContents .liveabilityContentsInterview_special {
	margin-top: -40px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview_special {
	  width: 95%;
	  margin: 0 auto
	}
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityContents .liveabilityContentsInterview {
	  width: 95%;
	  margin: 0 auto
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader {
	padding-top: 60px;
	position: relative
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
	  width: 90%
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
	width: 100%
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1.2px;
	color: #dd001f
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
	  font-size: 18px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.8;
	margin: 25px auto
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
	  font-size: 21px;
	  margin: 20px auto 8px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
	font-size: 16px;
	font-weight: 700
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
	  font-weight: 400
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 55px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
	  display: block;
	  margin-top: 25px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem:first-of-type {
	margin-right: 40px
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
	width: 50%;
	font-size: 15px;
	line-height: 2
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
	  width: 100%;
	  font-size: 14px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
	  margin-top: 20px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem p {
	display: block
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special {
	margin-top: 38px;
	display: block;
	padding: 30px 25px;
	background: #f2f2f2;
	line-height: 1.8
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special span {
	font-size: 12px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layoutB {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse
	}
  }
  
  .liveabilityContents3 .liveabilityGraph_about {
	margin: 80px auto 0
  }
  
  .liveabilityContents4 {
	background: #f5f4e5;
	margin-bottom: 0
  }
  
  .liveabilityContents4 .liveabilityGraph_about {
	margin: 80px auto 0
  }
  
  .feature_last_txt {
	margin-top: 0!important;
	text-align: center;
	font-weight: 700;
	font-size: 18px
  }
  
  .liveabilityAboutBanner-2 .liveabilityGraphAbout_logo {
	height: 200px
  }
  
  .liveabilityAboutBanner-2 .liveabilityGraphAbout_logo img {
	height: 100%
  }
  
  .liveabilityAboutBanner-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner-2 {
	  display: block;
	  width: 90%!important
	}
  }
  
  .liveabilityGraphAbout_logo {
	margin: 0;
	width: 320px;
	padding-right: 40px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_logo {
	  width: 100%;
	  margin: 0 auto;
	  padding-right: 0
	}
  }
  
  .liveabilityGraphAbout_txtContainer {
	width: 52%;
	padding-top: 15px;
	padding-right: 20px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_txtContainer {
	  width: 90%;
	  margin: 0 auto;
	  padding: 30px 10px
	}
  }
  
  .liveabilityAboutBanner_ttl {
	font-size: 16px;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 18px
  }
  
  .liveabilityAboutBanner_txt {
	font-size: 13px;
	letter-spacing: .05em;
	line-height: 1.7
  }
  
  .liveabilityAboutBanner_more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: #dd001f;
	letter-spacing: .075em;
	line-height: 1;
	cursor: pointer;
	padding: 14px 0
  }
  
  @media screen and (min-width:1024px) {
	.liveabilityAboutBanner_more:hover .liveabilityAboutBanner_arrow img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner_more {
	  width: 64px;
	  margin: 0 auto
	}
  }
  
  .liveabilityAboutBanner_arrow {
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	overflow: hidden;
	margin-left: 10px
  }
  
  .liveabilityAboutBanner_arrow img {
	width: 100%;
	height: auto;
	opacity: .8
  }
  
  .liveabilityContents_inner2 {
	width: 760px;
	margin: 0 auto;
	padding: 120px 0
  }
  
  .liveabilityContents_inner2 .liveabilityContentsHeaders {
	padding-bottom: 0
  }
  
  .liveabilityContents_inner2 .liveabilityContentsHeaders:after {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner2 {
	  width: 100%;
	  padding: 40px 0
	}
	.liveabilityContents_inner2 .liveabilityContentsHeaders_txt {
	  padding: 0 20px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner2 .liveabilityAboutBanner {
	  width: 90%!important
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner2 .liveabilityContentsInterview {
	  width: 100%
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview_header {
	  margin: 0 20px
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
	  width: 90%!important;
	  margin: 0 auto!important
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
	  width: 100%!important
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
	  margin: 0 20px;
	  padding: 20px
	}
  }
  
  .liveabilityContents_inner3 {
	width: 760px;
	margin: 0 auto;
	padding: 120px 0
  }
  
  .liveabilityContents_inner3 .liveabilityContentsHeaders {
	padding-bottom: 0
  }
  
  .liveabilityContents_inner3 .liveabilityContentsHeaders:after {
	width: 0!important
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner3 {
	  width: 100%;
	  padding: 60px 0
	}
	.liveabilityContents_inner3 .liveabilityContentsHeaders_txt {
	  padding: 0 20px;
	  letter-spacing: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner3 .liveabilityContentsInterview {
	  width: 100%
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview_header {
	  margin: 0 20px
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
	  width: 90%!important;
	  margin: 0 auto!important
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
	  width: 100%!important
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
	  margin: 0 20px;
	  padding: 20px;
	  background: #fff!important
	}
  }
  
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
	background: #fff!important
  }
  
  @media screen and (max-width:767px) {
	.feature_last_inner {
	  text-align: left
	}
	.feature_last_inner .feature_last_txt {
	  font-weight: 700;
	  text-align: left
	}
  }
  
  .liveabilityContents_inner-hr {
	width: 760px;
	margin: 0 auto
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner-hr {
	  width: 90%
	}
  }
  
  .featureCaseInfographics {
	width: 100%
  }
  
  .featureCaseInfographics_imgContainer {
	width: 100%;
	height: 464px;
	position: relative
  }
  
  .featureCaseInfographics_imgContainer:after {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: #a4b8c4;
	position: absolute;
	bottom: 0
  }
  
  .featureCaseInfographics_road, .featureCaseInfographics_town {
	width: 100%;
	background: repeat-x bottom;
	background-size: contain;
	position: absolute;
	left: 0
  }
  
  .featureCaseInfographics_town {
	height: 134px;
	background-image: url(/feature/img/infographics/bg_town.png);
	bottom: 120px
  }
  
  .featureCaseInfographics_road {
	height: 70px;
	background-image: url(/feature/img/infographics/bg_road.png);
	bottom: 50px
  }
  
  .featureCaseInfographics_cloud {
	display: block;
	width: 263px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-animation: none;
	animation: none;
	-webkit-animation: cloud 1.8s linear infinite;
	animation: cloud 1.8s linear infinite
  }
  
  .featureCaseInfographics_carContainer {
	width: 100%;
	max-width: 1024px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto
  }
  
  .featureCaseInfographics_carContainer-front {
	bottom: 60px;
	z-index: 10
  }
  
  .featureCaseInfographics_carContainer-back {
	bottom: 88px
  }
  
  .featureCaseInfographics_car {
	display: block;
	position: absolute;
	bottom: 0
  }
  
  .featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
	width: 105px
  }
  
  .featureCaseInfographics_car-02 {
	width: 159px
  }
  
  .featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
	width: 111.5px
  }
  
  .featureCaseInfographics_car-04 {
	width: 68.5px
  }
  
  .featureCaseInfographics_car-06 {
	width: 118px
  }
  
  .featureCaseInfographics_car-01 {
	left: 11.9%
  }
  
  .featureCaseInfographics_car-02 {
	left: 31.25%
  }
  
  .featureCaseInfographics_car-03 {
	left: 55.95%
  }
  
  .featureCaseInfographics_car-04 {
	left: 75.39%
  }
  
  .featureCaseInfographics_car-05 {
	left: 6.93%
  }
  
  .featureCaseInfographics_car-06 {
	left: 47.95%
  }
  
  .featureCaseInfographics_car-07 {
	left: 83.2%
  }
  
  .featureCaseInfographics_arrowContainer {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10
  }
  
  .featureCaseInfographics_arrow {
	width: 14px;
	background: url(/feature/img/infographics/arrow_body.png) repeat-y top;
	background-size: 4px;
	position: absolute
  }
  
  .featureCaseInfographics_arrow-01 {
	height: 244px;
	top: 140px;
	left: 27.34%;
	-webkit-transform: rotate(46deg);
	transform: rotate(46deg)
  }
  
  .featureCaseInfographics_arrow-02 {
	height: 124px;
	top: 200px;
	left: 42.48%;
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg)
  }
  
  .featureCaseInfographics_arrow-03 {
	height: 92px;
	top: 205px;
	left: 53.71%;
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg)
  }
  
  .featureCaseInfographics_arrow-04 {
	height: 244px;
	top: 120px;
	left: 72.75%;
	-webkit-transform: rotate(-58deg);
	transform: rotate(-58deg)
  }
  
  .featureCaseInfographics_arrow-05 {
	left: 25.98%
  }
  
  .featureCaseInfographics_arrow-06 {
	left: 50.78%
  }
  
  .featureCaseInfographics_arrow-07 {
	left: 70.31%
  }
  
  .featureCaseInfographics_arrow-car {
	height: 20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: 60px
  }
  
  .featureCaseInfographics_arrow:after, .featureCaseInfographics_arrow:before {
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	background: url(/feature/img/infographics/arrow_head.svg) no-repeat 50%;
	background-size: contain;
	position: absolute
  }
  
  .featureCaseInfographics_arrow:before {
	top: -16px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
  }
  
  .featureCaseInfographics_arrow:after {
	bottom: -16px
  }
  
  .featureCaseInfographics_arrow_item {
	display: block;
	width: 8px;
	height: 8px;
	background: #5fb4ca;
	border-radius: 8px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	z-index: 10;
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px)
  }
  
  .featureCaseInfographics_arrow_item.is-active {
	-webkit-animation: arrow linear both;
	animation: arrow linear both
  }
  
  .featureCaseInfographics_arrow_item.is-reverse {
	animation: arrow linear reverse both
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-01 {
	-webkit-animation-duration: .85s;
	animation-duration: .85s
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-02 {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-03 {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-04 {
	-webkit-animation-duration: .85s;
	animation-duration: .85s
  }
  
  .featureCaseInfographics_arrow_item.type-short {
	-webkit-animation-duration: .35s;
	animation-duration: .35s
  }
  
  .featureCaseInfographics_hukidashiContainer {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10
  }
  
  .featureCaseInfographics_hukidashi {
	display: block;
	position: absolute;
	-webkit-transform: scale(0);
	transform: scale(0)
  }
  
  .featureCaseInfographics_hukidashi-a {
	top: 226px;
	left: 132px
  }
  
  .featureCaseInfographics_hukidashi-b {
	width: 68px;
	top: 280px;
	right: 202px
  }
  
  .featureCaseInfographics_hukidashi-c {
	top: 234px;
	left: 328px
  }
  
  .featureCaseInfographics_hukidashi-d {
	width: 29px
  }
  
  .featureCaseInfographics_hukidashi-d-01 {
	top: 286px;
	left: 88px
  }
  
  .featureCaseInfographics_hukidashi-d-02 {
	top: 202px;
	right: 353px
  }
  
  .featureCaseInfographics_hukidashi-d-03 {
	top: 300px;
	left: 284px
  }
  
  .featureCaseInfographics_hukidashi-d-04 {
	top: 276px;
	right: 101px
  }
  
  .featureCaseInfographics_hukidashi-d-05 {
	top: 290px;
	left: 500px
  }
  
  .featureCaseInfographics_hukidashi-d-06 {
	top: 326px;
	right: 350px
  }
  
  .featureCaseInfographics_hukidashi-d-07 {
	top: 260px;
	left: 45px
  }
  
  .featureCaseInfographics_peopleContainer {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10
  }
  
  .featureCaseInfographics_people {
	position: absolute;
	bottom: 42px
  }
  
  .featureCaseInfographics_people-a {
	width: 40px;
	left: 342px
  }
  
  .featureCaseInfographics_people-b {
	width: 24px;
	right: 358px
  }
  
  .featureCaseInfographics_people-c {
	width: 20.5px;
	right: 22px
  }
  
  .featureCaseInfographics_txtContainer {
	width: 100%;
	background: #89c6d7
  }
  
  .featureCaseInfographics_list {
	max-width: 984px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transform: translateY(-28px);
	transform: translateY(-28px)
  }
  
  .featureCaseInfographics_item {
	background: #fff;
	padding: 20px 17px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .featureCaseInfographics_item-connected {
	width: 263px
  }
  
  .featureCaseInfographics_item-autonomous {
	width: 172px
  }
  
  .featureCaseInfographics_item-sharedService {
	width: 218px
  }
  
  .featureCaseInfographics_item-electric {
	width: 271px
  }
  
  .featureCaseInfographics_item_ttl {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 14px
  }
  
  .featureCaseInfographics_item_name {
	font-size: 1rem;
	color: #dd001f
  }
  
  .featureCaseInfographics_item_name span {
	font-size: 1.5rem;
	display: block;
	margin-bottom: 8px
  }
  
  .is-active .featureCaseInfographics_hukidashi {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
	transition: transform .25s cubic-bezier(0, 0, .25, 1);
	transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
  }
  
  .is-active .featureCaseInfographics_hukidashi-a, .is-active .featureCaseInfographics_hukidashi-b, .is-active .featureCaseInfographics_hukidashi-c {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
  }
  
  @-webkit-keyframes arrow {
	0% {
	  top: 0;
	  opacity: 0
	}
	5% {
	  opacity: 1
	}
	95% {
	  opacity: 1
	}
	to {
	  top: 100%;
	  opacity: 0
	}
  }
  
  @keyframes arrow {
	0% {
	  top: 0;
	  opacity: 0
	}
	5% {
	  opacity: 1
	}
	95% {
	  opacity: 1
	}
	to {
	  top: 100%;
	  opacity: 0
	}
  }
  
  @-webkit-keyframes cloud {
	0% {
	  opacity: 1
	}
	2% {
	  opacity: .4
	}
	50% {
	  opacity: 1
	}
	to {
	  opacity: 1
	}
  }
  
  @keyframes cloud {
	0% {
	  opacity: 1
	}
	2% {
	  opacity: .4
	}
	50% {
	  opacity: 1
	}
	to {
	  opacity: 1
	}
  }
  
  @media screen and (max-width:1023px) {
	.featureCaseInfographics_town {
	  height: 95px;
	  bottom: 102px
	}
	.featureCaseInfographics_road {
	  height: 53px
	}
	.featureCaseInfographics_cloud {
	  width: 248px;
	  left: 8px
	}
	.featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
	  max-width: 768px
	}
	.featureCaseInfographics_peopleContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_arrow-01 {
	  height: 218px;
	  top: 167px;
	  -webkit-transform: rotate(41deg);
	  transform: rotate(41deg)
	}
	.featureCaseInfographics_arrow-04 {
	  height: 178px;
	  top: 161px;
	  -webkit-transform: rotate(-48deg);
	  transform: rotate(-48deg)
	}
	.featureCaseInfographics_arrow-03 {
	  left: 55.7%
	}
	.featureCaseInfographics_arrow-05, .featureCaseInfographics_arrow-06, .featureCaseInfographics_arrow-07 {
	  -webkit-transform: translate(-100%) rotate(90deg);
	  transform: translate(-100%) rotate(90deg)
	}
	.featureCaseInfographics_arrow-05 {
	  left: 188px
	}
	.featureCaseInfographics_arrow-06 {
	  left: 418px
	}
	.featureCaseInfographics_arrow-07 {
	  left: 600px
	}
	.featureCaseInfographics_car-01 {
	  left: 40px
	}
	.featureCaseInfographics_car-02 {
	  left: 28.25%
	}
	.featureCaseInfographics_car-03 {
	  left: 58%
	}
	.featureCaseInfographics_car-04 {
	  left: 81.75%
	}
	.featureCaseInfographics_car-05 {
	  left: 15px
	}
	.featureCaseInfographics_car-06 {
	  left: 47.95%
	}
	.featureCaseInfographics_car-07 {
	  left: auto;
	  right: 15px
	}
	.featureCaseInfographics_hukidashi-a {
	  top: 226px;
	  left: 58px
	}
	.featureCaseInfographics_hukidashi-b {
	  top: 298px;
	  right: 43px
	}
	.featureCaseInfographics_hukidashi-c {
	  top: 234px;
	  left: 214px
	}
	.featureCaseInfographics_hukidashi-d {
	  width: 29px
	}
	.featureCaseInfographics_hukidashi-d-01 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-02 {
	  top: 286px;
	  right: 358px
	}
	.featureCaseInfographics_hukidashi-d-03 {
	  top: 316px;
	  left: 190px
	}
	.featureCaseInfographics_hukidashi-d-04 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-05 {
	  top: 248px;
	  left: 472px
	}
	.featureCaseInfographics_hukidashi-d-06 {
	  top: 326px;
	  right: 222px
	}
	.featureCaseInfographics_hukidashi-d-07 {
	  display: none
	}
	.featureCaseInfographics_people {
	  position: absolute;
	  bottom: 42px
	}
	.featureCaseInfographics_people-a {
	  width: 40px;
	  left: 232px
	}
	.featureCaseInfographics_people-b {
	  width: 24px;
	  right: 230px
	}
	.featureCaseInfographics_people-c {
	  width: 20.5px;
	  right: 22px
	}
	.featureCaseInfographics_list {
	  width: calc(100% - 80px);
	  margin: 0 auto;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-transform: translateY(-14px);
	  transform: translateY(-14px)
	}
	.featureCaseInfographics_item {
	  width: calc(50% - 5px);
	  padding: 18px 17px;
	  margin-top: 10px
	}
	.featureCaseInfographics_item:first-child, .featureCaseInfographics_item:nth-child(2) {
	  margin-top: 0
	}
	.featureCaseInfographics_item_ttl {
	  margin-bottom: 8px
	}
	.featureCaseInfographics_item_name span {
	  display: inline-block;
	  margin: 0 12px 0 0
	}
  }
  
  @media screen and (max-width:767px) {
	.featureCaseInfographics {
	  overflow: hidden
	}
	.featureCaseInfographics_imgContainer {
	  height: 362px
	}
	.featureCaseInfographics_imgContainer:after {
	  height: 20px
	}
	.featureCaseInfographics_town {
	  height: 67px;
	  bottom: 90px;
	  background-size: cover
	}
	.featureCaseInfographics_road {
	  height: 70px;
	  bottom: 20px;
	  background-size: cover
	}
	.featureCaseInfographics_cloud {
	  width: 196px
	}
	.featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
	  max-width: 320px
	}
	.featureCaseInfographics_peopleContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_arrow-01 {
	  height: 153px;
	  top: 148px;
	  left: 58px;
	  -webkit-transform: rotate(21deg);
	  transform: rotate(21deg)
	}
	.featureCaseInfographics_arrow-02 {
	  height: 93px;
	  top: 156px;
	  left: 116px;
	  -webkit-transform: rotate(12deg);
	  transform: rotate(12deg)
	}
	.featureCaseInfographics_arrow-03 {
	  height: 123px;
	  top: 158px;
	  left: 180px;
	  -webkit-transform: rotate(-8deg);
	  transform: rotate(-8deg)
	}
	.featureCaseInfographics_arrow-04 {
	  height: 93px;
	  top: 154px;
	  left: 228px;
	  -webkit-transform: rotate(-14deg);
	  transform: rotate(-14deg)
	}
	.featureCaseInfographics_arrow-05 {
	  left: 51px
	}
	.featureCaseInfographics_arrow-06 {
	  left: 166px
	}
	.featureCaseInfographics_arrow-07 {
	  left: 256px
	}
	.featureCaseInfographics_arrow-car {
	  height: 20px;
	  -webkit-transform: rotate(90deg) scale(.5);
	  transform: rotate(90deg) scale(.5);
	  bottom: 32px
	}
	.featureCaseInfographics_arrow-car:before {
	  -webkit-transform: scale(.8) rotate(180deg);
	  transform: scale(.8) rotate(180deg)
	}
	.featureCaseInfographics_arrow-car:after {
	  -webkit-transform: scale(.8);
	  transform: scale(.8)
	}
	.featureCaseInfographics_arrow .arrow_item-01 {
	  -webkit-animation-duration: .75s;
	  animation-duration: .75s
	}
	.featureCaseInfographics_arrow .arrow_item-02 {
	  -webkit-animation-duration: .5s;
	  animation-duration: .5s
	}
	.featureCaseInfographics_arrow .arrow_item-03 {
	  -webkit-animation-duration: .75s;
	  animation-duration: .75s
	}
	.featureCaseInfographics_arrow .arrow_item-04 {
	  -webkit-animation-duration: .5s;
	  animation-duration: .5s
	}
	.featureCaseInfographics_carContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_carContainer-front {
	  bottom: 30px
	}
	.featureCaseInfographics_carContainer-back {
	  bottom: 62px
	}
	.featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
	  width: 56px
	}
	.featureCaseInfographics_car-02 {
	  width: 86px
	}
	.featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
	  width: 60px
	}
	.featureCaseInfographics_car-04 {
	  width: 37px
	}
	.featureCaseInfographics_car-06 {
	  width: 70px
	}
	.featureCaseInfographics_car-01 {
	  left: -14px
	}
	.featureCaseInfographics_car-02 {
	  left: 73px
	}
	.featureCaseInfographics_car-03 {
	  left: 187px
	}
	.featureCaseInfographics_car-04 {
	  left: 278px
	}
	.featureCaseInfographics_car-05 {
	  left: -39px
	}
	.featureCaseInfographics_car-06 {
	  left: 76px
	}
	.featureCaseInfographics_car-07 {
	  left: auto;
	  right: 43px
	}
	.featureCaseInfographics_hukidashiContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_hukidashi {
	  width: 74px
	}
	.featureCaseInfographics_hukidashi-a {
	  top: 204px;
	  left: -6px
	}
	.featureCaseInfographics_hukidashi-b {
	  width: 54px;
	  top: 240px;
	  right: -4px
	}
	.featureCaseInfographics_hukidashi-c {
	  top: 212px;
	  left: 126px
	}
	.featureCaseInfographics_hukidashi-d {
	  width: 22px
	}
	.featureCaseInfographics_hukidashi-d-01 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-02 {
	  top: 190px;
	  right: 77px
	}
	.featureCaseInfographics_hukidashi-d-03 {
	  top: 288px;
	  left: 205px
	}
	.featureCaseInfographics_hukidashi-d-04 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-05 {
	  top: 198px;
	  left: 114px
	}
	.featureCaseInfographics_hukidashi-d-06 {
	  top: 248px;
	  right: 222px
	}
	.featureCaseInfographics_hukidashi-d-07 {
	  display: none
	}
	.featureCaseInfographics_people {
	  bottom: 10px
	}
	.featureCaseInfographics_people-a {
	  width: 25px;
	  left: 92px
	}
	.featureCaseInfographics_people-b {
	  width: 15px;
	  right: 100px
	}
	.featureCaseInfographics_people-c {
	  width: 14px;
	  right: 43px
	}
	.featureCaseInfographics_txtContainer {
	  padding: 10px 0
	}
	.featureCaseInfographics_list {
	  width: calc(100% - 20px);
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	.featureCaseInfographics_item {
	  width: 100%;
	  margin-top: 10px
	}
	.featureCaseInfographics_item:nth-child(2) {
	  margin-top: 10px
	}
  }
  
  .feature {
	display: block;
	background: #fff
  }
  
  .feature_content {
	background: #000
  }
  
  .feature_main_movie {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 460px;
	overflow: hidden
  }
  
  .feature_main_movie video {
	width: 100%
  }
  
  .feature_main_movie:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .65);
	position: absolute;
	top: 0;
	left: 0
  }
  
  .feature_main_txt {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 2.25;
	letter-spacing: .1em;
	background: #000;
	padding: 50px 0
  }
  
  .feature_section {
	background: #fff;
	margin-top: 10px;
	padding: 64px 0 100px
  }
  
  .feature_section_txtContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 760px;
	color: #333;
	margin: 88px auto 80px;
	opacity: 0;
	-webkit-transition: 1.2s cubic-bezier(0, 0, .4, 1);
	transition: 1.2s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .45s;
	transition-delay: .45s
  }
  
  .feature_section_ttl {
	font-size: 3.2rem;
	line-height: 1.7;
	letter-spacing: .05em;
	font-weight: 400;
	width: 340px
  }
  
  .feature_section_ttl span {
	display: block;
	margin-top: 48px
  }
  
  .feature_section_txt {
	font-size: 1.5rem;
	line-height: 2.2;
	letter-spacing: .01em;
	font-weight: 500;
	text-align: justify;
	width: 420px
  }
  
  .feature_section.is-active .feature_ttl-en span {
	opacity: 1;
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
  }
  
  .feature_section.is-active .feature_section_txtContainer, .feature_section.is-active .feature_ttl-jp {
	opacity: 1
  }
  
  .feature_connected_comment {
	max-width: 420px;
	margin: 0 auto;
	font-size: 1.5rem;
	color: #333;
	line-height: 2;
	text-align: justify
  }
  
  .feature_ttl {
	text-align: center;
	color: #333
  }
  
  .feature_ttl-en {
	font-size: 5.2rem;
	font-weight: 400;
	letter-spacing: -.025em;
	margin-bottom: 18px
  }
  
  .feature_ttl-en span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scaleX(0) translateZ(0);
	transform: scaleX(0) translateZ(0);
	-webkit-transform-origin: 20% center;
	transform-origin: 20% center;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform
  }
  
  .feature_ttl-en span:first-child {
	color: #dd001f
  }
  
  .feature_ttl-jp {
	font-size: 1.6rem;
	letter-spacing: .05em;
	font-weight: 700;
	opacity: 0;
	-webkit-transition: .8s cubic-bezier(0, 0, .4, 1);
	transition: .8s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
  }
  
  .feature_readMore {
	padding: 28px 0 0
  }
  
  .feature_readMore_inner {
	width: 160px;
	opacity: .8
  }
  
  .feature_readMore_inner a {
	display: block;
	width: 100%;
	height: 100%
  }
  
  .feature_readMore_inner:hover {
	opacity: 1
  }
  
  .feature_offer {
	max-width: 360px;
	margin: 60px auto 0
  }
  
  .feature_offer a {
	font-size: 1.8rem
  }
  
  .feature_offer a, .feature_relatedInterview {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .feature_relatedInterview {
	width: 760px;
	margin: 100px auto 0;
	padding: 38px 55px 50px
  }
  
  .feature_relatedInterview_ttl {
	font-size: 2.7rem;
	font-weight: 500;
	-webkit-column-rule: #333;
	-moz-column-rule: #333;
	column-rule: #333;
	letter-spacing: .05em;
	margin-bottom: 38px
  }
  
  .feature_relatedInterview_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .feature_relatedInterviewItem {
	width: 300px
  }
  
  .feature_relatedInterviewItem:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
  }
  
  .feature_relatedInterviewItem_img {
	overflow: hidden;
	margin-bottom: 20px
  }
  
  .feature_relatedInterviewItem_img img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .feature_relatedInterviewItem_ttl {
	font-size: 1.9rem;
	color: #333;
	line-height: 1.6;
	letter-spacing: .05em;
	margin-bottom: 16px
  }
  
  .feature_relatedInterviewItem_company {
	font-size: 1.3rem;
	font-weight: 700;
	color: #dd001f;
	line-height: 1.4;
	letter-spacing: .05em
  }
  
  .feature_last {
	background: #fff;
	margin-top: 10px;
	padding: 98px 0 0
  }
  
  .feature_last_inner {
	max-width: 760px;
	margin: 0 auto
  }
  
  .feature_last_ttl {
	font-size: 3rem;
	line-height: 1.5;
	font-weight: 700;
	color: #333;
	text-align: center
  }
  
  .feature_last_txt {
	font-size: 1.5rem;
	line-height: 2;
	color: #333;
	margin-top: 48px
  }
  
  .featureMainMovie {
	position: relative
  }
  
  .featureMainMovie_txtContainer {
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
  }
  
  .featureMainMovie_heading {
	display: inline-block;
	font-size: 4.2rem;
	letter-spacing: .04em;
	margin: 70px 0 74px
  }
  
  .featureMainMovie_heading span {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin-left: 16px
  }
  
  .featureMainMovie_heading:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	margin: 12px auto 0
  }
  
  .featureMainMovie_ttl {
	font-size: 4rem;
	line-height: 1.65;
	letter-spacing: .05em
  }
  
  .featureMainMovie_ttl span {
	font-size: 4.5rem
  }
  
  .featureCase {
	background: #fff;
	padding: 75px 0 70px
  }
  
  .featureCase_main {
	color: #333
  }
  
  .featureCase_main:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px
  }
  
  .featureCase_main_ttl {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	margin-bottom: 44px
  }
  
  .featureCase_main_detail {
	width: 760px;
	margin: 50px auto 0
  }
  
  .featureCase_main_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .featureCase_main_list li {
	width: 228px
  }
  
  .featureCase_main_list h3 {
	font-size: 1.6rem;
	letter-spacing: .05em;
	margin-bottom: 16px
  }
  
  .featureCase_main_list h3:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: middle;
	background: no-repeat 50%;
	background-image: url(/feature/img/ico-hukidashi@2x.png);
	background-size: contain;
	margin-right: 10px
  }
  
  .featureCase_main_list p {
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: justify
  }
  
  .featureCaseIot {
	width: 100%;
	height: 117px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f2f2f2;
	margin: 38px 0 60px
  }
  
  .featureCaseIot_ttl {
	font-size: 2.1rem;
	font-weight: 500;
	letter-spacing: .1em;
	margin-right: 106px
  }
  
  .featureCaseIot_txt {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2
  }
  
  .featureCaseDesk {
	width: 760px;
	margin: 50px auto;
	color: #333
  }
  
  .featureCaseDesk_ttl {
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	margin-bottom: 32px
  }
  
  .featureCaseDesk_txt {
	font-size: 1.5rem;
	line-height: 2;
	text-align: justify
  }
  
  .featureCase_btnList {
	width: 760px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .featureCase_btn {
	width: 182px;
	height: 50px;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: -.05em;
	font-weight: 400;
	border: 2px solid #333;
	border-radius: 3px;
	color: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border .25s ease;
	transition: border .25s ease
  }
  
  .featureCase_btn:hover {
	border-color: #dd001f
  }
  
  .featureCase_btn:hover a {
	color: #dd001f
  }
  
  .featureCase_btn:hover .featureCase_btn_arrow img {
	display: none;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .featureCase_btn:hover .featureCase_btn_arrow .hover {
	display: block
  }
  
  .featureCase_btn a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #333
  }
  
  .featureCase_btn a span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px
  }
  
  .featureCase_btn_arrow {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
  }
  
  .featureCase_btn_arrow img {
	width: 100%;
	height: auto;
	opacity: .8
  }
  
  .featureConnectedInterview {
	width: 100%;
	height: 0;
	padding-top: 54.6875%;
	position: relative;
	margin: 0 auto 58px;
	overflow: hidden
  }
  
  .featureConnectedInterview>a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
  }
  
  .featureConnectedInterview_img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .featureConnectedInterview_img img {
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .featureConnectedInterview_txtContainer {
	width: 50%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: .6s cubic-bezier(0, 0, .25, 1);
	transition: .6s cubic-bezier(0, 0, .25, 1);
	-webkit-transition-property: width, background;
	transition-property: width, background
  }
  
  .featureConnectedInterview_txtInner {
	min-width: 340px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
  }
  
  .featureConnectedInterview_ttl {
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .05em;
	margin-bottom: 30px
  }
  
  .featureConnectedInterview_ttl-en {
	font-size: 2.4rem;
	color: #dd001f;
	line-height: 1.3;
	margin-bottom: 26px
  }
  
  .featureConnectedInterview_txt {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .05em;
	margin-bottom: 28px
  }
  
  .featureConnectedInterview_person {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: .05em
  }
  
  .featureConnectedInterview_person span {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	margin-top: 10px
  }
  
  .featureConnectedInterview_arrow {
	width: 30px;
	position: absolute;
	top: 50%;
	right: 40px;
	-webkit-transform: translate3d(0, -50%);
	transform: translate3d(0, -50%);
	overflow: hidden
  }
  
  .featureConnectedInterview_arrow img {
	display: block;
	width: 100%
  }
  
  .featureConnectedInterview:hover .featureConnectedInterview_img img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition-duration: .4s;
	transition-duration: .4s
  }
  
  .featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
	width: 54%;
	background: rgba(0, 0, 0, .9)
  }
  
  .featureConnectedInterview:hover .featureConnectedInterview_arrow img {
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  @media screen and (max-width:1023px) {
	.feature {
	  padding-top: 80px
	}
	.feature_last_inner {
	  width: calc(100% - 80px)
	}
  }
  
  @media screen and (min-width:1600px) {
	.featureConnectedInterview {
	  max-width: 1144px;
	  height: 625.625px;
	  position: relative;
	  margin: 0 auto 58px;
	  padding: 0;
	  overflow: hidden
	}
  }
  
  @media screen and (min-width:768px) and (max-width:1279px) {
	.feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
	  padding-top: 94px
	}
  }
  
  @media screen and (max-width:1279px) {
	.feature {
	  padding-top: 80px
	}
	.featureConnectedInterview {
	  padding-top: 60%
	}
  }
  
  @media screen and (max-width:1023px) {
	.feature_relatedInterview {
	  width: 100%
	}
	.feature_relatedInterview_inner {
	  max-width: 650px;
	  margin: 0 auto
	}
	.feature_section_txtContainer {
	  max-width: auto;
	  padding: 0 40px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.feature_section_ttl {
	  font-size: 2.8rem;
	  width: 300px
	}
	.feature_section_txt {
	  width: 360px
	}
	.feature_last_inner {
	  width: calc(100% - 80px)
	}
	.featureCase_main_detail {
	  width: calc(100% - 80px);
	  margin: 50px auto 0
	}
	.featureCase_main_list {
	  display: block
	}
	.featureCase_main_list li {
	  width: 100%;
	  margin-bottom: 32px
	}
	.featureCase_btnList {
	  width: calc(100% - 80px)
	}
	.featureCase_btn {
	  width: 164px
	}
	.featureCaseIot_ttl {
	  margin-right: 56px
	}
	.featureCaseDesk {
	  width: calc(100% - 80px)
	}
	.featureConnectedInterview_txtContainer {
	  width: 58%
	}
	.featureConnectedInterview_ttl {
	  font-size: 3rem;
	  margin-bottom: 18px
	}
	.featureConnectedInterview_ttl-en {
	  font-size: 2rem;
	  margin-bottom: 20px
	}
	.featureConnectedInterview_txt {
	  font-size: 1.4rem;
	  margin-bottom: 28px
	}
	.featureConnectedInterview_person {
	  font-size: 1.2rem
	}
	.featureConnectedInterview_person span {
	  display: block;
	  margin-top: 10px
	}
	.featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
	  width: 58%
	}
  }
  
  @media screen and (max-width:767px) {
	.feature {
	  padding: 48px 0 64px
	}
	.feature_main_movie {
	  width: 100%;
	  height: 0;
	  padding-top: 100%;
	  overflow: hidden;
	  position: relative
	}
	.feature_main_movie video {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0
	}
	.feature_main_txt {
	  font-size: 1.4rem;
	  font-weight: 500;
	  line-height: 2;
	  text-align: left;
	  padding: 30px 20px
	}
	.feature_connected_comment {
	  font-size: 1.2rem;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.feature_ttl-en {
	  font-size: 4rem;
	  letter-spacing: -.05em;
	  margin-bottom: 4px
	}
	.feature_ttl-jp {
	  font-size: 1.5rem;
	  line-height: 3
	}
	.feature_readMore {
	  width: calc(100% - 40px);
	  margin: 0 auto;
	  padding: 24px 0 0
	}
	.feature_readMore_inner {
	  width: 100%;
	  border: 1px solid #333;
	  border-radius: 3px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  padding: 13px 20px 11px
	}
	.feature_readMore_inner a {
	  display: block;
	  width: 100%;
	  height: 100%;
	  font-size: 1.4rem
	}
	.feature_readMore_inner a .feature_readMore_arrow {
	  width: 16px;
	  right: 20px
	}
	.feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
	  padding-top: 50px;
	  padding-bottom: 60px
	}
	.feature_section_txtContainer {
	  display: block;
	  padding: 0 20px;
	  margin: 40px 0
	}
	.feature_section_ttl {
	  font-size: 2.4rem;
	  text-align: center;
	  width: auto;
	  margin-bottom: 20px
	}
	.feature_section_ttl span {
	  margin: 0 0 0 16px
	}
	.feature_section_txt {
	  width: 100%;
	  font-size: 1.4rem;
	  font-weight: 400;
	  line-height: 2
	}
	.feature_autonomous .feature_section_ttl, .feature_connected .feature_section_ttl, .feature_electric .feature_section_ttl {
	  margin-left: 18px
	}
	.feature_relatedInterview {
	  margin-top: 40px;
	  padding: 32px 20px 4px
	}
	.feature_relatedInterview_inner {
	  max-width: 650px;
	  margin: 0 auto
	}
	.feature_relatedInterview_ttl {
	  font-size: 2.4rem;
	  text-align: center
	}
	.feature_relatedInterview_list {
	  display: block
	}
	.feature_relatedInterviewItem {
	  width: 100%;
	  margin-bottom: 38px
	}
	.feature_relatedInterviewItem_img {
	  margin-bottom: 14px
	}
	.feature_relatedInterviewItem_ttl {
	  font-size: 1.8rem;
	  margin-bottom: 12px
	}
	.feature_offer {
	  width: calc(100% - 80px);
	  margin: 30px auto 0
	}
	.feature_offer a {
	  font-size: 1.2rem
	}
	.feature_last {
	  padding: 50px 0 0
	}
	.feature_last_inner {
	  width: 100%;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  margin: 0 auto
	}
	.feature_last_inner p {
	  font-size: 14px;
	  line-height: 2;
	  font-weight: 350;
	  margin-top: 30px
	}
	.feature_last .case_sns {
	  margin-top: 60px;
	  margin-bottom: 60px
	}
	.feature_last .case_sns li+li {
	  margin-left: 24px
	}
	.feature_last_txt {
	  font-size: 1.4rem;
	  line-height: 2;
	  color: #333;
	  margin-top: 48px
	}
	.feature_last_bottom {
	  padding-bottom: 38px
	}
	.featureMainMovie_heading {
	  font-size: 2.4rem;
	  margin: 34px 0 58px
	}
	.featureMainMovie_heading span {
	  font-size: 1.4rem;
	  margin-left: 12px
	}
	.featureMainMovie_heading:after {
	  height: 2px;
	  margin: 6px auto 0
	}
	.featureMainMovie_ttl {
	  font-size: 2.4rem;
	  line-height: 1.65;
	  letter-spacing: .025em;
	  position: absolute;
	  top: calc(50% + 18px);
	  left: 0;
	  right: 0;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.featureMainMovie_ttl span {
	  font-size: 2.6rem
	}
	.featureCase {
	  padding: 40px 0 50px
	}
	.featureCase_main_ttl {
	  font-size: 1.8rem;
	  line-height: 1.75
	}
	.featureCase_main_detail {
	  width: calc(100% - 40px);
	  margin: 40px auto 0
	}
	.featureCase_main_list li {
	  margin-bottom: 28px
	}
	.featureCase_btnList {
	  width: calc(100% - 40px);
	  display: block
	}
	.featureCase_btn {
	  width: 100%;
	  margin-bottom: 10px
	}
	.featureCaseIot {
	  display: block;
	  width: 100%;
	  height: auto;
	  margin: 30px 0;
	  padding: 22px 12px 12px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.featureCaseIot_ttl {
	  font-size: 1.8rem;
	  margin: 0 0 12px
	}
	.featureCaseIot_txt {
	  font-size: 1.4rem;
	  font-weight: 400
	}
	.featureCaseIot_txt br {
	  display: none
	}
	.featureCaseDesk {
	  width: calc(100% - 40px);
	  margin: 30px auto 40px
	}
	.featureConnectedInterview {
	  height: auto;
	  padding-top: 0;
	  margin-bottom: 28px
	}
	.featureConnectedInterview>a {
	  position: static
	}
	.featureConnectedInterview_img {
	  position: static;
	  -webkit-transform: none;
	  transform: none
	}
	.featureConnectedInterview_txtContainer {
	  width: 100%;
	  background: #1a1a1a;
	  position: static
	}
	.featureConnectedInterview_txtInner {
	  min-width: auto;
	  position: static;
	  -webkit-transform: none;
	  transform: none;
	  padding: 24px 20px 30px
	}
	.featureConnectedInterview_ttl-en {
	  line-height: 1.3
	}
	.featureConnectedInterview_arrow {
	  display: none
	}
	.featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
	  width: 100%;
	  background: #1a1a1a
	}
  }
  
  @media screen and (max-width:374px) {
	.featureConnectedInterview_txt {
	  letter-spacing: 0
	}
  }
  
  .connected_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	color: #fff;
	background: #000;
	padding: 19px 0
  }
  
  .connected_header span:first-child {
	color: #dd001f
  }
  
  .connected_header_ttl {
	font-size: 4.2rem;
	margin-right: 38px
  }
  
  .connected_header_ttl span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scaleX(0) translateZ(0);
	transform: scaleX(0) translateZ(0);
	-webkit-transform-origin: 20% center;
	transform-origin: 20% center;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform
  }
  
  .connected_header_ttl.is-active span {
	opacity: 1;
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
  }
  
  .connected_header_txtContainer {
	overflow: hidden;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: width;
	transition-property: width
  }
  
  .connected_header_txtContainer.is-active .connected_header_txt {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
  }
  
  .connected_header_txt {
	font-size: 2rem;
	opacity: 0;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
  }
  
  .connected .interviewDetail_offer {
	margin-bottom: 80px
  }
  
  .featureInterviewDetail_content {
	padding-bottom: 0
  }
  
  .featureInterviewDetail_main {
	padding-top: 62.5%
  }
  
  .featureInterviewDetail_main_inner {
	width: 472px
  }
  
  .featureInterviewDetail_main_ttl {
	font-size: 3.6rem;
	letter-spacing: .1em;
	margin-bottom: 26px
  }
  
  .featureInterviewDetail_main_name {
	border: none;
	padding: 0;
	font-size: 2rem;
	line-height: 1.5
  }
  
  .featureInterviewDetail_main_name span {
	display: block;
	font-size: 1.4rem
  }
  
  .featureInterviewDetail_main_name br {
	display: block
  }
  
  .featureInterviewDetail_main_txt {
	text-align: justify
  }
  
  .featureInterviewDetail_block {
	width: 100%;
	max-width: none;
	overflow: hidden;
	margin: 146px auto 0
  }
  
  .featureInterviewDetail_block-noHeading {
	margin-top: 80px
  }
  
  .featureInterviewDetail_block:nth-child(2) {
	margin-top: 128px
  }
  
  .featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl {
	text-align: right;
	padding: 0
  }
  
  .featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
	float: right;
	padding: 0
  }
  
  .featureInterviewDetail_block_txtContainer {
	width: 50%;
	padding: 0 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .featureInterviewDetail_block_ttl {
	width: 100%;
	font-size: 3.2rem;
	letter-spacing: .05em;
	padding: 0;
	margin-bottom: 94px
  }
  
  .featureInterviewDetail_block_txt {
	font-size: 1.5rem;
	text-align: justify;
	letter-spacing: .01em;
	line-height: 2.2
  }
  
  .featureInterviewDetail_block_imgContainer {
	width: 50%
  }
  
  .featureInterviewDetail_block_imgContainer img {
	margin: 0
  }
  
  .featureInterviewDetail_block_note {
	padding-left: 60px;
	margin-top: 20px;
	font-size: 1.3rem;
	line-height: 1.75
  }
  
  .featureInterviewDetail_related {
	width: calc(100% - 120px);
	max-width: 904px;
	margin: 120px auto 0;
	padding: 56px 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .featureInterviewDetail_related_inner {
	width: 100%
  }
  
  .featureInterviewDetail_related_ttl {
	font-weight: 500
  }
  
  .featureInterviewDetailRelatedContent_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .featureInterviewDetailRelatedContent_img {
	width: 360px
  }
  
  .featureInterviewDetailRelatedContent_img img {
	display: block;
	width: 100%
  }
  
  .featureInterviewDetailRelatedContent_txtContainer {
	width: 394px
  }
  
  .featureInterviewDetailRelatedContent_ttl {
	font-size: 2.3rem;
	margin-bottom: 30px
  }
  
  .featureInterviewDetailRelatedContent_txt {
	font-size: 1.4rem;
	line-height: 2
  }
  
  .featureInterviewDetailRelatedLink {
	background: none;
	padding: 0;
	margin-top: 60px;
	opacity: .78
  }
  
  .featureInterviewDetailRelatedLink_inner {
	width: 146px
  }
  
  .featureTop_link {
	width: 168px;
	margin-bottom: 80px
  }
  
  @media screen and (min-width:1780px) {
	.featureInterviewDetail_block_txtContainer {
	  padding: 0 80px
	}
  }
  
  @media screen and (min-width:1600px) {
	.featureInterviewDetail_block {
	  width: calc(100% - 120px);
	  max-width: 1344px
	}
  }
  
  @media screen and (max-width:1599px) {
	.featureInterviewDetail_main_inner {
	  width: calc(100% - 180px)
	}
  }
  
  @media screen and (max-width:1279px) {
	.connected_header {
	  margin-top: 80px
	}
	.featureInterviewDetail_main {
	  margin-top: 0
	}
  }
  
  @media screen and (max-width:1023px) {
	.featureInterviewDetail_main {
	  padding-top: 0
	}
	.featureInterviewDetail_main_inner {
	  width: 100%
	}
	.featureInterviewDetail_block {
	  width: 648px;
	  margin-top: 106px;
	  padding: 0!important
	}
	.featureInterviewDetail_block-noHeading {
	  margin-top: 52px
	}
	.featureInterviewDetail_block:nth-child(2) {
	  margin-top: 88px
	}
	.featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl, .featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
	  text-align: center
	}
	.featureInterviewDetail_block_txtContainer {
	  width: 100%;
	  padding: 0
	}
	.featureInterviewDetail_block_ttl {
	  margin-bottom: 48px
	}
	.featureInterviewDetail_block_txt {
	  letter-spacing: .03em
	}
	.featureInterviewDetail_block_imgContainer {
	  width: 100%;
	  margin-bottom: 40px
	}
	.featureInterviewDetail_block_img {
	  margin-bottom: 48px
	}
	.featureInterviewDetail_block_img:first-child {
	  position: relative
	}
	.featureInterviewDetail_block_note {
	  padding: 0 60px;
	  margin: 18px 0 60px
	}
	.featureInterviewDetail_related {
	  width: 648px;
	  padding: 56px 60px
	}
	.featureInterviewDetailRelatedContent_inner {
	  display: block
	}
	.featureInterviewDetailRelatedContent_img {
	  width: 100%;
	  margin: 0 auto 40px
	}
	.featureInterviewDetailRelatedContent_txtContainer {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.connected_header {
	  display: block;
	  text-align: center;
	  margin-top: 48px;
	  padding: 15px 0
	}
	.connected_header_ttl {
	  font-size: 3.2rem;
	  letter-spacing: .2em;
	  margin: 0 0 6px
	}
	.connected_header_txt {
	  font-size: 1.4rem;
	  line-height: 1.5
	}
	.connected_header_txt span {
	  display: block
	}
	.connected .interviewDetail_offer {
	  margin: 40px auto 50px
	}
	.featureInterviewDetail_content {
	  padding-bottom: 64px
	}
	.featureInterviewDetail_main_content {
	  padding-bottom: 38px
	}
	.featureInterviewDetail_main_inner {
	  width: 100%
	}
	.featureInterviewDetail_main_ttl {
	  font-size: 3rem;
	  letter-spacing: .025em;
	  margin-bottom: 20px
	}
	.featureInterviewDetail_main_name {
	  font-size: 1.8rem
	}
	.featureInterviewDetail_main_name span {
	  font-size: 1.2rem;
	  margin-bottom: 8px
	}
	.featureInterviewDetail_main_txt {
	  font-size: 1.2rem;
	  margin-top: 20px
	}
	.featureInterviewDetail_block {
	  width: 100%;
	  margin: 60px auto 0
	}
	.featureInterviewDetail_block-noHeading {
	  margin-top: 20px
	}
	.featureInterviewDetail_block:nth-child(2) {
	  margin-top: 60px
	}
	.featureInterviewDetail_block_ttl {
	  font-size: 2.2rem;
	  margin: 0 0 40px
	}
	.featureInterviewDetail_block_txt {
	  font-size: 1.4rem;
	  letter-spacing: .01em;
	  line-height: 2
	}
	.featureInterviewDetail_block_imgContainer {
	  margin-bottom: 30px
	}
	.featureInterviewDetail_block_img {
	  margin-bottom: 30px;
	  position: relative
	}
	.featureInterviewDetail_block_note {
	  font-size: 1.2rem;
	  padding: 0 40px
	}
	.featureInterviewDetail_related {
	  width: 100%;
	  max-width: 904px;
	  margin: 56px auto 0;
	  padding: 34px 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.featureInterviewDetail_related_inner {
	  width: 100%
	}
	.featureInterviewDetail_related_ttl {
	  font-size: 2.4rem
	}
	.featureInterviewDetailRelatedContent_img {
	  margin-bottom: 22px
	}
	.featureInterviewDetailRelatedContent_ttl {
	  font-size: 1.8rem;
	  margin-bottom: 14px
	}
	.featureInterviewDetailRelatedContent_txt {
	  font-size: 1.4rem;
	  line-height: 2
	}
	.featureInterviewDetailRelatedLink {
	  padding: 0;
	  margin-top: 20px;
	  opacity: .78
	}
	.featureInterviewDetailRelatedLink_inner {
	  width: 100%
	}
	.featureInterviewDetailRelatedLink_inner:hover {
	  border-color: #dd001f
	}
	.featureInterviewDetailRelatedLink_inner a {
	  display: block;
	  width: 100%;
	  height: 100%;
	  font-size: 1.4rem;
	  padding: 13px 20px 11px;
	  border: 1px solid #000;
	  border-radius: 3px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.featureInterviewDetailRelatedLink_inner .topLink_arrow {
	  width: 16px;
	  right: 20px
	}
	.featureTop_link {
	  margin: 50px auto
	}
  }
  
  .modalModule {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	display: none
  }
  
  .modalModule_bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8)
  }
  
  .modalModule_close {
	width: 20px;
	height: 20px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	position: absolute;
	right: 20px;
	top: -15px;
	cursor: pointer
  }
  
  .modalModule_close:after, .modalModule_close:before {
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%
  }
  
  .modalModule_close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
  }
  
  .modalModule_close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
  }
  
  .modalModule_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
  }
  
  li {
	list-style: none
  }
  
  a {
	text-decoration: none;
	color: #333
  }
  
  .pc-none {
	display: none
  }
  
  .pt20 {
	padding-top: 20px
  }
  
  .course_flexbox * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_container {
	max-width: 900px;
	width: calc(100% - 120px);
	padding-top: 73px;
	margin: 0 auto 80px
  }
  
  .course_container.course_index_box {
	padding-top: 16px
  }
  
  .course_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .course_container_ttl:after {
	content: "";
	margin-top: 18px
  }
  
  .course_container_subtitle {
	margin-bottom: 30px;
	padding-top: 53px;
	font-size: 2.4rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .course_container_subtitle.with-border:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	margin-top: 18px
  }
  
  .course_container_txt {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 2
  }
  
  .course_container_notice {
	margin-top: 25px;
	font-size: 12px;
	line-height: 1.75
  }
  
  .course_container_notice p {
	margin-top: 7px
  }
  
  .course_container_box {
	margin: 80px auto 0
  }
  
  .course_container_box img {
	width: 100%
  }
  
  .course_container_img_box {
	margin: 1em auto 48px
  }
  
  .course_container_img_box img {
	width: 100%
  }
  
  .course_container_small {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	text-align: right;
	line-height: 1.6
  }
  
  .course h1 {
	font-size: 3.6rem;
	background-image: none
  }
  
  .course_content {
	color: #333;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_table {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.75;
	margin-bottom: 20px;
	letter-spacing: .05em
  }
  
  .course_table tr {
	height: 45px
  }
  
  .course_table .first {
	height: 55px
  }
  
  .course_table th {
	text-align: center;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
	background-color: #333;
	vertical-align: middle;
	font-size: 1.8rem
  }
  
  .course_table td, .course_table th {
	padding: 10px 3px;
	text-align: center;
	border: 1px solid #fff
  }
  
  .course_table td {
	font-weight: 700;
	color: #3c3c3c;
	background-color: #eee;
	vertical-align: middle
  }
  
  .course_table .detail {
	font-weight: 400;
	padding: 30px 20px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #eee
  }
  
  .course_table .detail p {
	margin-bottom: 30px
  }
  
  .course_table .detail ul li {
	position: relative;
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 1.3em
  }
  
  .course_table .detail ul li:last-child {
	margin-bottom: 0
  }
  
  .course_table .detail ul li:before {
	left: 0;
	position: absolute;
	display: block;
	content: "※"
  }
  
  .course_table.pc {
	display: table
  }
  
  .course_table.sp {
	display: none
  }
  
  .course_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 40px 0 0
  }
  
  .course_index {
	width: 100%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .course_index:before {
	content: "";
	padding: 0 6px;
	border-left: 5px solid #dd001f
  }
  
  .course_index_borderless {
	width: 100%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.5;
	margin-bottom: 2rem
  }
  
  .course_item {
	width: calc(33.333% - 26.666px);
	position: relative;
	margin-bottom: 60px
  }
  
  .course_item a {
	color: #000
  }
  
  .course_item_img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden
  }
  
  .course_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .course_item_inner {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_item_ttl {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .04em;
	margin-bottom: 20px
  }
  
  .course_item_txt, .course_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .course_txt {
	padding: 30px 0 20px
  }
  
  .course_txt_interview {
	font-size: 1.5rem;
	line-height: 24px;
	padding: 30px 0 20px
  }
  
  .course .chart {
	margin-bottom: 60px
  }
  
  .course .chart_txt {
	margin-top: 18px;
	text-align: right;
	font-size: 1.2rem;
	letter-spacing: .05em
  }
  
  @media screen and (max-width:767px) {
	.course .chart_txt {
	  margin-top: 6px
	}
  }
  
  .course_flexbox {
	margin-top: 20px;
	width: 100%;
	background-color: #eee;
	padding: 25px 25px 12.5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_flexbox_item {
	padding: 10px;
	color: #fff;
	width: 23%;
	background-color: #fff;
	height: auto
  }
  
  .course_flexbox_ttl {
	color: #222;
	text-align: center;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: 700
  }
  
  .course_flexbox_last {
	width: 100%;
	padding: 12.5px 25px 25px;
	background-color: #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_flexbox_last_item {
	padding: 10px;
	color: #fff;
	background-color: #fff;
	text-align: center
  }
  
  .course_flexbox_last_item .course_flexbox_btn-entry {
	display: inline-block;
	width: 170px;
	text-align: left
  }
  
  .course_flexbox_last_item .course_flexbox_btn-entry.ll {
	width: 250px
  }
  
  .course_flexbox_btn {
	padding: 10px
  }
  
  .course_flexbox_btn-entry, .course_flexbox_btn-interview {
	margin: 10px;
	color: #fff;
	letter-spacing: .1em;
	background-color: #dd001f;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: color .15s;
	transition: color .15s;
	cursor: pointer;
	position: relative
  }
  
  .course_flexbox_btn-entry a, .course_flexbox_btn-interview a {
	display: block;
	padding: 16px 12px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
	-webkit-transition: color .15s;
	transition: color .15s;
	line-height: 1.75
  }
  
  .course_flexbox_btn-entry:hover a, .course_flexbox_btn-interview:hover a {
	color: #fff
  }
  
  .course_flexbox_btn-entry:hover .header_findout_arrow img, .course_flexbox_btn-interview:hover .header_findout_arrow img {
	display: none
  }
  
  .course_flexbox_btn-entry:hover .header_findout_arrow .hover, .course_flexbox_btn-interview:hover .header_findout_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .course_flexbox_btn-entry .header_findout_arrow, .course_flexbox_btn-interview .header_findout_arrow {
	width: 14px;
	right: 14px
  }
  
  .course_flexbox_btn-entry .header_findout_arrow img, .course_flexbox_btn-interview .header_findout_arrow img {
	display: block;
	width: 100%
  }
  
  .course_flexbox_btn-entry .header_findout_arrow .hover, .course_flexbox_btn-interview .header_findout_arrow .hover {
	display: none
  }
  
  .course_flexbox_btn-interview {
	margin: 20px 0 0;
	width: 232px
  }
  
  .course .col .course_flexbox_item {
	width: 31.7%
  }
  
  .border {
	margin-top: 100px;
	border-top: 4px solid #000
  }
  
  .course .border {
	margin-top: 80px
  }
  
  .course_border_box {
	margin-bottom: 40px
  }
  
  .course_border_box:last-child {
	margin-bottom: 0
  }
  
  .course_border_box h3 {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background-color: #333;
	text-align: center;
	line-height: 56px;
	border-radius: 3px 3px 0 0
  }
  
  .course_border_box h3 .small {
	font-size: 12px
  }
  
  .course_border_box>div {
	border: 4px solid #333;
	border-top: 0 solid #333;
	padding: 40px;
	line-height: 1.5;
	border-radius: 0 0 3px 3px;
	background-color: #f2f2f2
  }
  
  .course_border_box>div h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
  }
  
  .course_border_box>div p {
	font-size: 16px;
	margin-bottom: 40px
  }
  
  .course_border_box>div ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 40px 0 0
  }
  
  .course_border_box>div ul li {
	margin-right: 12px
  }
  
  .course_border_box>div ul li:last-child {
	margin-right: 0
  }
  
  .course_border_box>div ul li img {
	width: 100%;
	margin-bottom: 20px
  }
  
  .course_border_box>div ul li h5 {
	font-size: 14px;
	font-weight: 700;
	margin: 0
  }
  
  .course_border_box>div ul li p {
	margin: 9px 0 0;
	font-size: 14px
  }
  
  .course_border_box>div h5 {
	font-size: 14px;
	font-weight: 700
  }
  
  .course_table-ttl {
	margin-bottom: 12px;
	font-weight: 700;
	line-height: 2.25;
	letter-spacing: .01em;
	font-size: 2rem
  }
  
  .course_table_dot {
	line-height: 1.75;
	margin-bottom: 30px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position-y: bottom;
	width: 100%
  }
  
  .course_table_dot tr {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position-y: top
  }
  
  .course_table_dot th {
	width: 33%;
	font-size: 15px;
	font-weight: 700;
	padding: 30px 27px 30px 0
  }
  
  .course_table_dot td, .course_table_dot th {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left
  }
  
  .course_table_dot td {
	width: 67%;
	font-size: 14px;
	padding: 30px 0 30px 27px
  }
  
  .course_table_dot_ul {
	margin-top: 1em
  }
  
  .course_table_dot_ul li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: .5em
  }
  
  .course_connected_boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0
  }
  
  .course_connected_boxes * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_connected_boxes .course_connected_box {
	width: calc(33.33333% - 10px);
	border: 3px solid #dd001f;
	border-radius: 3px
  }
  
  .course_connected_boxes .course_connected_box h3 {
	border: 3px solid #dd001f;
	background-color: #dd001f;
	color: #fff;
	text-align: center;
	line-height: 49px;
	font-size: 16px;
	font-weight: 700
  }
  
  .course_connected_boxes .course_connected_box>div {
	padding: 29px;
	line-height: 1.9;
	font-size: 12px
  }
  
  .course_connected_boxes .course_connector {
	width: 30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
	background-image: linear-gradient(#dd001f, #dd001f);
	background-size: 1px 3px;
	background-repeat: repeat-x;
	background-position-y: center
  }
  
  .course_case {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0
  }
  
  .course_case .course_case-ttl {
	width: 30%
  }
  
  .course_case .course_case-ttl img {
	width: 120px;
	margin-bottom: 20px
  }
  
  .course_case .course_case-ttl h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 30px
  }
  
  .course_case .course_case-detail {
	width: 70%
  }
  
  .course_nav {
	margin-top: 30px
  }
  
  .course_nav * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_nav a {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	position: relative;
	padding-right: 18px;
	margin: 0 35px 20px 0
  }
  
  .course_nav a .course_nav_arrow {
	position: absolute;
	overflow: hidden;
	width: 13px;
	right: 0;
	top: 0
  }
  
  .course_nav a .course_nav_arrow img {
	display: block;
	width: 100%
  }
  
  .course_nav a .course_nav_arrow .hover, .course_nav a:hover .course_nav_arrow img {
	display: none
  }
  
  .course_nav a:hover .course_nav_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .indexLink {
	background: #fff;
	padding: 40px 0
  }
  
  .indexLink-black {
	background: none
  }
  
  .indexLink_inner {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .075em;
	text-align: center;
	line-height: 30px
  }
  
  .indexLink_inner a {
	vertical-align: text-bottom;
	color: #000
  }
  
  .indexLink_inner:hover a {
	color: #dd001f
  }
  
  .indexLink_inner:hover .indexLink_arrow img {
	display: none
  }
  
  .indexLink_inner:hover .indexLink_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .indexLink_arrow {
	display: inline-block;
	width: 20px;
	overflow: hidden;
	margin-left: 10px;
	vertical-align: text-bottom
  }
  
  .indexLink_arrow img {
	margin-bottom: 2px;
	display: block;
	width: 100%
  }
  
  .indexLink_arrow img.hover {
	display: none
  }
  
  @media screen and (max-width:1023px) {
	.course h1 {
	  font-size: 2.6rem
	}
	.course_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.course_item {
	  width: calc(50% - 20px);
	  margin-bottom: 80px
	}
	.course_container {
	  width: calc(100% - 40px);
	  padding-top: 60px
	}
	.course_container_ttl {
	  font-size: 2.6rem;
	  padding: 0 0 20px;
	  text-align: center
	}
	.course_container_ttl:after {
	  content: none
	}
	.course_container_txt {
	  text-align: left;
	  font-size: 1.4rem
	}
	.course_container_subtitle {
	  margin-bottom: 26px;
	  padding-top: 0;
	  font-size: 1.8rem
	}
	.course_table th {
	  font-size: 1.4rem;
	  font-weight: 400
	}
	.course_table p, .course_table td {
	  font-size: 1.2rem
	}
	.course_table .detail {
	  padding: 30px 15px
	}
	.course_table .detail li {
	  font-size: 1rem
	}
	.course_container_box {
	  margin: 58px auto 20px
	}
	.course_flexbox {
	  width: 100%;
	  padding: 10px;
	  display: block;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.course_flexbox_item {
	  margin-bottom: 10px;
	  padding: 0 0 10px;
	  width: 100%;
	  height: auto
	}
	.course_flexbox_item:last-child {
	  margin-bottom: 0
	}
	.course_flexbox_ttl {
	  font-size: 1.6rem;
	  font-weight: 700;
	  letter-spacing: .05em
	}
	.course_flexbox_last {
	  padding: 0 10px 10px;
	  background-color: #eee
	}
	.course_flexbox_last, .course_flexbox_last_item {
	  width: 100%;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.course_flexbox_last_item {
	  text-align: center;
	  padding: 0 0 10px
	}
	.course_flexbox_last_item .course_flexbox_btn-entry {
	  display: block;
	  width: auto;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.course_flexbox_last_item .course_flexbox_btn-entry.ll {
	  width: auto
	}
	.course_flexbox_btn-entry {
	  margin: 10px 20px
	}
	.course .col .course_flexbox_item, .course_flexbox_btn-interview {
	  width: 100%
	}
	.coures_jobs_index-none .course_container_box {
	  margin-top: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.course_table-ttl {
	  line-height: 1.75;
	  font-size: 1.8rem
	}
	.course_content {
	  padding: 0 0 64px
	}
	.course_container {
	  padding-top: 40px
	}
	.course_container.course_index_box {
	  padding-top: 18px
	}
	.course_container_small {
	  display: block;
	  text-align: left;
	  text-indent: -2em;
	  padding-left: 2em
	}
	.course h1 {
	  text-align: center
	}
	.course_content {
	  padding: 0 0 44px
	}
	.course_table.pc {
	  display: none
	}
	.course_table.sp {
	  display: table
	}
	.course_item {
	  width: calc(50% - 10px)
	}
	.course_border_box h3 {
	  font-size: 18px
	}
	.course_border_box>div {
	  padding: 30px 20px 10px
	}
	.course_border_box>div h4, .course_border_box>div p {
	  font-size: 15px;
	  line-height: 1.75
	}
	.course_border_box>div p {
	  margin-bottom: 20px
	}
	.course_border_box>div ul {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin: 20px 0 0
	}
	.course_border_box>div ul li {
	  width: calc(50% - 5px);
	  margin: 0 0 20px
	}
	.course_border_box>div ul li img {
	  margin-bottom: 10px
	}
	.course_border_box>div ul li h5 {
	  font-size: 12px
	}
	.course_border_box>div ul li p {
	  margin: 10px 0 0;
	  font-size: 10px
	}
	.course_border_box>div ul li:first-child:nth-last-child(2), .course_border_box>div ul li:first-child:nth-last-child(2)~li {
	  width: 100%
	}
	.course_border_box>div h5 {
	  font-size: 12px;
	  margin-bottom: 20px
	}
	.course_table_dot th {
	  display: block;
	  width: 100%;
	  padding: 40px 0 26px
	}
	.course_table_dot td {
	  display: block;
	  width: 100%;
	  padding: 0 0 40px
	}
	.course_connected_boxes {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.course_connected_boxes .course_connected_box {
	  width: 100%
	}
	.course_connected_boxes .course_connector {
	  width: 100%;
	  height: 30px;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
	  background-image: linear-gradient(#dd001f, #dd001f);
	  background-size: 3px 1px;
	  background-repeat: repeat-y;
	  background-position-x: center
	}
	.course_case {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.course_case .course_case-ttl {
	  width: 100%;
	  text-align: center
	}
	.course_case .course_case-detail {
	  width: 100%
	}
	.course_nav {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin-top: 23px
	}
	.course_nav, .course_nav a {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex
	}
	.course_nav a {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  width: 100%;
	  font-size: 12px;
	  line-height: 18px;
	  font-weight: 400;
	  margin: 0 0 10px;
	  padding: 10px 30px 10px 10px;
	  border: 1px solid #333;
	  border-radius: 3px
	}
	.course_nav a .course_nav_arrow {
	  position: absolute;
	  overflow: hidden;
	  width: 12px;
	  right: 14px;
	  top: 37%
	}
	.course_nav a .course_nav_arrow img {
	  display: block;
	  width: 100%
	}
	.course_nav a .course_nav_arrow .hover {
	  display: none
	}
	.course_nav a.sp-left, .course_nav a.sp-right {
	  width: calc(50% - 5px);
	  margin-left: 5px
	}
	.course_nav a:hover .course_nav_arrow img {
	  display: none
	}
	.course_nav a:hover .course_nav_arrow .hover {
	  display: block;
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.indexLink {
	  padding: 24px 0 0
	}
  }
  
  @media screen and (max-width:599px) {
	.course_item {
	  width: 100%;
	  margin-bottom: 40px
	}
	.course_flexbox_btn-entry {
	  margin: 10px
	}
	.course_flexbox_btn-entry .header_findout_arrow {
	  width: 14px!important;
	  right: 12px!important
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-sub .subpage_block_txt {
	  padding-left: 0
	}
  }
  
  .course_flexbox_btn-entry-mt {
	margin-top: 70px
  }
  
  @media screen and (max-width:1023px) {
	.course_flexbox_btn-entry-mt {
	  margin-top: 0
	}
  }
  
  .course_flexbox_btn-entry-width {
	width: 374px
  }
  
  @media screen and (max-width:1023px) {
	.course_flexbox_btn-entry-width {
	  width: auto
	}
  }
  
  .jobs-tab {
	display: none
  }
  
  @media screen and (max-width:1023px) {
	.jobs-tab {
	  display: block
	}
  }
  
  .jobs-no-btn {
	pointer-events: none;
	cursor: none;
	opacity: .3
  }
  
  .jobs-modalbtn {
	width: 200px;
	height: 38px;
	border: 2px solid #707070;
	border-radius: 3px;
	margin: 20px auto 40px;
	line-height: 38px;
	font-size: 16px;
	text-indent: 20px;
	cursor: pointer;
	position: relative
  }
  
  @media screen and (min-width:768px) {
	.jobs-modalbtn {
	  display: none
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-modalbtn {
	  width: 100%;
	  line-height: 34px
	}
  }
  
  .jobs-modalbtn:after {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto
  }
  
  .jobs-modalbtn:hover {
	border: 2px solid #dd001f;
	color: #dd001f
  }
  
  .jobs-modalbtn:hover:after {
	background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
  }
  
  .jobs-modalbtn a {
	color: inherit
  }
  
  .jobs-modalbtn-none {
	display: none
  }
  
  .jobs_recruit_btn {
	width: 440px;
	margin: 80px auto 0
  }
  
  @media screen and (max-width:767px) {
	.jobs_recruit_btn {
	  width: calc(100% - 80px);
	  margin-top: 60px
	}
  }
  
  .jobs_recruit_btn-customer {
	width: 475px
  }
  
  @media screen and (max-width:767px) {
	.jobs_recruit_btn-customer {
	  width: calc(100% - 80px);
	  height: inherit
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs_recruit_btn-customer a {
	  padding: 10px 15px;
	  line-height: 1.75
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-index-bg {
	  background-color: #fff;
	  padding-bottom: 38px
	}
  }
  
  .jobs-connect-btn {
	cursor: pointer;
	position: relative
  }
  
  .jobs-connect-btn:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: #dd001f url(/interview/img/icon_plus-white.png) 4px 4px no-repeat;
	background-size: 10px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 6px
  }
  
  .jobs-connect-btn:hover:after {
	background: #dd001f url(/interview/img/icon_plus.png) 4px 4px no-repeat;
	background-size: 10px
  }
  
  .jobs-connected_content-txt {
	margin-top: 17px;
	color: #fff
  }
  
  @media screen and (max-width:767px) {
	.jobs-connected_content-txt {
	  margin-top: 10px
	}
  }
  
  .jobs-mirai-btm {
	margin-top: 13px
  }
  
  .jobs-mirai-btm-txt {
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: .025em;
	font-size: 1.5rem
  }
  
  .jobs-mirai-btm-link {
	font-size: 1.3rem;
	line-height: 1.75;
	letter-spacing: .025em;
	margin-top: 15px
  }
  
  .jobs-mirai-btm-link a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .jobs-mirai-btm-link a:hover {
	text-decoration: none
  }
  
  .jobs-mirai-txt {
	margin-bottom: 18px;
	font-weight: 700
  }
  
  @media screen and (max-width:767px) {
	.jobs-mirai-txt {
	  margin-bottom: 7px
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs_sub-btm {
	  padding-bottom: 35px;
	  background-color: #fff
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs_sub-btm .btn-pageTop {
	  margin-top: -10px
	}
  }
  
  .jobs-cource_index {
	margin-bottom: 27px
  }
  
  @media screen and (max-width:767px) {
	.jobs-cource_index {
	  margin-bottom: 23px
	}
  }
  
  .sub-accounting .jobs-accounting-none, .sub-connected .jobs-connected-none, .sub-customer .jobs-customer-none, .sub-external .jobs-external-none, .sub-general .jobs-general-none, .sub-global_sales .jobs-global_sales-none, .sub-japan_sales .jobs-japan_sales-none, .sub-mirai .jobs-mirai-none, .sub-powertrain_tec .jobs-powertrain_tec-none, .sub-production_control .jobs-production_control-none, .sub-production_engineering .jobs-production_engineering-none, .sub-purchasing .jobs-purchasing-none, .sub-system .jobs-system-none, .sub-technology .jobs-technology-none {
	display: none
  }
  
  .jobs-mass-width li {
	width: 100%
  }
  
  .jobs-modal_content {
	height: calc(100% - 100px)
  }
  
  .jobs-modal_img {
	width: 100%;
	height: 100%;
	margin-left: 20px;
	overflow: auto hidden;
	-webkit-overflow-scrolling: touch
  }
  
  .jobs-modal_img img {
	display: block;
	height: 100%
  }
  
  .jobs-connected-slider {
	display: none;
	width: calc(100% - 300px);
	margin: auto
  }
  
  @media screen and (max-width:767px) {
	.jobs-connected-slider {
	  width: calc(100% - 40px)
	}
  }
  
  .connectedModal {
	display: none
  }
  

  .connectedModal .modalModule_close {
	right: 0;
	opacity: 0;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
  }
  
  .connectedModal .jobs-modal_content {
	width: auto;
	height: auto
  }
  
  .connectedModal .jobs-connected-slider {
	width: 640px
  }
  
  @media screen and (max-width:767px) {
	.connectedModal .jobs-connected-slider {
	  width: 320px
	}
  }
  
  .connectedModal .jobs-connected_content-txt {
	width: 640px;
	font-size: 16px;
	line-height: 1.5;
	opacity: 0;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
  }
  
  .connectedModal .jobs-connected-slider_arrow {
	width: 16px;
	height: 28px;
	position: absolute;
	border-radius: 50%;
	padding: 24px 30px 24px 32px;
	top: calc(50% - 20px);
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out;
	-webkit-transition-property: background;
	transition-property: background;
	cursor: pointer
  }
  
  .connectedModal .jobs-connected-slider_arrow img {
	width: 100%;
	height: 100%;
	min-height: auto
  }
  
  .connectedModal .jobs-connected-slider_arrow:hover {
	background: rgba(0, 0, 0, .64);
	-webkit-transition-duration: .24s;
	transition-duration: .24s
  }
  
  @media screen and (max-width:1023px) {
	.connectedModal .jobs-connected-slider_arrow:hover {
	  background: none
	}
  }
  
  .connectedModal .jobs-connected-slider_arrow.-prev {
	-webkit-transform: translate(-100%, -50%) scaleX(-1);
	transform: translate(-100%, -50%) scaleX(-1);
	left: -90px
  }
  
  @media screen and (max-width:1023px) {
	.connectedModal .jobs-connected-slider_arrow.-prev {
	  left: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.connectedModal .jobs-connected-slider_arrow.-prev {
	  left: 25px
	}
  }
  
  .connectedModal .jobs-connected-slider_arrow.-next {
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
	right: -90px
  }
  
  @media screen and (max-width:1023px) {
	.connectedModal .jobs-connected-slider_arrow.-next {
	  right: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.connectedModal .jobs-connected-slider_arrow.-next {
	  right: 25px
	}
  }
  
  .connectedModal_list {
	width: 100%
  }
  
  .connectedModal_list img {
	display: block;
	width: 100%
  }
  
  .jobs-modal-connected_content {
	width: calc(100% - 640px);
	height: auto
  }
  
  @media screen and (max-width:1599px) {
	.jobs-modal-connected_content {
	  width: calc(100% - 400px)
	}
  }
  
  @media screen and (max-width:1023px) {
	.jobs-modal-connected_content {
	  width: calc(100% - 200px)
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-modal-connected_content {
	  width: calc(100% - 80px)
	}
  }
  
  .modalModule-connected_close {
	right: 0
  }
  
  .jobs-modal-connected_img {
	width: 100%;
	margin-left: 0
  }
  
  .jobs-modal-connected_img img {
	width: 100%
  }
  
  .connectedModal.is-init .jobs-connected_content-txt, .connectedModal.is-init .modalModule_close {
	opacity: 1
  }
  
  .second {
	overflow: hidden
  }
  
  .second #contentsArea h2 {
	font-size: 2.2rem
  }
  
  .icon-animation {
	position: absolute;
	top: 13px;
	right: 15px;
	z-index: 200;
	width: 30px;
	height: 46px
  }
  
  @media screen and (min-width:768px) {
	.icon-animation {
	  top: 14px;
	  right: 25px
	}
  }
  
  @media screen and (min-width:961px) {
	.icon-animation {
	  top: 21px;
	  cursor: pointer
	}
  }
  
  .icon-animation em {
	display: block;
	color: #333;
	font-size: 11px;
	position: absolute;
	top: -3px;
	left: -1px;
	letter-spacing: .06em
  }
  
  @media screen and (min-width:768px) {
	.icon-animation em {
	  font-size: 11px;
	  top: -2px;
	  left: -1px
	}
  }
  
  .icon-animation span {
	width: 30px;
	height: 3px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3px 0 0 -15px
  }
  
  @media screen and (min-width:768px) {
	.icon-animation span {
	  margin: 0 0 0 -15px
	}
  }
  
  .type-1 span {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background: #333
  }
  
  .type-1 .top {
	-webkit-transform: translateY(-9px);
	transform: translateY(-9px)
  }
  
  .type-1 .bottom {
	-webkit-transform: translateY(9px);
	transform: translateY(9px)
  }
  
  .type-1.is-open .middle {
	background: transparent
  }
  
  .type-1.is-open .top {
	-webkit-transform: rotate(-45deg) translateY(0);
	transform: rotate(-45deg) translateY(0)
  }
  
  .type-1.is-open .bottom {
	-webkit-transform: rotate(45deg) translateY(0);
	transform: rotate(45deg) translateY(0)
  }
  
  .second header {
	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(hsla(0, 0%, 100%, .8)), to(hsla(0, 0%, 100%, .8)));
	background: linear-gradient(90deg, #fff, #fff, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8))
  }
  
  .second header h2 a {
	color: #000
  }
  
  .hdr_entry {
	display: none
  }
  
  @media screen and (min-width:768px) {
	.hdr_entry {
	  display: block;
	  position: absolute;
	  top: 14px;
	  right: 74px;
	  opacity: 0
	}
  }
  
  @media screen and (min-width:961px) {
	.hdr_entry {
	  top: 21px
	}
  }
  
  .hdr_entry li, .nav_entry li {
	display: inline-block;
	margin: 0 5px
  }
  
  .hdr_entry li a, .nav_entry li a {
	display: block;
	background: #b50010;
	font-size: 1.4rem;
	width: 13rem;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	color: #fff
  }
  
  @media screen and (min-width:961px) {
	.hdr_entry li a, .nav_entry li a {
	  font-size: 1.5rem;
	  width: 13.5rem;
	  height: 35px;
	  line-height: 35px
	}
  }
  
  .second .wrap {
	width: 88%;
	margin: 60px auto
  }
  
  @media screen and (min-width:961px) {
	.second .wrap {
	  width: 980px;
	  margin: 90px auto
	}
  }
  
  .second #contentsArea h1 {
	color: #fff;
	width: 100%;
	height: 150px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 400
  }
  
  @media screen and (min-width:768px) {
	.second #contentsArea h1 {
	  font-size: 2rem;
	  height: 250px
	}
  }
  
  .second #contentsArea h1 span {
	display: block;
	font-size: 3.6rem;
	padding: 46px 0 8px
  }
  
  @media screen and (min-width:768px) {
	.second #contentsArea h1 span {
	  font-size: 5.6rem;
	  padding: 78px 0 14px
	}
  }
  
  .second .intro {
	text-align: left;
	margin: -40px 0 50px;
	line-height: 2
  }
  
  @media screen and (min-width:768px) {
	.second .intro {
	  text-align: center;
	  margin: -40px 0 70px
	}
  }
  
  .second #contentsArea h2 {
	font-size: 1.9rem;
	margin-bottom: 1.9em;
	color: #333;
	text-align: center;
	position: relative
  }
  
  @media screen and (min-width:768px) {
	.second #contentsArea h2 {
	  font-size: 2.2rem
	}
  }
  
  .second #contentsArea h2:before {
	display: inline-block;
	position: absolute;
	content: "";
	height: 3px;
	width: 60px;
	background: #b50010;
	top: 1.7em;
	left: 0;
	right: 0;
	margin: 0 auto
  }
  
  .second #contentsArea a {
	text-decoration: underline
  }
  
  dl.table, dl.table dd, dl.table dt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  dl.table {
	border-top: 1px solid #ddd;
	margin-bottom: 80px
  }
  
  dl.table dd, dl.table dt {
	line-height: 2
  }
  
  dl.table dt {
	width: 100%;
	padding: 1.5em 1em 0;
	font-weight: 700
  }
  
  dl.table dd {
	padding: .5em 1em 1.6em;
	border-bottom: 1px solid #ddd
  }
  
  @media screen and (min-width:768px) {
	dl.table, dl.table dd, dl.table dt {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	dl.table {
	  border-top: none;
	  border-bottom: 1px solid #ddd;
	  margin-bottom: 80px
	}
	dl.table dd, dl.table dt {
	  border-top: 1px solid #ddd
	}
	dl.table dt {
	  width: 190px;
	  float: left;
	  padding: 1.5em 2em 1.3em 0;
	  font-weight: 400
	}
	dl.table dd {
	  margin-left: 190px;
	  border-left: 6px solid #f0f0f0;
	  padding: 1.5em 0 1.3em 2em;
	  border-bottom: none
	}
  }
  
  ul.list li {
	list-style: disc;
	margin-left: 22px
  }
  
  br.sp {
	display: block
  }
  
  @media screen and (min-width:768px) {
	br.sp {
	  display: none
	}
  }
  
  br.sptb {
	display: block
  }
  
  @media screen and (min-width:961px) {
	br.sptb {
	  display: none
	}
  }
  
  br.pc {
	display: none
  }
  
  @media screen and (min-width:768px) {
	br.pc {
	  display: block
	}
  }
  
  br.pc2 {
	display: none
  }
  
  @media screen and (min-width:961px) {
	br.pc {
	  display: block
	}
  }
  
  .requirements h1 {
	background: url(/old/requirements/img/bg_header.jpg) 50% no-repeat;
	background-size: cover
  }
  
  .requirements h4 {
	margin-bottom: 2.3em
  }
  
  .requirements dl.process dt {
	background: #f4f4f4;
	font-size: 1.6rem;
	font-weight: 700;
	height: 52px;
	line-height: 52px
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dt {
	  font-size: 1.9rem;
	  height: 64px;
	  line-height: 64px
	}
  }
  
  .requirements dl.process dt span {
	display: inline-block;
	background: #b50010;
	color: #fff;
	font-size: 2rem;
	height: 36px;
	line-height: 36px;
	margin: 0 12px 0 8px;
	width: 5.5rem;
	text-align: center;
	position: relative
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dt span {
	  height: 40px;
	  line-height: 40px;
	  width: 178px;
	  margin: 0 40px 0 12px
	}
  }
  
  .requirements dl.process dt span:before {
	content: "";
	width: 0;
	height: 0;
	background: transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #b50010;
	position: absolute;
	bottom: -9px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 5
  }
  
  .requirements dl.process dt.last span:before {
	border: none
  }
  
  .requirements dl.process dt span em {
	display: none
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dt span em {
	  display: block;
	  font-size: 1.6rem;
	  font-weight: 400;
	  display: inline-block;
	  margin-right: .3em
	}
  }
  
  .requirements dl.process dd {
	margin: 1em .5em 2em;
	line-height: 2
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dd {
	  margin: 1em 0 2em 230px
	}
  }

  container {
	background: #000;
	overflow: hidden
  }
  
  .block_item {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	position: relative
  }
  
  .block_item-right {
	float: right
  }
  
  .block_item-type01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 548px
  }
  
  .block_item-type02, .block_item-type03, .block_item-type04 {
	height: 540px
  }
  
  .block_item-max {
	width: calc(100% - 5px)
  }
  
  .block_item-large {
	width: calc(66.666% - 5px)
  }
  
  .block_item-medium {
	width: calc(50% - 5px)
  }
  
  .block_item-small {
	width: calc(33.333% - 5px)
  }
  
  .block_item-left {
	margin-right: 10px
  }
  
  .block_item_elem {
	background: no-repeat 50%;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
  }
  
  .block_item_elem, .block_item_elem_link {
	width: 100%;
	height: 100%;
	position: relative
  }
  
  .block_item_elem_link {
	display: block
  }
  
  .block_item_elem_link-black {
	color: #000
  }
  
  .block_item_elem_link-white {
	color: #fff
  }
  
  .block_item_elem_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat 50%;
	background-size: cover;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .block_item_elem_img img {
	width: 100%
  }
  
  .block_item_elem_img-liveability {
	background-image: url(../images/main_photo.jpg)
  }

  .block_item_elem-type01 {
	padding: 44px 50px
  }
  
  .block_item_elem-type02 {
	padding: 54px 50px 80px
  }
  
  .block_item_elem-left {
	width: 50%
  }

  .block_item_elem-right {
	width: 50%
  }
  
  .block_item_elem-gray {
	background-color: #222;
	color: #fff
  }
  
  .block_item_elem-white {
	background-color: #fff;
	color: #000
  }
  
  .block_item_elem>img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	pointer-events: none
  }
  
  .block_item_ttl {
	display: inline-block;
	position: relative;
	padding-bottom: 8px;
  }
  
  .block_item_ttl-white {
	color: #fff;
	border-color: #fff
  }
  
  .block_item_ttl-eventinfo {
	margin-bottom: 50px
  }
  .block_item_ttl-about {
	margin-bottom: 30px
  }
  
  .block_item_ttl-messages {
	margin-bottom: 78px
  }
  
  .block_item_ttl-findout {
	margin-bottom: 70px
  }
  
  .block_item_ttl-faq, .block_item_ttl-positiveAction {
	margin-bottom: 80px
  }
  
  .block_item_ttl-keyPerson {
	margin-bottom: 53px
  }
  
  .block_item_ttl-process {
	margin-bottom: 48px;
	border-bottom: none
  }
  
  .block_item_ttl-information {
	margin-bottom: 54px
  }
  
  .block_item_ttl-careerNow {
	margin-bottom: 60px
  }
  
  .block_item_ttl-workplace {
	border: none
  }
  
  .block_item_ttl-workplace span {
	display: block;
	max-width: 176px;
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: 4px solid #fff
  }
  
  .block_item_ttl-workplace-career {
	margin-bottom: 60px
  }
  
  .block_item_ttl-workplace-career span {
	max-width: 122px;
	border-bottom: 4px solid #000
  }
  .block_item_name {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	position: relative
  }
  
  .block_item_name-small {
	font-size: 1.8rem
  }
  
  .block_item_name_block {
	margin-top: 35px
  }
  
  .block_item_name_job {
	font-size: 1.6rem;
	line-height: 1.5;
	vertical-align: baseline;
	margin-right: 14px
  }
  
  .block_item_name_job-small {
	display: block;
	margin-bottom: 12px
  }
  
  .block_item_img {
	display: block;
	width: 588px;
	margin-top: 54px
  }
  
  .block_item_arrow {
	width: 40px;
	position: absolute;
	top: 50%;
	right: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .block_item_arrow img {
	width: 100%
  }
  
  .blockLink {
	display: block;
	font-size: 2.4rem;
	color: #fff;
	letter-spacing: .075em;
	padding-right: 42px;
	position: absolute;
	top: 78px;
	right: 50px
  }
  
  .blockLink-eventinfo, .blockLink-information {
	font-size: 1.8rem;
	font-weight: 700;
	color: #000
  }
  
  .blockLink_arrow {
	width: 22px;
	right: 0
  }
  
  .blockList {
	max-width: 1418px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
  }
  
  .blockListItem {
	width: 440px;
	height: 440px;
	background: no-repeat 50%;
	background-size: cover;
	position: relative;
	overflow: hidden
  }
  
  .blockListItem a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
  }
  
  .blockListItem>img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	pointer-events: none
  }
  
  .blockListItem_ttl {
	font-size: 5.2rem;
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 25%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .blockListItem_txt {
	width: 368px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
	position: absolute;
	top: 220px;
	left: 0;
	right: 0;
	margin: 0 auto
  }
  
  .blockListItem_arrow {
	right: 30px
  }
  
  .blockListItem-01 {
	width: 471px;
	height: 350px
  }
  
  .blockListItem-01 .nosp {
	display: none
  }
  
  .blockListItem-01>img {
	height: 100%
  }
  
  .findout_list {
	width: calc(100% + 12px);
	margin: -20px auto 0;
	-webkit-transform: translate(-4px);
	transform: translate(-4px)
  }
  
  .findout_item_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 3rem;
	font-weight: 700;
	color: #000;
	letter-spacing: .075em;
	margin-bottom: 20px;
	padding: 12px 12px 12px 58px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
  }
  
  .findout_item_link:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(/common/img/ico-find.svg) no-repeat 50%;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .findout_item_subLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 280px;
	height: 36px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #000;
	line-height: 1;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: -16px 0 36px 58px
  }
  
  .findout_item_subLink span {
	display: block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	position: relative
  }
  
  .findout_item_subLink span:after, .findout_item_subLink span:before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background: #dd0a1f;
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute
  }
  
  .findout_item_subLink span:before {
	bottom: 0;
	right: 0
  }
  
  .findout_item_subLink span:after {
	top: 0;
	left: 0
  }
  
  .findout_item_subLink:hover {
	color: #fff
  }
  
  .findout_item_subLink:hover, .findout_item_subLink:hover span:after, .findout_item_subLink:hover span:before {
	border-color: #fff;
	-webkit-transition-duration: .24s;
	transition-duration: .24s
  }
  
  .findout_item_arrow {
	width: 30px;
	right: 0
  }
  
  .information_list {
	width: 800px;
	padding-left: 72px
  }
  
  .information_list li {
	width: 100%;
	position: relative;
	font-size: 1.5rem;
	color: #000;
	line-height: 1.75;
	letter-spacing: .075em;
	padding-bottom: 20px;
	padding-left: 110px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .information_list li .date {
	font-family: Barlow, sans-serif;
	position: absolute;
	top: 0;
	left: 0
  }
  
  .information_list li .news a {
	color: #000
  }
  
  .information_list li .news a:hover {
	opacity: .6
  }
  
  .eventinfo_item_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 3rem;
	font-weight: 700;
	color: #000;
	letter-spacing: .075em;
	margin-bottom: 20px;
	padding: 12px 12px 12px 58px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
  }
  
  .eventinfo_item_link:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(/common/img/ico-find.svg) no-repeat 50%;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .eventinfo_item_arrow {
	width: 22px;
	right: 10px
  }
  
  .eventinfo_list {
	padding-left: 35px;
	text-align: left
  }
  
  .eventinfo_list li {
	background-image: url(/info/img/line.png);
	background-position-y: top;
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
	font-size: 1.5rem;
	color: #000;
	line-height: 1.75;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .eventinfo_list li .info_label_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 26px
  }
  
  .eventinfo_list li .info_label_wrap span+span {
	margin-left: 6px
  }
  
  .eventinfo_list li .info_label_wrap span:not(:last-child) {
	display: inline-block;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	width: auto;
	padding: 0 6px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 3px
  }
  
  .eventinfo_list li .info_label_wrap span:last-child {
	margin-left: 20px;
	font-size: 16px
  }
  
  .eventinfo_list li strong {
	margin-top: 18px;
	letter-spacing: .075em;
	font-size: 18px;
	line-height: 1.5;
	display: block
  }
  
  .eventinfo_list li:last-child {
	background-image: url(/info/img/line.png), url(/info/img/line.png);
	background-position-y: top, bottom;
	background-repeat: repeat-x;
	margin-bottom: 32px
  }
  
  .eventinfo_list li a {
	display: block;
	padding: 20px 0
  }
  
  .careerNow_list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .careerNow_item {
	width: calc(33.333% - 6.666px)
  }
  
  .careerNow_item img {
	display: block;
	width: 100%
  }
  
  @media screen and (max-width:1919px) {
	.blockListItem-01 {
	  width: 420px;
	  height: 312px
	}
	.blockListItem_txt {
	  top: 200px
	}
	.findout_item_link {
	  font-size: 2.8rem;
	  padding-left: 44px
	}
	.findout_item_link:before {
	  width: 30px;
	  height: 30px
	}
	.findout_item_subLink {
	  margin-left: 44px
	}
  }
  
  @media screen and (max-width:1779px) {
	.block_item-type01 {
	  height: 440px
	}
	.block_item-type02 {
	  height: 435px
	}
	.block_item-type03, .block_item-type04 {
	  height: 425px
	}
	.block_item_elem-type01 {
	  padding: 36px 40px
	}
	.block_item_ttl {
	  padding-bottom: 6px
	}
	.block_item_img {
	  width: 474px;
	  margin-top: 32px
	}
	.blockLink {
	  font-size: 2rem;
	  padding-right: 38px;
	  top: 60px;
	  right: 40px
	}
	.blockLink-information {
	  font-size: 1.8rem
	}
	.blockLink_arrow {
	  width: 20px;
	  right: 0
	}
	.blockList {
	  max-width: 1142px
	}
	.blockListItem {
	  width: 354px;
	  height: 354px
	}
	.blockListItem_ttl {
	  font-size: 4.4rem
	}
	.blockListItem_ttl img {
	  width: 200px
	}
	.blockListItem_txt {
	  width: 322px;
	  font-size: 1.4rem;
	  top: 167px
	}
	.blockListItem_arrow {
	  width: 26px;
	  right: 24px
	}
	.blockListItem-01 {
	  width: 375px;
	  height: 279px
	}
	.findout_item_link {
	  font-size: 2.6rem;
	  margin-bottom: 10px
	}
	.findout_item_subLink {
	  font-size: 16px;
	  max-width: 260px;
	  margin: -10px 0 20px 44px;
	  -webkit-transition: .4s ease-out;
	  transition: .4s ease-out
	}
  }
  
  @media screen and (max-width:1599px) {
	.block_item-type01 {
	  height: 334px
	}
	.block_item-type02 {
	  height: 330px
	}
	.block_item-type03, .block_item-type04 {
	  height: 365px
	}
	.block_item_elem-type01 {
	  padding: 28px 30px
	}
	.block_item_elem-type02 {
	  padding: 28px 32px 46px
	}
	.block_item_ttl {
	  padding-bottom: 6px;
	  border-width: 3px
	}
	.block_item_ttl-about {
	  margin-bottom: 30px
	}
	.block_item_ttl-messages {
	  margin-bottom: 48px
	}
	.block_item_ttl-findout {
	  margin-bottom: 36px
	}
	.block_item_ttl-faq {
	  margin-bottom: 40px
	}
	.block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
	  margin-bottom: 48px
	}
	.block_item_ttl-process {
	  margin-bottom: 28px
	}
	.block_item_ttl-information {
	  margin-bottom: 40px
	}
	.block_item_ttl-careerNow {
	  margin-bottom: 44px
	}
	.block_item_ttl-workplace span {
	  max-width: 128px;
	  margin-top: 8px;
	  padding-bottom: 8px;
	  border-width: 3px
	}
	.block_item_ttl-workplace-career span {
	  max-width: 90px
	}
	.block_item_name {
	  font-size: 1.8rem
	}
	.block_item_name-small {
	  font-size: 1.6rem
	}
	.block_item_name_job {
	  font-size: 1.4rem;
	  margin-right: 12px
	}
	.block_item_name_job-small {
	  display: block;
	  margin-bottom: 6px;
	  letter-spacing: 0
	}
	.block_item_img {
	  width: 358px;
	  margin-top: 20px
	}
	.block_item_arrow {
	  width: 30px;
	  right: 20px
	}
	.blockLink {
	  top: 42px;
	  right: 30px
	}
	.blockLink-information {
	  font-size: 1.5rem
	}
	.blockLink_arrow {
	  width: 20px;
	  right: 0
	}
	.blockList {
	  max-width: 866px
	}
	.blockListItem {
	  width: 268px;
	  height: 268px
	}
	.blockListItem_ttl {
	  font-size: 3.4rem;
	  -webkit-transform: translateY(-75%);
	  transform: translateY(-75%)
	}
	.blockListItem_ttl img {
	  width: 152px
	}
	.blockListItem_txt {
	  font-size: 1.3rem;
	  line-height: 1.75;
	  width: 247px;
	  top: 115px
	}
	.blockListItem_arrow {
	  width: 20px;
	  right: 18px;
	  -webkit-transform: translateY(-75%);
	  transform: translateY(-75%)
	}
	.blockListItem-01 {
	  width: 276px;
	  height: 205px
	}
	.findout_item_link {
	  font-size: 2rem;
	  margin-bottom: 0;
	  padding-left: 32px
	}
	.findout_item_link:before {
	  width: 24px;
	  height: 24px
	}
	.findout_item_arrow {
	  width: 20px;
	  right: 0
	}
	.eventinfo_list {
	  padding-left: 0
	}
	.eventinfo_item_arrow {
	  width: 22px;
	  right: 10px
	}
	.findout_item_subLink {
	  width: 230px;
	  height: 32px;
	  font-size: 14px;
	  margin: 0 0 10px 32px
	}
	.information_list {
	  width: 760px
	}
	.information_list li {
	  font-size: 1.4rem
	}
  }
  
  @media screen and (max-width:1023px) {
	.block_item {
	  display: block
	}
	.block_item-type01 {
	  display: block;
	  height: auto
	}
	.block_item-type01-reverse {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse
	}
	.block_item-type03 {
	  height: 410px
	}
	.block_item-large, .block_item-small {
	  width: calc(50% - 5px)
	}
	.block_item-leftForTab {
	  margin-right: 10px
	}
	.block_item-rightForTab {
	  margin-right: 0
	}
	.block_item-largeForTab {
	  width: 100%;
	  margin-bottom: 10px
	}
	.block_item_elem-type01 {
	  padding: 28px 30px
	}
	.block_item_elem-type02 {
	  padding: 28px 32px 46px
	}
	.block_item_elem-left {
		width: 100%
	  }
	
	  .block_item_elem-right {
		width: 100%
	  }
	.block_item_elem-left {
	  padding: 66.66% 0 0
	}
	.blockLink-about {
	  top: calc(50% + 174px);
	  right: calc(50% - 256px)
	}
	.blockList {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  max-width: 628px;
	  top: 46px
	}
	.blockList_item {
	  width: 300px;
	  height: 300px;
	  margin-bottom: 24px
	}
	.blockListItem_ttl {
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.blockListItem_txt {
	  width: 260px;
	  top: 160px
	}
	.blockListItem_arrow {
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.blockListItem-01 {
	  width: 47%;
	  height: 260px
	}
	.information_list {
	  width: 560px;
	  padding-left: 52px
	}
	.information_list li {
	  width: 100%
	}
	.careerNow_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.careerNow_item {
	  width: calc(50% - 5px);
	  margin-bottom: 10px
	}
	.findout_item_link {
	  font-size: 22px;
	  padding-left: 44px;
	  margin-bottom: 10px
	}
	.findout_item_link:before {
	  width: 28px;
	  height: 28px
	}
	.findout_item_subLink {
	  width: 280px;
	  font-size: 16px;
	  margin-left: 44px;
	  position: absolute;
	  left: 260px;
	  top: 5px
	}
  }
  
  @media screen and (max-width:767px) {
	.container {
	  padding: 10px 0
	}
	.block_item {
	  display: block
	}
	.block_item-type01, .block_item-type02, .block_item-type04 {
	  height: auto
	}
	.block_item-type03 {
	  height: 415px
	}
	.block_item-large, .block_item-medium, .block_item-small {
	  width: 100%
	}
	.block_item-leftForTab {
	  margin-right: 10px
	}
	.block_item-rightForTab {
	  margin-right: 0
	}
	.block_item_elem {
	  min-height: 212px
	}
	.block_item_elem-type01 {
	  padding: 22px 20px
	}
	.block_item_elem-type02 {
	  padding: 22px 20px 30px
	}
	.block_item_elem-left {
		width: 100%
	  }
	
	  .block_item_elem-right {
		width: 100%
	  }
	.block_item_elem-left {
	  padding: 66.66% 0 0
	}
	.block_item_elem-gray {
	  background-color: #1a1a1a
	}
	.block_item_elem-interview-small {
	  min-height: 306px
	}
	.block_item_elem_img-positiveAction {
	  background-image: url(/img/img_positiveAction-sp@2x.jpg)
	}
	.block_item_ttl {
	  border-width: 2px
	}
	.block_item_ttl-messages {
	  margin-bottom: 40px
	}
	.block_item_ttl-findout {
	  margin-bottom: 20px
	}
	.block_item_ttl-faq {
	  margin-bottom: 32px
	}
	.block_item_ttl-eventinfo {
	  margin-bottom: 33px;
	  border-bottom: 0;
	  padding-bottom: 0
	}
	.block_item_ttl-eventinfo span {
	  padding-bottom: 8px
	}
	.block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
	  margin-bottom: 28px;
	  color: #fff
	}
	.block_item_ttl-workplace span {
	  display: inline-block;
	  border-width: 2px
	}
	.block_item_ttl-brForSp {
	  border: none
	}
	.block_item_ttl-brForSp-main {
	  display: block
	}
	.block_item_ttl-brForSp-sub {
	  display: inline-block;
	  margin: 8px 0 0;
	  border-bottom: 2px solid #000;
	  padding-bottom: 6px
	}
	.block_item_ttl-brForSp-sub-white {
	  border-color: #fff
	}
	.block_item_name {
	  font-size: 1.4rem
	}
	.block_item_name-small {
	  font-size: 1.2rem
	}
	.block_item_name_job {
	  font-size: 1.4rem;
	  margin-right: 12px
	}
	.block_item_name_job-small {
	  font-size: 1.2rem;
	  margin-bottom: 6px;
	  letter-spacing: 0
	}
	.block_item_img {
	  width: calc(100% - 60px)
	}
	.blockLink {
	  width: 150px;
	  position: relative;
	  font-size: 2rem;
	  margin: 30px auto 0;
	  padding: 8px 26px 10px 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  top: 0;
	  right: 0
	}
	.blockLink-information {
	  width: 110px;
	  font-size: 1.5rem
	}
	.blockLink_arrow {
	  width: 18px
	}
	.blockLink-eventinfo {
	  font-size: 1.5rem
	}
	.blockList {
	  display: block;
	  max-width: 100%
	}
	.blockList_item {
	  width: 100%;
	  height: 110px;
	  background-size: contain;
	  background-position: 0 0;
	  margin-bottom: 24px
	}
	.blockListItem>img {
	  width: 110px
	}
	.blockListItem_ttl {
	  width: 110px;
	  font-size: 2.1rem;
	  right: inherit;
	  left: 0
	}
	.blockListItem_ttl img {
	  width: 80px
	}
	.blockListItem_txt {
	  width: 100%;
	  font-size: 1.3rem;
	  bottom: 0;
	  top: 0;
	  right: inherit;
	  left: 0;
	  padding-left: 120px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.blockListItem-01 .nosp {
	  display: block
	}
	.blockListItem-01 .nopc {
	  display: none
	}
	.findout_list {
	  width: 100%;
	  margin: 0 auto;
	  -webkit-transform: translate(-2px);
	  transform: translate(-2px)
	}
	.findout_item_link {
	  font-size: 2.2rem;
	  line-height: 1.4;
	  margin-bottom: 0
	}
	.findout .findout_item_subLink {
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  width: 100%;
	  height: 36px;
	  max-width: none;
	  position: static;
	  text-align: center;
	  margin: 4px 0 16px
	}
	.information_list, .information_list li {
	  width: 100%;
	  padding-left: 0
	}
	.information_list li {
	  line-height: 1.5
	}
	.information_list li .date {
	  display: block;
	  position: static;
	  margin-bottom: 6px
	}
	.eventinfo_list {
	  padding-left: 0
	}
	.eventinfo_list li a {
	  padding: 15px 0
	}
	.eventinfo_list li .info_label_wrap {
	  height: auto;
	  display: block
	}
	.eventinfo_list li .info_label_wrap span:not(:last-child) {
	  font-size: 11px;
	  height: 20px;
	  line-height: 20px
	}
	.eventinfo_list li .info_label_wrap span:last-child {
	  font-size: 15px;
	  font-weight: 500;
	  display: block;
	  margin: 9px 0
	}
	.eventinfo_list li strong {

	  margin: 0;
	  line-height: 1.75;
	  font-size: 14px;
	  font-weight: 400;
	  text-decoration: underline
	}
	.eventinfo_item_arrow {
	  display: none
	}
	.careerNow_list {
	  display: block
	}
	.careerNow_item {
	  width: 100%
	}
  }
  
  @media screen and (max-width:374px) {
	.blockListItem_txt {
	  font-size: 1.2rem
	}
  }
  
  @media screen and (min-width:768px) {
	.block_item-isClick {
	  position: relative;
	  cursor: pointer
	}
	.block_item-isClick:hover:after {
	  -webkit-transition-duration: .45s;
	  transition-duration: .45s
	}
	.block_item-isClick:hover .block_item_elem_img {
	  -webkit-transform: scale(1.04);
	  transform: scale(1.04)
	}
	.block_item-isClick:hover .block_item_arrow img, .blockLink:hover .blockLink_arrow img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.blockList_item:hover:after {
	  opacity: .85;
	  -webkit-transition-duration: .45s;
	  transition-duration: .45s
	}
	.blockList_item:hover>img {
	  -webkit-transform: scale(1.08);
	  transform: scale(1.08)
	}
	.blockList_item:hover .block_item_arrow img, .eventinfo_list a:hover .block_item_arrow img, .findout_item:hover .block_item_arrow img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.careerNow_item {
	  position: relative
	}
	.careerNow_item:after {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 100%;
	  border: 2px solid #dd001f;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  opacity: 0;
	  position: absolute;
	  top: 0;
	  left: 0;
	  pointer-events: none;
	  -webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
	  transition: opacity .6s cubic-bezier(0, 0, .4, 1)
	}
	.careerNow_item:hover:after {
	  opacity: 1;
	  -webkit-transition-duration: .45s;
	  transition-duration: .45s
	}
  }
  
  @media screen and (max-width:1023px) {
	.br-nosp {
	  display: none
	}
  }
  
  .subpage .container {
	overflow: visible
  }
  
  .subpage_block {
	margin-bottom: 0!important;
	float: none
  }
  
  .subpage_block_elem {
	height: 320px;
	padding: 42px 40px;
	position: relative
  }
  
  .subpage_block_elem-left {
	background-image: url(/about/img/img_main-about@2x.jpg)
  }
  
  .subpage_block_inner-verticalCenter {
	width: calc(100% - 80px);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .subpage_block_ttl {
	border: none;
	margin-bottom: 42px
  }
  
  .subpage_block_ttl_txt-main {
	font-size: 5.6rem
  }
  
  .subpage_block_ttl_txt-sub {
	font-size: 2.4rem;
	font-weight: 500;
	margin-left: 16px
  }
  
  .subpage_block_txt {
	font-size: 1.6rem;
	line-height: 2;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:1779px) {
	.subpage_block_ttl_txt-main {
	  font-size: 4.8rem
	}
	.subpage_block_ttl_txt-sub {
	  font-size: 2.2rem
	}
  }
  
  @media screen and (max-width:1599px) {
	.subpage_block_elem {
	  height: 264px;
	  padding: 28px 26px
	}
	.subpage_block_inner-verticalCenter {
	  width: calc(100% - 52px)
	}
	.subpage_block_ttl {
	  margin-bottom: 24px
	}
	.subpage_block_ttl_txt-main {
	  font-size: 3.6rem
	}
	.subpage_block_ttl_txt-sub {
	  font-size: 2rem;
	  margin-left: 12px
	}
	.subpage_block_txt {
	  font-size: 1.4rem;
	  padding: 0 6px
	}
  }
  
  @media screen and (max-width:1023px) {
	.subpage_block_elem {
	  height: auto;
	  min-height: 210px;
	  padding: 28px 26px 32px
	}
	.subpage_block_elem-left {
	  padding: 48.2% 0 0
	}
  }
  
  @media screen and (max-width:767px) {
	.container {
	  padding: 0
	}
  }
  
  @media screen and (max-width:599px) {
	.subpage_block_elem {
	  padding: 24px 20px 28px
	}
	.subpage_block_elem-left {
	  padding: 48.2% 0 0
	}
	.subpage_block_inner-verticalCenter {
	  width: calc(100% - 40px)
	}
	.subpage_block_ttl {
	  margin-bottom: 12px
	}
	.subpage_block_ttl_txt-main {
	  font-size: 2.6rem
	}
	.subpage_block_ttl_txt-sub {
	  font-size: 1.8rem;
	  margin-left: 8px
	}
	.subpage_block_txt {
	  font-size: 1.4rem;
	  padding: 0 6px
	}
  }
  
  .about_content {
	background: #fff;
	padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .about_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 56px
  }
  
  .about_item {
	width: calc(33.333% - 26.666px);
	position: relative;
	margin-bottom: 50px
  }
  
  .about_item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
  }
  
  .about_item_img {
	display: block;
	width: 100%;
	margin-bottom: 28px;
	overflow: hidden
  }
  
  .about_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .about_item_inner {
	padding: 0 30px 56px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .about_item_ttl {
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: .04em;
	margin-bottom: 28px
  }
  
  .about_item_ttl.jp-header {
	font-size: 2rem;
	font-weight: 700;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 2px;
	line-height: 1.5
  }
  
  .about_item_ttl.jp-header br {
	display: none
  }
  
  @media screen and (max-width:1279px) {
	.about_item_ttl.jp-header br {
	  display: block
	}
  }
  
  .about_item_ttl img {
	display: block;
	width: 122px;
	height: 39px
  }
  
  .about_item_txt {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2
  }
  
  .about_item_arrow {
	width: 128px;
	font-size: 2.1rem;
	font-weight: 500;
	position: absolute;
	bottom: 0;
	left: 30px
  }
  
  .about_item_arrow_img {
	display: block;
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .about_item_arrow_img .hover {
	display: none
  }
  
  .about_item_arrow_img img {
	display: block;
	width: 100%
  }
  
  .about_item:hover .about_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .about_item:hover .about_item_arrow {
	color: #dd001f
  }
  
  .about_item:hover .about_item_arrow_img img {
	display: none
  }
  
  .about_item:hover .about_item_arrow_img .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .companyInfo {
	margin-bottom: 100px
  }
  
  .companyInfo_ttl {
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: .04em;
	margin-bottom: 22px
  }
  
  .companyInfo_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .companyInfo_item {
	width: calc(25% - 7.5px)
  }
  
  .companyInfo_item a {
	color: #000
  }
  
  .companyInfo_item_img {
	display: block;
	width: 100%;
	margin-bottom: 16px;
	overflow: hidden
  }
  
  .companyInfo_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .companyInfo_item_txt {
	font-size: 1.6rem;
	font-weight: 700
  }
  
  .companyInfo_item:hover .companyInfo_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  @media screen and (max-width:1599px) {
	.about_list {
	  margin-bottom: 56px
	}
	.about_item_img {
	  margin-bottom: 20px
	}
	.about_item_inner {
	  padding: 0 24px 48px
	}
	.about_item_ttl {
	  font-size: 3.2rem;
	  margin-bottom: 18px
	}
	.about_item_ttl img {
	  display: block;
	  width: 102px;
	  height: 33px;
	  margin-bottom: -2px
	}
	.about_item_txt {
	  font-size: 1.4rem
	}
	.about_item_arrow {
	  left: 24px
	}
  }
  
  @media screen and (max-width:1023px) {
	.about_list {
	  margin-bottom: 56px;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.about_item {
	  width: calc(50% - 20px);
	  margin-bottom: 80px
	}
	.companyInfo {
	  margin-bottom: 100px
	}
	.companyInfo_ttl {
	  font-size: 4rem;
	  font-weight: 500;
	  margin-bottom: 22px
	}
	.companyInfo_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.companyInfo_item {
	  width: calc(50% - 5px);
	  margin-bottom: 36px
	}
  }
  
  @media screen and (max-width:767px) {
	.about_item {
	  width: calc(50% - 10px)
	}
	.about_item_txt {
	  font-weight: 500
	}
	.about_content {
	  padding: 20px
	}
  }
  
  @media screen and (max-width:599px) {
	.about_list {
	  margin-bottom: 16px
	}
	.about_item {
	  width: 100%;
	  margin-bottom: 60px
	}
	.about_item_txt {
	  margin-bottom: 20px
	}
	.about .companyInfo {
	  margin-bottom: 100px
	}
	.about .companyInfo_ttl {
	  font-size: 3.2rem
	}
	.about .companyInfo_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.about .companyInfo_item {
	  margin-bottom: 28px
	}
	.about .companyInfo_item_img {
	  margin-bottom: 8px
	}
	.about .companyInfo_item_txt {
	  font-size: 1.4rem;
	  font-weight: 500
	}
  }
  
  .message_content {
	color: #fff;
	position: relative
  }
  
  .message_content .message_link {
	margin-bottom: 72px
  }
  
  .message_content .message_link a {
	color: #fff
  }
  
  .message_main {
	width: calc(100% - 256px);
	position: fixed;
	top: 0;
	right: 0;
	float: right;
	opacity: 0
  }
  
  .message_main img {
	width: 100%
  }
  
  .message_inner {
	width: 850px;
	margin: 0 auto;
	padding-top: 27.8%;
	position: relative
  }
  
  .message_ttl {
	font-size: 6rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: .04rem;
	margin-bottom: 84px
  }
  
  .message_ttl span {
	display: block;
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: 80px;
	padding-left: 16px
  }
  
  .message_txt {
	font-size: 2rem;
	color: #fff;
	letter-spacing: .05rem;
	line-height: 2.8;
	margin-bottom: 80px;
	padding: 0 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .message_txt-last {
	margin-bottom: 126px
  }
  
  @media screen and (max-width:1779px) {
	.message_inner {
	  width: 710px
	}
	.message_ttl {
	  font-size: 5rem
	}
	.message_ttl span {
	  margin-bottom: 64px
	}
	.message_txt {
	  font-size: 1.6rem
	}
  }
  
  @media screen and (max-width:1279px) {
	.message_content {
	  margin-top: 80px
	}
	.message_main {
	  width: 100%
	}
  }
  
  @media screen and (max-width:1023px) {
	.message_main {
	  top: 80px
	}
	.message_inner {
	  width: 600px;
	  padding-top: 30.6%
	}
	.message_ttl {
	  font-size: 4.2rem
	}
	.message_txt {
	  font-size: 1.6rem
	}
  }
  
  @media screen and (max-width:767px) {
	.message_content {
	  margin-top: 48px;
	  padding-bottom: 64px
	}
	.message_content .message_link {
	  margin-bottom: 40px
	}
	.message_main {
	  top: 48px
	}
	.message_inner {
	  width: 100%;
	  padding: 50% 18px 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.message_ttl {
	  font-size: 3.1rem;
	  line-height: 1.7
	}
	.message_ttl span {
	  padding-left: 4px
	}
	.message_txt {
	  font-size: 1.4rem;
	  margin-bottom: 50px;
	  padding: 0
	}
	.message_txt-last {
	  margin-bottom: 120px
	}
  }
  
  .interview_content {
	background: #fff;
	padding: 72px 40px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .interview_category {
	width: 387px;
	margin: 0 auto 72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
  }
  
  .interview_category_item {
	width: 60px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	letter-spacing: .04em;
	text-align: center;
	padding-bottom: 12px;
	cursor: pointer
  }
  .interview_category_item.is-active {
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .interview_tag {
	display: none;
	font-size: 1.8rem;
	font-weight: 700;
	color: #dd001f;
	text-align: center;
	letter-spacing: .04em;
	margin-bottom: 80px
  }
  
  .interview_tag_txt {
	display: inline;
	padding-bottom: 8px;
	border-bottom: 3px solid #dd001f
  }
  
  .interview_list {
	overflow: hidden
  }
  
  .interview_list_container {
	max-width: 990px;
	margin: 0 auto;
	position: relative
  }
  
  .interview_item {
	width: calc(33.333% - 30px);
	min-height: 310px;
	float: left;
	margin: 0 15px 68px;
	position: relative
  }
  
  .interview_item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
  }
  
  .interview_item_img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden
  }
  
  .interview_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .interview_item_ttl {
	font-size: 1.9rem;
	letter-spacing: .025em;
	line-height: 1.6;
	margin-bottom: 20px
  }
  
  .interview_item_name {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .interview_item_name span {
	display: block;
	font-size: 1.3rem;
	color: #dd001f;
	margin-bottom: 12px
  }
  
  .interview_item_name span br {
	display: none
  }
  
  .interview_item:hover .interview_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .interview_link {
	width: 127px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin: 0 auto;
	position: relative
  }
  
  .interview_link a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
  }
  
  .interview_link_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .interview_link_arrow img {
	display: block;
	width: 100%
  }
  
  .interview_link_arrow img.hover {
	display: none
  }
  
  .interview_link:hover a {
	color: #dd001f
  }
  
  .interview_link:hover .interview_link_arrow img {
	display: none
  }
  
  .interview_link:hover .interview_link_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .interviewIndex_indexLink {
	display: none;
	position: absolute;
	top: -78px;
	right: 15px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
  }
  
  .interviewIndex_indexLink .interview_link {
	margin: 0
  }
  
  @media screen and (min-width:1024px) {
	.interview_category_item {
	  -webkit-transition: color .2s;
	  transition: color .2s
	}
	.interview_category_item:hover {
	  color: #dd001f
	}
  }
  
  @media screen and (max-width:1599px) {
	.interview_block_elem {
	  height: 264px;
	  padding: 28px 26px
	}
	.interview_block_ttl {
	  margin-bottom: 24px
	}
	.interview_block_ttl_txt-main {
	  font-size: 3.6rem
	}
	.interview_block_ttl_txt-sub {
	  font-size: 2rem;
	  margin-left: 12px
	}
	.interview_block_txt {
	  font-size: 1.4rem;
	  padding: 0 6px
	}
  }
  
  @media screen and (max-width:1279px) {
	.about_item_inner {
	  padding: 0 0 40px
	}
	.about_item_arrow {
	  left: 0
	}
  }
  
  @media screen and (max-width:1023px) {
	.interview_category_item:active {
	  color: #dd001f;
	  -webkit-transition: color .2s;
	  transition: color .2s
	}
	.interview_content {
	  padding: 72px 25px 40px
	}
	.interview_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.interview_block_elem-left {
	  padding: 48.2% 0 0
	}
	.interview_item {
	  width: calc(50% - 30px);
	  margin-bottom: 80px
	}
	.interviewIndex_indexLink {
	  position: static;
	  -webkit-transform: none;
	  transform: none
	}
	.interviewIndex_indexLink .interview_link {
	  margin: 42px auto 80px
	}
  }
  
  @media screen and (max-width:767px) {
	.container {
	  padding: 0
	}
	.interview {
	  background: #fff;
	  padding-bottom: 64px
	}
	.interview_content {
	  padding: 28px 10px 0
	}
	.interview_category {
	  width: 247px;
	  margin-bottom: 28px
	}
	.interview_tag {
	  font-size: 1.6rem;
	  padding-bottom: 6px;
	  margin-bottom: 45px
	}
	.interview_list_container {
	  border: solid #eee;
	  border-width: 1px 0 0;
	  padding: 10px 0 40px
	}
	.interview_item {
	  width: calc(50% - 9px);
	  min-height: 240px;
	  margin: 0 0 20px;
	  position: relative
	}
	.interview_item:after {
	  content: "";
	  display: block;
	  width: calc(100% + 9px);
	  height: 1px;
	  background: #eee;
	  position: absolute;
	  bottom: -10px;
	  left: -9px
	}
	.interview_item:nth-child(odd) {
	  margin-right: 18px
	}
	.interview_item:nth-child(odd):before {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 100%;
	  background: #eee;
	  position: absolute;
	  top: 0;
	  right: -10px
	}
	.interview_item:nth-child(odd):after {
	  left: 0
	}
	.interview_item_img {
	  margin-bottom: 14px
	}
	.interview_item_ttl {
	  font-size: 1.5rem
	}
	.interview_item_ttl br {
	  display: none
	}
	.interview_item_name {
	  font-size: 1.5rem;
	  position: absolute;
	  bottom: 2px;
	  left: 0
	}
	.interview_item_name span {
	  font-size: 1.2rem;
	  line-height: 1.5;
	  margin-bottom: 4px
	}
	.interview_item_name span br {
	  display: block
	}
	.interviewIndex_indexLink .interview_link {
	  margin-bottom: 40px
	}
  }
  
  @media screen and (max-width:599px) {
	.interview_block_elem {
	  padding: 24px 20px 28px
	}
	.interview_block_elem-left {
	  padding: 48.2% 0 0
	}
	.interview_block_ttl {
	  margin-bottom: 12px
	}
	.interview_block_ttl_txt-main {
	  font-size: 2.4rem
	}
	.interview_block_ttl_txt-sub {
	  font-size: 1.6rem;
	  margin-left: 8px
	}
	.interview_block_txt {
	  font-size: 1.4rem;
	  padding: 0
	}
	.offer_wapper {
	  width: 280px;
	  margin: 60px auto;
	  padding: 20px
	}
	.offer_wapper .offer_content h3 {
	  font-size: 14px;
	  line-height: 2.3;
	  letter-spacing: .025em;
	  margin-bottom: 18px
	}
	.offer_wapper .offer_content p {
	  font-size: 12px;
	  letter-spacing: 0;
	  line-height: 2;
	  margin-bottom: 20px
	}
	.offer_wapper .offer_link {
	  width: 240px
	}
	.offer_wapper .offer_link .block_item_arrow {
	  width: 14px;
	  height: 14px;
	  right: 20px
	}
	.offer_wapper .offer_link .block_item_arrow img {
	  width: 100%;
	  height: auto
	}
	.offer_wapper .offer_link .block_item_arrow-w {
	  position: absolute;
	  width: 14px;
	  height: 14px;
	  top: calc(50% - 18px);
	  right: 20px!important
	}
	.offer_wapper .offer_link .block_item_arrow-w img {
	  width: 14px;
	  height: auto
	}
	.offer_wapper .offer_link:hover .offer_btn .header_findout_arrow {
	  width: 14px;
	  top: calc(50% - 8px);
	  right: 20px
	}
	.offer_wapper .offer_link:hover .offer_btn .header_findout_arrow .hover {
	  width: 14px;
	  height: auto;
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.offer_wapper .offer_link .offer_btn {
	  position: relative;
	  height: 40px;
	  font-size: 12px;
	  line-height: 40px;
	  letter-spacing: .075em;
	  font-weight: 700;
	  padding-left: 20px
	}
  }
  
  .slick-slider {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
  }
  
  .slick-list, .slick-slider {
	position: relative;
	display: block
  }
  
  .slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
  }
  
  .slick-list:focus {
	outline: none
  }
  
  .slick-list.dragging {
	cursor: pointer;
	cursor: hand
  }
  
  .slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
  }
  
  .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
  }
  
  .slick-track:after, .slick-track:before {
	display: table;
	content: ""
  }
  
  .slick-track:after {
	clear: both
  }
  
  .slick-loading .slick-track {
	visibility: hidden
  }
  
  .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
  }
  
  [dir=rtl] .slick-slide {
	float: right
  }
  
  .slick-slide img {
	display: block
  }
  
  .slick-slide.slick-loading img {
	display: none
  }
  
  .slick-slide.dragging img {
	pointer-events: none
  }
  
  .slick-initialized .slick-slide {
	display: block
  }
  
  .slick-loading .slick-slide {
	visibility: hidden
  }
  
  .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
  }
  
  .slick-arrow.slick-hidden {
	display: none
  }
  
  .slick-next, .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	border: none
  }
  
  .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
	color: transparent;
	outline: none;
	background: transparent
  }
  
  .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1
  }
  
  .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: .25
  }
  
  .slick-next:before, .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
  }
  
  .slick-prev {
	left: -25px
  }
  
  [dir=rtl] .slick-prev {
	right: -25px;
	left: auto
  }
  
  .slick-prev:before {
	content: "←"
  }
  
  [dir=rtl] .slick-prev:before {
	content: "→"
  }
  
  .slick-next {
	right: -25px
  }
  
  [dir=rtl] .slick-next {
	right: auto;
	left: -25px
  }
  
  .slick-next:before {
	content: "→"
  }
  
  [dir=rtl] .slick-next:before {
	content: "←"
  }
  
  .slick-dotted.slick-slider {
	margin-bottom: 30px
  }
  
  .slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
  }
  
  .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0
  }
  
  .slick-dots li, .slick-dots li button {
	width: 20px;
	height: 20px;
	cursor: pointer
  }
  
  .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 5px;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
  }
  
  .slick-dots li button:focus, .slick-dots li button:hover {
	outline: none
  }
  
  .slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity: 1
  }
  
  .slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "•";
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
  }
  
  .slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
  }
  
  .btn-pageTop {
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	float: right;
	bottom: 40px;
	right: 40px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	-webkit-transition-property: opacity, visibility, background;
	transition-property: opacity, visibility, background;
	cursor: pointer
  }
  
  .btn-pageTop-black {
	background: #000;
	border-color: #fff
  }
  
  .btn-pageTop:hover {
	background-color: #f2f2f2
  }
  
  .btn-pageTop:hover img {
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .btn-pageTop-black:hover {
	background-color: #222
  }
  
  .btn-pageTop.is-show {
	opacity: 1;
	visibility: visible
  }
  
  .btn-pageTop_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
	overflow: hidden
  }
  
  .btn-pageTop_arrow img {
	display: block;
	width: 100%
  }
  
  .topLink {
	background: #fff;
	padding: 74px 0
  }
  
  .topLink-black {
	background: none
  }
  
  .topLink_inner {
	width: 127px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin: 0 auto;
	position: relative
  }
  
  .topLink_inner a {
	color: #000
  }
  
  .topLink_inner-black a {
	color: #fff
  }
  
  .topLink_inner:hover a {
	color: #dd001f
  }
  
  .topLink_inner:hover .topLink_arrow img {
	display: none
  }
  
  .topLink_inner:hover .topLink_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .topLink_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .topLink_arrow img {
	display: block;
	width: 100%
  }
  
  .topLink_arrow img.hover {
	display: none
  }
  
  .share {
	margin: 80px 0
  }
  
  .share_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
  }
  
  .share_item {
	width: 36px;
	height: 36px;
	background: #333;
	border-radius: 50%;
	margin-right: 44px;
	-webkit-transition: .4s cubic-bezier(0, 0, .4, 1);
	transition: .4s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: background;
	transition-property: background;
	cursor: pointer
  }
  
  .share_item:last-child {
	margin-right: 0
  }
  
  .share_item:hover {
	background: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  .share_item a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transition: opacity .6s cubic-bezier(0, 0, .25, 1);
	transition: opacity .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .share_item a img {
	width: 100%
  }
  
  .related_contents {
	background-color: #f2f2f2;
	padding: 38px 0 66px
  }
  
  .related_ttl {
	font-size: 2.7rem;
	font-weight: 500;
	letter-spacing: .05em;
	margin: auto
  }
  
  .related_ttl, .relatedContents_list {
	width: calc(100% - 80px);
	max-width: 944px
  }
  
  .relatedContents_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto
  }
  
  .relatedContents_item {
	display: block;
	width: calc(33.33333% - 6px);
	margin-top: 32px
  }
  
  .relatedContents_item:hover .relatedContents_img_inner {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
  }
  
  .relatedContents_img {
	overflow: hidden
  }
  
  .relatedContents_img_inner {
	position: relative;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .relatedContents_img_inner>img {
	display: block;
	width: 100%
  }
  
  .relatedContents_ttl {
	color: #333;
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 20px
  }
  
  @media screen and (max-width:1023px) {
	.btn-pageTop {
	  right: 20px
	}
	.relatedContents_list {
	  margin: 8px auto 0
	}
	.relatedContents_item {
	  width: calc(50% - 6px);
	  margin: 20px 0 0
	}
  }
  
  @media screen and (max-width:767px) {
	.btn-pageTop {
	  float: none;
	  position: relative;
	  bottom: 0;
	  right: 0;
	  margin: 36px auto
	}
	.topLink {
	  padding: 52px 0 0
	}
	.share {
	  margin: 40px 0 60px
	}
	.share_item {
	  margin-right: 24px
	}
	.related_contents {
	  padding: 28px 0 60px
	}
	.related_ttl {
	  width: calc(100% - 40px);
	  text-align: center
	}
	.relatedContents_list {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  width: calc(100% - 40px)
	}
	.relatedContents_item {
	  width: 100%;
	  margin-top: 24px
	}
	.relatedContents_overlay {
	  font-size: 3.2rem
	}
	.relatedContents_ttl {
	  font-size: 1.4rem;
	  margin-top: 12px
	}
  }
  
  @-webkit-keyframes hoverArrowCenter {
	0% {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	40% {
	  -webkit-transform: translate(100%);
	  transform: translate(100%)
	}
	40.05% {
	  -webkit-transform: translate(-100%);
	  transform: translate(-100%)
	}
	to {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
  }
  
  @keyframes hoverArrowCenter {
	0% {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	40% {
	  -webkit-transform: translate(100%);
	  transform: translate(100%)
	}
	40.05% {
	  -webkit-transform: translate(-100%);
	  transform: translate(-100%)
	}
	to {
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
  }
  
  .block_feature {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 150px;
	width: calc(100% - 60px);
	max-width: 960px;
	margin: 0 auto 120px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #000;
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .block_feature_thumbnail {
	height: 150px;
	width: 245px;
	overflow: hidden
  }
  
  .block_feature_thumbnail_img {
	height: 100%;
	width: 100%;
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .block_feature_txt {
	margin: 28px 0 0 30px
  }
  
  .block_feature_txt_ttl {
	font-weight: 700;
	font-size: 1.9rem;
	margin-bottom: 26px
  }
  
  .block_feature_txt_ttl span {
	font-size: 2rem;
	font-weight: 400
  }
  
  .block_feature_txt_ttl span:first-child {
	font-size: 1.9rem;
	font-weight: 700;
	color: #dd001f
  }
  
  .block_feature_txt_caption {
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em
  }
  
  .block_feature_arrow {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 40px;
	overflow: hidden
  }
  
  .block_feature_arrow_img {
	width: 100%
  }
  
  .block_feature_pc {
	display: block
  }
  
  .block_feature_sp {
	display: none
  }
  
  .block_feature:hover {
	-webkit-transition-duration: .45s;
	transition-duration: .45s;
	border: 1px solid #dd001f
  }
  
  .block_feature:hover .block_feature_thumbnail_img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .block_feature:hover .block_feature_arrow_img {
	-webkit-animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1)
  }
  
  @media screen and (max-width:1023px) {
	.block_feature {
	  width: 560px;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  height: auto
	}
	.block_feature .pc {
	  display: none!important
	}
	.block_feature .sp {
	  display: block
	}
	.block_feature_thumbnail, .block_feature_thumbnail_img {
	  width: 100%;
	  height: auto
	}
	.block_feature_txt {
	  margin: 20px 10px 0
	}
	.block_feature_txt_ttl {
	  display: block;
	  font-size: 1.6rem;
	  line-height: 1.6875;
	  margin-bottom: 8px
	}
	.block_feature_txt_ttl span {
	  font-size: 1.8rem
	}
	.block_feature_txt_ttl span:first-child {
	  display: block;
	  font-size: 1.6rem
	}
	.block_feature_txt_caption {
	  font-size: 1.2rem;
	  line-height: 2
	}
	.block_feature_more {
	  font-size: 2rem;
	  font-weight: 500;
	  letter-spacing: .075em
	}
	.block_feature_arrowContainer {
	  display: -webkit-box!important;
	  display: -ms-flexbox!important;
	  display: flex!important;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin: 24px 0 26px
	}
	.block_feature_arrow {
	  width: 18px;
	  height: 18px;
	  margin-left: 10px
	}
	.block_feature_arrow, .block_feature_arrow_img {
	  position: static;
	  -webkit-transform: none;
	  transform: none
	}
	.block_feature:hover .block_feature_arrow_img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
  }
  
  @media screen and (max-width:767px) {
	.block_feature {
	  width: calc(100% - 40px);
	  margin: 60px auto 30px
	}
	.block_feature_txt {
	  margin: 15px 10px 0
	}
	.block_feature_txt_ttl {
	  display: block
	}
	.block_feature_txt_ttl_main {
	  font-size: 1.6rem
	}
	.block_feature_txt_ttl_sub {
	  font-size: 1.6rem;
	  margin: 5px 0 0;
	  line-height: 1.5
	}
	.block_feature_txt_ttl_caption {
	  margin-top: 15px;
	  font-size: 1.2rem
	}
  }
  
  .interviewDetail {
	color: #333;
	overflow: hidden
  }
  
  .interviewDetail_content {
	background: #fff;
	padding-bottom: 64px
  }
  
  .interviewDetail_main {
	width: 100%;
	height: 0;
	color: #000;
	padding-top: 29.8%;
	position: relative;
	overflow: hidden
  }
  
  .interviewDetail_main_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
  }
  
  .interviewDetail_main_bg img {
	width: 100%
  }
  
  .interviewDetail_main_inner {
	position: absolute;
	top: 50%;
	left: 43.4%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .interviewDetail_main_inner-left {
	left: 10%
  }
  
  .interviewDetail_main_company {
	font-size: 1.6rem;
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	display: inline-block;
	font-weight: 700;
	padding-bottom: 4px;
	margin-bottom: 20px
  }
  
  .interviewDetail_main_ttl {
	font-size: 3.2rem;
	line-height: 1.75;
	margin-bottom: 38px
  }
  
  .interviewDetail_main_ttl span {
	display: block;
	font-size: 2.4rem;
	font-weight: 400;
	color: #dd001f;
	letter-spacing: .05em
  }
  
  .interviewDetail_main_name {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333
  }
  
  .interviewDetail_main_name br {
	display: none
  }
  
  .interviewDetail_main_name span {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 12px
  }
  
  .interviewDetail_intro {
	background: #faf8f0;
	padding: 86px 0 90px
  }
  
  .interviewDetail_intro_inner {
	width: 640px;
	margin: 0 auto
  }
  
  .interviewDetail_intro_txt {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .025em;
	line-height: 2.3;
	margin-bottom: 40px
  }
  
  .interviewDetail_intro_info {
	border-top: 1px dashed #707070;
	padding-top: 30px;
	margin-top: 56px
  }
  
  .interviewDetail_intro_info.no-border {
	border: none;
	padding-top: 0;
	margin-top: 4px
  }
  
  .interviewDetail_intro_info p {
	font-size: 1.3rem;
	line-height: 2
  }
  
  .interviewDetail_intro_note {
	font-size: 1.2rem!important;
	margin-top: 20px
  }
  
  .interviewDetail_block {
	width: 900px;
	margin: 72px auto 64px;
	overflow: hidden;
	position: relative
  }
  
  .interviewDetail_block_ttl {
	font-size: 3rem;
	letter-spacing: .025em;
	line-height: 1.5;
	margin-bottom: 44px
  }
  
  .interviewDetail_block_ttl-right {
	padding-left: calc(50% + 30px)
  }
  
  .interviewDetail_block_ttl-center {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .interviewDetail_block_left, .interviewDetail_block_right {
	float: left;
	width: calc(50% - 30px)
  }
  
  .interviewDetail_block_left {
	margin-right: 60px
  }
  
  .interviewDetail_block_left-center {
	padding-left: 50%
  }
  
  .interviewDetail_block_right {
	float: right
  }
  
  .interviewDetail_block_txt {
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 20px
  }
  
  .interviewDetail_block_img {
	display: block;
	margin: 5px 0 10px
  }
  
  .interviewDetail_block_dammy {
	padding-top: 25%
  }
  
  .interviewDetail_longImg img {
	width: 100%
  }
  
  .interviewDetail_career {
	width: 100%;
	background: #f2f2f2;
	padding: 72px 0 80px;
	overflow: hidden
  }
  
  .interviewDetail_career_inner {
	width: 900px;
	margin: 0 auto
  }
  
  .interviewDetail_career .interviewDetail_step_ttl {
	font-size: 2.4rem;
	font-weight: 400;
	color: #dd001f;
	letter-spacing: .05em;
	margin-bottom: 36px
  }
  
  .interviewDetail_career .interviewDetail_step_list-right {
	margin-top: 60px
  }
  
  .interviewDetail_career .interviewDetail_step_item {
	min-height: 48px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.75;
	padding-left: 70px;
	margin-bottom: 28px;
	position: relative
  }
  
  .interviewDetail_career .interviewDetail_step_item:before {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 20px);
	background: #707070;
	position: absolute;
	top: 36px;
	left: 20px
  }
  
  .interviewDetail_career .interviewDetail_step_item:last-child:before {
	display: none
  }
  
  .interviewDetail_career .interviewDetail_step_item-large {
	font-weight: 500
  }
  
  .interviewDetail_career .interviewDetail_step_item-large-left:last-child:before {
	display: block
  }
  
  .interviewDetail_career .interviewDetail_step_item .date {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	position: absolute;
	top: 2px;
	left: 0
  }
  
  .interviewDetail_career .interviewDetail_step_item .ttl {
	display: block;
	font-weight: 700
  }
  
  .interviewDetail_career .interviewDetail_step_item .note {
	display: block;
	font-size: 1.2rem
  }
  
  .interviewDetail_message {
	width: 100%;
	background: #faf8f0;
	text-align: center;
	padding: 76px 0 72px
  }
  
  .interviewDetail_message_ttl {
	font-size: 3rem;
	margin-bottom: 44px
  }
  
  .interviewDetail_message_txt {
	font-size: 1.8rem;
	line-height: 2.3;
	margin-bottom: 44px
  }
  
  .interviewDetail_message_note {
	font-size: 1.2rem
  }
  
  .interviewDetail_column {
	width: 960px;
	height: 286px;
	margin: 94px auto 70px;
	background: #f2f2f2;
	padding: 36px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
  }
  
  .interviewDetail_column_ttl {
	font-size: 2rem;
	letter-spacing: .025em;
	margin-bottom: 34px
  }
  
  .interviewDetail_column_txt {
	width: 460px;
	font-size: 1.4rem;
	letter-spacing: .025em;
	line-height: 2
  }
  
  .interviewDetail_column img {
	display: block;
	width: 420px;
	position: absolute;
	top: 0;
	right: 0
  }
  
  .interviewDetail_related {
	background: #f2f2f2;
	padding: 40px 0
  }
  
  .interviewDetail_related_inner {
	width: 960px;
	margin: 0 auto
  }
  
  .interviewDetail_related_ttl {
	font-size: 2.7rem;
	font-weight: 400;
	letter-spacing: .05em;
	margin-bottom: 32px
  }
  
  .interviewDetail_related_list, .interviewDetail_related_list_course {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .interviewDetail_related_list_course {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
  }
  
  .interviewDetail_related_btn {
	position: relative;
	width: 200px;
	height: 38px;
	border: 2px solid #707070;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 auto 20px;
	line-height: 38px;
	font-size: 16px;
	text-indent: 20px
  }
  
  .interviewDetail_related_btn:hover {
	border: 2px solid #dd001f;
	color: #dd001f
  }
  
  .interviewDetail_related_btn:hover:after {
	background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
  }
  
  .interviewDetail_related_btn:hover.disabled:after {
	background: url(/interview/img/icon_minus_on.png) 0 0 no-repeat
  }
  
  .interviewDetail_related_btn:after {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto
  }
  
  .interviewDetail_related_btn.disabled:after {
	background: url(/interview/img/icon_minus.png) 0 0 no-repeat;
	width: 13px;
	height: 2px
  }
  
  .interviewDetail_related_item, .interviewDetail_related_item-jobs {
	width: 300px;
	padding-bottom: 20px;
	position: relative;
	cursor: pointer
  }
  
  .interviewDetail_related_item-jobs:hover .interviewDetail_related_item_img img, .interviewDetail_related_item:hover .interviewDetail_related_item_img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition-duration: .45s;
	transition-duration: .45s
  }
  
  .interviewDetail_related_item-jobs a, .interviewDetail_related_item a {
	color: #333;
	display: block
  }
  
  .interviewDetail_related_item-jobs_img, .interviewDetail_related_item_img {
	overflow: hidden
  }
  
  .interviewDetail_related_item-jobs_img img, .interviewDetail_related_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .interviewDetail_related_item-jobs_inner, .interviewDetail_related_item_inner {
	padding: 30px 0 20px
  }
  
  .interviewDetail_related_item-jobs_ttl, .interviewDetail_related_item_ttl {
	font-size: 1.7rem;
	line-height: 1.5;
	margin-bottom: 24px
  }
  
  .interviewDetail_related_item-jobs_name, .interviewDetail_related_item_name {
	position: absolute;
	bottom: 20px;
	left: 0
  }
  
  .interviewDetail_related_item-jobs_name span, .interviewDetail_related_item_name span {
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.5;
	color: #dd001f
  }
  
  .interviewDetail_related_item-jobs {
	margin-right: 10px
  }
  
  .interviewDetail_link {
	width: 212px;
	margin-top: 64px
  }
  
  .interviewDetail_link-powertrain {
	width: 304px;
	font-size: 1.6rem;
	margin-bottom: 64px
  }
  
  .interviewDetail_border-dot {
	width: 900px;
	height: 1px;
	margin: 0 auto 16px;
	background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-repeat: repeat-x
  }
  
  .interviewDetail_offer {
	width: 560px;
	background: #f2f2f2;
	margin: 120px auto;
	padding: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .interviewDetail_offer_content {
	text-align: left
  }
  
  .interviewDetail_offer_content>h3 {
	font-size: 1.9rem;
	line-height: 1.75;
	letter-spacing: .05em;
	font-weight: 700;
	margin-bottom: 26px
  }
  
  .interviewDetail_offer_content>p {
	font-size: 1.4rem;
	letter-spacing: .025em;
	line-height: 2;
	margin-bottom: 60px
  }
  
  .interviewDetail_offer_link {
	display: block;
	width: 100%;
	height: 60px;
	background: #dd001f;
	text-align: left;
	letter-spacing: .075em;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
  }
  
  .interviewDetail_offer_link a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 62px;
	color: #fff;
	padding-left: 30px;
	-webkit-transition: color .15s;
	transition: color .15s
  }
  
  .interviewDetail_offer_link_arrow {
	right: 30px
  }
  
  .interviewDetail_offer_link:hover a {
	color: #000
  }
  
  .interviewDetail_tagsWrapper {
	max-width: 855px;
	margin: 0 auto 104px
  }
  
  .interviewDetail_tags {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
  }
  
  .interviewDetail_tag {
	height: 33px;
	margin: 0 4px 8px
  }
  
  .interviewDetail_tag_link {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.1rem;
	font-weight: 700;
	color: #666;
	line-height: 32px;
	padding: 0 25px;
	border: 1px solid #ddd;
	border-radius: 33px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	-webkit-transition-property: color, border;
	transition-property: color, border
  }
  
  .interviewDetail_tag_link:hover {
	color: #dd001f;
	border-color: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  @media screen and (max-width:1599px) {
	.interviewDetail_main_ttl {
	  font-size: 2.6rem;
	  margin-bottom: 26px
	}
	.interviewDetail_main_name {
	  font-size: 2.1em
	}
	.interviewDetail_main_name span {
	  font-size: 1.2rem;
	  margin-bottom: 12px
	}
  }
  
  @media screen and (max-width:1279px) {
	.interviewDetail_main {
	  margin-top: 80px
	}
  }
  
  @media screen and (max-width:1023px) {
	.interviewDetail_content {
	  padding-bottom: 64px
	}
	.interviewDetail_main {
	  width: 100%;
	  height: auto;
	  background: #faf8f0;
	  padding: 0
	}
	.interviewDetail_main_bg {
	  width: 100%;
	  position: static
	}
	.interviewDetail_main_bg img {
	  width: 100%
	}
	.interviewDetail_main_inner {
	  position: static;
	  -webkit-transform: translate(0);
	  transform: translate(0);
	  padding: 0 0 44px 50px;
	  margin-top: 36px
	}
	.interviewDetail_intro {
	  padding: 42px 0 90px
	}
	.interviewDetail_intro_inner {
	  width: calc(100% - 100px);
	  margin: 0 auto
	}
	.interviewDetail_intro_txt {
	  text-align: left
	}
	.interviewDetail_block {
	  width: calc(100% - 100px)
	}
	.interviewDetail_block_left, .interviewDetail_block_right {
	  float: none;
	  width: 100%
	}
	.interviewDetail_block_left {
	  margin: 0
	}
	.interviewDetail_block_left-center, .interviewDetail_block_ttl-right {
	  padding-left: 0
	}
	.interviewDetail_block_ttl-center {
	  position: static;
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	.interviewDetail_block_txt {
	  margin-bottom: 56px
	}
	.interviewDetail_block_img {
	  width: calc(100% - 100px);
	  max-width: 630px;
	  margin: 0 auto 56px
	}
	.interviewDetail_block_dammy {
	  display: none
	}
	.interviewDetail_career {
	  width: 100%
	}
	.interviewDetail_career_inner {
	  width: calc(100% - 100px);
	  margin: 0 auto
	}
	.interviewDetail_career .interviewDetail_step_list-right {
	  margin-top: 0
	}
	.interviewDetail_career .interviewDetail_step_item .note {
	  display: block
	}
	.interviewDetail_column {
	  width: calc(100% - 100px);
	  max-width: 630px;
	  height: auto;
	  padding: 36px 0 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  position: relative
	}
	.interviewDetail_column_ttl, .interviewDetail_column_txt {
	  padding: 0 40px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_column_txt {
	  width: 100%;
	  margin-bottom: 34px
	}
	.interviewDetail_column img {
	  display: block;
	  width: 100%;
	  max-width: 630px;
	  position: static
	}
	.interviewDetail_related_inner {
	  width: 630px;
	  margin: 0 auto
	}
	.interviewDetail_related_list, .interviewDetail_related_list_course {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.interviewDetail_related_item {
	  width: 300px;
	  margin-bottom: 32px
	}
	.interviewDetail_related_item-jobs {
	  width: 49%;
	  margin-right: 0;
	  margin-bottom: 32px
	}
	.interviewDetail_related_item-jobs:nth-child(2n) {
	  margin-left: 2%
	}
	.interviewDetail_border-dot {
	  display: none
	}
	.interviewDetail_tagsWrapper {
	  width: calc(100% - 120px)
	}
	.jobs_interview-one .interviewDetail_related_item-jobs {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.interviewDetail_content {
	  padding-bottom: 64px
	}
	.interviewDetail_main {
	  margin-top: 48px
	}
	.interviewDetail_main_inner {
	  padding: 0 20px;
	  margin-top: 24px
	}
	.interviewDetail_main_ttl {
	  font-size: 2.1rem
	}
	.interviewDetail_main_ttl br {
	  display: none
	}
	.interviewDetail_main_ttl span {
	  margin-bottom: 20px
	}
	.interviewDetail_main_name {
	  font-weight: 500;
	  padding-bottom: 30px
	}
	.interviewDetail_main_name br {
	  display: block
	}
	.interviewDetail_main_name span {
	  font-weight: 400;
	  line-height: 1.75
	}
	.interviewDetail_intro {
	  padding: 14px 0 60px
	}
	.interviewDetail_intro_inner {
	  width: calc(100% - 40px)
	}
	.interviewDetail_intro_txt {
	  font-size: 1.6rem;
	  line-height: 2;
	  letter-spacing: 0;
	  margin-bottom: 16px
	}
	.interviewDetail_intro_txt br {
	  display: none
	}
	.interviewDetail_intro_info {
	  margin-top: 26px
	}
	.interviewDetail_intro_info p {
	  font-size: 1.2rem
	}
	.interviewDetail_block {
	  width: calc(100% - 40px);
	  margin: 60px auto 44px
	}
	.interviewDetail_block_left, .interviewDetail_block_right {
	  float: none;
	  width: 100%
	}
	.interviewDetail_block_left {
	  margin: 0
	}
	.interviewDetail_block_ttl {
	  font-size: 2.1rem;
	  margin-bottom: 20px
	}
	.interviewDetail_block_ttl br {
	  display: none
	}
	.interviewDetail_block_txt {
	  margin-bottom: 28px
	}
	.interviewDetail_block_img {
	  width: 100%;
	  margin-bottom: 28px
	}
	.interviewDetail_career {
	  width: 100%;
	  padding: 42px 0
	}
	.interviewDetail_career_inner {
	  width: calc(100% - 40px);
	  margin: 0 auto
	}
	.interviewDetail_career_ttl br {
	  display: block
	}
	.interviewDetail_career .interviewDetail_step {
	  margin-top: 52px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_career .interviewDetail_step_ttl {
	  text-align: center
	}
	.interviewDetail_career .interviewDetail_step_item {
	  font-size: 1.3rem;
	  font-weight: 500
	}
	.interviewDetail_career .interviewDetail_step_item .note {
	  display: block
	}
	.interviewDetail_message {
	  text-align: left;
	  padding: 40px 20px 36px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_message_ttl {
	  font-size: 2.1rem;
	  margin-bottom: 20px
	}
	.interviewDetail_message_txt {
	  font-size: 1.4rem;
	  font-weight: 700;
	  line-height: 2;
	  margin-bottom: 44px
	}
	.interviewDetail_message_txt br {
	  display: none
	}
	.interviewDetail_message_note {
	  font-size: 1.2rem
	}
	.interviewDetail_column {
	  width: calc(100% - 40px);
	  max-width: 630px;
	  height: auto;
	  margin: 20px auto;
	  background: #f2f2f2;
	  padding: 36px 0 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  position: relative
	}
	.interviewDetail_column_ttl {
	  font-size: 1.8rem;
	  line-height: 1.75;
	  margin-bottom: 18px;
	  padding: 0 20px
	}
	.interviewDetail_column_txt {
	  margin-bottom: 30px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_column img {
	  display: block;
	  width: 100%;
	  max-width: 630px;
	  position: static
	}
	.interviewDetail_related_inner {
	  width: 100%;
	  margin: 0 auto;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_related_ttl {
	  text-align: center
	}
	.interviewDetail_related_list, .interviewDetail_related_list_course {
	  width: calc(100% - 30px);
	  margin: 0 auto
	}
	.interviewDetail_related_list_course {
	  width: calc(100% - 40px)
	}
	.interviewDetail_related_item {
	  display: block!important;
	  width: calc(100% - 10px)!important;
	  margin: 0 auto
	}
	.interviewDetail_related_item_inner {
	  padding: 30px 0 20px
	}
	.interviewDetail_related_item-jobs {
	  margin: 0 auto 10px
	}
	.interviewDetail_related_btn {
	  width: 100%;
	  line-height: 34px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.interviewDetail_related_slideArrow {
	  width: 40px;
	  height: 0;
	  padding-top: 54%;
	  position: absolute;
	  top: 0
	}
	.interviewDetail_related_slideArrow img {
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%)
	}
	.interviewDetail_related_slideArrow-prev {
	  left: -35px
	}
	.interviewDetail_related_slideArrow-prev img {
	  -webkit-transform: translate(-50%, -50%) rotate(180deg);
	  transform: translate(-50%, -50%) rotate(180deg)
	}
	.interviewDetail_related_slideArrow-next {
	  right: -35px
	}
	.interviewDetail_related .slick-dots {
	  text-align: right
	}
	.interviewDetail_related .slick-dots li {
	  width: 18px;
	  height: 18px;
	  margin: 0
	}
	.interviewDetail_related .slick-dots li.slick-active button:before {
	  background: #dd001f
	}
	.interviewDetail_related .slick-dots li button {
	  width: 100%;
	  height: 100%
	}
	.interviewDetail_related .slick-dots li button:before {
	  content: "";
	  display: block;
	  width: 6px;
	  height: 6px;
	  background: #333;
	  border-radius: 50%;
	  opacity: 1;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%)
	}
	.interviewDetail_offer {
	  width: calc(100% - 40px);
	  margin: 60px auto 30px;
	  padding: 20px
	}
	.interviewDetail_offer_content>h3 {
	  font-size: 1.4rem;
	  font-weight: 700;
	  margin-bottom: 16px
	}
	.interviewDetail_offer_content>p {
	  font-size: 1.2rem;
	  margin-bottom: 20px
	}
	.interviewDetail_offer_link {
	  height: 40px;
	  font-size: 1.4rem
	}
	.interviewDetail_offer_link a {
	  line-height: 40px;
	  padding-left: 20px
	}
	.interviewDetail_offer_link_arrow {
	  width: 14px;
	  right: 20px
	}
	.interviewDetail_offer_link:hover a {
	  color: #000
	}
	.interviewDetail_tagsWrapper {
	  width: calc(100% - 32px);
	  padding-bottom: 72px;
	  margin-bottom: 0;
	  position: relative;
	  -webkit-transition: .4s;
	  transition: .4s
	}
	.interviewDetail_tagsContainer {
	  max-height: 120px;
	  overflow: hidden;
	  -webkit-transition: max-height .4s cubic-bezier(0, 0, .4, 1);
	  transition: max-height .4s cubic-bezier(0, 0, .4, 1)
	}
	.interviewDetail_tag_link {
	  padding: 0 16px
	}
	.interviewDetail_tagsMore {
	  width: 44px;
	  font-size: 1.6rem;
	  font-weight: 700;
	  letter-spacing: .075em;
	  text-align: center;
	  margin: 15px auto 0;
	  padding: 5px 34px 5px 5px;
	  position: absolute;
	  bottom: 35px;
	  left: 0;
	  right: 0
	}
	.interviewDetail_tagsMore:after, .interviewDetail_tagsMore:before {
	  content: "";
	  display: block;
	  background: #333;
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.interviewDetail_tagsMore:before {
	  width: 14px;
	  height: 2px;
	  right: 10px
	}
	.interviewDetail_tagsMore:after {
	  width: 2px;
	  height: 14px;
	  right: 16px
	}
	.interviewDetail_tagsMore:active {
	  color: #dd001f
	}
	.interviewDetail_tagsMore:active:after, .interviewDetail_tagsMore:active:before {
	  background: #dd001f
	}
	.interviewDetail_tagsMore.is-open {
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: .2s cubic-bezier(0, 0, .2, 1);
	  transition: .2s cubic-bezier(0, 0, .2, 1);
	  -webkit-transition-property: opacity, visibility;
	  transition-property: opacity, visibility
	}
  }
  
  .newInterviewDetail_main {
	padding-top: 50.65%;
	color: #fff;
	margin-bottom: 116px;
	position: relative
  }
  
  .newInterviewDetail_main_bg img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
  }
  
  .newInterviewDetail_main_bg img.is-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
	transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
	transition: transform 1s cubic-bezier(0, 0, .2, 1);
	transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
  }
  
  .newInterviewDetail_main_content {
	width: 0;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0
  }
  
  .newInterviewDetail_main_content-left {
	left: 0;
	right: auto
  }
  
  .newInterviewDetail_main_content.is-active {
	width: 50%;
	opacity: 1;
	-webkit-transition: 1s cubic-bezier(0, 0, .2, 1);
	transition: 1s cubic-bezier(0, 0, .2, 1);
	-webkit-transition-property: width, opacity;
	transition-property: width, opacity
  }
  
  .newInterviewDetail_main_inner {
	width: 372px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0
  }
  
  .newInterviewDetail_main_inner.is-active {
	opacity: 1;
	-webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
	transition: opacity .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
  }
  
  .newInterviewDetail_main_ttl {
	font-size: 4rem;
	font-weight: 400;
	letter-spacing: .025em;
	line-height: 1.5
  }
  
  .newInterviewDetail_main_name {
	color: #fff;
	padding-bottom: 40px;
	border-bottom: 1px solid #fff
  }
  
  .newInterviewDetail_main_name span {
	letter-spacing: .05em
  }
  
  .newInterviewDetail_main_name .interviewDetail_main_initial {
	font-size: 2.7rem;
	font-weight: 700;
	margin-bottom: 0
  }
  
  .newInterviewDetail_main_txt {
	font-size: 1.3rem;
	line-height: 2;
	margin-top: 40px
  }
  
  .newInterviewDetail_block {
	width: calc(100% - 120px);
	max-width: 1220px;
	color: #333;
	margin: 0 auto 116px
  }
  
  .newInterviewDetail_block_txtContainer {
	width: 420px;
	padding: 0 64px
  }
  
  .newInterviewDetail_block_imgContainer {
	width: 672px
  }
  
  .newInterviewDetail_block_ttl {
	font-weight: 400;
	margin-bottom: 64px;
	padding-left: 60px
  }
  
  .newInterviewDetail_block_content {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .newInterviewDetail_block_content.sp {
	display: none
  }
  
  .newInterviewDetail_block_img {
	display: block;
	width: 100%;
	margin-bottom: 10px
  }
  
  .newInterviewDetail_block_img-last {
	width: 420px;
	margin-bottom: 0
  }
  
  .newInterviewDetail_block_txt {
	font-size: 1.5rem;
	line-height: 2;
	margin-bottom: 32px
  }
  
  .newInterviewDetail_block_txt:last-child {
	margin-bottom: 0
  }
  
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	padding-left: 732px
  }
  
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_content {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
  }
  
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_txt {
	float: right
  }
  
  .newInterviewDetail_longImg {
	width: calc(100% - 120px);
	max-width: 1224px;
	margin: 0 auto 96px
  }
  
  @media screen and (max-width:1599px) {
	.newInterviewDetail_main_inner {
	  width: calc(100% - 200px)
	}
	.newInterviewDetail_main_ttl {
	  font-size: 3rem;
	  margin-bottom: 20px
	}
	.newInterviewDetail_main_name {
	  padding-bottom: 24px
	}
	.newInterviewDetail_main_name .interviewDetail_main_initial {
	  font-size: 2.4rem
	}
	.newInterviewDetail_main_txt {
	  margin-top: 24px
	}
	.newInterviewDetail_block {
	  width: calc(100% - 200px);
	  margin: 0 auto 96px
	}
	.newInterviewDetail_block_txtContainer {
	  width: 50%;
	  padding: 0 48px
	}
	.newInterviewDetail_block_imgContainer {
	  width: 50%
	}
	.newInterviewDetail_block_ttl {
	  font-size: 2.8rem;
	  margin-bottom: 48px;
	  padding-left: 48px
	}
	.newInterviewDetail_block_img {
	  width: 100%
	}
	.newInterviewDetail_block_img-last {
	  width: calc(100% - 80px);
	  padding-right: 80px
	}
	.newInterviewDetail_block_img-float {
	  padding-right: 80px
	}
	.newInterviewDetail_block_txt {
	  font-size: 1.4rem;
	  margin-bottom: 40px
	}
	.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	  padding-left: 50%
	}
  }
  
  @media screen and (max-width:1023px) {
	.newInterviewDetail_main {
	  background: #1a1a1a;
	  margin-bottom: 88px;
	  padding-top: 0
	}
	.newInterviewDetail_main_bg {
	  overflow: hidden
	}
	.newInterviewDetail_main_content {
	  width: 100%;
	  position: static;
	  background: none;
	  padding: 48px 60px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  opacity: 1
	}
	.newInterviewDetail_main_content.is-active {
	  width: 100%
	}
	.newInterviewDetail_main_inner {
	  width: 100%;
	  -webkit-transform: translate(0);
	  transform: translate(0);
	  margin: 0;
	  padding: 0;
	  opacity: 1
	}
	.newInterviewDetail_block {
	  width: 648px;
	  margin: 0 auto 88px;
	  padding-top: 464px;
	  position: relative
	}
	.newInterviewDetail_block_content.pc {
	  display: none
	}
	.newInterviewDetail_block_content.sp {
	  display: block
	}
	.newInterviewDetail_block_txtContainer {
	  width: 100%;
	  padding: 0
	}
	.newInterviewDetail_block_imgContainer {
	  width: 100%
	}
	.newInterviewDetail_block_ttl {
	  font-size: 2.8rem;
	  margin-bottom: 32px;
	  padding-left: 0
	}
	.newInterviewDetail_block_content {
	  display: block
	}
	.newInterviewDetail_block_img {
	  width: 100%;
	  float: none
	}
	.newInterviewDetail_block_img:first-child {
	  position: absolute;
	  top: 0;
	  left: 0
	}
	.newInterviewDetail_block_img-sub {
	  margin: 40px 0 24px
	}
	.newInterviewDetail_block_txt {
	  width: 100%;
	  padding: 0;
	  float: none
	}
	.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	  padding-left: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.newInterviewDetail_main {
	  margin-bottom: 0
	}
	.newInterviewDetail_main_content {
	  padding: 28px 20px
	}
	.newInterviewDetail_main_ttl br {
	  display: block
	}
	.newInterviewDetail_main_company {
	  font-size: 1.8rem;
	  letter-spacing: .05em;
	  padding-bottom: 6px
	}
	.newInterviewDetail_main_name {
	  padding-bottom: 16px
	}
	.newInterviewDetail_main_name span {
	  margin-bottom: 0
	}
	.newInterviewDetail_block {
	  width: 100%;
	  margin: 0 auto 40px;
	  padding-top: 250px;
	  position: relative
	}
	.newInterviewDetail_block_ttl {
	  font-size: 2.2rem;
	  margin: 40px 0 32px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.newInterviewDetail_block_ttl br {
	  display: block
	}
	.newInterviewDetail_block_item {
	  width: 100%
	}
	.newInterviewDetail_block_txt {
	  margin-bottom: 20px;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.newInterviewDetail_block_txt:last-child {
	  margin-bottom: 20px
	}
	.newInterviewDetail_block_img-sub {
	  display: block;
	  width: calc(100% - 40px);
	  margin: 0 auto 20px;
	  float: none
	}
	.newInterviewDetail_block_img-last {
	  padding-right: 0
	}
	.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
	  padding-left: 20px
	}
	.newInterviewDetail_longImg {
	  width: 100%;
	  margin-bottom: 60px
	}
  }
  
  .welfare .subpage_block_ttl_txt-sub {
	display: block;
	margin: 8px 0 0
  }
  
  .welfare .welfare_link {
	margin: 75px auto 0
  }
  
  .welfare .welfare_link a {
	color: #333
  }
  
  .welfare .welfare_link:hover a {
	color: #dd001f
  }
  
  .welfare .tab {
	display: none
  }
  
  .welfare_content {
	color: #333;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .welfare_category {
	width: 246px;
	margin: 0 auto 82px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
  }
  
  .welfare_category_item {
	width: 76px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	letter-spacing: .04em;
	text-align: center;
	padding-bottom: 12px;
	-webkit-transition: color .4s;
	transition: color .4s;
	cursor: pointer
  }
  
  .welfare_category_item.is-active {
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .welfare_category_item:hover {
	color: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  .welfare_category-header {
	padding: 82px 0 0
  }
  
  .welfare_category-footer {
	margin: 60px auto 61px
  }
  
  .welfare_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .welfare_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .welfare_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .welfare_container_ttl:after, .welfare_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .welfare_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 36px 0 30px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .welfare_item_ttl {
	width: 30%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.5
  }
  
  .welfare_item_detail {
	width: 70%
  }
  
  .welfare_item_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .welfareAccordion_btn {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .025em;
	width: 148px;
	padding-bottom: 11px;
	border-bottom: 2px solid #333;
	margin: 37px 0 10px;
	position: relative;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	cursor: pointer
  }
  
  .welfareAccordion_btn:after, .welfareAccordion_btn:before {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #333;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform
  }
  
  .welfareAccordion_btn:before {
	width: 16px;
	height: 2px;
	top: 5px;
	right: 0
  }
  
  .welfareAccordion_btn:after {
	width: 2px;
	height: 16px;
	top: -2px;
	right: 7px
  }
  
  .welfareAccordion_btn.is-open, .welfareAccordion_btn:hover {
	color: #dd001f;
	border-color: #dd001f
  }
  
  .welfareAccordion_btn.is-open:after, .welfareAccordion_btn.is-open:before, .welfareAccordion_btn:hover:after, .welfareAccordion_btn:hover:before {
	background-color: #dd001f
  }
  
  .welfareAccordion_btn.is-open {
	width: 100%;
	margin-bottom: 0
  }
  
  .welfareAccordion_btn.is-open:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
  }
  
  .welfareAccordion_btn.is-disabled {
	color: #ccc;
	border-color: #ccc
  }
  
  .welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
	background-color: #ccc
  }
  
  .welfareAccordion_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0 27px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .welfareAccordion_box:last-of-type {
	padding-bottom: 0;
	background: none
  }
  
  .welfareAccordion_ttl {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .025em;
	width: 21%
  }
  
  .welfareAccordion_detail {
	width: 79%;
	margin-top: -6px
  }
  
  .welfareAccordion_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .welfareAccordion_list {
	margin-top: 19px
  }
  
  .welfareAccordion_list.no-margin {
	margin-top: 0
  }
  
  .welfareAccordion_item {
	font-size: 1.4rem;
	line-height: 1.75;
	margin-top: 11px;
	position: relative
  }
  
  .welfareAccordion_item:first-child {
	margin-top: 0
  }
  
  .welfareAccordion_item.has-mark {
	padding-left: 32px
  }
  
  .welfareAccordion_item span {
	display: inline-block;
	width: 32px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .welfareTab_wrapper {
	position: relative;
	padding-top: 30px;
	margin-top: 36px
  }
  
  .welfareTab_btn {
	width: 178px;
	position: absolute;
	top: 0;
	margin-top: 0;
	cursor: pointer
  }
  
  .welfareTab_btn-01 {
	left: 0
  }
  
  .welfareTab_btn-02 {
	left: 214px
  }
  
  .welfareTab_btn-03 {
	left: 428px
  }
  
  .welfareTab_btn.is-open {
	width: 178px
  }
  
  .welfareTab_list {
	margin-top: 22px
  }
  
  .welfareTab_item {
	font-size: 1.4rem;
	line-height: 1.75;
	position: relative
  }
  
  .welfareTab_item.has-mark {
	padding-left: 30px
  }
  
  .welfareTab_item span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .welfareTab_item+.welfareTab_item {
	margin-top: 11px
  }
  
  .welfareTab_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 25px 0 26px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .welfareTab_box:last-of-type {
	padding-bottom: 0;
	background: none
  }
  
  .welfareTab_box dt {
	width: 21%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em
  }
  
  .welfareTab_box dd {
	width: 79%;
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .welfareTab_box p.has-mark {
	position: relative;
	padding-left: 30px;
	margin-top: 9px
  }
  
  .welfareTab_box p.has-mark span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .office_item {
	overflow: hidden;
	padding: 58px 0 60px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .office_ttl {
	float: left;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .office_detail {
	width: 53.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 20px;
	padding: 33px 6.5% 0 0
  }
  
  .office_detail span {
	color: #dd001f
  }
  
  .office_detail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .office_img {
	float: right;
	width: 46.75%
  }
  
  .office_img img {
	display: block;
	width: 100%
  }
  
  .office_img_small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 1.45%
  }
  
  .office_img_small img {
	width: 49.25%;
	height: 100%
  }
  
  @media screen and (max-width:1023px) {
	.welfare .tab {
	  display: block
	}
	.welfare .no_tab {
	  display: none
	}
	.welfare_item_ttl {
	  width: 100%;
	  margin: 0 auto 22px
	}
	.welfare_item_detail {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.tab {
	  display: none
	}
	.sp {
	  display: block
	}
	.welfare .welfare_link {
	  margin: 55px auto 0
	}
	.welfare_content {
	  padding: 0 0 64px
	}
	.welfare_category {
	  width: 190px;
	  margin: 0 auto 75px
	}
	.welfare_category-header {
	  padding: 50px 0 0
	}
	.welfare_category-footer {
	  margin: 40px auto 46px
	}
	.welfare_container {
	  width: 100%
	}
	.welfare_container_ttl {
	  font-size: 3rem;
	  padding: 0 20px 43px
	}
	.welfare_container_ttl:after {
	  content: none
	}
	.welfare_list {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x
	}
	.welfare_item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 38px 0 45px
	}
	.welfare_item_ttl {
	  width: calc(100% - 40px);
	  font-size: 2rem;
	  letter-spacing: .05em;
	  line-height: 1.5
	}
	.welfare_item_detail {
	  margin: 0 auto;
	  width: calc(100% - 40px)
	}
	.welfare_item_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.welfareAccordion_btn {
	  width: 100%;
	  margin: 26px 0 4px
	}
	.welfareAccordion_btn:before {
	  top: 7px;
	  right: 20px
	}
	.welfareAccordion_btn:after {
	  top: 0;
	  right: 27px
	}
	.welfareAccordion_btn.is-disabled {
	  color: #333;
	  border-color: #333
	}
	.welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
	  background-color: #333
	}
	.welfareAccordion_btn.is-disabled.is-open {
	  color: #dd001f;
	  border-color: #dd001f
	}
	.welfareAccordion_btn.is-disabled.is-open:after, .welfareAccordion_btn.is-disabled.is-open:before {
	  background-color: #dd001f
	}
	.welfareAccordion_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 26px 0 24px
	}
	.welfareAccordion_ttl {
	  margin: 3px 0 31px
	}
	.welfareAccordion_detail, .welfareAccordion_ttl {
	  width: 100%;
	  padding-left: 21px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.welfareAccordion_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.welfareAccordion_list {
	  margin-top: 15px
	}
	.welfareAccordion_item {
	  margin-top: 16px
	}
	.welfareAccordion_item.has-mark {
	  padding-left: 20px
	}
	.welfareAccordion_item span {
	  width: 20px
	}
	.welfareTab_wrapper {
	  position: relative;
	  padding-top: 0;
	  margin: 24px 0 16px
	}
	.welfareTab_btn {
	  width: 100%;
	  position: relative;
	  margin-bottom: 32px
	}
	.welfareTab_btn-01, .welfareTab_btn-02, .welfareTab_btn-03 {
	  left: auto
	}
	.welfareTab_btn-03 {
	  margin-bottom: 4px
	}
	.welfareTab_btn.is-open {
	  width: 100%
	}
	.welfareTab_list {
	  margin-top: 25px
	}
	.welfareTab_item.has-mark {
	  padding-left: 20px
	}
	.welfareTab_item span {
	  width: 20px
	}
	.welfareTab_item+.welfareTab_item {
	  margin-top: 11px
	}
	.welfareTab_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 24px 0 32px
	}
	.welfareTab_box:last-of-type {
	  padding-bottom: 0;
	  background: none
	}
	.welfareTab_box dd, .welfareTab_box dt {
	  width: 100%;
	  padding-left: 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.welfareTab_box dd {
	  margin-top: 20px
	}
	.welfareTab_box p.has-mark {
	  padding-left: 20px
	}
	.welfareTab_box p.has-mark span {
	  width: 20px
	}
	.office_item {
	  padding: 40px 0 41px
	}
	.office_item_wrapper {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x;
	  padding-top: 1px
	}
	.office_ttl {
	  float: none;
	  padding: 0 20px
	}
	.office_detail {
	  width: 100%;
	  padding: 0 20px;
	  font-size: 1.4rem;
	  line-height: 2;
	  margin-top: 15px
	}
	.office_img {
	  float: none;
	  width: calc(100% - 40px);
	  margin: 26px auto 0
	}
  }

  .requirements .subpage_block_ttl_txt-sub {
	display: block;
	margin: 8px 0 0 7px
  }
  
  .requirements .requirements_link {
	margin: 75px auto 0
  }
  
  .requirements .requirements_link a {
	color: #333
  }
  
  .requirements .requirements_link:hover a {
	color: #dd001f
  }
  
  .requirements .tab {
	display: none
  }
  
  .requirements_content {
	color: #333
  }
  
  .requirements_category {
	width: 700px;
	margin: 0 auto 82px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
  }
  
  .requirements_category_item {
	width: 150px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	letter-spacing: .04em;
	text-align: center;
	padding-bottom: 12px;
	-webkit-transition: color .4s;
	transition: color .4s;
	cursor: pointer
  }
  
  .requirements_category_item.is-active {
	color: #dd001f;
	border-bottom: 2px solid #dd001f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .requirements_category_item:first-child, .requirements_category_item:last-child {
	width: 120px
  }
  
  .requirements_category_item:hover {
	color: #dd001f;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
  }
  
  .requirements_category-header {
	padding: 82px 0 0
  }
  
  .requirements_category-footer {
	margin: 60px auto 61px
  }
  
  .category_container {
	display: none
  }
  
  .category_container.is-active {
	display: block
  }
  
  .accordion_content, .tab_content {
	display: none
  }
  
  .requirements_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .requirements_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .requirements_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .requirements_container_ttl:after, .requirements_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .requirements_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 36px 0 30px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .requirements_item-none {
	background-image: none
  }
  
  .requirements_item_ttl {
	width: 30%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.5
  }
  
  .requirements_item_detail {
	width: 70%
  }
  
  .requirements_item_detail ul.req_list {
	font-size: 15px;
	line-height: 1.75;
	margin-top: 30px
  }
  
  .requirements_item_detail ul {
	font-size: 14px;
	line-height: 1.75;
	margin-top: 30px
  }
  
  .requirements_item_detail ul a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .requirements_item_detail .registration_dot_list {
	margin-top: 0
  }
  
  .requirements_item_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .requirementsTab_wrapper {
	position: relative;
	padding-top: 30px;
	margin-top: 36px
  }
  
  .requirementsTab_btn {
	width: 178px;
	position: absolute;
	top: 0;
	margin-top: 0;
	cursor: pointer
  }
  
  .requirementsTab_btn#tab1 {
	left: 0
  }
  
  .requirementsTab_btn#tab2 {
	left: 214px
  }
  
  .requirementsTab_btn#tab3 {
	left: 428px
  }
  
  .requirementsTab_btn.is-open {
	width: 178px
  }
  
  .requirementsTab_list {
	margin-top: 22px
  }
  
  .requirementsTab_item {
	font-size: 1.4rem;
	line-height: 1.75;
	position: relative
  }
  
  .requirementsTab_item.has-mark {
	padding-left: 30px
  }
  
  .requirementsTab_item span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .requirementsTab_item+.welfareTab_item {
	margin-top: 11px
  }
  
  .requirementsTab_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 25px 0 26px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .requirementsTab_box:last-of-type {
	padding-bottom: 0;
	background: none
  }
  
  .requirementsTab_box dt {
	width: 21%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em
  }
  
  .requirementsTab_box dd {
	width: 79%;
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .requirementsTab_box p.has-mark {
	position: relative;
	padding-left: 30px;
	margin-top: 9px
  }
  
  .requirementsTab_box p.has-mark span {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
  }
  
  .process_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .process_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .process_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .process_container_ttl:after, .process_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .process_item {
	overflow: hidden;
	padding: 58px 0 60px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .process_ttl {
	float: left;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .process_detail {
	width: 53.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 20px;
	padding: 33px 6.5% 0 0
  }
  
  .process_detail span {
	color: #dd001f
  }
  
  .process_detail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .process_img {
	float: right;
	width: 46.75%
  }
  
  .process_img img {
	display: block;
	width: 100%
  }
  
  .process_img_small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 1.45%
  }
  
  .process_img_small img {
	width: 49.25%;
	height: 100%
  }
  
  .process_list {
	padding-top: 25px
  }
  
  @media screen and (max-width:767px) {
	.tab {
	  display: none
	}
	.br-sp, .sp {
	  display: block
	}
	.requirements .welfare_link {
	  margin: 55px auto 0
	}
	.requirements_content {
	  padding: 0 0 44px
	}
	.requirements_category {
	  display: block;
	  width: 100%;
	  margin: 0 auto 40px;
	  background-color: #eee
	}
	.requirements_category_item {
	  margin: 0 auto;
	  text-align: center
	}
	.requirements_category_item:not(:last-child) {
	  margin-bottom: 30px
	}
	.requirements_category-header {
	  padding: 50px 0
	}
	.requirements_category-footer {
	  margin-top: 40px;
	  padding: 50px 0
	}
	.requirements_container {
	  width: 100%
	}
	.requirements_container_ttl {
	  font-size: 3rem;
	  padding: 0 20px 43px
	}
	.requirements_container_ttl:after {
	  content: none
	}
	.requirements_list {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x
	}
	.requirements_item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 38px 0 45px
	}
	.requirements_item_ttl {
	  width: calc(100% - 40px);
	  font-size: 2rem;
	  letter-spacing: .05em;
	  line-height: 1.5
	}
	.requirements_item_detail {
	  margin: 0 auto;
	  width: calc(100% - 40px)
	}
	.requirements_item_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.requirementsTab_wrapper {
	  position: relative;
	  padding-top: 0;
	  margin: 24px 0 16px
	}
	.requirementsTab_btn {
	  width: 100%;
	  position: relative;
	  margin-bottom: 32px
	}
	.requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
	  left: auto
	}
	.requirementsTab_btn#tab3 {
	  margin-bottom: 4px
	}
	.requirementsTab_btn.is-open {
	  width: 100%
	}
	.requirementsTab_list {
	  margin-top: 25px
	}
	.requirementsTab_item.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_item span {
	  width: 20px
	}
	.requirementsTab_item+.welfareTab_item {
	  margin-top: 11px
	}
	.requirementsTab_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 24px 0 32px
	}
	.requirementsTab_box:last-of-type {
	  padding-bottom: 0;
	  background: none
	}
	.requirementsTab_box dd, .requirementsTab_box dt {
	  width: 100%;
	  padding-left: 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.requirementsTab_box dd {
	  margin-top: 20px
	}
	.requirementsTab_box p.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_box p.has-mark span {
	  width: 20px
	}
	.requirementsTab_detail ul.req_list {
	  font-size: 15px
	}
	.requirements_item {
	  padding: 40px 0 41px
	}
	.requirements_item_wrapper {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x;
	  padding-top: 1px
	}
	.requirements_ttl {
	  float: none;
	  padding: 0 20px
	}
	.requirements_detail {
	  width: 100%;
	  padding: 0 20px;
	  font-size: 1.4rem;
	  line-height: 2;
	  margin-top: 15px
	}
	.requirements_img {
	  float: none;
	  width: calc(100% - 40px);
	  margin: 26px auto 0
	}
  }
  
  .step_2 .process_part dd, .step_2 .process_part dt, .step_3 .process_part dd, .step_3 .process_part dt, .step_4 .process_part dd, .step_4 .process_part dt, .step_5 .process_part dd, .step_5 .process_part dt, .step_6 .process_part dd, .step_6 .process_part dt {
	opacity: 0;
	-webkit-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .8s;
	transition: all .8s
  }
  
  .step_2 .process_part .process_img, .step_3 .process_part .process_img, .step_4 .process_part .process_img, .step_5 .process_part .process_img, .step_6 .process_part .process_img {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
  }
  
  .step_2.on_effect .process_part .process_img, .step_2.on_effect .process_part dd, .step_2.on_effect .process_part dt, .step_3.on_effect .process_part .process_img, .step_3.on_effect .process_part dd, .step_3.on_effect .process_part dt, .step_4.on_effect .process_part .process_img, .step_4.on_effect .process_part dd, .step_4.on_effect .process_part dt, .step_5.on_effect .process_part .process_img, .step_5.on_effect .process_part dd, .step_5.on_effect .process_part dt, .step_6.on_effect .process_part .process_img, .step_6.on_effect .process_part dd, .step_6.on_effect .process_part dt {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
  }
  
  .process li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .process .step_part .step_mark {
	color: #fff;
	background-image: url(/requirements/img/cycle.png);
	background-size: cover;
	text-align: center
  }
  
  .process .process_part {
	width: calc(100% - 138px)
  }
  
  @media screen and (min-width:1024px) {
	.second_faq div.wrap.faq_menu {
	  max-width: 900px
	}
	.process .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.process .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.process .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
	  position: relative
	}
	.process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: -1
	}
	.process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
	  height: 100%
	}
	.process .step_2 .process_part dd {
	  width: calc(100% - 280px)
	}
	.process .step_4 .process_part dd, .process .step_6 .process_part dd {
	  width: calc(100% - 240px)
	}
	.process .process_part {
	  position: relative;
	  padding-left: 50px
	}
	.process .process_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.process .process_part .process_img img {
	  width: 100%;
	  height: auto
	}
	.process .process_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.process li {
	  position: relative
	}
	.process li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.process li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.process li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .process_part .process_img {
	  position: absolute;
	  width: 234px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_4 .process_part .process_img {
	  position: absolute;
	  width: 190px;
	  top: calc(50% - 84px);
	  right: 30px
	}
	.step_6 .process_part .process_img {
	  position: absolute;
	  width: 181px;
	  top: calc(50% - 92px);
	  right: 30px
	}
  }
  
  @media screen and (min-width:768px) and (max-width:1023px) {
	.process .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.process .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.process .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
	  position: relative
	}
	.process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: 1
	}
	.process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
	  height: 100%
	}
	.process .step_2 .process_part dd {
	  width: calc(100% - 280px)
	}
	.process .step_4 .process_part dd, .process .step_6 .process_part dd {
	  width: calc(100% - 240px)
	}
	.process .process_part {
	  position: relative;
	  padding-left: 50px
	}
	.process .process_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.process .process_part .process_img img {
	  width: 100%;
	  height: auto
	}
	.process .process_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.process li {
	  position: relative
	}
	.process li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.process li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.process li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .process_part .process_img {
	  position: absolute;
	  width: 234px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_4 .process_part .process_img {
	  position: absolute;
	  width: 190px;
	  top: calc(50% - 84px);
	  right: 30px
	}
	.step_6 .process_part .process_img {
	  position: absolute;
	  width: 181px;
	  top: calc(50% - 92px);
	  right: 30px
	}
  }
  
  @media screen and (max-width:1023px) {
	.requirements_content {
	  padding: 0 0 40px
	}
	.requirements_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.requirements_block_elem-left {
	  padding: 48.2% 0 0
	}
	.requirements_item {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.requirements_content {
	  padding: 0 0 64px
	}
	.requirements .second .wrap {
	  width: 100%;
	  margin-top: 50px;
	  margin-bottom: 23px
	}
	p.requirements_block_ttl_txt-main {
	  font-size: 2.4rem
	}
	span.requirements_block_ttl_txt-sub {
	  font-size: 1.8rem;
	  margin-left: 10px
	}
	.process_container {
	  width: 100%
	}
	.process_container_ttl {
	  margin-left: 25px
	}
	.process .step_part {
	  position: relative;
	  width: 50px;
	  margin-left: 20px;
	  z-index: 1
	}
	.process .step_part .step_mark {
	  font-size: 2rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 50px;
	  height: 50px
	}
	.process .step_part .step_mark p {
	  font-size: 1.2rem;
	  line-height: 1.33;
	  padding-top: 8px
	}
	.process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
	  position: relative
	}
	.process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
	  position: absolute;
	  content: "";
	  width: 2px;
	  height: 0;
	  background-color: #dd001f;
	  top: 25px;
	  left: 44px;
	  -webkit-transition: all .5s;
	  transition: all .5s
	}
	.process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
	  height: 100%
	}
	.process .process_part {
	  position: relative;
	  width: calc(100% - 50px)
	}
	.process .process_part dt {
	  font-size: 2rem;
	  line-height: 1.5;
	  letter-spacing: 0;
	  font-weight: 700;
	  margin-top: 8px;
	  margin-left: 10px;
	  margin-right: 20px
	}
	.process .process_part .process_img {
	  margin: 20px auto;
	  padding-right: 20px
	}
	.process .process_part .process_img img {
	  width: 100%;
	  height: auto
	}
	.process .process_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: calc(100% - 30px);
	  margin-top: 20px;
	  margin-bottom: 86px;
	  padding-left: 10px;
	  padding-right: 20px
	}
	.process li {
	  position: relative
	}
	.process li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 23px;
	  left: 0
	}
	.process li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.process li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .process_part .process_img {
	  width: 149px
	}
	.step_4 .process_part .process_img, .step_6 .process_part .process_img {
	  width: 150px
	}
  }
  
  #registration .interviewDetail_offer_link {
	width: 320px;
	margin: 0 auto
  }
  
  @media screen and (max-width:767px) {
	#registration .interviewDetail_offer_link {
	  width: calc(100% - 80px)
	}
  }
  
  .registration_item_detail {
	width: 100%
  }
  
  .registration_flow_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
  }
  
  @media screen and (max-width:767px) {
	.registration_flow_wrap {
	  display: block;
	  margin-top: 40px
	}
  }
  
  .registration_flow_pic {
	margin-right: 60px;
	width: 202px
  }
  
  @media screen and (max-width:767px) {
	.registration_flow_pic {
	  margin: 0 auto 35px
	}
  }
  
  .registration_flow_pic img {
	width: 100%
  }
  
  .registration_flow_list li:not(:last-child) {
	margin-bottom: 44px
  }
  
  .registration_flow_tit {
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 1.3;
	font-size: 1.6rem
  }
  
  .registration_flow_txt {
	line-height: 1.5;
	letter-spacing: .025em;
	font-size: 1.3rem
  }
  
  .registration_dot_list {
	padding-left: 1em;
	text-indent: -1em
  }
  
  .registration_red_tit {
	margin: 46px 0 37px;
	padding-left: 10px;
	border-left: 5px solid #dd001f;
	font-size: 1.8rem
  }
  
  .registration_comment_list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
  }
  
  .registration_comment_list li:not(:last-child) {
	margin-bottom: 40px
  }
  
  .registration_comment_pic {
	width: 68px;
	margin-right: 22px
  }
  
  @media screen and (max-width:767px) {
	.registration_comment_pic {
	  width: 50px;
	  margin-right: 20px
	}
  }
  
  .registration_comment_pic img {
	width: 100%
  }
  
  .registration_commentBox {
	display: inline-block;
	width: 300px;
	padding: 15px 35px 15px 15px;
	border: 2px solid #444;
	border-radius: 10px;
	background-color: #fff;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.registration_commentBox {
	  width: calc(100% - 70px);
	  padding: 15px 20px 15px 15px
	}
  }
  
  .registration_commentBox:after, .registration_commentBox:before {
	content: "";
	border: solid transparent;
	position: absolute;
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	pointer-events: none
  }
  
  .registration_commentBox:after {
	border-color: hsla(0, 0%, 100%, 0) #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
	border-width: 10px;
	margin-top: -10px;
	margin-right: -1px
  }
  
  .registration_commentBox:before {
	border-color: rgba(68, 68, 68, 0) #444 rgba(68, 68, 68, 0) rgba(68, 68, 68, 0);
	border-width: 12px;
	margin-top: -12px
  }
  
  .registration_commentBox_txt {
	font-weight: 700;
	line-height: 1.6;
	font-size: 1.5rem
  }
  
  @media screen and (max-width:767px) {
	.registration_commentBox_txt {
	  font-size: 1.4rem
	}
  }
  
  @media screen and (max-width:374px) {
	.br-xxsp {
	  display: block
	}
	.requirements .subpage_block_elem {
	  min-height: 260px
	}
	.requirements .subpage_block_ttl_txt-main {
	  line-height: 1.2
	}
  }
  
  .referral_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .referral_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em
  }
  
  .referral_container_ttl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .referral_container_ttl:after, .referral_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .referral_item {
	overflow: hidden;
	padding: 58px 0 60px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .referral_ttl {
	float: left;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em
  }
  
  .referral_detail {
	width: 53.25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 20px;
	padding: 33px 6.5% 0 0
  }
  
  .referral_detail span {
	color: #dd001f
  }
  
  .referral_detail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .referral_img {
	float: right;
	width: 46.75%
  }
  
  .referral_img img {
	display: block;
	width: 100%
  }
  
  .referral_img_small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 1.45%
  }
  
  .referral_img_small img {
	width: 49.25%;
	height: 100%
  }
  
  .referral_list {
	padding-top: 25px
  }
  
  @media screen and (max-width:1023px) {
	.requirements .tab {
	  display: block
	}
	.requirements .no_tab {
	  display: none
	}
	.requirements_item_ttl {
	  width: 100%;
	  margin: 0 auto 22px
	}
	.requirements_item_detail {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.tab {
	  display: none
	}
	.br-sp, .sp {
	  display: block
	}
	.requirements .welfare_link {
	  margin: 55px auto 0
	}
	.requirements_content {
	  padding: 0 0 44px
	}
	.requirements_category {
	  display: block;
	  width: 100%;
	  margin: 0 auto 40px;
	  background-color: #eee
	}
	.requirements_category_item {
	  margin: 0 auto;
	  text-align: center
	}
	.requirements_category_item:not(:last-child) {
	  margin-bottom: 30px
	}
	.requirements_category-header {
	  padding: 50px 0
	}
	.requirements_category-footer {
	  margin-top: 40px;
	  padding: 50px 0
	}
	.requirements_container {
	  width: 100%
	}
	.requirements_container_ttl {
	  font-size: 3rem;
	  padding: 0 20px 43px
	}
	.requirements_container_ttl:after {
	  content: none
	}
	.requirements_list {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x
	}
	.requirements_item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 38px 0 45px
	}
	.requirements_item_ttl {
	  width: calc(100% - 40px);
	  font-size: 2rem;
	  letter-spacing: .05em;
	  line-height: 1.5
	}
	.requirements_item_detail {
	  margin: 0 auto;
	  width: calc(100% - 40px)
	}
	.requirements_item_txt {
	  font-size: 1.4rem;
	  line-height: 1.9
	}
	.requirementsTab_wrapper {
	  position: relative;
	  padding-top: 0;
	  margin: 24px 0 16px
	}
	.requirementsTab_btn {
	  width: 100%;
	  position: relative;
	  margin-bottom: 32px
	}
	.requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
	  left: auto
	}
	.requirementsTab_btn#tab3 {
	  margin-bottom: 4px
	}
	.requirementsTab_btn.is-open {
	  width: 100%
	}
	.requirementsTab_list {
	  margin-top: 25px
	}
	.requirementsTab_item.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_item span {
	  width: 20px
	}
	.requirementsTab_item+.welfareTab_item {
	  margin-top: 11px
	}
	.requirementsTab_box {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  padding: 24px 0 32px
	}
	.requirementsTab_box:last-of-type {
	  padding-bottom: 0;
	  background: none
	}
	.requirementsTab_box dd, .requirementsTab_box dt {
	  width: 100%;
	  padding-left: 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.requirementsTab_box dd {
	  margin-top: 20px
	}
	.requirementsTab_box p.has-mark {
	  padding-left: 20px
	}
	.requirementsTab_box p.has-mark span {
	  width: 20px
	}
	.requirementsTab_detail ul.req_list {
	  font-size: 15px
	}
	.requirements_item {
	  padding: 40px 0 41px
	}
	.requirements_item_wrapper {
	  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-position: top;
	  background-repeat: repeat-x;
	  padding-top: 1px
	}
	.requirements_ttl {
	  float: none;
	  padding: 0 20px
	}
	.requirements_detail {
	  width: 100%;
	  padding: 0 20px;
	  font-size: 1.4rem;
	  line-height: 2;
	  margin-top: 15px
	}
	.requirements_img {
	  float: none;
	  width: calc(100% - 40px);
	  margin: 26px auto 0
	}
	.sp-hide {
	  display: none
	}
  }
  
  .requirements_content {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  div.requirements_content {
	margin-top: 0
  }
  
  span.requirements_block_ttl_txt-sub {
	letter-spacing: .04em
  }
  
  .step_2 .step_part, .step_3 .step_part, .step_4 .step_part, .step_5 .step_part, .step_6 .step_part {
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s
  }
  
  .step_2 .step_mark, .step_3 .step_mark, .step_4 .step_mark, .step_5 .step_mark, .step_6 .step_mark {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .8s;
	transition: all .8s
  }
  
  .step_2 .referral_part dd, .step_2 .referral_part dt, .step_3 .referral_part dd, .step_3 .referral_part dt, .step_4 .referral_part dd, .step_4 .referral_part dt, .step_5 .referral_part dd, .step_5 .referral_part dt, .step_6 .referral_part dd, .step_6 .referral_part dt {
	opacity: 0;
	-webkit-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .8s;
	transition: all .8s
  }
  
  .step_2 .referral_part .referral_img, .step_3 .referral_part .referral_img, .step_4 .referral_part .referral_img, .step_5 .referral_part .referral_img, .step_6 .referral_part .referral_img {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
  }
  
  .step_2.on_effect .step_part, .step_3.on_effect .step_part, .step_4.on_effect .step_part, .step_5.on_effect .step_part, .step_6.on_effect .step_part {
	opacity: 1
  }
  
  .step_2.on_effect .step_mark, .step_3.on_effect .step_mark, .step_4.on_effect .step_mark, .step_5.on_effect .step_mark, .step_6.on_effect .step_mark {
	-webkit-transform: scale(1);
	transform: scale(1)
  }
  
  .step_2.on_effect .referral_part .referral_img, .step_2.on_effect .referral_part dd, .step_2.on_effect .referral_part dt, .step_3.on_effect .referral_part .referral_img, .step_3.on_effect .referral_part dd, .step_3.on_effect .referral_part dt, .step_4.on_effect .referral_part .referral_img, .step_4.on_effect .referral_part dd, .step_4.on_effect .referral_part dt, .step_5.on_effect .referral_part .referral_img, .step_5.on_effect .referral_part dd, .step_5.on_effect .referral_part dt, .step_6.on_effect .referral_part .referral_img, .step_6.on_effect .referral_part dd, .step_6.on_effect .referral_part dt {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
  }
  
  .referral li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .referral .step_part .step_mark {
	color: #fff;
	background-image: url(/requirements/img/cycle.png);
	background-size: cover;
	text-align: center
  }
  
  .referral .referral_part {
	width: calc(100% - 138px)
  }
  
  @media screen and (min-width:1024px) {
	.second_faq div.wrap.faq_menu {
	  max-width: 900px
	}
	.referral .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.referral .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.referral .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
	  position: relative
	}
	.referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: -1
	}
	.referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
	  height: 100%
	}
	.referral .step_2 .referral_part dd {
	  width: calc(100% - 280px)
	}
	.referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
	  width: calc(100% - 240px)
	}
	.referral .referral_part {
	  position: relative;
	  padding-left: 50px
	}
	.referral .referral_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.referral .referral_part .referral_img img {
	  width: 100%;
	  height: auto
	}
	.referral .referral_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.referral li {
	  position: relative
	}
	.referral li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.referral li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.referral li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_1 .referral_part .referral_img {
	  position: absolute;
	  width: 102px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_2 .referral_part .referral_img {
	  position: absolute;
	  width: 138px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_3 .referral_part .referral_img {
	  position: absolute;
	  width: 76px;
	  top: calc(50% - 70px);
	  right: 60px
	}
	.step_4 .referral_part .referral_img {
	  position: absolute;
	  width: 89px;
	  top: calc(50% - 55px);
	  right: 50px
	}
	.pc-hide {
	  display: none
	}
  }
  
  @media screen and (min-width:768px) and (max-width:1023px) {
	.referral .step_part {
	  position: relative;
	  width: 138px;
	  z-index: 1
	}
	.referral .step_part .step_mark {
	  font-size: 4rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 100px;
	  height: 100px;
	  margin-left: 30px
	}
	.referral .step_part .step_mark p {
	  font-size: 2.4rem;
	  line-height: 1.33;
	  padding-top: 13px
	}
	.referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
	  position: relative
	}
	.referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
	  position: absolute;
	  content: "";
	  width: 4px;
	  height: 0;
	  background-color: #dd001f;
	  top: 50px;
	  left: 78px;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	  z-index: 1
	}
	.referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
	  height: 100%
	}
	.referral .step_2 .referral_part dd {
	  width: calc(100% - 280px)
	}
	.referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
	  width: calc(100% - 240px)
	}
	.referral .referral_part {
	  position: relative;
	  padding-left: 50px
	}
	.referral .referral_part dt {
	  font-size: 2.4rem;
	  line-height: 1.87;
	  letter-spacing: .05em;
	  font-weight: 700;
	  margin-top: 28px
	}
	.referral .referral_part .referral_img img {
	  width: 100%;
	  height: auto
	}
	.referral .referral_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 86px
	}
	.referral li {
	  position: relative
	}
	.referral li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 25px;
	  left: 0
	}
	.referral li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.referral li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_2 .referral_part .referral_img {
	  position: absolute;
	  width: 234px;
	  top: calc(50% - 93px);
	  right: 30px
	}
	.step_4 .referral_part .referral_img {
	  position: absolute;
	  width: 190px;
	  top: calc(50% - 84px);
	  right: 30px
	}
  }
  
  @media screen and (max-width:1023px) {
	.requirements_content {
	  padding: 0 0 40px
	}
	.requirements_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.requirements_block_elem-left {
	  padding: 48.2% 0 0
	}
	.requirements_item {
	  width: 100%
	}
	dd br {
	  display: none
	}
	.step_1 .referral_part .referral_img {
	  width: 140px;
	  margin-left: 200px;
	  float: none
	}
	.step_2 .referral_part .referral_img {
	  width: 140px;
	  margin-left: 100px;
	  float: none
	}
	.step_3 .referral_part .referral_img {
	  width: 100px;
	  margin-left: 260px;
	  float: none
	}
	.step_4 .referral_part .referral_img {
	  width: 140px;
	  margin-left: 100px;
	  float: none
	}
  }
  
  @media screen and (max-width:767px) {
	.requirements_content {
	  padding: 0 0 64px
	}
	.requirements .second .wrap {
	  width: 100%;
	  margin-top: 50px;
	  margin-bottom: 23px
	}
	p.requirements_block_ttl_txt-main {
	  font-size: 2.4rem
	}
	span.requirements_block_ttl_txt-sub {
	  font-size: 1.8rem;
	  margin-left: 10px
	}
	.referral_container {
	  width: 100%
	}
	.referral_container_ttl {
	  margin-left: 25px
	}
	.referral .step_part {
	  position: relative;
	  width: 50px;
	  margin-left: 20px;
	  z-index: 1
	}
	.referral .step_part .step_mark {
	  font-size: 2rem;
	  letter-spacing: .04em;
	  line-height: 1;
	  width: 50px;
	  height: 50px
	}
	.referral .step_part .step_mark p {
	  font-size: 1.2rem;
	  line-height: 1.33;
	  padding-top: 8px
	}
	.referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
	  position: relative
	}
	.referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
	  position: absolute;
	  content: "";
	  width: 2px;
	  height: 0;
	  background-color: #dd001f;
	  top: 25px;
	  left: 44px;
	  -webkit-transition: all .5s;
	  transition: all .5s
	}
	.referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
	  height: 100%
	}
	.referral .referral_part {
	  position: relative;
	  width: calc(100% - 50px)
	}
	.referral .referral_part dt {
	  font-size: 2rem;
	  line-height: 1.5;
	  letter-spacing: 0;
	  font-weight: 700;
	  margin-top: 8px;
	  margin-left: 10px;
	  margin-right: 20px
	}
	.referral .referral_part .referral_img {
	  margin: 20px auto;
	  padding-right: 110px
	}
	.referral .referral_part .referral_img img {
	  width: 100%;
	  height: auto
	}
	.referral .referral_part dd {
	  font-size: 1.4rem;
	  line-height: 2;
	  font-weight: 400;
	  letter-spacing: 0;
	  width: calc(100% - 30px);
	  margin-top: 20px;
	  margin-bottom: 86px;
	  padding-left: 10px;
	  padding-right: 20px
	}
	.referral li {
	  position: relative
	}
	.referral li:after {
	  position: absolute;
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
	  background-size: 6px 1px;
	  background-repeat: repeat-x;
	  bottom: 23px;
	  left: 0
	}
	.referral li.step_fade:after {
	  opacity: 0;
	  -webkit-transition: all .6s;
	  transition: all .6s
	}
	.referral li.step_fade.on_effect:after {
	  opacity: 1
	}
	.step_1 .referral_part .referral_img {
	  width: 80px;
	  float: right;
	  margin-right: 20px
	}
	.step_2 .referral_part .referral_img {
	  width: 118px;
	  float: right
	}
	.step_3 .referral_part .referral_img {
	  width: 73px;
	  float: right;
	  margin-right: 25px
	}
	.step_4 .referral_part .referral_img {
	  width: 88px;
	  float: right;
	  margin-right: 15px
	}
	.step_6 .referral_part .referral_img {
	  width: 150px
	}
  }
  
  .step_4 dt span {
	display: block;
	font-size: 14px
  }
  
  @media screen and (max-width:767px) {
	.step_4 dt span {
	  font-weight: lighter
	}
  }
  
  #agreement .requirements_container_ttl {
	margin-bottom: 24px;
	padding-top: 55px
  }
  
  #agreement .requirements_item_detail {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	#agreement .requirements_item_detail {
	  width: calc(100% - 40px)
	}
  }
  
  #agreement-sub .header_list_item.is-active {
	background: #222
  }
  
  #agreement-sub .header_list_item-agreement.is-active, #agreement-sub .header_list_item:hover {
	background: #444
  }
  
  .entryflow .subpage_block_elem, .login .subpage_block_elem {
	width: 100%!important
  }
  
  .entryflow .subpage_block_elem-left, .login .subpage_block_elem-left {
	display: none;
	background-image: none
  }
  
  .entryflow .subpage_block_inner, .login .subpage_block_inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .br-xxsp {
	display: none
  }
  
  .entryflow .subpage_block_ttl_txt-sub {
	margin: 8px 0 0 12px
  }
  
  .entryflow_content {
	color: #333;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .entryflow_container_box {
	margin: 80px auto 20px
  }
  
  .entryflow_item {
	width: 100%;
	position: relative
  }
  
  .entryflow_item_bg {
	margin: 40px 0 60px;
	padding: 30px 0 20px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f2f2f2
  }
  
  @media screen and (max-width:767px) {
	.entryflow_item_bg {
	  margin: 30px 0 40px
	}
  }
  
  .entryflow_item_ttl {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.5;
	margin: 80px 0 30px
  }
  
  .entryflow_item_ttl:before {
	content: "";
	padding: 0 6px;
	border-left: 5px solid #dd001f
  }
  
  .entryflow_item_ttl:first-of-type {
	margin: 30px 0 20px
  }
  
  .entryflow_item_txt {
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em;
	padding-left: 1em;
	text-indent: -1.2em
  }
  
  .entryflow_item_txt.mail {
	text-indent: .1rem;
	line-height: 1.75
  }
  
  .entryflow_item_txt-link, .entryflow_item_txt.mail a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .entryflow_item_txt-link {
	line-height: 1.75
  }
  
  .entryflow_item_txt-bold {
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em;
	font-weight: 700
  }
  
  .entryflow_item_txt-mt30 {
	margin-left: 55px;
	color: #dd001f
  }
  
  .entryflow_item_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	padding: 30px 0 20px
  }
  
  .entryflow_item_btn-entry {
	width: 180px;
	color: #fff;
	margin-right: 20px;
	letter-spacing: .15em;
	background-color: #dd001f;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
	position: relative;
	opacity: 1
  }
  
  .entryflow_item_btn-entry a {
	display: block;
	padding: 19px 16px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff;
	-webkit-transition: color .15s;
	transition: color .15s;
	line-height: 1.75
  }
  
  .entryflow_item_btn-entry:hover a {
	color: #000
  }
  
  .entryflow_item_btn-entry:hover .header_findout_arrow img {
	display: none
  }
  
  .entryflow_item_btn-entry:hover .header_findout_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .entryflow_item_btn-entry.black {
	width: 360px;
	margin: 40px 30px 20px 0;
	background-color: #fff;
	border: 2px solid #000
  }
  
  .entryflow_item_btn-entry.black a {
	color: #333;
	font-weight: 700
  }
  
  .entryflow_item_btn-entry .header_findout_arrow {
	width: 14px;
	right: 14px
  }
  
  .entryflow_item_btn-entry .header_findout_arrow img {
	display: block;
	width: 100%
  }
  
  .entryflow_item_btn-entry .header_findout_arrow .hover {
	display: none
  }
  
  .entryflow_item_btn-entry.sign .header_findout_arrow {
	width: 22px;
	right: 20px
  }
  
  .entryflow_item_privacy {
	background-color: #eee;
	padding: 60px 40px
  }
  
  .entryflow_item_privacy:first-child {
	margin-top: 40px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .entryflow_item_privacy_ttl {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: .05em;
	line-height: 1.5;
	font-weight: 700;
	padding-bottom: 40px;
	color: #555
  }
  
  .entryflow_item_privacy_txt {
	padding: 10px 0;
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .entryflow_item_privacy ol.list_parentheses li {
	list-style-position: inside;
	counter-increment: cnt;
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.75;
	padding-left: 1.5em;
	text-indent: -1.75em
  }
  
  .entryflow_item_privacy ol.list_parentheses li:before {
	display: marker;
	content: "(" counter(cnt) ") "
  }
  
  .entryflow_item_checkbox {
	margin: 0 auto 100px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: .05em
  }
  
  .entryflow_item_checkbox .entryflow_item_btn-entry {
	width: 360px;
	margin: 20px auto;
	text-align: left;
	padding-left: 30px
  }
  
  .entryflow_item_checkbox .entryflow_item_btn-entry a {
	font-size: 1.8rem;
	letter-spacing: .05em;
	font-weight: 700
  }
  
  .entryflow_item_checkbox .checkbox-input {
	display: none
  }
  
  .entryflow_item_checkbox .checkbox-parts {
	padding-top: 1px;
	padding-left: 30px;
	position: relative;
	margin-right: 20px
  }
  
  .entryflow_item_checkbox .checkbox-parts:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 2px
  }
  
  .entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts {
	color: #dd001f
  }
  
  .entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts:after {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-bottom: 3px solid #dd001f;
	border-right: 3px solid #dd001f
  }
  
  .entryflow_terms {
	overflow: auto;
	height: 360px;
	padding-right: 30px
  }
  
  @media screen and (max-width:767px) {
	.entryflow_terms {
	  height: 410px;
	  padding-right: 20px
	}
  }
  
  .entryflow_terms::-webkit-scrollbar {
	width: 10px;
	height: 10px
  }
  
  .entryflow_terms::-webkit-scrollbar-track {
	border-radius: 50px;
	background: #f2f2f2
  }
  
  .entryflow_terms::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #888;
	height: 60px
  }
  
  .entryflow_terms_ttl {
	margin-bottom: 0!important;
	margin-top: 2.3em;
	font-size: 1.2rem;
	line-height: 2;
	letter-spacing: .05em;
	font-weight: 700;
	padding: 5px 0
  }
  
  .entryflow_terms_txt {
	font-size: 1.2rem;
	line-height: 1.75;
	letter-spacing: .05em
  }
  
  .entryflow_terms_txt.indent {
	padding-left: 1em;
	text-indent: -1.02em
  }
  
  .entryflow_terms_txt.ol {
	list-style-position: outside;
	list-style-type: decimal!important;
	display: list-item!important
  }
  
  .entryflow_terms_txt.right {
	text-align: right;
	padding: 10px
  }
  
  .entryflow .background-imagebox {
	height: 50px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: top;
	background-repeat: repeat-x
  }
  
  .entryflow_container {
	max-width: 900px;
	width: calc(100% - 120px);
	margin: auto
  }
  
  .entryflow_container_subtitle {
	padding-top: 80px;
	font-size: 2.4rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .entryflow_container_subtitle:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 18px
  }
  
  .entryflow_container_subtitle:after, .entryflow_split_item {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px
  }
  
  .entryflow_split_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 38px 0 40px;
	background-position: top;
	background-repeat: repeat-x
  }
  
  .entryflow_split_item_ttl {
	width: 30%;
	font-size: 1.5rem;
	letter-spacing: .05em;
	line-height: 1.5;
	font-weight: 700
  }
  
  .entryflow_split_item_detail {
	width: 70%;
	padding-top: 4px
  }
  
  .entryflow_split_item_txt {
	font-size: 1.4rem;
	line-height: 1.75
  }
  
  .entryflow_split_item_txt-bold {
	font-weight: 700;
	font-size: 1.5rem;
	padding-bottom: 4px;
	line-height: 1.75
  }
  
  .entryflow_split_item_txt.link {
	text-indent: .1rem;
	line-height: 1.75
  }
  
  .entryflow_split_item_txt.link a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .entryflow_split_item_txt.indent {
	padding-left: 1em;
	text-indent: -1.2em
  }
  
  .entryflow_txt {
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 20px 0
  }
  
  .flexmain-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 30px 0
  }
  
  .flexsub-box {
	width: 42%;
	padding: 10px 0;
	display: block
  }
  
  .flexsub-box:first-child {
	padding-left: 0
  }
  
  .flex-item {
	font-size: 1.4rem;
	padding: 17px 30px 14px;
	text-align: center;
	color: #333;
	border-radius: 5px;
	border: 2px solid #eee;
	font-weight: 700
  }
  
  .flex-item-last {
	border: none
  }
  
  .flex_arrow {
	width: 7%
  }
  
  .flex_arrow img {
	display: block;
	margin: 0 auto;
	width: 14px
  }
  
  .flexsub-box:last-child .flex-item {
	background-color: #333;
	color: #fff
  }
  
  .entryflow_item_checkbox-label:hover {
	cursor: pointer
  }
  
  .login {
	background-color: #fff
  }
  
  .login_content, .login_wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .login_content {
	width: calc(100% - 120px);
	max-width: 900px;
	margin-top: 77px;
	margin-right: auto;
	margin-left: auto
  }
  
  .login_content h1 {
	padding-bottom: 20.5px;
	font-size: 24px;
	color: #333;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-position: bottom;
	background-repeat: repeat-x
  }
  
  .login_form {
	margin-top: 60.5px
  }
  
  .login_id_wrap, .login_pw_wrap {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 360px;
	height: 50px;
	margin-right: auto;
	margin-bottom: 21px;
	margin-left: auto
  }
  
  .login_label {
	position: absolute;
	top: 0;
	left: -67px;
	width: 67px;
	font-weight: 700;
	line-height: 50px
  }
  
  .login_input_txt, .login_label {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px
  }
  
  .login_input_txt {
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-appearance: none
  }
  
  .login_submit_btn {
	display: block;
	color: #fff;
	letter-spacing: .1em;
	background-color: #dd001f;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	width: 360px;
	height: 60px;
	margin: 60px auto 0;
	padding-left: 30px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 60px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
  }
  
  .login_submit_btn:hover .header_findout_arrow img {
	display: none
  }
  
  .login_submit_btn:hover .header_findout_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .login_submit_btn .header_findout_arrow {
	width: 20px;
	right: 20px
  }
  
  .login_submit_btn .header_findout_arrow img {
	display: block;
	width: 100%
  }
  
  .login_submit_btn .header_findout_arrow .hover {
	display: none
  }
  
  .login_a_wrap {
	display: block;
	width: 100%;
	margin-top: 20px;
	text-align: center
  }
  
  .login_a_wrap, .login_a_wrap a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .login_a_wrap a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
	padding-bottom: 2px
  }
  
  .login_note {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-top: 90px;
	text-align: center
  }
  
  .login_note P {
	font-size: 14px;
	color: #333;
	line-height: 2
  }
  
  .login_blank {
	height: 94px
  }
  
  .login .fit_content {
	background: #fff
  }
  
  .login .login_content {
	padding-top: 77px;
	margin-top: 0
  }
  
  .no_link {
	cursor: inherit!important;
	pointer-events: none;
	background-color: #888;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
  }
  
  .no_link .header_findout_arrow {
	width: 22px;
	right: 20px
  }
  
  .no_entry, .no_link a {
	color: #ddd
  }
  
  .no_entry {
	pointer-events: none
  }
  
  @media screen and (max-width:1023px) {
	.entryflow .subpage_block_inner, .login .subpage_block_inner {
	  position: static;
	  -webkit-transform: translateY(0);
	  transform: translateY(0)
	}
	.entryflow .subpage_block_ttl_txt-sub, .login .subpage_block_ttl_txt-sub {
	  display: block;
	  margin: 8px 0 0 2px
	}
	.entryflow_split_item {
	  width: 100%;
	  padding: 38px 0 28px
	}
	.entryflow_split_item:first-child {
	  padding-bottom: 0
	}
	.entryflow_split_item_detail, .entryflow_split_item_ttl {
	  width: 100%
	}
	.entryflow_split_item_txt {
	  padding-bottom: 12px
	}
	.entryflow_split_item_txt-bold {
	  font-size: 1.4rem
	}
	.entryflow_container {
	  width: calc(100% - 40px);
	  margin: 0 auto;
	  padding-top: 60px
	}
	.entryflow_container_ttl {
	  font-size: 2.1rem;
	  padding: 0 0 20px;
	  text-align: left
	}
	.entryflow_container_ttl:after {
	  content: none
	}
	.entryflow_container_txt {
	  font-size: 1.2rem;
	  padding-top: 0;
	  text-align: left;
	  letter-spacing: .07em;
	  line-height: 1.9
	}
	.entryflow_container_subtitle {
	  font-size: 2.1rem;
	  padding-top: 40px
	}
	.entryflow_container_subtitle:first-child {
	  padding-top: 0
	}
	.entryflow_container_box {
	  margin: 60px auto 20px
	}
	.entryflow_content {
	  padding: 0 0 40px
	}
	.entryflow_block_elem {
	  height: auto;
	  padding: 28px 26px 32px
	}
	.entryflow_block_elem-left {
	  padding: 48.2% 0 0
	}
	.entryflow_item_privacy_ttl {
	  padding-bottom: 10px
	}
	.entryflow_item_ttl {
	  margin: 30px 0 20px
	}
	.flexmain-box {
	  display: block;
	  width: 100%
	}
	.flexsub-box {
	  padding: 0;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center
	}
	.flex_arrow, .flexsub-box {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  width: 100%
	}
	.flex_arrow {
	  -ms-flex-pack: distribute;
	  justify-content: space-around
	}
	.flex_arrow img {
	  -webkit-transform: rotate(90deg);
	  transform: rotate(90deg);
	  padding: 10px 0
	}
	.flex-item {
	  font-size: 1.2rem;
	  padding: 20px 10px;
	  margin: 0;
	  width: 100%;
	  text-align: center
	}
  }
  
  @media screen and (max-width:767px) {
	.entryflow .subpage_block_elem, .login .subpage_block_elem {
	  border-top: 4px solid #000
	}
	.entryflow_container {
	  padding-top: 0
	}
	.entryflow_item_btns {
	  padding-top: 40px;
	  display: block
	}
	.entryflow_item_btn-entry {
	  width: 100%;
	  margin-bottom: 10px
	}
	.entryflow_item_btn-entry a {
	  font-size: 1.5rem
	}
	.entryflow_item_btn-entry.black {
	  width: 100%
	}
	.entryflow_item_btn-entry.black a {
	  width: 80%
	}
	.entryflow_item_privacy {
	  padding: 40px 20px
	}
	.entryflow_item_privacy:first-child {
	  margin-top: 30px
	}
	.entryflow_item_privacy_txt {
	  font-size: 1.4rem
	}
	.entryflow_item_checkbox {
	  margin: 0 auto 80px!important
	}
	.entryflow_item_checkbox .entryflow_item_btn-entry {
	  width: 90%;
	  padding-left: 20px
	}
	.entryflow_item_checkbox .entryflow_item_btn-entry a {
	  font-size: 1.2rem;
	  padding: 10px 0
	}
	.entryflow_item_checkbox .checkbox-parts {
	  padding-top: 0;
	  margin-right: 0
	}
	.entryflow_item_ttl {
	  margin: 40px 0
	}
	.entryflow_item_txt {
	  padding-bottom: 10px
	}
	.entryflow_item_txt-mt30 {
	  margin-top: 5px;
	  margin-left: 0;
	  display: block
	}
	.entryflow_content {
	  padding: 0 0 64px
	}
	.entryflowsplit_item {
	  width: 100%
	}
	.login_wrap {
	  padding: 0 0 64px
	}
	.login_content {
	  width: calc(100% - 40px);
	  max-width: 280px;
	  margin-top: 30px
	}
	.login_content h1 {
	  padding-bottom: 16px;
	  font-size: 21px
	}
	.login_form {
	  margin-top: 72px
	}
	.login_id_wrap, .login_pw_wrap {
	  width: 280px;
	  height: 50px;
	  margin-bottom: 44px
	}
	.login_label {
	  top: -32px;
	  left: 0;
	  width: 280px;
	  line-height: 22px
	}
	.login_input_txt, .login_label {
	  font-size: 15px
	}
	.login_submit_btn {
	  width: 280px;
	  height: 50px;
	  margin-top: 60px;
	  padding-left: 16px;
	  font-size: 15px;
	  line-height: 50px
	}
	.login_submit_btn .header_findout_arrow {
	  width: 15px;
	  right: 15px
	}
	.login_a_wrap {
	  margin-top: 20px;
	  text-align: left
	}
	.login_a_wrap a {
	  font-size: 14px
	}
	.login_note {
	  margin-top: 66px;
	  text-align: left
	}
	.login_note P {
	  font-size: 14px;
	  text-indent: -1.2em;
	  padding-left: 1.5em
	}
	.login_blank {
	  height: 80px
	}
  }
  
  @media screen and (max-width:599px) {
	.entryflow .subpage_block_ttl_txt-main, .login .subpage_block_ttl_txt-main {
	  line-height: 1.2
	}
	.entryflow_item {
	  width: 100%;
	  margin-bottom: 40px
	}
  }
  
  .entryflow_txt_indent {
	padding-left: 1em;
	text-indent: -1.2em
  }
  
  .entryflow_item-p {
	font-size: 1.2rem
  }
  
  h3.title_btn {
	position: relative;
	font-size: 2.4rem;
	font-weight: 500;
	font-family: YuMincho, Yu Mincho, "Noto Serif JP", serif;
	padding-bottom: 30px;
	cursor: pointer
  }
  
  h3.title_btn:after {
	position: absolute;
	content: "";
	width: 18px;
	height: 10px;
	top: calc(50% - 22px);
	right: 30px;
	background-image: url(/faq/img/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all .4s;
	transition: all .4s
  }
  
  h3.title_btn.current:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
  }
  
  .faq_list dd, .list_menu .list {
	display: none
  }
  
  .list_menu .main_list {
	position: relative;
	background-image: url(/faq/img/line.png);
	background-position-y: bottom;
	background-repeat: repeat-x
  }
  
  .list_menu .main_list+.main_list {
	margin-top: 31px
  }
  
  .list_menu .list {
	padding-top: 39px;
	padding-bottom: 31px;
	background-image: url(/faq/img/line.png);
	background-position-y: top;
	background-repeat: repeat-x
  }
  
  .info_content {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 62px 40px
  }
  
  .info_content .info_list_box {
	margin-bottom: 80px;
	position: relative
  }
  
  .info_content .info_list_box .info_label_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
  }
  
  .info_content .info_list_box .info_label_wrap span {
	display: inline-block;
	background-color: #333;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	width: auto;
	padding: 0 6px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 3px
  }
  
  .info_content .info_list_box .info_label_wrap span+span {
	margin-left: 10px
  }
  
  .info_content .info_list_box .info_list_ttl {
	font-size: 21px;
	line-height: 1.75;
	margin: 20px auto
  }
  
  .info_content .info_list_box dl {
	padding: 20px 0;
	font-size: 15px;
	background-image: url(/info/img/line.png);
	background-position-y: top;
	background-repeat: repeat-x;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 1.75
  }
  
  .info_content .info_list_box dl dt {
	font-weight: 700
  }
  
  .info_content .info_list_box dl dd {
	width: 56.875vw
  }
  
  .info_content .info_list_box dl:last-child {
	background-image: url(/info/img/line.png), url(/info/img/line.png);
	background-position-y: top, bottom;
	background-repeat: repeat-x
  }
  
  .info_content .info_list_box .moreLink {
	color: #dd001f;
	width: 170px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 55px
  }
  
  .info_content .info_list_box .moreLink:hover a, .info_content .info_list_box .moreLink a {
	color: #dd001f
  }
  
  .info_content .info_list_box .moreLink:hover .moreLink_arrow img {
	display: none
  }
  
  .info_content .info_list_box .moreLink:hover .moreLink_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .info_content .info_list_box .moreLink .moreLink_arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .info_content .info_list_box .moreLink .moreLink_arrow img {
	display: block;
	width: 100%
  }
  
  .info_content .info_list_box .moreLink .moreLink_arrow img.hover {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.info_content {
	  padding: 40px 20px
	}
	.info_content .info_list_box {
	  margin-bottom: 160px
	}
	.info_content .info_list_box .info_label_wrap {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex
	}
	.info_content .info_list_box .info_label_wrap span {
	  font-size: 12px;
	  height: 25px;
	  line-height: 25px
	}
	.info_content .info_list_box .info_list_ttl {
	  font-size: 18px
	}
	.info_content .info_list_box dl dt {
	  font-size: 14px
	}
	.info_content .info_list_box dl dd {
	  font-size: 13px
	}
	.info_content .info_list_box .moreLink {
	  top: auto;
	  right: 0;
	  left: 0;
	  margin-top: 30px
	}
  }
  
  .mapSection {
	position: relative;
	padding-top: 120px
  }
  
  .mapSection:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.mapSection:after {
	  width: 90%
	}
  }
  
  @media screen and (max-width:1023px) {
	.mapSection {
	  width: 95%;
	  margin: 60px auto 0
	}
  }
  
  @media screen and (max-width:767px) {
	.mapSection {
	  margin: 60px auto 0
	}
  }
  
  .mapSection_ttl {
	font-size: 27px;
	text-align: center
  }
  
  @media screen and (max-width:767px) {
	.mapSection_ttl {
	  font-size: 22px;
	  margin: 0 15px;
	  line-height: 1.4
	}
  }
  
  .mapSection_map {
	display: block;
	width: calc(100% - 200px);
	max-width: 822px;
	margin: 41px auto 0
  }
  
  @media screen and (max-width:767px) {
	.mapSection_map {
	  width: 100%
	}
  }
  
  .mapSection_txt {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 2;
	margin: 44px 0 60px
  }
  
  @media screen and (max-width:767px) {
	.mapSection_txt {
	  text-align: left;
	  font-weight: 500;
	  width: 90%;
	  margin: 30px auto
	}
  }
  
  .map_pc {
	display: block;
	background: url(/liveability/img/toyota_access.jpg);
	background-size: cover;
	width: 822px;
	height: 402px;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.map_pc {
	  width: 280px;
	  height: 137px
	}
  }
  
  .map_pc img {
	width: 100%
  }
  
  .map_pc .name {
	width: 58px;
	height: 11px;
	position: absolute;
	top: 280px;
	left: 395px;
	opacity: 0;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transform-origin: center;
	transform-origin: center
  }
  
  @media screen and (max-width:767px) {
	.map_pc .name {
	  width: 36px;
	  height: 6;
	  top: 90px;
	  left: 142px
	}
  }
  
  .map_pc .name:after {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	bottom: -18px;
	left: 24px
  }
  
  @media screen and (max-width:767px) {
	.map_pc .name:after {
	  width: 7px;
	  height: 7px;
	  bottom: -8px;
	  left: 15px
	}
  }
  
  .map_pc .name.is-popup {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 1s;
	transition: all 1s
  }
  
  .map_pc .name.is-popup:after {
	-webkit-animation: fuwa 1.5s 1s infinite forwards;
	animation: fuwa 1.5s 1s infinite forwards
  }
  
  @-webkit-keyframes fuwa {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
	  box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
	}
	50% {
	  background: #f3102f
	}
	80% {
	  background: #000
	}
	to {
	  -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
	  box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
	}
  }
  
  @keyframes fuwa {
	0% {
	  -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
	  box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
	}
	50% {
	  background: #f3102f
	}
	80% {
	  background: #000
	}
	to {
	  -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
	  box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
	}
  }
  
  .boxParent {
	width: 760px;
	margin: 0 auto
  }
  
  @media screen and (max-width:767px) {
	.boxParent {
	  width: 100%
	}
  }
  
  .cityBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 760px;
	margin: 0 auto;
	padding: 48px 0 50px;
	position: relative
  }
  
  .cityBox:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.cityBox:after {
	  width: 90%
	}
  }
  
  .cityBox:after {
	width: 100%
  }
  
  @media screen and (max-width:1023px) {
	.cityBox {
	  width: 90%;
	  margin: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.cityBox {
	  display: block;
	  width: 100%;
	  padding: 35px 0 100px;
	  position: relative;
	  margin-bottom: 30px
	}
  }
  
  .cityBox_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% - 390px)
  }
  
  @media screen and (max-width:767px) {
	.cityBox_flex {
	  width: 90%;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  margin: 0 auto
	}
  }
  
  .cityBox_flex_name {
	font-size: 24px;
	width: 100px;
	margin-right: 20px
  }
  
  @media screen and (max-width:767px) {
	.cityBox_flex_name {
	  margin-right: 0
	}
  }
  
  .cityBox_flex_map {
	width: 250px
  }
  
  @media screen and (max-width:767px) {
	.cityBox_flex_map {
	  width: calc(100% - 100px)
	}
  }
  
  .cityBox_flex_map.is-colorin .pulse {
	-webkit-animation: pulse 1s .5s forwards;
	animation: pulse 1s .5s forwards
  }
  
  .cityBox_sec {
	width: 350px
  }
  
  .cityBox_sec_ttl {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 26px
  }
  
  @media screen and (max-width:767px) {
	.cityBox_sec_ttl {
	  font-size: 15px;
	  margin: 10px 0 16px
	}
  }
  
  .cityBox_sec_txt {
	font-size: 15px;
	line-height: 2
  }
  
  @media screen and (max-width:767px) {
	.cityBox_sec_txt {
	  font-size: 14px
	}
  }
  
  @media screen and (max-width:767px) {
	.cityBox_sec {
	  width: 90%;
	  margin: 0 auto
	}
  }
  
  @media screen and (max-width:767px) {
	.lastBox .cityBox_sec_txt {
	  padding-bottom: 12px
	}
  }
  
  @-webkit-keyframes pulse {
	0% {
	  fill: transparent!important
	}
	to {
	  fill: #dd001f!important
	}
  }
  
  @keyframes pulse {
	0% {
	  fill: transparent!important
	}
	to {
	  fill: #dd001f!important
	}
  }
  
  .toyotaBox {
	padding-bottom: 30px
  }
  
  .accessBox {
	background-color: #f5f4e5;
	margin-top: 25px;
	padding: 14px 44px 17px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:767px) {
	.accessBox {
	  padding: 10px 14px 13px;
	  position: absolute;
	  bottom: 0;
	  width: 90%;
	  margin: 0 auto
	}
  }
  
  .accessBox_pur {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px
  }
  
  @media screen and (max-width:767px) {
	.accessBox_pur {
	  font-size: 10px
	}
  }
  
  .accessBox_pur span {
	font-size: 10px;
	margin-left: 9px
  }
  
  @media screen and (max-width:767px) {
	.accessBox_pur span {
	  font-size: 10px;
	  margin-left: 0
	}
  }
  
  .accessBox_means {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .accessBox_means, .accessBox_means_vehicle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
  }
  
  .accessBox_means_vehicle {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
  }
  
  .accessBox_means_vehicle img {
	height: 32px
  }
  
  .accessBox_means_vehicle p {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
	margin-left: 10px
  }
  
  .accessBox_means_vehicle p span {
	font-size: 27px;
	color: #dd001f;
	font-weight: 400;
	margin-left: 5px
  }
  
  .red-fill {
	fill: #000
  }
  
  .liveabilityContents .liveabilityContents_inner.map-spacer {
	padding: 50px 0;
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContents_inner.map-spacer {
	  padding: 35px 0
	}
  }
  
  .liveability {
	overflow: hidden
  }
  
  .liveabilityGraph {
	background: #f5f4e5;
	color: #333;
	padding: 120px 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph {
	  padding: 60px 0
	}
  }
  
  .liveabilityGraph_inner {
	max-width: 760px;
	margin: 0 auto
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraph_inner {
	  width: calc(100% - 40px);
	  max-width: 680px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_inner {
	  max-width: 400px
	}
  }
  
  .liveabilityGraph_ttl {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .3em;
	line-height: 1;
	margin-bottom: 56px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_ttl {
	  font-size: 24px;
	  letter-spacing: .025em;
	  margin-bottom: 44px
	}
  }
  
  .liveabilityGraph_lead {
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	line-height: 2;
	padding-bottom: 64px;
	margin-bottom: 44px;
	position: relative
  }
  
  .liveabilityGraph_lead:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_lead:after {
	  width: 90%
	}
  }
  
  .liveabilityGraph_lead:after {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraph_lead {
	  font-size: 14px;
	  font-weight: 500;
	  text-align: left;
	  letter-spacing: 0;
	  padding-bottom: 30px;
	  margin-bottom: 60px
	}
	.liveabilityGraph_lead br {
	  display: none
	}
  }
  
  .liveabilityGraphNum {
	margin-bottom: 60px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNum {
	  margin-bottom: 0
	}
  }
  
  .liveabilityGraphNum_ttl {
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 72px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNum_ttl {
	  font-size: 22px;
	  font-weight: 500;
	  margin-bottom: 44px
	}
  }
  
  .liveabilityGraphNum_list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
  }
  
  .liveabilityGraphNum_list, .liveabilityGraphNumItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .liveabilityGraphNumItem {
	margin-bottom: 100px;
	position: relative;
	z-index: 10
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem {
	  display: block;
	  margin-bottom: 60px
	}
  }
  
  .liveabilityGraphNumItem.-large {
	width: 100%;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
  }
  
  .liveabilityGraphNumItem.-medium {
	width: 280px;
	margin-right: 50px
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem.-medium {
	  margin-right: 20px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-medium {
	  width: 100%;
	  margin-right: 0
	}
  }
  
  .liveabilityGraphNumItem.-home img {
	height: 152px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-home img {
	  height: 145px
	}
  }
  
  .liveabilityGraphNumItem.-parking img {
	height: 182px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-parking img {
	  height: 145px
	}
  }
  
  .liveabilityGraphNumItem.-ic {
	width: 532px;
	margin: 0 auto
  }
  
  .liveabilityGraphNumItem.-ic img {
	height: 150px
  }
  
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
	display: inline-block;
	margin: 0 .15em
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
	  display: block;
	  margin-left: 0
	}
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span .num {
	  display: inline-block;
	  margin-top: 6px
	}
  }
  
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
	font-size: 12px;
	margin-bottom: 18px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
	  margin-bottom: 10px
	}
  }
  
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
	width: 290px;
	padding: 10px 0 50px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
	  width: 100%;
	  padding-bottom: 90px
	}
  }
  
  .liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
	position: absolute;
	right: -50px;
	bottom: 0;
	z-index: -10
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
	  right: -20px;
	  bottom: -34px
	}
  }
  
  .liveabilityGraphNumItem.-ic img {
	right: 0
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem.-ic img {
	  right: -20px;
	  bottom: -4px
	}
  }
  
  .liveabilityGraphNumItem_ttl {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 12px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_ttl {
	  text-align: left
	}
  }
  
  .liveabilityGraphNumItem_ttl span {
	display: block;
	font-size: 29px
  }
  
  .liveabilityGraphNumItem_ttl span.num {
	display: inline-block;
	font-size: 66px;
	font-weight: 500;
	letter-spacing: 0;
	margin-top: 6px
  }
  
  .liveabilityGraphNumItem_note {
	font-size: 12px;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 16px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_note {
	  text-align: left
	}
  }
  
  .liveabilityGraphNumItem_status {
	position: relative;
	padding: 22px 0
  }
  
  .liveabilityGraphNumItem_status:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_status:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphNumItem_status:after {
	width: 100%
  }
  
  .liveabilityGraphNumItem_status li {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 16px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_status li {
	  font-weight: 500
	}
  }
  
  .liveabilityGraphNumItem_status li:last-child {
	margin-bottom: 0
  }
  
  .liveabilityGraphNumItem_status li>span {
	display: inline-block;
	-moz-text-align-last: justify;
	text-align-last: justify;
	letter-spacing: 0
  }
  
  .liveabilityGraphNumItem_status li>span.kakko {
	display: block;
	width: auto!important;
	font-size: 15px;
	-moz-text-align-last: left;
	text-align-last: left;
	margin-left: -.5em;
	margin-top: 8px
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem_status li>span.kakko {
	  font-size: 14px
	}
  }
  
  .liveabilityGraphNumItem_status.-people li>span {
	width: 65px
  }
  
  .liveabilityGraphNumItem_status.-home li>span {
	width: 88px
  }
  
  .liveabilityGraphNumItem_status.-parking li>span {
	width: 150px
  }
  
  .liveabilityGraphNumItem_people {
	position: relative;
	padding-top: 22px
  }
  
  .liveabilityGraphNumItem_people:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_people:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphNumItem_people:after {
	width: 100%
  }
  
  .liveabilityGraphNumItem_people li {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 10px
  }
  
  .liveabilityGraphNumItem_people li>span {
	font-size: 12px
  }
  
  .liveabilityGraphNumItem_people li .num {
	font-size: 27px;
	font-weight: 500;
	margin: 0 .05em 0 .25em
  }
  
  .liveabilityGraphNumItem_infoGraphic {
	width: 445px;
	height: 332px;
	margin-bottom: 40px
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem_infoGraphic {
	  width: 360px;
	  height: 252px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic {
	  width: 252px;
	  height: 188px;
	  margin: 14px auto 10px
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	height: 100%
  }
  
  .liveabilityGraphNumItem_infoGraphic .item {
	width: 22px;
	height: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: relative
  }
  
  .liveabilityGraphNumItem_infoGraphic .item span {
	display: block;
	width: 100%;
	height: 332px;
	background: -webkit-gradient(linear, left top, left bottom, from(#9cff38), to(#ffeb00));
	background: linear-gradient(#9cff38, #ffeb00);
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityGraphNumItem_infoGraphic .item {
	  width: 18px
	}
	.liveabilityGraphNumItem_infoGraphic .item span {
	  height: 252px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .item {
	  width: 12px
	}
	.liveabilityGraphNumItem_infoGraphic .item span {
	  height: 188px
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 10px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .txtContainer {
	  margin-top: 4px
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
	text-align: center;
	font-size: 10px;
	letter-spacing: .05em;
	line-height: 1
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
	  -webkit-transform: scale(.6);
	  transform: scale(.6)
	}
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-old {
	-webkit-transform: translate(-35%);
	transform: translate(-35%)
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-new {
	-webkit-transform: translate(35%);
	transform: translate(35%)
  }
  
  .liveabilityGraphNumItem_infoGraphic .txtContainer .year {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_infoGraphic .txtContainer .year {
	  margin-bottom: 0
	}
  }
  
  .liveabilityGraphNumItem_txt {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.7;
	padding-bottom: 8px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphNumItem_txt {
	  padding-bottom: 0
	}
  }
  
  .liveabilityGraphAccess {
	position: relative;
	padding-top: 40px;
	margin-bottom: 120px
  }
  
  .liveabilityGraphAccess:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphAccess:after {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess {
	  margin-bottom: 40px
	}
	.liveabilityGraphAccess:after {
	  content: none
	}
  }
  
  .liveabilityGraphAccess_ttl {
	font-size: 24px;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 40px
  }
  
  .liveabilityGraphAccess_ttl span {
	font-size: 14px;
	margin-left: 10px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess_ttl {
	  text-align: center
	}
	.liveabilityGraphAccess_ttl span {
	  display: block;
	  margin-top: 10px
	}
  }
  
  .liveabilityGraphAccess_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-bottom: 44px
  }
  
  .liveabilityGraphAccess_list:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess_list:after {
	  width: 90%
	}
  }
  
  .liveabilityGraphAccess_list:after {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccess_list {
	  display: block;
	  padding-bottom: 0
	}
	.liveabilityGraphAccess_list:after {
	  content: none
	}
  }
  
  .liveabilityGraphAccessItem {
	width: 33.333%;
	height: 214px;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAccessItem {
	  width: 190px;
	  height: auto;
	  padding-bottom: 30px;
	  margin: 0 auto 30px;
	  -webkit-transform: translate(18px);
	  transform: translate(18px)
	}
	.liveabilityGraphAccessItem.-plane {
	  padding-bottom: 50px
	}
  }
  
  .liveabilityGraphAccessItem_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px
  }
  
  .liveabilityGraphAccessItem_ttl:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px
  }
  
  .liveabilityGraphAccessItem_ttl.-train {
	margin-left: -34px
  }
  
  .liveabilityGraphAccessItem_ttl.-train:before {
	width: 24px;
	height: 32px;
	background-image: url(/liveability/img/graph/ico_train@2x.png)
  }
  
  .liveabilityGraphAccessItem_ttl.-car {
	margin-left: -42px
  }
  
  .liveabilityGraphAccessItem_ttl.-car:before {
	width: 32px;
	height: 27px;
	background-image: url(/liveability/img/graph/ico_car@2x.png)
  }
  
  .liveabilityGraphAccessItem_ttl.-plane {
	margin-left: -43px
  }
  
  .liveabilityGraphAccessItem_ttl.-plane:before {
	width: 33px;
	height: 33px;
	background-image: url(/liveability/img/graph/ico_plane@2x.png)
  }
  
  .liveabilityGraphAccessItem_txt {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.4;
	margin-bottom: 10px
  }
  
  .liveabilityGraphAccessItem_txt span {
	font-size: 14px;
	font-weight: 400;
	display: block
  }
  
  .liveabilityAboutBanner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 22px 20px 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner {
	  display: block;
	  padding: 48px 20px 0;
	  width: 100%!important
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_txtContainer {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner_more {
	  width: 64px;
	  margin: 18px auto 0!important
	}
  }
  
  .liveabilityGraphAccessGrafic {
	position: absolute;
	bottom: 0
  }
  
  .liveabilityGraphAccessGrafic img {
	position: absolute;
	left: calc(50% + 20px);
	bottom: 8px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
  }
  
  .liveabilityGraphAccessGrafic img.car {
	width: 31px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left: 4px;
	bottom: 26px
  }
  
  .liveabilityGraphAccessGrafic img.plane {
	left: auto;
	right: -20px;
	-webkit-transform: none;
	transform: none
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line:before {
	width: 12px;
	height: 12px;
	left: -20px;
	background: #dd001f
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope {
	width: 48px;
	left: 22px;
	bottom: 10px;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-animation: line-right 1s linear infinite;
	animation: line-right 1s linear infinite
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:before {
	content: none
  }
  
  .liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:after {
	width: 16px;
	height: 16px;
	right: -20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
	background: linear-gradient(#b4fa2a, #e3f00f)
  }
  
  .liveabilityGraphAccessGrafic_line {
	display: block;
	width: 110px;
	height: 2px;
	background-image: url(/liveability/img/graph/dot_line_item@2x.png);
	background-size: 8px;
	background-repeat: repeat-x;
	position: relative;
	left: 25px;
	-webkit-animation: line-left 1s linear infinite;
	animation: line-left 1s linear infinite
  }
  
  .liveabilityGraphAccessGrafic_line:after, .liveabilityGraphAccessGrafic_line:before {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .liveabilityGraphAccessGrafic_line:before {
	width: 16px;
	height: 16px;
	left: -25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
	background: linear-gradient(#b4fa2a, #e3f00f)
  }
  
  .liveabilityGraphAccessGrafic_line:after {
	width: 12px;
	height: 12px;
	right: -15px;
	background: #dd001f
  }
  
  @-webkit-keyframes line-left {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: -8px
	}
  }
  
  @keyframes line-left {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: -8px
	}
  }
  
  @-webkit-keyframes line-right {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: 8px
	}
  }
  
  @keyframes line-right {
	0% {
	  background-position-x: 0
	}
	to {
	  background-position-x: 8px
	}
  }
  
  .liveabilityGraphAbout_logo {
	width: 277px;
	margin: 0 auto;
	padding-right: 20px
  }
  
  .liveabilityGraphAbout_logo img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_logo {
	  width: 229px;
	  overflow: 0;
	  margin-bottom: 40px
	}
  }
  
  sup {
	font-size: xx-small;
	vertical-align: super
  }
  
  .pc-hidden {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.pc-hidden {
	  display: block
	}
  }
  
  @media screen and (max-width:767px) {
	.sp-hidden {
	  display: none
	}
  }
  
  .spacer {
	border-top: 1px dotted #707070;
	margin: 30px auto 0;
	padding-bottom: 30px
  }
  
  @media screen and (max-width:767px) {
	.spacer {
	  width: 100%
	}
  }
  
  .liveabilityContentsPlaces {
	padding-top: 20px
  }
  
  .liveabilityContentsPlacesItemDetails_ttl {
	position: relative;
	padding-left: 30px
  }
  
  .liveabilityContentsPlacesItemDetails_ttl:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #dd0a1f;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
  }
  
  .liveability {
	display: block
  }
  
  .liveability, .liveability_content {
	background: #fff
  }
  
  .liveability_main_movie {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
  }
  
  .liveability_main_movie img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveability_main_movie img {
	  height: auto
	}
  }
  
  .liveability_main_movie .sp {
	padding-top: 48px
  }
  
  .liveabilityMainMovie_txtContainer {
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(/liveability/img/liveability_mv_pc.png) 100%;
	background-size: cover;
	background-repeat: no-repeat
  }
  
  @media screen and (max-width:1279px) {
	.liveabilityMainMovie_txtContainer {
	  top: 20px
	}
  }
  
  .liveabilityMainMovie_heading {
	display: inline-block;
	font-size: 4.2rem;
	letter-spacing: .04em;
	margin: 70px 0 40px
  }
  
  .liveabilityMainMovie_heading span {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin-left: 16px
  }
  
  .liveabilityMainMovie_heading:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	margin: 12px auto 0
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityMainMovie_heading {
	  font-size: 3rem;
	  margin: 70px 0 20px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityMainMovie_heading {
	  font-size: 4.2rem;
	  margin: 70px 0 40px
	}
  }
  
  .liveabilityMainMovie_ttl {
	font-size: 4rem;
	letter-spacing: .25em;
	line-height: 2;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt"
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityMainMovie_ttl {
	  font-size: 3rem;
	  margin: 0 auto
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityMainMovie_ttl {
	  font-size: 24px;
	  margin: 0;
	  padding-bottom: 30px
	}
  }
  
  .liveabilityMainMovie_description {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1.6px;
	font-weight: 700;
	margin: 30px auto
  }
  
  @media screen and (max-width:1279px) {
	.liveabilityMainMovie_description {
	  font-size: 13px;
	  margin: 20px auto 40px
	}
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityMainMovie_description {
	  margin: 10px auto 30px
	}
  }
  
  .sp-nav .liveabilityMainMovie_description {
	background: #1a1a1a;
	margin: 0 auto;
	padding: 50px 5% 30px;
	z-index: 999;
	text-align: left;
	font-size: 16px;
	color: #fff;
	font-weight: 400
  }
  
  .sp-nav .liveabilityCase_btnList {
	width: 100%;
	display: block;
	background: #1a1a1a;
	margin-top: -5px;
	padding: 20px 0
  }
  
  .liveabilityCase_btnList {
	width: 760px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 30px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityCase_btnList {
	  display: none
	}
  }
  
  .liveabilityCase_btn {
	width: 182px;
	height: 60px;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -.05em;
	text-align: left;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .4s ease;
	transition: .4s ease
  }
  
  @media screen and (max-width:767px) {
	.liveabilityCase_btn {
	  width: 90%;
	  margin: 20px auto
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityCase_btn:first-of-type {
	  margin-top: 0
	}
  }
  
  .liveabilityCase_btn:hover {
	border-color: #fff;
	background-color: #fff
  }
  
  .liveabilityCase_btn:hover a {
	color: #000
  }
  
  .liveabilityCase_btn:hover .liveabilityCase_btn_arrow img {
	display: none;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .liveabilityCase_btn:hover .liveabilityCase_btn_arrow .hover {
	display: block
  }
  
  .liveabilityCase_btn a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #fff
  }
  
  .liveabilityCase_btn a span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px
  }
  
  .liveabilityCase_btn_arrow {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
  }
  
  .liveabilityCase_btn_arrow img {
	width: 100%;
	height: auto;
	opacity: 1
  }
  
  @-webkit-keyframes moveUp {
	0% {
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%)
	}
	50% {
	  opacity: 1
	}
	to {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1
	}
  }
  
  @keyframes moveUp {
	0% {
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%)
	}
	50% {
	  opacity: 1
	}
	to {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1
	}
  }
  
  .liveabilityContents .liveabilityContents_inner {
	width: 760px;
	margin: 0 auto;
	padding: 120px 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContents_inner {
	  width: 90%;
	  padding: 35px 0
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders {
	padding-bottom: 20px;
	position: relative
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders {
	  padding-bottom: 50px
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	bottom: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders:after {
	  width: 90%
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders:after {
	width: 100%
  }
  
  .liveabilityContents .liveabilityContentsHeaders_ttl {
	font-size: 40px;
	font-weight: lighter;
	text-align: center;
	letter-spacing: 4.8px;
	line-height: 1.4;
	margin-bottom: 50px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_ttl {
	  font-size: 24px;
	  margin-bottom: 40px;
	  line-height: 1.5;
	  font-weight: 700
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders_txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 1.6px;
	text-align: center
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_txt {
	  font-size: 14px;
	  text-align: left;
	  font-weight: 400
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc {
	background: url(/liveability/img/city_base.png);
	background-size: cover;
	width: 760px;
	height: 438px;
	position: relative;
	margin-bottom: 70px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_img_pc {
	  display: none
	}
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-1 img {
	-webkit-animation: moveUp 1s .1s forwards;
	animation: moveUp 1s .1s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-2 img {
	-webkit-animation: moveUp 1s .2s forwards;
	animation: moveUp 1s .2s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-3 img {
	-webkit-animation: moveUp 1s .3s forwards;
	animation: moveUp 1s .3s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-4 img {
	-webkit-animation: moveUp 1s .6s forwards;
	animation: moveUp 1s .6s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-5 img {
	-webkit-animation: moveUp 1s .8s forwards;
	animation: moveUp 1s .8s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-6 img {
	-webkit-animation: moveUp 1s .5s forwards;
	animation: moveUp 1s .5s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-7 img {
	-webkit-animation: moveUp 1s .4s forwards;
	animation: moveUp 1s .4s forwards
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-before {
	position: absolute;
	overflow: hidden
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc img {
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transform-origin: bottom;
	transform-origin: bottom
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-1 {
	width: 141px;
	height: 167px;
	top: 10px;
	left: 244px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-2 {
	width: 119px;
	height: 124px;
	top: 58px;
	left: 384px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-3 {
	width: 125px;
	height: 93px;
	top: 140px;
	left: 318px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-4 {
	width: 135px;
	height: 96px;
	top: 260px;
	left: 250px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-5 {
	width: 135px;
	height: 96px;
	top: 288px;
	left: 300px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-6 {
	width: 109px;
	height: 139px;
	top: 156px;
	left: 488px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_pc .building-7 {
	width: 86px;
	height: 70px;
	top: 156px;
	left: 117px
  }
  
  .liveabilityContents .liveabilityContentsHeaders_img_sp {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_img_sp {
	  display: block;
	  background: url(/liveability/img/city_base.png);
	  background-size: cover;
	  width: 596px;
	  height: 344px;
	  position: relative;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%)
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-1 img {
	  -webkit-animation: moveUp 1s .4s forwards;
	  animation: moveUp 1s .4s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-2 img {
	  -webkit-animation: moveUp 1s .1s forwards;
	  animation: moveUp 1s .1s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-3 img {
	  -webkit-animation: moveUp 1s .2s forwards;
	  animation: moveUp 1s .2s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-4 img {
	  -webkit-animation: moveUp 1s .3s forwards;
	  animation: moveUp 1s .3s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-5 img {
	  -webkit-animation: moveUp 1s .4s forwards;
	  animation: moveUp 1s .4s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-6 img {
	  -webkit-animation: moveUp 1s .5s forwards;
	  animation: moveUp 1s .5s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-7 img {
	  -webkit-animation: moveUp 1s .6s forwards;
	  animation: moveUp 1s .6s forwards
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-before {
	  position: absolute;
	  overflow: hidden
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp img {
	  width: 100%;
	  opacity: 0;
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%);
	  -webkit-transform-origin: bottom;
	  transform-origin: bottom
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-1 {
	  width: 111px;
	  height: 131px;
	  top: 2px;
	  left: 177px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-2 {
	  width: 94px;
	  height: 98px;
	  top: 43px;
	  left: 303px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-3 {
	  width: 99px;
	  height: 73px;
	  top: 106px;
	  left: 250px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-4 {
	  width: 106px;
	  height: 76px;
	  top: 203px;
	  left: 198px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-5 {
	  width: 106px;
	  height: 76px;
	  top: 224px;
	  left: 237px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-6 {
	  width: 86px;
	  height: 109px;
	  top: 121px;
	  left: 384px
	}
	.liveabilityContents .liveabilityContentsHeaders_img_sp .building-7 {
	  width: 68px;
	  height: 55px;
	  top: 121px;
	  left: 95px
	}
  }
  
  .liveabilityContents1 {
	background: #fff
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces img {
	width: 100%
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem {
	margin: 40px auto
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem:first-of-type {
	margin-top: 50px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
	  display: block
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
	width: 302px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
	  width: 100%
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
	margin-left: 36px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_ttl {
	font-size: 18px;
	font-weight: 700
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_txt {
	line-height: 1.8;
	margin-top: 20px;
	font-size: 15px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
	  margin-left: 0;
	  margin-top: 20px
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 75px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
	  display: block;
	  margin-top: 40px
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
	width: 33.33333%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 50px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
	  width: 100%
	}
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:first-of-type {
	margin-top: 40px
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:last-child {
	margin-right: 0
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_ttl {
	font-size: 16px;
	font-weight: 700;
	margin: 22px auto
  }
  
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_txt {
	font-size: 13px;
	line-height: 1.8
  }
  
  .liveabilityContents .liveabilityContentsHeaders_txt {
	margin-bottom: 70px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsHeaders_txt {
	  margin-bottom: 30px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview {
	margin-top: 30px
  }
  
  .liveabilityContents .liveabilityContentsInterview_special {
	margin-top: -40px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview_special {
	  width: 95%;
	  margin: 0 auto
	}
  }
  
  @media screen and (max-width:1023px) {
	.liveabilityContents .liveabilityContentsInterview {
	  width: 95%;
	  margin: 0 auto
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader {
	padding-top: 60px;
	position: relative
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px;
	position: absolute;
	left: 0;
	top: 0
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
	  width: 90%
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
	width: 100%
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1.2px;
	color: #dd001f
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
	  font-size: 18px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.8;
	margin: 25px auto
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
	  font-size: 21px;
	  margin: 20px auto 8px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
	font-size: 16px;
	font-weight: 700
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
	  font-weight: 400
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 55px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
	  display: block;
	  margin-top: 25px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem:first-of-type {
	margin-right: 40px
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
	width: 50%;
	font-size: 15px;
	line-height: 2
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
	  width: 100%;
	  font-size: 14px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
	width: 100%
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
	  margin-top: 20px
	}
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem p {
	display: block
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special {
	margin-top: 38px;
	display: block;
	padding: 30px 25px;
	background: #f2f2f2;
	line-height: 1.8
  }
  
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special span {
	font-size: 12px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layoutB {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse
	}
  }
  
  .liveabilityContents3 .liveabilityGraph_about {
	margin: 80px auto 0
  }
  
  .liveabilityContents4 {
	background: #f5f4e5;
	margin-bottom: 0
  }
  
  .liveabilityContents4 .liveabilityGraph_about {
	margin: 80px auto 0
  }
  
  .feature_last_txt {
	margin-top: 0!important;
	text-align: center;
	font-weight: 700;
	font-size: 18px
  }
  
  .liveabilityAboutBanner-2 .liveabilityGraphAbout_logo {
	height: 200px
  }
  
  .liveabilityAboutBanner-2 .liveabilityGraphAbout_logo img {
	height: 100%
  }
  
  .liveabilityAboutBanner-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner-2 {
	  display: block;
	  width: 90%!important
	}
  }
  
  .liveabilityGraphAbout_logo {
	margin: 0;
	width: 320px;
	padding-right: 40px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_logo {
	  width: 100%;
	  margin: 0 auto;
	  padding-right: 0
	}
  }
  
  .liveabilityGraphAbout_txtContainer {
	width: 52%;
	padding-top: 15px;
	padding-right: 20px
  }
  
  @media screen and (max-width:767px) {
	.liveabilityGraphAbout_txtContainer {
	  width: 90%;
	  margin: 0 auto;
	  padding: 30px 10px
	}
  }
  
  .liveabilityAboutBanner_ttl {
	font-size: 16px;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: 18px
  }
  
  .liveabilityAboutBanner_txt {
	font-size: 13px;
	letter-spacing: .05em;
	line-height: 1.7
  }
  
  .liveabilityAboutBanner_more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: #dd001f;
	letter-spacing: .075em;
	line-height: 1;
	cursor: pointer;
	padding: 14px 0
  }
  
  @media screen and (min-width:1024px) {
	.liveabilityAboutBanner_more:hover .liveabilityAboutBanner_arrow img {
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityAboutBanner_more {
	  width: 64px;
	  margin: 0 auto
	}
  }
  
  .liveabilityAboutBanner_arrow {
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	overflow: hidden;
	margin-left: 10px
  }
  
  .liveabilityAboutBanner_arrow img {
	width: 100%;
	height: auto;
	opacity: .8
  }
  
  .liveabilityContents_inner2 {
	width: 760px;
	margin: 0 auto;
	padding: 120px 0
  }
  
  .liveabilityContents_inner2 .liveabilityContentsHeaders {
	padding-bottom: 0
  }
  
  .liveabilityContents_inner2 .liveabilityContentsHeaders:after {
	display: none
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner2 {
	  width: 100%;
	  padding: 40px 0
	}
	.liveabilityContents_inner2 .liveabilityContentsHeaders_txt {
	  padding: 0 20px
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner2 .liveabilityAboutBanner {
	  width: 90%!important
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner2 .liveabilityContentsInterview {
	  width: 100%
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview_header {
	  margin: 0 20px
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
	  width: 90%!important;
	  margin: 0 auto!important
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
	  width: 100%!important
	}
	.liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
	  margin: 0 20px;
	  padding: 20px
	}
  }
  
  .liveabilityContents_inner3 {
	width: 760px;
	margin: 0 auto;
	padding: 120px 0
  }
  
  .liveabilityContents_inner3 .liveabilityContentsHeaders {
	padding-bottom: 0
  }
  
  .liveabilityContents_inner3 .liveabilityContentsHeaders:after {
	width: 0!important
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner3 {
	  width: 100%;
	  padding: 60px 0
	}
	.liveabilityContents_inner3 .liveabilityContentsHeaders_txt {
	  padding: 0 20px;
	  letter-spacing: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner3 .liveabilityContentsInterview {
	  width: 100%
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview_header {
	  margin: 0 20px
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
	  width: 90%!important;
	  margin: 0 auto!important
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
	  width: 100%!important
	}
	.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
	  margin: 0 20px;
	  padding: 20px;
	  background: #fff!important
	}
  }
  
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
	background: #fff!important
  }
  
  @media screen and (max-width:767px) {
	.feature_last_inner {
	  text-align: left
	}
	.feature_last_inner .feature_last_txt {
	  font-weight: 700;
	  text-align: left
	}
  }
  
  .liveabilityContents_inner-hr {
	width: 760px;
	margin: 0 auto
  }
  
  @media screen and (max-width:767px) {
	.liveabilityContents_inner-hr {
	  width: 90%
	}
  }
  
  .featureCaseInfographics {
	width: 100%
  }
  
  .featureCaseInfographics_imgContainer {
	width: 100%;
	height: 464px;
	position: relative
  }
  
  .featureCaseInfographics_imgContainer:after {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: #a4b8c4;
	position: absolute;
	bottom: 0
  }
  
  .featureCaseInfographics_road, .featureCaseInfographics_town {
	width: 100%;
	background: repeat-x bottom;
	background-size: contain;
	position: absolute;
	left: 0
  }
  
  .featureCaseInfographics_town {
	height: 134px;
	background-image: url(/feature/img/infographics/bg_town.png);
	bottom: 120px
  }
  
  .featureCaseInfographics_road {
	height: 70px;
	background-image: url(/feature/img/infographics/bg_road.png);
	bottom: 50px
  }
  
  .featureCaseInfographics_cloud {
	display: block;
	width: 263px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-animation: none;
	animation: none;
	-webkit-animation: cloud 1.8s linear infinite;
	animation: cloud 1.8s linear infinite
  }
  
  .featureCaseInfographics_carContainer {
	width: 100%;
	max-width: 1024px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto
  }
  
  .featureCaseInfographics_carContainer-front {
	bottom: 60px;
	z-index: 10
  }
  
  .featureCaseInfographics_carContainer-back {
	bottom: 88px
  }
  
  .featureCaseInfographics_car {
	display: block;
	position: absolute;
	bottom: 0
  }
  
  .featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
	width: 105px
  }
  
  .featureCaseInfographics_car-02 {
	width: 159px
  }
  
  .featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
	width: 111.5px
  }
  
  .featureCaseInfographics_car-04 {
	width: 68.5px
  }
  
  .featureCaseInfographics_car-06 {
	width: 118px
  }
  
  .featureCaseInfographics_car-01 {
	left: 11.9%
  }
  
  .featureCaseInfographics_car-02 {
	left: 31.25%
  }
  
  .featureCaseInfographics_car-03 {
	left: 55.95%
  }
  
  .featureCaseInfographics_car-04 {
	left: 75.39%
  }
  
  .featureCaseInfographics_car-05 {
	left: 6.93%
  }
  
  .featureCaseInfographics_car-06 {
	left: 47.95%
  }
  
  .featureCaseInfographics_car-07 {
	left: 83.2%
  }
  
  .featureCaseInfographics_arrowContainer {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10
  }
  
  .featureCaseInfographics_arrow {
	width: 14px;
	background: url(/feature/img/infographics/arrow_body.png) repeat-y top;
	background-size: 4px;
	position: absolute
  }
  
  .featureCaseInfographics_arrow-01 {
	height: 244px;
	top: 140px;
	left: 27.34%;
	-webkit-transform: rotate(46deg);
	transform: rotate(46deg)
  }
  
  .featureCaseInfographics_arrow-02 {
	height: 124px;
	top: 200px;
	left: 42.48%;
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg)
  }
  
  .featureCaseInfographics_arrow-03 {
	height: 92px;
	top: 205px;
	left: 53.71%;
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg)
  }
  
  .featureCaseInfographics_arrow-04 {
	height: 244px;
	top: 120px;
	left: 72.75%;
	-webkit-transform: rotate(-58deg);
	transform: rotate(-58deg)
  }
  
  .featureCaseInfographics_arrow-05 {
	left: 25.98%
  }
  
  .featureCaseInfographics_arrow-06 {
	left: 50.78%
  }
  
  .featureCaseInfographics_arrow-07 {
	left: 70.31%
  }
  
  .featureCaseInfographics_arrow-car {
	height: 20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: 60px
  }
  
  .featureCaseInfographics_arrow:after, .featureCaseInfographics_arrow:before {
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	background: url(/feature/img/infographics/arrow_head.svg) no-repeat 50%;
	background-size: contain;
	position: absolute
  }
  
  .featureCaseInfographics_arrow:before {
	top: -16px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
  }
  
  .featureCaseInfographics_arrow:after {
	bottom: -16px
  }
  
  .featureCaseInfographics_arrow_item {
	display: block;
	width: 8px;
	height: 8px;
	background: #5fb4ca;
	border-radius: 8px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	z-index: 10;
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px)
  }
  
  .featureCaseInfographics_arrow_item.is-active {
	-webkit-animation: arrow linear both;
	animation: arrow linear both
  }
  
  .featureCaseInfographics_arrow_item.is-reverse {
	animation: arrow linear reverse both
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-01 {
	-webkit-animation-duration: .85s;
	animation-duration: .85s
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-02 {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-03 {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
  }
  
  .featureCaseInfographics_arrow_item.arrow_item-04 {
	-webkit-animation-duration: .85s;
	animation-duration: .85s
  }
  
  .featureCaseInfographics_arrow_item.type-short {
	-webkit-animation-duration: .35s;
	animation-duration: .35s
  }
  
  .featureCaseInfographics_hukidashiContainer {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10
  }
  
  .featureCaseInfographics_hukidashi {
	display: block;
	position: absolute;
	-webkit-transform: scale(0);
	transform: scale(0)
  }
  
  .featureCaseInfographics_hukidashi-a {
	top: 226px;
	left: 132px
  }
  
  .featureCaseInfographics_hukidashi-b {
	width: 68px;
	top: 280px;
	right: 202px
  }
  
  .featureCaseInfographics_hukidashi-c {
	top: 234px;
	left: 328px
  }
  
  .featureCaseInfographics_hukidashi-d {
	width: 29px
  }
  
  .featureCaseInfographics_hukidashi-d-01 {
	top: 286px;
	left: 88px
  }
  
  .featureCaseInfographics_hukidashi-d-02 {
	top: 202px;
	right: 353px
  }
  
  .featureCaseInfographics_hukidashi-d-03 {
	top: 300px;
	left: 284px
  }
  
  .featureCaseInfographics_hukidashi-d-04 {
	top: 276px;
	right: 101px
  }
  
  .featureCaseInfographics_hukidashi-d-05 {
	top: 290px;
	left: 500px
  }
  
  .featureCaseInfographics_hukidashi-d-06 {
	top: 326px;
	right: 350px
  }
  
  .featureCaseInfographics_hukidashi-d-07 {
	top: 260px;
	left: 45px
  }
  
  .featureCaseInfographics_peopleContainer {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10
  }
  
  .featureCaseInfographics_people {
	position: absolute;
	bottom: 42px
  }
  
  .featureCaseInfographics_people-a {
	width: 40px;
	left: 342px
  }
  
  .featureCaseInfographics_people-b {
	width: 24px;
	right: 358px
  }
  
  .featureCaseInfographics_people-c {
	width: 20.5px;
	right: 22px
  }
  
  .featureCaseInfographics_txtContainer {
	width: 100%;
	background: #89c6d7
  }
  
  .featureCaseInfographics_list {
	max-width: 984px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transform: translateY(-28px);
	transform: translateY(-28px)
  }
  
  .featureCaseInfographics_item {
	background: #fff;
	padding: 20px 17px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .featureCaseInfographics_item-connected {
	width: 263px
  }
  
  .featureCaseInfographics_item-autonomous {
	width: 172px
  }
  
  .featureCaseInfographics_item-sharedService {
	width: 218px
  }
  
  .featureCaseInfographics_item-electric {
	width: 271px
  }
  
  .featureCaseInfographics_item_ttl {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 14px
  }
  
  .featureCaseInfographics_item_name {
	font-size: 1rem;
	color: #dd001f
  }
  
  .featureCaseInfographics_item_name span {
	font-size: 1.5rem;
	display: block;
	margin-bottom: 8px
  }
  
  .is-active .featureCaseInfographics_hukidashi {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
	transition: transform .25s cubic-bezier(0, 0, .25, 1);
	transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
  }
  
  .is-active .featureCaseInfographics_hukidashi-a, .is-active .featureCaseInfographics_hukidashi-b, .is-active .featureCaseInfographics_hukidashi-c {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
  }
  
  @-webkit-keyframes arrow {
	0% {
	  top: 0;
	  opacity: 0
	}
	5% {
	  opacity: 1
	}
	95% {
	  opacity: 1
	}
	to {
	  top: 100%;
	  opacity: 0
	}
  }
  
  @keyframes arrow {
	0% {
	  top: 0;
	  opacity: 0
	}
	5% {
	  opacity: 1
	}
	95% {
	  opacity: 1
	}
	to {
	  top: 100%;
	  opacity: 0
	}
  }
  
  @-webkit-keyframes cloud {
	0% {
	  opacity: 1
	}
	2% {
	  opacity: .4
	}
	50% {
	  opacity: 1
	}
	to {
	  opacity: 1
	}
  }
  
  @keyframes cloud {
	0% {
	  opacity: 1
	}
	2% {
	  opacity: .4
	}
	50% {
	  opacity: 1
	}
	to {
	  opacity: 1
	}
  }
  
  @media screen and (max-width:1023px) {
	.featureCaseInfographics_town {
	  height: 95px;
	  bottom: 102px
	}
	.featureCaseInfographics_road {
	  height: 53px
	}
	.featureCaseInfographics_cloud {
	  width: 248px;
	  left: 8px
	}
	.featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
	  max-width: 768px
	}
	.featureCaseInfographics_peopleContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_arrow-01 {
	  height: 218px;
	  top: 167px;
	  -webkit-transform: rotate(41deg);
	  transform: rotate(41deg)
	}
	.featureCaseInfographics_arrow-04 {
	  height: 178px;
	  top: 161px;
	  -webkit-transform: rotate(-48deg);
	  transform: rotate(-48deg)
	}
	.featureCaseInfographics_arrow-03 {
	  left: 55.7%
	}
	.featureCaseInfographics_arrow-05, .featureCaseInfographics_arrow-06, .featureCaseInfographics_arrow-07 {
	  -webkit-transform: translate(-100%) rotate(90deg);
	  transform: translate(-100%) rotate(90deg)
	}
	.featureCaseInfographics_arrow-05 {
	  left: 188px
	}
	.featureCaseInfographics_arrow-06 {
	  left: 418px
	}
	.featureCaseInfographics_arrow-07 {
	  left: 600px
	}
	.featureCaseInfographics_car-01 {
	  left: 40px
	}
	.featureCaseInfographics_car-02 {
	  left: 28.25%
	}
	.featureCaseInfographics_car-03 {
	  left: 58%
	}
	.featureCaseInfographics_car-04 {
	  left: 81.75%
	}
	.featureCaseInfographics_car-05 {
	  left: 15px
	}
	.featureCaseInfographics_car-06 {
	  left: 47.95%
	}
	.featureCaseInfographics_car-07 {
	  left: auto;
	  right: 15px
	}
	.featureCaseInfographics_hukidashi-a {
	  top: 226px;
	  left: 58px
	}
	.featureCaseInfographics_hukidashi-b {
	  top: 298px;
	  right: 43px
	}
	.featureCaseInfographics_hukidashi-c {
	  top: 234px;
	  left: 214px
	}
	.featureCaseInfographics_hukidashi-d {
	  width: 29px
	}
	.featureCaseInfographics_hukidashi-d-01 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-02 {
	  top: 286px;
	  right: 358px
	}
	.featureCaseInfographics_hukidashi-d-03 {
	  top: 316px;
	  left: 190px
	}
	.featureCaseInfographics_hukidashi-d-04 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-05 {
	  top: 248px;
	  left: 472px
	}
	.featureCaseInfographics_hukidashi-d-06 {
	  top: 326px;
	  right: 222px
	}
	.featureCaseInfographics_hukidashi-d-07 {
	  display: none
	}
	.featureCaseInfographics_people {
	  position: absolute;
	  bottom: 42px
	}
	.featureCaseInfographics_people-a {
	  width: 40px;
	  left: 232px
	}
	.featureCaseInfographics_people-b {
	  width: 24px;
	  right: 230px
	}
	.featureCaseInfographics_people-c {
	  width: 20.5px;
	  right: 22px
	}
	.featureCaseInfographics_list {
	  width: calc(100% - 80px);
	  margin: 0 auto;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-transform: translateY(-14px);
	  transform: translateY(-14px)
	}
	.featureCaseInfographics_item {
	  width: calc(50% - 5px);
	  padding: 18px 17px;
	  margin-top: 10px
	}
	.featureCaseInfographics_item:first-child, .featureCaseInfographics_item:nth-child(2) {
	  margin-top: 0
	}
	.featureCaseInfographics_item_ttl {
	  margin-bottom: 8px
	}
	.featureCaseInfographics_item_name span {
	  display: inline-block;
	  margin: 0 12px 0 0
	}
  }
  
  @media screen and (max-width:767px) {
	.featureCaseInfographics {
	  overflow: hidden
	}
	.featureCaseInfographics_imgContainer {
	  height: 362px
	}
	.featureCaseInfographics_imgContainer:after {
	  height: 20px
	}
	.featureCaseInfographics_town {
	  height: 67px;
	  bottom: 90px;
	  background-size: cover
	}
	.featureCaseInfographics_road {
	  height: 70px;
	  bottom: 20px;
	  background-size: cover
	}
	.featureCaseInfographics_cloud {
	  width: 196px
	}
	.featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
	  max-width: 320px
	}
	.featureCaseInfographics_peopleContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_arrow-01 {
	  height: 153px;
	  top: 148px;
	  left: 58px;
	  -webkit-transform: rotate(21deg);
	  transform: rotate(21deg)
	}
	.featureCaseInfographics_arrow-02 {
	  height: 93px;
	  top: 156px;
	  left: 116px;
	  -webkit-transform: rotate(12deg);
	  transform: rotate(12deg)
	}
	.featureCaseInfographics_arrow-03 {
	  height: 123px;
	  top: 158px;
	  left: 180px;
	  -webkit-transform: rotate(-8deg);
	  transform: rotate(-8deg)
	}
	.featureCaseInfographics_arrow-04 {
	  height: 93px;
	  top: 154px;
	  left: 228px;
	  -webkit-transform: rotate(-14deg);
	  transform: rotate(-14deg)
	}
	.featureCaseInfographics_arrow-05 {
	  left: 51px
	}
	.featureCaseInfographics_arrow-06 {
	  left: 166px
	}
	.featureCaseInfographics_arrow-07 {
	  left: 256px
	}
	.featureCaseInfographics_arrow-car {
	  height: 20px;
	  -webkit-transform: rotate(90deg) scale(.5);
	  transform: rotate(90deg) scale(.5);
	  bottom: 32px
	}
	.featureCaseInfographics_arrow-car:before {
	  -webkit-transform: scale(.8) rotate(180deg);
	  transform: scale(.8) rotate(180deg)
	}
	.featureCaseInfographics_arrow-car:after {
	  -webkit-transform: scale(.8);
	  transform: scale(.8)
	}
	.featureCaseInfographics_arrow .arrow_item-01 {
	  -webkit-animation-duration: .75s;
	  animation-duration: .75s
	}
	.featureCaseInfographics_arrow .arrow_item-02 {
	  -webkit-animation-duration: .5s;
	  animation-duration: .5s
	}
	.featureCaseInfographics_arrow .arrow_item-03 {
	  -webkit-animation-duration: .75s;
	  animation-duration: .75s
	}
	.featureCaseInfographics_arrow .arrow_item-04 {
	  -webkit-animation-duration: .5s;
	  animation-duration: .5s
	}
	.featureCaseInfographics_carContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_carContainer-front {
	  bottom: 30px
	}
	.featureCaseInfographics_carContainer-back {
	  bottom: 62px
	}
	.featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
	  width: 56px
	}
	.featureCaseInfographics_car-02 {
	  width: 86px
	}
	.featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
	  width: 60px
	}
	.featureCaseInfographics_car-04 {
	  width: 37px
	}
	.featureCaseInfographics_car-06 {
	  width: 70px
	}
	.featureCaseInfographics_car-01 {
	  left: -14px
	}
	.featureCaseInfographics_car-02 {
	  left: 73px
	}
	.featureCaseInfographics_car-03 {
	  left: 187px
	}
	.featureCaseInfographics_car-04 {
	  left: 278px
	}
	.featureCaseInfographics_car-05 {
	  left: -39px
	}
	.featureCaseInfographics_car-06 {
	  left: 76px
	}
	.featureCaseInfographics_car-07 {
	  left: auto;
	  right: 43px
	}
	.featureCaseInfographics_hukidashiContainer {
	  pointer-events: none
	}
	.featureCaseInfographics_hukidashi {
	  width: 74px
	}
	.featureCaseInfographics_hukidashi-a {
	  top: 204px;
	  left: -6px
	}
	.featureCaseInfographics_hukidashi-b {
	  width: 54px;
	  top: 240px;
	  right: -4px
	}
	.featureCaseInfographics_hukidashi-c {
	  top: 212px;
	  left: 126px
	}
	.featureCaseInfographics_hukidashi-d {
	  width: 22px
	}
	.featureCaseInfographics_hukidashi-d-01 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-02 {
	  top: 190px;
	  right: 77px
	}
	.featureCaseInfographics_hukidashi-d-03 {
	  top: 288px;
	  left: 205px
	}
	.featureCaseInfographics_hukidashi-d-04 {
	  display: none
	}
	.featureCaseInfographics_hukidashi-d-05 {
	  top: 198px;
	  left: 114px
	}
	.featureCaseInfographics_hukidashi-d-06 {
	  top: 248px;
	  right: 222px
	}
	.featureCaseInfographics_hukidashi-d-07 {
	  display: none
	}
	.featureCaseInfographics_people {
	  bottom: 10px
	}
	.featureCaseInfographics_people-a {
	  width: 25px;
	  left: 92px
	}
	.featureCaseInfographics_people-b {
	  width: 15px;
	  right: 100px
	}
	.featureCaseInfographics_people-c {
	  width: 14px;
	  right: 43px
	}
	.featureCaseInfographics_txtContainer {
	  padding: 10px 0
	}
	.featureCaseInfographics_list {
	  width: calc(100% - 20px);
	  -webkit-transform: translate(0);
	  transform: translate(0)
	}
	.featureCaseInfographics_item {
	  width: 100%;
	  margin-top: 10px
	}
	.featureCaseInfographics_item:nth-child(2) {
	  margin-top: 10px
	}
  }
  
  .feature {
	display: block;
	background: #fff
  }
  
  .feature_content {
	background: #000
  }
  
  .feature_main_movie {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 460px;
	overflow: hidden
  }
  
  .feature_main_movie video {
	width: 100%
  }
  
  .feature_main_movie:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .65);
	position: absolute;
	top: 0;
	left: 0
  }
  
  .feature_main_txt {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 2.25;
	letter-spacing: .1em;
	background: #000;
	padding: 50px 0
  }
  
  .feature_section {
	background: #fff;
	margin-top: 10px;
	padding: 64px 0 100px
  }
  
  .feature_section_txtContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 760px;
	color: #333;
	margin: 88px auto 80px;
	opacity: 0;
	-webkit-transition: 1.2s cubic-bezier(0, 0, .4, 1);
	transition: 1.2s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .45s;
	transition-delay: .45s
  }
  
  .feature_section_ttl {
	font-size: 3.2rem;
	line-height: 1.7;
	letter-spacing: .05em;
	font-weight: 400;
	width: 340px
  }
  
  .feature_section_ttl span {
	display: block;
	margin-top: 48px
  }
  
  .feature_section_txt {
	font-size: 1.5rem;
	line-height: 2.2;
	letter-spacing: .01em;
	font-weight: 500;
	text-align: justify;
	width: 420px
  }
  
  .feature_section.is-active .feature_ttl-en span {
	opacity: 1;
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
  }
  
  .feature_section.is-active .feature_section_txtContainer, .feature_section.is-active .feature_ttl-jp {
	opacity: 1
  }
  
  .feature_connected_comment {
	max-width: 420px;
	margin: 0 auto;
	font-size: 1.5rem;
	color: #333;
	line-height: 2;
	text-align: justify
  }
  
  .feature_ttl {
	text-align: center;
	color: #333
  }
  
  .feature_ttl-en {
	font-size: 5.2rem;
	font-weight: 400;
	letter-spacing: -.025em;
	margin-bottom: 18px
  }
  
  .feature_ttl-en span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scaleX(0) translateZ(0);
	transform: scaleX(0) translateZ(0);
	-webkit-transform-origin: 20% center;
	transform-origin: 20% center;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform
  }
  
  .feature_ttl-en span:first-child {
	color: #dd001f
  }
  
  .feature_ttl-jp {
	font-size: 1.6rem;
	letter-spacing: .05em;
	font-weight: 700;
	opacity: 0;
	-webkit-transition: .8s cubic-bezier(0, 0, .4, 1);
	transition: .8s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
  }
  
  .feature_readMore {
	padding: 28px 0 0
  }
  
  .feature_readMore_inner {
	width: 160px;
	opacity: .8
  }
  
  .feature_readMore_inner a {
	display: block;
	width: 100%;
	height: 100%
  }
  
  .feature_readMore_inner:hover {
	opacity: 1
  }
  
  .feature_offer {
	max-width: 360px;
	margin: 60px auto 0
  }
  
  .feature_offer a {
	font-size: 1.8rem
  }
  
  .feature_offer a, .feature_relatedInterview {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .feature_relatedInterview {
	width: 760px;
	margin: 100px auto 0;
	padding: 38px 55px 50px
  }
  
  .feature_relatedInterview_ttl {
	font-size: 2.7rem;
	font-weight: 500;
	-webkit-column-rule: #333;
	-moz-column-rule: #333;
	column-rule: #333;
	letter-spacing: .05em;
	margin-bottom: 38px
  }
  
  .feature_relatedInterview_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .feature_relatedInterviewItem {
	width: 300px
  }
  
  .feature_relatedInterviewItem:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
  }
  
  .feature_relatedInterviewItem_img {
	overflow: hidden;
	margin-bottom: 20px
  }
  
  .feature_relatedInterviewItem_img img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .feature_relatedInterviewItem_ttl {
	font-size: 1.9rem;
	color: #333;
	line-height: 1.6;
	letter-spacing: .05em;
	margin-bottom: 16px
  }
  
  .feature_relatedInterviewItem_company {
	font-size: 1.3rem;
	font-weight: 700;
	color: #dd001f;
	line-height: 1.4;
	letter-spacing: .05em
  }
  
  .feature_last {
	background: #fff;
	margin-top: 10px;
	padding: 98px 0 0
  }
  
  .feature_last_inner {
	max-width: 760px;
	margin: 0 auto
  }
  
  .feature_last_ttl {
	font-size: 3rem;
	line-height: 1.5;
	font-weight: 700;
	color: #333;
	text-align: center
  }
  
  .feature_last_txt {
	font-size: 1.5rem;
	line-height: 2;
	color: #333;
	margin-top: 48px
  }
  
  .featureMainMovie {
	position: relative
  }
  
  .featureMainMovie_txtContainer {
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
  }
  
  .featureMainMovie_heading {
	display: inline-block;
	font-size: 4.2rem;
	letter-spacing: .04em;
	margin: 70px 0 74px
  }
  
  .featureMainMovie_heading span {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .075em;
	margin-left: 16px
  }
  
  .featureMainMovie_heading:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	margin: 12px auto 0
  }
  
  .featureMainMovie_ttl {
	font-size: 4rem;
	line-height: 1.65;
	letter-spacing: .05em
  }
  
  .featureMainMovie_ttl span {
	font-size: 4.5rem
  }
  
  .featureCase {
	background: #fff;
	padding: 75px 0 70px
  }
  
  .featureCase_main {
	color: #333
  }
  
  .featureCase_main:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
	background-repeat: repeat-x;
	background-size: 6px 1px
  }
  
  .featureCase_main_ttl {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	margin-bottom: 44px
  }
  
  .featureCase_main_detail {
	width: 760px;
	margin: 50px auto 0
  }
  
  .featureCase_main_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .featureCase_main_list li {
	width: 228px
  }
  
  .featureCase_main_list h3 {
	font-size: 1.6rem;
	letter-spacing: .05em;
	margin-bottom: 16px
  }
  
  .featureCase_main_list h3:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: middle;
	background: no-repeat 50%;
	background-image: url(/feature/img/ico-hukidashi@2x.png);
	background-size: contain;
	margin-right: 10px
  }
  
  .featureCase_main_list p {
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: justify
  }
  
  .featureCaseIot {
	width: 100%;
	height: 117px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f2f2f2;
	margin: 38px 0 60px
  }
  
  .featureCaseIot_ttl {
	font-size: 2.1rem;
	font-weight: 500;
	letter-spacing: .1em;
	margin-right: 106px
  }
  
  .featureCaseIot_txt {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2
  }
  
  .featureCaseDesk {
	width: 760px;
	margin: 50px auto;
	color: #333
  }
  
  .featureCaseDesk_ttl {
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	margin-bottom: 32px
  }
  
  .featureCaseDesk_txt {
	font-size: 1.5rem;
	line-height: 2;
	text-align: justify
  }
  
  .featureCase_btnList {
	width: 760px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .featureCase_btn {
	width: 182px;
	height: 50px;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: -.05em;
	font-weight: 400;
	border: 2px solid #333;
	border-radius: 3px;
	color: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border .25s ease;
	transition: border .25s ease
  }
  
  .featureCase_btn:hover {
	border-color: #dd001f
  }
  
  .featureCase_btn:hover a {
	color: #dd001f
  }
  
  .featureCase_btn:hover .featureCase_btn_arrow img {
	display: none;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .featureCase_btn:hover .featureCase_btn_arrow .hover {
	display: block
  }
  
  .featureCase_btn a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #333
  }
  
  .featureCase_btn a span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px
  }
  
  .featureCase_btn_arrow {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
  }
  
  .featureCase_btn_arrow img {
	width: 100%;
	height: auto;
	opacity: .8
  }
  
  .featureConnectedInterview {
	width: 100%;
	height: 0;
	padding-top: 54.6875%;
	position: relative;
	margin: 0 auto 58px;
	overflow: hidden
  }
  
  .featureConnectedInterview>a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
  }
  
  .featureConnectedInterview_img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
  }
  
  .featureConnectedInterview_img img {
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .featureConnectedInterview_txtContainer {
	width: 50%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: .6s cubic-bezier(0, 0, .25, 1);
	transition: .6s cubic-bezier(0, 0, .25, 1);
	-webkit-transition-property: width, background;
	transition-property: width, background
  }
  
  .featureConnectedInterview_txtInner {
	min-width: 340px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
  }
  
  .featureConnectedInterview_ttl {
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .05em;
	margin-bottom: 30px
  }
  
  .featureConnectedInterview_ttl-en {
	font-size: 2.4rem;
	color: #dd001f;
	line-height: 1.3;
	margin-bottom: 26px
  }
  
  .featureConnectedInterview_txt {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .05em;
	margin-bottom: 28px
  }
  
  .featureConnectedInterview_person {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: .05em
  }
  
  .featureConnectedInterview_person span {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	margin-top: 10px
  }
  
  .featureConnectedInterview_arrow {
	width: 30px;
	position: absolute;
	top: 50%;
	right: 40px;
	-webkit-transform: translate3d(0, -50%);
	transform: translate3d(0, -50%);
	overflow: hidden
  }
  
  .featureConnectedInterview_arrow img {
	display: block;
	width: 100%
  }
  
  .featureConnectedInterview:hover .featureConnectedInterview_img img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition-duration: .4s;
	transition-duration: .4s
  }
  
  .featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
	width: 54%;
	background: rgba(0, 0, 0, .9)
  }
  
  .featureConnectedInterview:hover .featureConnectedInterview_arrow img {
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  @media screen and (max-width:1023px) {
	.feature {
	  padding-top: 80px
	}
	.feature_last_inner {
	  width: calc(100% - 80px)
	}
  }
  
  @media screen and (min-width:1600px) {
	.featureConnectedInterview {
	  max-width: 1144px;
	  height: 625.625px;
	  position: relative;
	  margin: 0 auto 58px;
	  padding: 0;
	  overflow: hidden
	}
  }
  
  @media screen and (min-width:768px) and (max-width:1279px) {
	.feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
	  padding-top: 94px
	}
  }
  
  @media screen and (max-width:1279px) {
	.feature {
	  padding-top: 80px
	}
	.featureConnectedInterview {
	  padding-top: 60%
	}
  }
  
  @media screen and (max-width:1023px) {
	.feature_relatedInterview {
	  width: 100%
	}
	.feature_relatedInterview_inner {
	  max-width: 650px;
	  margin: 0 auto
	}
	.feature_section_txtContainer {
	  max-width: auto;
	  padding: 0 40px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.feature_section_ttl {
	  font-size: 2.8rem;
	  width: 300px
	}
	.feature_section_txt {
	  width: 360px
	}
	.feature_last_inner {
	  width: calc(100% - 80px)
	}
	.featureCase_main_detail {
	  width: calc(100% - 80px);
	  margin: 50px auto 0
	}
	.featureCase_main_list {
	  display: block
	}
	.featureCase_main_list li {
	  width: 100%;
	  margin-bottom: 32px
	}
	.featureCase_btnList {
	  width: calc(100% - 80px)
	}
	.featureCase_btn {
	  width: 164px
	}
	.featureCaseIot_ttl {
	  margin-right: 56px
	}
	.featureCaseDesk {
	  width: calc(100% - 80px)
	}
	.featureConnectedInterview_txtContainer {
	  width: 58%
	}
	.featureConnectedInterview_ttl {
	  font-size: 3rem;
	  margin-bottom: 18px
	}
	.featureConnectedInterview_ttl-en {
	  font-size: 2rem;
	  margin-bottom: 20px
	}
	.featureConnectedInterview_txt {
	  font-size: 1.4rem;
	  margin-bottom: 28px
	}
	.featureConnectedInterview_person {
	  font-size: 1.2rem
	}
	.featureConnectedInterview_person span {
	  display: block;
	  margin-top: 10px
	}
	.featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
	  width: 58%
	}
  }
  
  @media screen and (max-width:767px) {
	.feature {
	  padding: 48px 0 64px
	}
	.feature_main_movie {
	  width: 100%;
	  height: 0;
	  padding-top: 100%;
	  overflow: hidden;
	  position: relative
	}
	.feature_main_movie video {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0
	}
	.feature_main_txt {
	  font-size: 1.4rem;
	  font-weight: 500;
	  line-height: 2;
	  text-align: left;
	  padding: 30px 20px
	}
	.feature_connected_comment {
	  font-size: 1.2rem;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.feature_ttl-en {
	  font-size: 4rem;
	  letter-spacing: -.05em;
	  margin-bottom: 4px
	}
	.feature_ttl-jp {
	  font-size: 1.5rem;
	  line-height: 3
	}
	.feature_readMore {
	  width: calc(100% - 40px);
	  margin: 0 auto;
	  padding: 24px 0 0
	}
	.feature_readMore_inner {
	  width: 100%;
	  border: 1px solid #333;
	  border-radius: 3px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  padding: 13px 20px 11px
	}
	.feature_readMore_inner a {
	  display: block;
	  width: 100%;
	  height: 100%;
	  font-size: 1.4rem
	}
	.feature_readMore_inner a .feature_readMore_arrow {
	  width: 16px;
	  right: 20px
	}
	.feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
	  padding-top: 50px;
	  padding-bottom: 60px
	}
	.feature_section_txtContainer {
	  display: block;
	  padding: 0 20px;
	  margin: 40px 0
	}
	.feature_section_ttl {
	  font-size: 2.4rem;
	  text-align: center;
	  width: auto;
	  margin-bottom: 20px
	}
	.feature_section_ttl span {
	  margin: 0 0 0 16px
	}
	.feature_section_txt {
	  width: 100%;
	  font-size: 1.4rem;
	  font-weight: 400;
	  line-height: 2
	}
	.feature_autonomous .feature_section_ttl, .feature_connected .feature_section_ttl, .feature_electric .feature_section_ttl {
	  margin-left: 18px
	}
	.feature_relatedInterview {
	  margin-top: 40px;
	  padding: 32px 20px 4px
	}
	.feature_relatedInterview_inner {
	  max-width: 650px;
	  margin: 0 auto
	}
	.feature_relatedInterview_ttl {
	  font-size: 2.4rem;
	  text-align: center
	}
	.feature_relatedInterview_list {
	  display: block
	}
	.feature_relatedInterviewItem {
	  width: 100%;
	  margin-bottom: 38px
	}
	.feature_relatedInterviewItem_img {
	  margin-bottom: 14px
	}
	.feature_relatedInterviewItem_ttl {
	  font-size: 1.8rem;
	  margin-bottom: 12px
	}
	.feature_offer {
	  width: calc(100% - 80px);
	  margin: 30px auto 0
	}
	.feature_offer a {
	  font-size: 1.2rem
	}
	.feature_last {
	  padding: 50px 0 0
	}
	.feature_last_inner {
	  width: 100%;
	  padding: 0 20px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  margin: 0 auto
	}
	.feature_last_inner p {
	  font-size: 14px;
	  line-height: 2;
	  font-weight: 350;
	  margin-top: 30px
	}
	.feature_last .case_sns {
	  margin-top: 60px;
	  margin-bottom: 60px
	}
	.feature_last .case_sns li+li {
	  margin-left: 24px
	}
	.feature_last_txt {
	  font-size: 1.4rem;
	  line-height: 2;
	  color: #333;
	  margin-top: 48px
	}
	.feature_last_bottom {
	  padding-bottom: 38px
	}
	.featureMainMovie_heading {
	  font-size: 2.4rem;
	  margin: 34px 0 58px
	}
	.featureMainMovie_heading span {
	  font-size: 1.4rem;
	  margin-left: 12px
	}
	.featureMainMovie_heading:after {
	  height: 2px;
	  margin: 6px auto 0
	}
	.featureMainMovie_ttl {
	  font-size: 2.4rem;
	  line-height: 1.65;
	  letter-spacing: .025em;
	  position: absolute;
	  top: calc(50% + 18px);
	  left: 0;
	  right: 0;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	.featureMainMovie_ttl span {
	  font-size: 2.6rem
	}
	.featureCase {
	  padding: 40px 0 50px
	}
	.featureCase_main_ttl {
	  font-size: 1.8rem;
	  line-height: 1.75
	}
	.featureCase_main_detail {
	  width: calc(100% - 40px);
	  margin: 40px auto 0
	}
	.featureCase_main_list li {
	  margin-bottom: 28px
	}
	.featureCase_btnList {
	  width: calc(100% - 40px);
	  display: block
	}
	.featureCase_btn {
	  width: 100%;
	  margin-bottom: 10px
	}
	.featureCaseIot {
	  display: block;
	  width: 100%;
	  height: auto;
	  margin: 30px 0;
	  padding: 22px 12px 12px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.featureCaseIot_ttl {
	  font-size: 1.8rem;
	  margin: 0 0 12px
	}
	.featureCaseIot_txt {
	  font-size: 1.4rem;
	  font-weight: 400
	}
	.featureCaseIot_txt br {
	  display: none
	}
	.featureCaseDesk {
	  width: calc(100% - 40px);
	  margin: 30px auto 40px
	}
	.featureConnectedInterview {
	  height: auto;
	  padding-top: 0;
	  margin-bottom: 28px
	}
	.featureConnectedInterview>a {
	  position: static
	}
	.featureConnectedInterview_img {
	  position: static;
	  -webkit-transform: none;
	  transform: none
	}
	.featureConnectedInterview_txtContainer {
	  width: 100%;
	  background: #1a1a1a;
	  position: static
	}
	.featureConnectedInterview_txtInner {
	  min-width: auto;
	  position: static;
	  -webkit-transform: none;
	  transform: none;
	  padding: 24px 20px 30px
	}
	.featureConnectedInterview_ttl-en {
	  line-height: 1.3
	}
	.featureConnectedInterview_arrow {
	  display: none
	}
	.featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
	  width: 100%;
	  background: #1a1a1a
	}
  }
  
  @media screen and (max-width:374px) {
	.featureConnectedInterview_txt {
	  letter-spacing: 0
	}
  }
  
  .connected_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	color: #fff;
	background: #000;
	padding: 19px 0
  }
  
  .connected_header span:first-child {
	color: #dd001f
  }
  
  .connected_header_ttl {
	font-size: 4.2rem;
	margin-right: 38px
  }
  
  .connected_header_ttl span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scaleX(0) translateZ(0);
	transform: scaleX(0) translateZ(0);
	-webkit-transform-origin: 20% center;
	transform-origin: 20% center;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform
  }
  
  .connected_header_ttl.is-active span {
	opacity: 1;
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
  }
  
  .connected_header_txtContainer {
	overflow: hidden;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: width;
	transition-property: width
  }
  
  .connected_header_txtContainer.is-active .connected_header_txt {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
  }
  
  .connected_header_txt {
	font-size: 2rem;
	opacity: 0;
	-webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
	transition: .6s cubic-bezier(0, 0, .4, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
  }
  
  .connected .interviewDetail_offer {
	margin-bottom: 80px
  }
  
  .featureInterviewDetail_content {
	padding-bottom: 0
  }
  
  .featureInterviewDetail_main {
	padding-top: 62.5%
  }
  
  .featureInterviewDetail_main_inner {
	width: 472px
  }
  
  .featureInterviewDetail_main_ttl {
	font-size: 3.6rem;
	letter-spacing: .1em;
	margin-bottom: 26px
  }
  
  .featureInterviewDetail_main_name {
	border: none;
	padding: 0;
	font-size: 2rem;
	line-height: 1.5
  }
  
  .featureInterviewDetail_main_name span {
	display: block;
	font-size: 1.4rem
  }
  
  .featureInterviewDetail_main_name br {
	display: block
  }
  
  .featureInterviewDetail_main_txt {
	text-align: justify
  }
  
  .featureInterviewDetail_block {
	width: 100%;
	max-width: none;
	overflow: hidden;
	margin: 146px auto 0
  }
  
  .featureInterviewDetail_block-noHeading {
	margin-top: 80px
  }
  
  .featureInterviewDetail_block:nth-child(2) {
	margin-top: 128px
  }
  
  .featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl {
	text-align: right;
	padding: 0
  }
  
  .featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
	float: right;
	padding: 0
  }
  
  .featureInterviewDetail_block_txtContainer {
	width: 50%;
	padding: 0 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .featureInterviewDetail_block_ttl {
	width: 100%;
	font-size: 3.2rem;
	letter-spacing: .05em;
	padding: 0;
	margin-bottom: 94px
  }
  
  .featureInterviewDetail_block_txt {
	font-size: 1.5rem;
	text-align: justify;
	letter-spacing: .01em;
	line-height: 2.2
  }
  
  .featureInterviewDetail_block_imgContainer {
	width: 50%
  }
  
  .featureInterviewDetail_block_imgContainer img {
	margin: 0
  }
  
  .featureInterviewDetail_block_note {
	padding-left: 60px;
	margin-top: 20px;
	font-size: 1.3rem;
	line-height: 1.75
  }
  
  .featureInterviewDetail_related {
	width: calc(100% - 120px);
	max-width: 904px;
	margin: 120px auto 0;
	padding: 56px 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .featureInterviewDetail_related_inner {
	width: 100%
  }
  
  .featureInterviewDetail_related_ttl {
	font-weight: 500
  }
  
  .featureInterviewDetailRelatedContent_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
  }
  
  .featureInterviewDetailRelatedContent_img {
	width: 360px
  }
  
  .featureInterviewDetailRelatedContent_img img {
	display: block;
	width: 100%
  }
  
  .featureInterviewDetailRelatedContent_txtContainer {
	width: 394px
  }
  
  .featureInterviewDetailRelatedContent_ttl {
	font-size: 2.3rem;
	margin-bottom: 30px
  }
  
  .featureInterviewDetailRelatedContent_txt {
	font-size: 1.4rem;
	line-height: 2
  }
  
  .featureInterviewDetailRelatedLink {
	background: none;
	padding: 0;
	margin-top: 60px;
	opacity: .78
  }
  
  .featureInterviewDetailRelatedLink_inner {
	width: 146px
  }
  
  .featureTop_link {
	width: 168px;
	margin-bottom: 80px
  }
  
  @media screen and (min-width:1780px) {
	.featureInterviewDetail_block_txtContainer {
	  padding: 0 80px
	}
  }
  
  @media screen and (min-width:1600px) {
	.featureInterviewDetail_block {
	  width: calc(100% - 120px);
	  max-width: 1344px
	}
  }
  
  @media screen and (max-width:1599px) {
	.featureInterviewDetail_main_inner {
	  width: calc(100% - 180px)
	}
  }
  
  @media screen and (max-width:1279px) {
	.connected_header {
	  margin-top: 80px
	}
	.featureInterviewDetail_main {
	  margin-top: 0
	}
  }
  
  @media screen and (max-width:1023px) {
	.featureInterviewDetail_main {
	  padding-top: 0
	}
	.featureInterviewDetail_main_inner {
	  width: 100%
	}
	.featureInterviewDetail_block {
	  width: 648px;
	  margin-top: 106px;
	  padding: 0!important
	}
	.featureInterviewDetail_block-noHeading {
	  margin-top: 52px
	}
	.featureInterviewDetail_block:nth-child(2) {
	  margin-top: 88px
	}
	.featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl, .featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
	  text-align: center
	}
	.featureInterviewDetail_block_txtContainer {
	  width: 100%;
	  padding: 0
	}
	.featureInterviewDetail_block_ttl {
	  margin-bottom: 48px
	}
	.featureInterviewDetail_block_txt {
	  letter-spacing: .03em
	}
	.featureInterviewDetail_block_imgContainer {
	  width: 100%;
	  margin-bottom: 40px
	}
	.featureInterviewDetail_block_img {
	  margin-bottom: 48px
	}
	.featureInterviewDetail_block_img:first-child {
	  position: relative
	}
	.featureInterviewDetail_block_note {
	  padding: 0 60px;
	  margin: 18px 0 60px
	}
	.featureInterviewDetail_related {
	  width: 648px;
	  padding: 56px 60px
	}
	.featureInterviewDetailRelatedContent_inner {
	  display: block
	}
	.featureInterviewDetailRelatedContent_img {
	  width: 100%;
	  margin: 0 auto 40px
	}
	.featureInterviewDetailRelatedContent_txtContainer {
	  width: 100%
	}
  }
  
  @media screen and (max-width:767px) {
	.connected_header {
	  display: block;
	  text-align: center;
	  margin-top: 48px;
	  padding: 15px 0
	}
	.connected_header_ttl {
	  font-size: 3.2rem;
	  letter-spacing: .2em;
	  margin: 0 0 6px
	}
	.connected_header_txt {
	  font-size: 1.4rem;
	  line-height: 1.5
	}
	.connected_header_txt span {
	  display: block
	}
	.connected .interviewDetail_offer {
	  margin: 40px auto 50px
	}
	.featureInterviewDetail_content {
	  padding-bottom: 64px
	}
	.featureInterviewDetail_main_content {
	  padding-bottom: 38px
	}
	.featureInterviewDetail_main_inner {
	  width: 100%
	}
	.featureInterviewDetail_main_ttl {
	  font-size: 3rem;
	  letter-spacing: .025em;
	  margin-bottom: 20px
	}
	.featureInterviewDetail_main_name {
	  font-size: 1.8rem
	}
	.featureInterviewDetail_main_name span {
	  font-size: 1.2rem;
	  margin-bottom: 8px
	}
	.featureInterviewDetail_main_txt {
	  font-size: 1.2rem;
	  margin-top: 20px
	}
	.featureInterviewDetail_block {
	  width: 100%;
	  margin: 60px auto 0
	}
	.featureInterviewDetail_block-noHeading {
	  margin-top: 20px
	}
	.featureInterviewDetail_block:nth-child(2) {
	  margin-top: 60px
	}
	.featureInterviewDetail_block_ttl {
	  font-size: 2.2rem;
	  margin: 0 0 40px
	}
	.featureInterviewDetail_block_txt {
	  font-size: 1.4rem;
	  letter-spacing: .01em;
	  line-height: 2
	}
	.featureInterviewDetail_block_imgContainer {
	  margin-bottom: 30px
	}
	.featureInterviewDetail_block_img {
	  margin-bottom: 30px;
	  position: relative
	}
	.featureInterviewDetail_block_note {
	  font-size: 1.2rem;
	  padding: 0 40px
	}
	.featureInterviewDetail_related {
	  width: 100%;
	  max-width: 904px;
	  margin: 56px auto 0;
	  padding: 34px 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.featureInterviewDetail_related_inner {
	  width: 100%
	}
	.featureInterviewDetail_related_ttl {
	  font-size: 2.4rem
	}
	.featureInterviewDetailRelatedContent_img {
	  margin-bottom: 22px
	}
	.featureInterviewDetailRelatedContent_ttl {
	  font-size: 1.8rem;
	  margin-bottom: 14px
	}
	.featureInterviewDetailRelatedContent_txt {
	  font-size: 1.4rem;
	  line-height: 2
	}
	.featureInterviewDetailRelatedLink {
	  padding: 0;
	  margin-top: 20px;
	  opacity: .78
	}
	.featureInterviewDetailRelatedLink_inner {
	  width: 100%
	}
	.featureInterviewDetailRelatedLink_inner:hover {
	  border-color: #dd001f
	}
	.featureInterviewDetailRelatedLink_inner a {
	  display: block;
	  width: 100%;
	  height: 100%;
	  font-size: 1.4rem;
	  padding: 13px 20px 11px;
	  border: 1px solid #000;
	  border-radius: 3px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.featureInterviewDetailRelatedLink_inner .topLink_arrow {
	  width: 16px;
	  right: 20px
	}
	.featureTop_link {
	  margin: 50px auto
	}
  }
  
  .modalModule {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	display: none
  }
  
  .modalModule_bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8)
  }
  
  .modalModule_close {
	width: 20px;
	height: 20px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	position: absolute;
	right: 20px;
	top: -15px;
	cursor: pointer
  }
  
  .modalModule_close:after, .modalModule_close:before {
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%
  }
  
  .modalModule_close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
  }
  
  .modalModule_close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
  }
  
  .modalModule_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
  }
  
  li {
	list-style: none
  }
  
  a {
	text-decoration: none;
	color: #333
  }
  
  .pc-none {
	display: none
  }
  
  .pt20 {
	padding-top: 20px
  }
  
  .course_flexbox * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_container {
	max-width: 900px;
	width: calc(100% - 120px);
	padding-top: 73px;
	margin: 0 auto 80px
  }
  
  .course_container.course_index_box {
	padding-top: 16px
  }
  
  .course_container_ttl {
	font-size: 3.6rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .course_container_ttl:after {
	content: "";
	margin-top: 18px
  }
  
  .course_container_subtitle {
	margin-bottom: 30px;
	padding-top: 53px;
	font-size: 2.4rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .course_container_subtitle.with-border:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	margin-top: 18px
  }
  
  .course_container_txt {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 2
  }
  
  .course_container_notice {
	margin-top: 25px;
	font-size: 12px;
	line-height: 1.75
  }
  
  .course_container_notice p {
	margin-top: 7px
  }
  
  .course_container_box {
	margin: 80px auto 0
  }
  
  .course_container_box img {
	width: 100%
  }
  
  .course_container_img_box {
	margin: 1em auto 48px
  }
  
  .course_container_img_box img {
	width: 100%
  }
  
  .course_container_small {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	text-align: right;
	line-height: 1.6
  }
  
  .course h1 {
	font-size: 3.6rem;
	background-image: none
  }
  
  .course_content {
	color: #333;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_table {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.75;
	margin-bottom: 20px;
	letter-spacing: .05em
  }
  
  .course_table tr {
	height: 45px
  }
  
  .course_table .first {
	height: 55px
  }
  
  .course_table th {
	text-align: center;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
	background-color: #333;
	vertical-align: middle;
	font-size: 1.8rem
  }
  
  .course_table td, .course_table th {
	padding: 10px 3px;
	text-align: center;
	border: 1px solid #fff
  }
  
  .course_table td {
	font-weight: 700;
	color: #3c3c3c;
	background-color: #eee;
	vertical-align: middle
  }
  
  .course_table .detail {
	font-weight: 400;
	padding: 30px 20px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #eee
  }
  
  .course_table .detail p {
	margin-bottom: 30px
  }
  
  .course_table .detail ul li {
	position: relative;
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 1.3em
  }
  
  .course_table .detail ul li:last-child {
	margin-bottom: 0
  }
  
  .course_table .detail ul li:before {
	left: 0;
	position: absolute;
	display: block;
	content: "※"
  }
  
  .course_table.pc {
	display: table
  }
  
  .course_table.sp {
	display: none
  }
  
  .course_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 40px 0 0
  }
  
  .course_index {
	width: 100%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.75
  }
  
  .course_index:before {
	content: "";
	padding: 0 6px;
	border-left: 5px solid #dd001f
  }
  
  .course_index_borderless {
	width: 100%;
	font-size: 2rem;
	letter-spacing: .05em;
	line-height: 1.5;
	margin-bottom: 2rem
  }
  
  .course_item {
	width: calc(33.333% - 26.666px);
	position: relative;
	margin-bottom: 60px
  }
  
  .course_item a {
	color: #000
  }
  
  .course_item_img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden
  }
  
  .course_item_img img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1);
	transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
  }
  
  .course_item_inner {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_item_ttl {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .04em;
	margin-bottom: 20px
  }
  
  .course_item_txt, .course_txt {
	font-size: 1.5rem;
	line-height: 1.75
  }
  
  .course_txt {
	padding: 30px 0 20px
  }
  
  .course_txt_interview {
	font-size: 1.5rem;
	line-height: 24px;
	padding: 30px 0 20px
  }
  
  .course .chart {
	margin-bottom: 60px
  }
  
  .course .chart_txt {
	margin-top: 18px;
	text-align: right;
	font-size: 1.2rem;
	letter-spacing: .05em
  }
  
  @media screen and (max-width:767px) {
	.course .chart_txt {
	  margin-top: 6px
	}
  }
  
  .course_flexbox {
	margin-top: 20px;
	width: 100%;
	background-color: #eee;
	padding: 25px 25px 12.5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_flexbox_item {
	padding: 10px;
	color: #fff;
	width: 23%;
	background-color: #fff;
	height: auto
  }
  
  .course_flexbox_ttl {
	color: #222;
	text-align: center;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: 700
  }
  
  .course_flexbox_last {
	width: 100%;
	padding: 12.5px 25px 25px;
	background-color: #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_flexbox_last_item {
	padding: 10px;
	color: #fff;
	background-color: #fff;
	text-align: center
  }
  
  .course_flexbox_last_item .course_flexbox_btn-entry {
	display: inline-block;
	width: 170px;
	text-align: left
  }
  
  .course_flexbox_last_item .course_flexbox_btn-entry.ll {
	width: 250px
  }
  
  .course_flexbox_btn {
	padding: 10px
  }
  
  .course_flexbox_btn-entry, .course_flexbox_btn-interview {
	margin: 10px;
	color: #fff;
	letter-spacing: .1em;
	background-color: #dd001f;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: color .15s;
	transition: color .15s;
	cursor: pointer;
	position: relative
  }
  
  .course_flexbox_btn-entry a, .course_flexbox_btn-interview a {
	display: block;
	padding: 16px 12px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
	-webkit-transition: color .15s;
	transition: color .15s;
	line-height: 1.75
  }
  
  .course_flexbox_btn-entry:hover a, .course_flexbox_btn-interview:hover a {
	color: #fff
  }
  
  .course_flexbox_btn-entry:hover .header_findout_arrow img, .course_flexbox_btn-interview:hover .header_findout_arrow img {
	display: none
  }
  
  .course_flexbox_btn-entry:hover .header_findout_arrow .hover, .course_flexbox_btn-interview:hover .header_findout_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .course_flexbox_btn-entry .header_findout_arrow, .course_flexbox_btn-interview .header_findout_arrow {
	width: 14px;
	right: 14px
  }
  
  .course_flexbox_btn-entry .header_findout_arrow img, .course_flexbox_btn-interview .header_findout_arrow img {
	display: block;
	width: 100%
  }
  
  .course_flexbox_btn-entry .header_findout_arrow .hover, .course_flexbox_btn-interview .header_findout_arrow .hover {
	display: none
  }
  
  .course_flexbox_btn-interview {
	margin: 20px 0 0;
	width: 232px
  }
  
  .course .col .course_flexbox_item {
	width: 31.7%
  }
  
  .border {
	margin-top: 100px;
	border-top: 4px solid #000
  }
  
  .course .border {
	margin-top: 80px
  }
  
  .course_border_box {
	margin-bottom: 40px
  }
  
  .course_border_box:last-child {
	margin-bottom: 0
  }
  
  .course_border_box h3 {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background-color: #333;
	text-align: center;
	line-height: 56px;
	border-radius: 3px 3px 0 0
  }
  
  .course_border_box h3 .small {
	font-size: 12px
  }
  
  .course_border_box>div {
	border: 4px solid #333;
	border-top: 0 solid #333;
	padding: 40px;
	line-height: 1.5;
	border-radius: 0 0 3px 3px;
	background-color: #f2f2f2
  }
  
  .course_border_box>div h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
  }
  
  .course_border_box>div p {
	font-size: 16px;
	margin-bottom: 40px
  }
  
  .course_border_box>div ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 40px 0 0
  }
  
  .course_border_box>div ul li {
	margin-right: 12px
  }
  
  .course_border_box>div ul li:last-child {
	margin-right: 0
  }
  
  .course_border_box>div ul li img {
	width: 100%;
	margin-bottom: 20px
  }
  
  .course_border_box>div ul li h5 {
	font-size: 14px;
	font-weight: 700;
	margin: 0
  }
  
  .course_border_box>div ul li p {
	margin: 9px 0 0;
	font-size: 14px
  }
  
  .course_border_box>div h5 {
	font-size: 14px;
	font-weight: 700
  }
  
  .course_table-ttl {
	margin-bottom: 12px;
	font-weight: 700;
	line-height: 2.25;
	letter-spacing: .01em;
	font-size: 2rem
  }
  
  .course_table_dot {
	line-height: 1.75;
	margin-bottom: 30px;
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position-y: bottom;
	width: 100%
  }
  
  .course_table_dot tr {
	background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position-y: top
  }
  
  .course_table_dot th {
	width: 33%;
	font-size: 15px;
	font-weight: 700;
	padding: 30px 27px 30px 0
  }
  
  .course_table_dot td, .course_table_dot th {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left
  }
  
  .course_table_dot td {
	width: 67%;
	font-size: 14px;
	padding: 30px 0 30px 27px
  }
  
  .course_table_dot_ul {
	margin-top: 1em
  }
  
  .course_table_dot_ul li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: .5em
  }
  
  .course_connected_boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0
  }
  
  .course_connected_boxes * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_connected_boxes .course_connected_box {
	width: calc(33.33333% - 10px);
	border: 3px solid #dd001f;
	border-radius: 3px
  }
  
  .course_connected_boxes .course_connected_box h3 {
	border: 3px solid #dd001f;
	background-color: #dd001f;
	color: #fff;
	text-align: center;
	line-height: 49px;
	font-size: 16px;
	font-weight: 700
  }
  
  .course_connected_boxes .course_connected_box>div {
	padding: 29px;
	line-height: 1.9;
	font-size: 12px
  }
  
  .course_connected_boxes .course_connector {
	width: 30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
	background-image: linear-gradient(#dd001f, #dd001f);
	background-size: 1px 3px;
	background-repeat: repeat-x;
	background-position-y: center
  }
  
  .course_case {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0
  }
  
  .course_case .course_case-ttl {
	width: 30%
  }
  
  .course_case .course_case-ttl img {
	width: 120px;
	margin-bottom: 20px
  }
  
  .course_case .course_case-ttl h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 30px
  }
  
  .course_case .course_case-detail {
	width: 70%
  }
  
  .course_nav {
	margin-top: 30px
  }
  
  .course_nav * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  .course_nav a {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	position: relative;
	padding-right: 18px;
	margin: 0 35px 20px 0
  }
  
  .course_nav a .course_nav_arrow {
	position: absolute;
	overflow: hidden;
	width: 13px;
	right: 0;
	top: 0
  }
  
  .course_nav a .course_nav_arrow img {
	display: block;
	width: 100%
  }
  
  .course_nav a .course_nav_arrow .hover, .course_nav a:hover .course_nav_arrow img {
	display: none
  }
  
  .course_nav a:hover .course_nav_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .indexLink {
	background: #fff;
	padding: 40px 0
  }
  
  .indexLink-black {
	background: none
  }
  
  .indexLink_inner {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .075em;
	text-align: center;
	line-height: 30px
  }
  
  .indexLink_inner a {
	vertical-align: text-bottom;
	color: #000
  }
  
  .indexLink_inner:hover a {
	color: #dd001f
  }
  
  .indexLink_inner:hover .indexLink_arrow img {
	display: none
  }
  
  .indexLink_inner:hover .indexLink_arrow .hover {
	display: block;
	-webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  
  .indexLink_arrow {
	display: inline-block;
	width: 20px;
	overflow: hidden;
	margin-left: 10px;
	vertical-align: text-bottom
  }
  
  .indexLink_arrow img {
	margin-bottom: 2px;
	display: block;
	width: 100%
  }
  
  .indexLink_arrow img.hover {
	display: none
  }
  
  @media screen and (max-width:1023px) {
	.course h1 {
	  font-size: 2.6rem
	}
	.course_list {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.course_item {
	  width: calc(50% - 20px);
	  margin-bottom: 80px
	}
	.course_container {
	  width: calc(100% - 40px);
	  padding-top: 60px
	}
	.course_container_ttl {
	  font-size: 2.6rem;
	  padding: 0 0 20px;
	  text-align: center
	}
	.course_container_ttl:after {
	  content: none
	}
	.course_container_txt {
	  text-align: left;
	  font-size: 1.4rem
	}
	.course_container_subtitle {
	  margin-bottom: 26px;
	  padding-top: 0;
	  font-size: 1.8rem
	}
	.course_table th {
	  font-size: 1.4rem;
	  font-weight: 400
	}
	.course_table p, .course_table td {
	  font-size: 1.2rem
	}
	.course_table .detail {
	  padding: 30px 15px
	}
	.course_table .detail li {
	  font-size: 1rem
	}
	.course_container_box {
	  margin: 58px auto 20px
	}
	.course_flexbox {
	  width: 100%;
	  padding: 10px;
	  display: block;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.course_flexbox_item {
	  margin-bottom: 10px;
	  padding: 0 0 10px;
	  width: 100%;
	  height: auto
	}
	.course_flexbox_item:last-child {
	  margin-bottom: 0
	}
	.course_flexbox_ttl {
	  font-size: 1.6rem;
	  font-weight: 700;
	  letter-spacing: .05em
	}
	.course_flexbox_last {
	  padding: 0 10px 10px;
	  background-color: #eee
	}
	.course_flexbox_last, .course_flexbox_last_item {
	  width: 100%;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.course_flexbox_last_item {
	  text-align: center;
	  padding: 0 0 10px
	}
	.course_flexbox_last_item .course_flexbox_btn-entry {
	  display: block;
	  width: auto;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	.course_flexbox_last_item .course_flexbox_btn-entry.ll {
	  width: auto
	}
	.course_flexbox_btn-entry {
	  margin: 10px 20px
	}
	.course .col .course_flexbox_item, .course_flexbox_btn-interview {
	  width: 100%
	}
	.coures_jobs_index-none .course_container_box {
	  margin-top: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.course_table-ttl {
	  line-height: 1.75;
	  font-size: 1.8rem
	}
	.course_content {
	  padding: 0 0 64px
	}
	.course_container {
	  padding-top: 40px
	}
	.course_container.course_index_box {
	  padding-top: 18px
	}
	.course_container_small {
	  display: block;
	  text-align: left;
	  text-indent: -2em;
	  padding-left: 2em
	}
	.course h1 {
	  text-align: center
	}
	.course_content {
	  padding: 0 0 44px
	}
	.course_table.pc {
	  display: none
	}
	.course_table.sp {
	  display: table
	}
	.course_item {
	  width: calc(50% - 10px)
	}
	.course_border_box h3 {
	  font-size: 18px
	}
	.course_border_box>div {
	  padding: 30px 20px 10px
	}
	.course_border_box>div h4, .course_border_box>div p {
	  font-size: 15px;
	  line-height: 1.75
	}
	.course_border_box>div p {
	  margin-bottom: 20px
	}
	.course_border_box>div ul {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin: 20px 0 0
	}
	.course_border_box>div ul li {
	  width: calc(50% - 5px);
	  margin: 0 0 20px
	}
	.course_border_box>div ul li img {
	  margin-bottom: 10px
	}
	.course_border_box>div ul li h5 {
	  font-size: 12px
	}
	.course_border_box>div ul li p {
	  margin: 10px 0 0;
	  font-size: 10px
	}
	.course_border_box>div ul li:first-child:nth-last-child(2), .course_border_box>div ul li:first-child:nth-last-child(2)~li {
	  width: 100%
	}
	.course_border_box>div h5 {
	  font-size: 12px;
	  margin-bottom: 20px
	}
	.course_table_dot th {
	  display: block;
	  width: 100%;
	  padding: 40px 0 26px
	}
	.course_table_dot td {
	  display: block;
	  width: 100%;
	  padding: 0 0 40px
	}
	.course_connected_boxes {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.course_connected_boxes .course_connected_box {
	  width: 100%
	}
	.course_connected_boxes .course_connector {
	  width: 100%;
	  height: 30px;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
	  background-image: linear-gradient(#dd001f, #dd001f);
	  background-size: 3px 1px;
	  background-repeat: repeat-y;
	  background-position-x: center
	}
	.course_case {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap
	}
	.course_case .course_case-ttl {
	  width: 100%;
	  text-align: center
	}
	.course_case .course_case-detail {
	  width: 100%
	}
	.course_nav {
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin-top: 23px
	}
	.course_nav, .course_nav a {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex
	}
	.course_nav a {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  width: 100%;
	  font-size: 12px;
	  line-height: 18px;
	  font-weight: 400;
	  margin: 0 0 10px;
	  padding: 10px 30px 10px 10px;
	  border: 1px solid #333;
	  border-radius: 3px
	}
	.course_nav a .course_nav_arrow {
	  position: absolute;
	  overflow: hidden;
	  width: 12px;
	  right: 14px;
	  top: 37%
	}
	.course_nav a .course_nav_arrow img {
	  display: block;
	  width: 100%
	}
	.course_nav a .course_nav_arrow .hover {
	  display: none
	}
	.course_nav a.sp-left, .course_nav a.sp-right {
	  width: calc(50% - 5px);
	  margin-left: 5px
	}
	.course_nav a:hover .course_nav_arrow img {
	  display: none
	}
	.course_nav a:hover .course_nav_arrow .hover {
	  display: block;
	  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
	  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
	}
	.indexLink {
	  padding: 24px 0 0
	}
  }
  
  @media screen and (max-width:599px) {
	.course_item {
	  width: 100%;
	  margin-bottom: 40px
	}
	.course_flexbox_btn-entry {
	  margin: 10px
	}
	.course_flexbox_btn-entry .header_findout_arrow {
	  width: 14px!important;
	  right: 12px!important
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-sub .subpage_block_txt {
	  padding-left: 0
	}
  }
  
  .course_flexbox_btn-entry-mt {
	margin-top: 70px
  }
  
  @media screen and (max-width:1023px) {
	.course_flexbox_btn-entry-mt {
	  margin-top: 0
	}
  }
  
  .course_flexbox_btn-entry-width {
	width: 374px
  }
  
  @media screen and (max-width:1023px) {
	.course_flexbox_btn-entry-width {
	  width: auto
	}
  }
  
  .jobs-tab {
	display: none
  }
  
  @media screen and (max-width:1023px) {
	.jobs-tab {
	  display: block
	}
  }
  
  .jobs-no-btn {
	pointer-events: none;
	cursor: none;
	opacity: .3
  }
  
  .jobs-modalbtn {
	width: 200px;
	height: 38px;
	border: 2px solid #707070;
	border-radius: 3px;
	margin: 20px auto 40px;
	line-height: 38px;
	font-size: 16px;
	text-indent: 20px;
	cursor: pointer;
	position: relative
  }
  
  @media screen and (min-width:768px) {
	.jobs-modalbtn {
	  display: none
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-modalbtn {
	  width: 100%;
	  line-height: 34px
	}
  }
  
  .jobs-modalbtn:after {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto
  }
  
  .jobs-modalbtn:hover {
	border: 2px solid #dd001f;
	color: #dd001f
  }
  
  .jobs-modalbtn:hover:after {
	background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
  }
  
  .jobs-modalbtn a {
	color: inherit
  }
  
  .jobs-modalbtn-none {
	display: none
  }
  
  .jobs_recruit_btn {
	width: 440px;
	margin: 80px auto 0
  }
  
  @media screen and (max-width:767px) {
	.jobs_recruit_btn {
	  width: calc(100% - 80px);
	  margin-top: 60px
	}
  }
  
  .jobs_recruit_btn-customer {
	width: 475px
  }
  
  @media screen and (max-width:767px) {
	.jobs_recruit_btn-customer {
	  width: calc(100% - 80px);
	  height: inherit
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs_recruit_btn-customer a {
	  padding: 10px 15px;
	  line-height: 1.75
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-index-bg {
	  background-color: #fff;
	  padding-bottom: 38px
	}
  }
  
  .jobs-connect-btn {
	cursor: pointer;
	position: relative
  }
  
  .jobs-connect-btn:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: #dd001f url(/interview/img/icon_plus-white.png) 4px 4px no-repeat;
	background-size: 10px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 6px
  }
  
  .jobs-connect-btn:hover:after {
	background: #dd001f url(/interview/img/icon_plus.png) 4px 4px no-repeat;
	background-size: 10px
  }
  
  .jobs-connected_content-txt {
	margin-top: 17px;
	color: #fff
  }
  
  @media screen and (max-width:767px) {
	.jobs-connected_content-txt {
	  margin-top: 10px
	}
  }
  
  .jobs-mirai-btm {
	margin-top: 13px
  }
  
  .jobs-mirai-btm-txt {
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: .025em;
	font-size: 1.5rem
  }
  
  .jobs-mirai-btm-link {
	font-size: 1.3rem;
	line-height: 1.75;
	letter-spacing: .025em;
	margin-top: 15px
  }
  
  .jobs-mirai-btm-link a {
	color: #dd001f;
	text-decoration: underline
  }
  
  .jobs-mirai-btm-link a:hover {
	text-decoration: none
  }
  
  .jobs-mirai-txt {
	margin-bottom: 18px;
	font-weight: 700
  }
  
  @media screen and (max-width:767px) {
	.jobs-mirai-txt {
	  margin-bottom: 7px
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs_sub-btm {
	  padding-bottom: 35px;
	  background-color: #fff
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs_sub-btm .btn-pageTop {
	  margin-top: -10px
	}
  }
  
  .jobs-cource_index {
	margin-bottom: 27px
  }
  
  @media screen and (max-width:767px) {
	.jobs-cource_index {
	  margin-bottom: 23px
	}
  }
  
  .sub-accounting .jobs-accounting-none, .sub-connected .jobs-connected-none, .sub-customer .jobs-customer-none, .sub-external .jobs-external-none, .sub-general .jobs-general-none, .sub-global_sales .jobs-global_sales-none, .sub-japan_sales .jobs-japan_sales-none, .sub-mirai .jobs-mirai-none, .sub-powertrain_tec .jobs-powertrain_tec-none, .sub-production_control .jobs-production_control-none, .sub-production_engineering .jobs-production_engineering-none, .sub-purchasing .jobs-purchasing-none, .sub-system .jobs-system-none, .sub-technology .jobs-technology-none {
	display: none
  }
  
  .jobs-mass-width li {
	width: 100%
  }
  
  .jobs-modal_content {
	height: calc(100% - 100px)
  }
  
  .jobs-modal_img {
	width: 100%;
	height: 100%;
	margin-left: 20px;
	overflow: auto hidden;
	-webkit-overflow-scrolling: touch
  }
  
  .jobs-modal_img img {
	display: block;
	height: 100%
  }
  
  .jobs-connected-slider {
	display: none;
	width: calc(100% - 300px);
	margin: auto
  }
  
  @media screen and (max-width:767px) {
	.jobs-connected-slider {
	  width: calc(100% - 40px)
	}
  }
  
  .connectedModal {
	display: none
  }
  
  .connectedModal .modalModule_close {
	right: 0;
	opacity: 0;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
  }
  
  .connectedModal .jobs-modal_content {
	width: auto;
	height: auto
  }
  
  .connectedModal .jobs-connected-slider {
	width: 640px
  }
  
  @media screen and (max-width:767px) {
	.connectedModal .jobs-connected-slider {
	  width: 320px
	}
  }
  
  .connectedModal .jobs-connected_content-txt {
	width: 640px;
	font-size: 16px;
	line-height: 1.5;
	opacity: 0;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
  }
  
  .connectedModal .jobs-connected-slider_arrow {
	width: 16px;
	height: 28px;
	position: absolute;
	border-radius: 50%;
	padding: 24px 30px 24px 32px;
	top: calc(50% - 20px);
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out;
	-webkit-transition-property: background;
	transition-property: background;
	cursor: pointer
  }
  
  .connectedModal .jobs-connected-slider_arrow img {
	width: 100%;
	height: 100%;
	min-height: auto
  }
  
  .connectedModal .jobs-connected-slider_arrow:hover {
	background: rgba(0, 0, 0, .64);
	-webkit-transition-duration: .24s;
	transition-duration: .24s
  }
  
  @media screen and (max-width:1023px) {
	.connectedModal .jobs-connected-slider_arrow:hover {
	  background: none
	}
  }
  
  .connectedModal .jobs-connected-slider_arrow.-prev {
	-webkit-transform: translate(-100%, -50%) scaleX(-1);
	transform: translate(-100%, -50%) scaleX(-1);
	left: -90px
  }
  
  @media screen and (max-width:1023px) {
	.connectedModal .jobs-connected-slider_arrow.-prev {
	  left: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.connectedModal .jobs-connected-slider_arrow.-prev {
	  left: 25px
	}
  }
  
  .connectedModal .jobs-connected-slider_arrow.-next {
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
	right: -90px
  }
  
  @media screen and (max-width:1023px) {
	.connectedModal .jobs-connected-slider_arrow.-next {
	  right: 0
	}
  }
  
  @media screen and (max-width:767px) {
	.connectedModal .jobs-connected-slider_arrow.-next {
	  right: 25px
	}
  }
  
  .connectedModal_list {
	width: 100%
  }
  
  .connectedModal_list img {
	display: block;
	width: 100%
  }
  
  .jobs-modal-connected_content {
	width: calc(100% - 640px);
	height: auto
  }
  
  @media screen and (max-width:1599px) {
	.jobs-modal-connected_content {
	  width: calc(100% - 400px)
	}
  }
  
  @media screen and (max-width:1023px) {
	.jobs-modal-connected_content {
	  width: calc(100% - 200px)
	}
  }
  
  @media screen and (max-width:767px) {
	.jobs-modal-connected_content {
	  width: calc(100% - 80px)
	}
  }
  
  .modalModule-connected_close {
	right: 0
  }
  
  .jobs-modal-connected_img {
	width: 100%;
	margin-left: 0
  }
  
  .jobs-modal-connected_img img {
	width: 100%
  }
  
  .connectedModal.is-init .jobs-connected_content-txt, .connectedModal.is-init .modalModule_close {
	opacity: 1
  }
  
  .second {
	overflow: hidden
  }
  
  .second #contentsArea h2 {
	font-size: 2.2rem
  }
  
  .icon-animation {
	position: absolute;
	top: 13px;
	right: 15px;
	z-index: 200;
	width: 30px;
	height: 46px
  }
  
  @media screen and (min-width:768px) {
	.icon-animation {
	  top: 14px;
	  right: 25px
	}
  }
  
  @media screen and (min-width:961px) {
	.icon-animation {
	  top: 21px;
	  cursor: pointer
	}
  }
  
  .icon-animation em {
	display: block;
	color: #333;
	font-size: 11px;
	position: absolute;
	top: -3px;
	left: -1px;
	letter-spacing: .06em
  }
  
  @media screen and (min-width:768px) {
	.icon-animation em {
	  font-size: 11px;
	  top: -2px;
	  left: -1px
	}
  }
  
  .icon-animation span {
	width: 30px;
	height: 3px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3px 0 0 -15px
  }
  
  @media screen and (min-width:768px) {
	.icon-animation span {
	  margin: 0 0 0 -15px
	}
  }
  
  .type-1 span {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background: #333
  }
  
  .type-1 .top {
	-webkit-transform: translateY(-9px);
	transform: translateY(-9px)
  }
  
  .type-1 .bottom {
	-webkit-transform: translateY(9px);
	transform: translateY(9px)
  }
  
  .type-1.is-open .middle {
	background: transparent
  }
  
  .type-1.is-open .top {
	-webkit-transform: rotate(-45deg) translateY(0);
	transform: rotate(-45deg) translateY(0)
  }
  
  .type-1.is-open .bottom {
	-webkit-transform: rotate(45deg) translateY(0);
	transform: rotate(45deg) translateY(0)
  }
  
  .second header {
	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(hsla(0, 0%, 100%, .8)), to(hsla(0, 0%, 100%, .8)));
	background: linear-gradient(90deg, #fff, #fff, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8))
  }
  
  .second header h2 a {
	color: #000
  }
  
  .hdr_entry {
	display: none
  }
  
  @media screen and (min-width:768px) {
	.hdr_entry {
	  display: block;
	  position: absolute;
	  top: 14px;
	  right: 74px;
	  opacity: 0
	}
  }
  
  @media screen and (min-width:961px) {
	.hdr_entry {
	  top: 21px
	}
  }
  
  .hdr_entry li, .nav_entry li {
	display: inline-block;
	margin: 0 5px
  }
  
  .hdr_entry li a, .nav_entry li a {
	display: block;
	background: #b50010;
	font-size: 1.4rem;
	width: 13rem;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	color: #fff
  }
  
  @media screen and (min-width:961px) {
	.hdr_entry li a, .nav_entry li a {
	  font-size: 1.5rem;
	  width: 13.5rem;
	  height: 35px;
	  line-height: 35px
	}
  }
  
  .second .wrap {
	width: 88%;
	margin: 60px auto
  }
  
  @media screen and (min-width:961px) {
	.second .wrap {
	  width: 980px;
	  margin: 90px auto
	}
  }
  
  .second #contentsArea h1 {
	color: #fff;
	width: 100%;
	height: 150px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 400
  }
  
  @media screen and (min-width:768px) {
	.second #contentsArea h1 {
	  font-size: 2rem;
	  height: 250px
	}
  }
  
  .second #contentsArea h1 span {
	display: block;
	font-size: 3.6rem;
	padding: 46px 0 8px
  }
  
  @media screen and (min-width:768px) {
	.second #contentsArea h1 span {
	  font-size: 5.6rem;
	  padding: 78px 0 14px
	}
  }
  
  .second .intro {
	text-align: left;
	margin: -40px 0 50px;
	line-height: 2
  }
  
  @media screen and (min-width:768px) {
	.second .intro {
	  text-align: center;
	  margin: -40px 0 70px
	}
  }
  
  .second #contentsArea h2 {
	font-size: 1.9rem;
	margin-bottom: 1.9em;
	color: #333;
	text-align: center;
	position: relative
  }
  
  @media screen and (min-width:768px) {
	.second #contentsArea h2 {
	  font-size: 2.2rem
	}
  }
  
  .second #contentsArea h2:before {
	display: inline-block;
	position: absolute;
	content: "";
	height: 3px;
	width: 60px;
	background: #b50010;
	top: 1.7em;
	left: 0;
	right: 0;
	margin: 0 auto
  }
  
  .second #contentsArea a {
	text-decoration: underline
  }
  
  dl.table, dl.table dd, dl.table dt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
  }
  
  dl.table {
	border-top: 1px solid #ddd;
	margin-bottom: 80px
  }
  
  dl.table dd, dl.table dt {
	line-height: 2
  }
  
  dl.table dt {
	width: 100%;
	padding: 1.5em 1em 0;
	font-weight: 700
  }
  
  dl.table dd {
	padding: .5em 1em 1.6em;
	border-bottom: 1px solid #ddd
  }
  
  @media screen and (min-width:768px) {
	dl.table, dl.table dd, dl.table dt {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box
	}
	dl.table {
	  border-top: none;
	  border-bottom: 1px solid #ddd;
	  margin-bottom: 80px
	}
	dl.table dd, dl.table dt {
	  border-top: 1px solid #ddd
	}
	dl.table dt {
	  width: 190px;
	  float: left;
	  padding: 1.5em 2em 1.3em 0;
	  font-weight: 400
	}
	dl.table dd {
	  margin-left: 190px;
	  border-left: 6px solid #f0f0f0;
	  padding: 1.5em 0 1.3em 2em;
	  border-bottom: none
	}
  }
  
  ul.list li {
	list-style: disc;
	margin-left: 22px
  }
  
  br.sp {
	display: block
  }
  
  @media screen and (min-width:768px) {
	br.sp {
	  display: none
	}
  }
  
  br.sptb {
	display: block
  }
  
  @media screen and (min-width:961px) {
	br.sptb {
	  display: none
	}
  }
  
  br.pc {
	display: none
  }
  
  @media screen and (min-width:768px) {
	br.pc {
	  display: block
	}
  }
  
  br.pc2 {
	display: none
  }
  
  @media screen and (min-width:961px) {
	br.pc {
	  display: block
	}
  }
  
  .requirements h1 {
	background: url(/old/requirements/img/bg_header.jpg) 50% no-repeat;
	background-size: cover
  }
  
  .requirements h4 {
	margin-bottom: 2.3em
  }
  
  .requirements dl.process dt {
	background: #f4f4f4;
	font-size: 1.6rem;
	font-weight: 700;
	height: 52px;
	line-height: 52px
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dt {
	  font-size: 1.9rem;
	  height: 64px;
	  line-height: 64px
	}
  }
  
  .requirements dl.process dt span {
	display: inline-block;
	background: #b50010;
	color: #fff;
	font-size: 2rem;
	height: 36px;
	line-height: 36px;
	margin: 0 12px 0 8px;
	width: 5.5rem;
	text-align: center;
	position: relative
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dt span {
	  height: 40px;
	  line-height: 40px;
	  width: 178px;
	  margin: 0 40px 0 12px
	}
  }
  
  .requirements dl.process dt span:before {
	content: "";
	width: 0;
	height: 0;
	background: transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #b50010;
	position: absolute;
	bottom: -9px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 5
  }
  
  .requirements dl.process dt.last span:before {
	border: none
  }
  
  .requirements dl.process dt span em {
	display: none
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dt span em {
	  display: block;
	  font-size: 1.6rem;
	  font-weight: 400;
	  display: inline-block;
	  margin-right: .3em
	}
  }
  
  .requirements dl.process dd {
	margin: 1em .5em 2em;
	line-height: 2
  }
  
  @media screen and (min-width:768px) {
	.requirements dl.process dd {
	  margin: 1em 0 2em 230px
	}
  }

  container {
  background: #000;
  overflow: hidden
}

.block_item {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  position: relative
}

.block_item-right {
  float: right
}

.block_item-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 548px
}

.block_item-type02, .block_item-type03, .block_item-type04 {
  height: 540px
}

.block_item-max {
  width: calc(100% - 5px)
}

.block_item-large {
  width: calc(66.666% - 5px)
}

.block_item-medium {
  width: calc(50% - 5px)
}

.block_item-small {
  width: calc(33.333% - 5px)
}

.block_item-left {
  margin-right: 10px
}

.block_item_elem {
  background: no-repeat 50%;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.block_item_elem, .block_item_elem_link {
  width: 100%;
  height: 100%;
  position: relative
}

.block_item_elem_link {
  display: block
}

.block_item_elem_link-black {
  color: #000
}

.block_item_elem_link-white {
  color: #fff
}

.block_item_elem_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.block_item_elem_img img {
  width: 100%
}

.block_item_elem_img-liveability {
	background-image: url(../images/main_photo.jpg)
}

.block_item_elem-type01 {
  padding: 44px 50px
}

.block_item_elem-type02 {
  padding: 54px 50px 80px
}

.block_item_elem-left {
	width: 50%
  }

  .block_item_elem-right {
	width: 50%
  }

.block_item_elem-gray {
  background-color: #222;
  color: #fff
}

.block_item_elem-white {
  background-color: #fff;
  color: #000
}

.block_item_elem>img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  pointer-events: none
}

.block_item_ttl {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
}

.block_item_ttl-white {
  color: #fff;
  border-color: #fff
}

.block_item_ttl-eventinfo {
  margin-bottom: 50px
}
.block_item_ttl-about {
  margin-bottom: 30px
}

.block_item_ttl-messages {
  margin-bottom: 78px
}

.block_item_ttl-findout {
  margin-bottom: 70px
}

.block_item_ttl-faq, .block_item_ttl-positiveAction {
  margin-bottom: 80px
}

.block_item_ttl-keyPerson {
  margin-bottom: 53px
}

.block_item_ttl-process {
  margin-bottom: 48px;
  border-bottom: none
}
.block_item_ttl-information {
  margin-bottom: 54px
}

.block_item_ttl-careerNow {
  margin-bottom: 60px
}

.block_item_ttl-workplace {
  border: none
}

.block_item_ttl-workplace span {
  display: block;
  max-width: 176px;
  margin: 10px 0 0;
  padding-bottom: 10px;
  border-bottom: 4px solid #fff
}

.block_item_ttl-workplace-career {
  margin-bottom: 60px
}

.block_item_ttl-workplace-career span {
  max-width: 122px;
  border-bottom: 4px solid #000
}
.block_item_name {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .1em;
  position: relative
}

.block_item_name-small {
  font-size: 1.8rem
}

.block_item_name_block {
  margin-top: 35px
}

.block_item_name_job {
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: baseline;
  margin-right: 14px
}

.block_item_name_job-small {
  display: block;
  margin-bottom: 12px
}

.block_item_img {
  display: block;
  width: 588px;
  margin-top: 54px
}

.block_item_arrow {
  width: 40px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.block_item_arrow img {
  width: 100%
}

.blockLink {
  display: block;
  font-size: 2.4rem;
  color: #fff;
  letter-spacing: .075em;
  padding-right: 42px;
  position: absolute;
  top: 78px;
  right: 50px
}

.blockLink-eventinfo, .blockLink-information {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000
}

.blockLink_arrow {
  width: 22px;
  right: 0
}

.blockList {
  max-width: 1418px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.blockListItem {
  width: 440px;
  height: 440px;
  background: no-repeat 50%;
  background-size: cover;
  position: relative;
  overflow: hidden
}

.blockListItem a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff
}

.blockListItem>img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  pointer-events: none
}

.blockListItem_ttl {
  font-size: 5.2rem;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 25%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.blockListItem_txt {
  width: 368px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  position: absolute;
  top: 220px;
  left: 0;
  right: 0;
  margin: 0 auto
}

.blockListItem_arrow {
  right: 30px
}

.blockListItem-01 {
  width: 471px;
  height: 350px
}

.blockListItem-01 .nosp {
  display: none
}

.blockListItem-01>img {
  height: 100%
}

.findout_list {
  width: calc(100% + 12px);
  margin: -20px auto 0;
  -webkit-transform: translate(-4px);
  transform: translate(-4px)
}

.findout_item_link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  letter-spacing: .075em;
  margin-bottom: 20px;
  padding: 12px 12px 12px 58px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.findout_item_link:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(/common/img/ico-find.svg) no-repeat 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.findout_item_subLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 280px;
  height: 36px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  line-height: 1;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: -16px 0 36px 58px
}

.findout_item_subLink span {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  position: relative
}

.findout_item_subLink span:after, .findout_item_subLink span:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background: #dd0a1f;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute
}

.findout_item_subLink span:before {
  bottom: 0;
  right: 0
}

.findout_item_subLink span:after {
  top: 0;
  left: 0
}

.findout_item_subLink:hover {
  color: #fff
}

.findout_item_subLink:hover, .findout_item_subLink:hover span:after, .findout_item_subLink:hover span:before {
  border-color: #fff;
  -webkit-transition-duration: .24s;
  transition-duration: .24s
}

.findout_item_arrow {
  width: 30px;
  right: 0
}

.information_list {
  width: 800px;
  padding-left: 72px
}

.information_list li {
  width: 100%;
  position: relative;
  font-size: 1.5rem;
  color: #000;
  line-height: 1.75;
  letter-spacing: .075em;
  padding-bottom: 20px;
  padding-left: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.information_list li .date {
  font-family: Barlow, sans-serif;
  position: absolute;
  top: 0;
  left: 0
}

.information_list li .news a {
  color: #000
}

.information_list li .news a:hover {
  opacity: .6
}

.eventinfo_item_link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  letter-spacing: .075em;
  margin-bottom: 20px;
  padding: 12px 12px 12px 58px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.eventinfo_item_link:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(/common/img/ico-find.svg) no-repeat 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.eventinfo_item_arrow {
  width: 22px;
  right: 10px
}

.eventinfo_list {
  padding-left: 35px;
  text-align: left
}

.eventinfo_list li {
  background-image: url(/info/img/line.png);
  background-position-y: top;
  background-repeat: repeat-x;
  width: 100%;
  position: relative;
  font-size: 1.5rem;
  color: #000;
  line-height: 1.75;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.eventinfo_list li .info_label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 26px
}

.eventinfo_list li .info_label_wrap span+span {
  margin-left: 6px
}

.eventinfo_list li .info_label_wrap span:not(:last-child) {
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  width: auto;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 3px
}

.eventinfo_list li .info_label_wrap span:last-child {
  margin-left: 20px;
  font-size: 16px
}

.eventinfo_list li strong {
  margin-top: 18px;
  letter-spacing: .075em;
  font-size: 18px;
  line-height: 1.5;
  display: block
}

.eventinfo_list li:last-child {
  background-image: url(/info/img/line.png), url(/info/img/line.png);
  background-position-y: top, bottom;
  background-repeat: repeat-x;
  margin-bottom: 32px
}

.eventinfo_list li a {
  display: block;
  padding: 20px 0
}

.careerNow_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.careerNow_item {
  width: calc(33.333% - 6.666px)
}

.careerNow_item img {
  display: block;
  width: 100%
}

@media screen and (max-width:1919px) {
  .blockListItem-01 {
    width: 420px;
    height: 312px
  }
  .blockListItem_txt {
    top: 200px
  }
  .findout_item_link {
    font-size: 2.8rem;
    padding-left: 44px
  }
  .findout_item_link:before {
    width: 30px;
    height: 30px
  }
  .findout_item_subLink {
    margin-left: 44px
  }
}

@media screen and (max-width:1779px) {
  .block_item-type01 {
    height: 440px
  }
  .block_item-type02 {
    height: 435px
  }
  .block_item-type03, .block_item-type04 {
    height: 425px
  }
  .block_item_elem-type01 {
    padding: 36px 40px
  }
  .block_item_elem-type02 {
    padding: 42px 40px 64px
  }
  .block_item_ttl {
    padding-bottom: 6px
  }
  .block_item_ttl-about {
    margin-bottom: 30px
  }
  .block_item_ttl-messages {
    margin-bottom: 68px
  }
  .block_item_ttl-findout {
    margin-bottom: 60px
  }
  .block_item_ttl-faq {
    margin-bottom: 52px
  }
  .block_item_ttl-positiveAction {
    margin-bottom: 72px
  }
  .block_item_ttl-keyPerson {
    margin-bottom: 53px
  }
  .block_item_ttl-process {
    margin-bottom: 40px
  }
  .block_item_ttl-information {
    margin-bottom: 46px
  }
  .block_item_ttl-careerNow {
    margin-bottom: 60px
  }
  .block_item_ttl-workplace-career {
    margin-bottom: 30px
  }
  .block_item_img {
    width: 474px;
    margin-top: 32px
  }
  .blockLink {
    font-size: 2rem;
    padding-right: 38px;
    top: 60px;
    right: 40px
  }
  .blockLink-information {
    font-size: 1.8rem
  }
  .blockLink_arrow {
    width: 20px;
    right: 0
  }
  .blockList {
    max-width: 1142px
  }
  .blockListItem {
    width: 354px;
    height: 354px
  }
  .blockListItem_ttl {
    font-size: 4.4rem
  }
  .blockListItem_ttl img {
    width: 200px
  }
  .blockListItem_txt {
    width: 322px;
    font-size: 1.4rem;
    top: 167px
  }
  .blockListItem_arrow {
    width: 26px;
    right: 24px
  }
  .blockListItem-01 {
    width: 375px;
    height: 279px
  }
  .findout_item_link {
    font-size: 2.6rem;
    margin-bottom: 10px
  }
  .findout_item_subLink {
    font-size: 16px;
    max-width: 260px;
    margin: -10px 0 20px 44px;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
  }
}

@media screen and (max-width:1599px) {
  .block_item-type01 {
    height: 334px
  }
  .block_item-type02 {
    height: 330px
  }
  .block_item-type03, .block_item-type04 {
    height: 365px
  }
  .block_item_elem-type01 {
    padding: 28px 30px
  }
  .block_item_elem-type02 {
    padding: 28px 32px 46px
  }
  .block_item_ttl {
    padding-bottom: 6px;
    border-width: 3px
  }
  .block_item_ttl-about {
    margin-bottom: 30px
  }
  .block_item_ttl-messages {
    margin-bottom: 48px
  }
  .block_item_ttl-findout {
    margin-bottom: 36px
  }
  .block_item_ttl-faq {
    margin-bottom: 40px
  }
  .block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
    margin-bottom: 48px
  }
  .block_item_ttl-process {
    margin-bottom: 28px
  }
  .block_item_ttl-information {
    margin-bottom: 40px
  }
  .block_item_ttl-careerNow {
    margin-bottom: 44px
  }
  .block_item_ttl-workplace span {
    max-width: 128px;
    margin-top: 8px;
    padding-bottom: 8px;
    border-width: 3px
  }
  .block_item_ttl-workplace-career span {
    max-width: 90px
  }
  .block_item_name {
    font-size: 1.8rem
  }
  .block_item_name-small {
    font-size: 1.6rem
  }
  .block_item_name_job {
    font-size: 1.4rem;
    margin-right: 12px
  }
  .block_item_name_job-small {
    display: block;
    margin-bottom: 6px;
    letter-spacing: 0
  }
  .block_item_img {
    width: 358px;
    margin-top: 20px
  }
  .block_item_arrow {
    width: 30px;
    right: 20px
  }
  .blockLink {
    top: 42px;
    right: 30px
  }
  .blockLink-information {
    font-size: 1.5rem
  }
  .blockLink_arrow {
    width: 20px;
    right: 0
  }
  .blockList {
    max-width: 866px
  }
  .blockListItem {
    width: 268px;
    height: 268px
  }
  .blockListItem_ttl {
    font-size: 3.4rem;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%)
  }
  .blockListItem_ttl img {
    width: 152px
  }
  .blockListItem_txt {
    font-size: 1.3rem;
    line-height: 1.75;
    width: 247px;
    top: 115px
  }
  .blockListItem_arrow {
    width: 20px;
    right: 18px;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%)
  }
  .blockListItem-01 {
    width: 276px;
    height: 205px
  }
  .findout_item_link {
    font-size: 2rem;
    margin-bottom: 0;
    padding-left: 32px
  }
  .findout_item_link:before {
    width: 24px;
    height: 24px
  }
  .findout_item_arrow {
    width: 20px;
    right: 0
  }
  .eventinfo_list {
    padding-left: 0
  }
  .eventinfo_item_arrow {
    width: 22px;
    right: 10px
  }
  .findout_item_subLink {
    width: 230px;
    height: 32px;
    font-size: 14px;
    margin: 0 0 10px 32px
  }
  .information_list {
    width: 760px
  }
  .information_list li {
    font-size: 1.4rem
  }
}

@media screen and (max-width:1023px) {
  .block_item {
    display: block
  }
  .block_item-type01 {
    display: block;
    height: auto
  }
  .block_item-type01-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .block_item-type03 {
    height: 410px
  }
  .block_item-large, .block_item-small {
    width: calc(50% - 5px)
  }
  .block_item-leftForTab {
    margin-right: 10px
  }
  .block_item-rightForTab {
    margin-right: 0
  }
  .block_item-largeForTab {
    width: 100%;
    margin-bottom: 10px
  }
  .block_item_elem-type01 {
    padding: 28px 30px
  }
  .block_item_elem-type02 {
    padding: 28px 32px 46px
  }
  .block_item_elem-left {
	width: 100%
  }

  .block_item_elem-right {
	width: 100%
  }
  .block_item_elem-left {
    padding: 66.66% 0 0
  }
  .block_item_elem_img-interview-small {
    background-position: center 25%
  }
  .block_item_elem_img-keyperson-min {
    background-image: url(/img/img_keyperson@2x.jpg)
  }
  .blockLink-about {
    top: calc(50% + 174px);
    right: calc(50% - 256px)
  }
  .blockList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 628px;
    top: 46px
  }
  .blockList_item {
    width: 300px;
    height: 300px;
    margin-bottom: 24px
  }
  .blockListItem_ttl {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .blockListItem_txt {
    width: 260px;
    top: 160px
  }
  .blockListItem_arrow {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .blockListItem-01 {
    width: 47%;
    height: 260px
  }
  .information_list {
    width: 560px;
    padding-left: 52px
  }
  .information_list li {
    width: 100%
  }
  .careerNow_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .careerNow_item {
    width: calc(50% - 5px);
    margin-bottom: 10px
  }
  .findout_item_link {
    font-size: 22px;
    padding-left: 44px;
    margin-bottom: 10px
  }
  .findout_item_link:before {
    width: 28px;
    height: 28px
  }
  .findout_item_subLink {
    width: 280px;
    font-size: 16px;
    margin-left: 44px;
    position: absolute;
    left: 260px;
    top: 5px
  }
}

@media screen and (max-width:767px) {
  .container {
    padding: 10px 0
  }
  .block_item {
    display: block
  }
  .block_item-type01, .block_item-type02, .block_item-type04 {
    height: auto
  }
  .block_item-type03 {
    height: 415px
  }
  .block_item-large, .block_item-medium, .block_item-small {
    width: 100%
  }
  .block_item-leftForTab {
    margin-right: 10px
  }
  .block_item-rightForTab {
    margin-right: 0
  }
  .block_item_elem {
    min-height: 212px
  }
  .block_item_elem-type01 {
    padding: 0
  }
  .block_item_elem-type02 {
    padding: 22px 20px 30px
  }
  .block_item_elem-left {
	width: 100%
  }

  .block_item_elem-right {
	width: 100%
  }
  .block_item_elem-left {
    padding: 66.66% 0 0
  }
  .block_item_elem-gray {
    background-color: #1a1a1a
  }
  .block_item_elem-interview-small {
    min-height: 306px
  }
  .block_item_elem_img-positiveAction {
    background-image: url(/img/img_positiveAction-sp@2x.jpg)
  }
  .block_item_ttl {
    border-width: 2px
  }
  .block_item_ttl-messages {
    margin-bottom: 40px
  }
  .block_item_ttl-findout {
    margin-bottom: 20px
  }
  .block_item_ttl-faq {
    margin-bottom: 32px
  }
  .block_item_ttl-eventinfo {
    margin-bottom: 33px;
    border-bottom: 0;
    padding-bottom: 0
  }
  .block_item_ttl-eventinfo span {
    padding-bottom: 8px
  }
  .block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
    margin-bottom: 28px;
    color: #fff
  }
  .block_item_ttl-workplace span {
    display: inline-block;
    border-width: 2px
  }
  .block_item_ttl-brForSp {
    border: none
  }
  .block_item_ttl-brForSp-main {
    display: block
  }
  .block_item_ttl-brForSp-sub {
    display: inline-block;
    margin: 8px 0 0;
    border-bottom: 2px solid #000;
    padding-bottom: 6px
  }
  .block_item_ttl-brForSp-sub-white {
    border-color: #fff
  }
  .block_item_name {
    font-size: 1.4rem
  }
  .block_item_name-small {
    font-size: 1.2rem
  }
  .block_item_name_job {
    font-size: 1.4rem;
    margin-right: 12px
  }
  .block_item_name_job-small {
    font-size: 1.2rem;
    margin-bottom: 6px;
    letter-spacing: 0
  }
  .block_item_img {
    width: calc(100% - 60px)
  }
  .blockLink {
    width: 150px;
    position: relative;
    font-size: 2rem;
    margin: 30px auto 0;
    padding: 8px 26px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    right: 0
  }
  .blockLink-information {
    width: 110px;
    font-size: 1.5rem
  }
  .blockLink_arrow {
    width: 18px
  }
  .blockLink-eventinfo {
    font-size: 1.5rem
  }
  .blockList {
    display: block;
    max-width: 100%
  }
  .blockList_item {
    width: 100%;
    height: 110px;
    background-size: contain;
    background-position: 0 0;
    margin-bottom: 24px
  }
  .blockListItem>img {
    width: 110px
  }
  .blockListItem_ttl {
    width: 110px;
    font-size: 2.1rem;
    right: inherit;
    left: 0
  }
  .blockListItem_ttl img {
    width: 80px
  }
  .blockListItem_txt {
    width: 100%;
    font-size: 1.3rem;
    bottom: 0;
    top: 0;
    right: inherit;
    left: 0;
    padding-left: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .blockListItem-01 .nosp {
    display: block
  }
  .blockListItem-01 .nopc {
    display: none
  }
  .findout_list {
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate(-2px);
    transform: translate(-2px)
  }
  .findout_item_link {
    font-size: 2.2rem;
    line-height: 1.4;
    margin-bottom: 0
  }
  .findout .findout_item_subLink {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    max-width: none;
    position: static;
    text-align: center;
    margin: 4px 0 16px
  }
  .information_list, .information_list li {
    width: 100%;
    padding-left: 0
  }
  .information_list li {
    line-height: 1.5
  }
  .information_list li .date {
    display: block;
    position: static;
    margin-bottom: 6px
  }
  .eventinfo_list {
    padding-left: 0
  }
  .eventinfo_list li a {
    padding: 15px 0
  }
  .eventinfo_list li .info_label_wrap {
    height: auto;
    display: block
  }
  .eventinfo_list li .info_label_wrap span:not(:last-child) {
    font-size: 11px;
    height: 20px;
    line-height: 20px
  }
  .eventinfo_list li .info_label_wrap span:last-child {
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin: 9px 0
  }
  .eventinfo_list li strong {
    margin: 0;
    line-height: 1.75;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline
  }
  .eventinfo_item_arrow {
    display: none
  }
  .careerNow_list {
    display: block
  }
  .careerNow_item {
    width: 100%
  }
}

@media screen and (max-width:374px) {
  .blockListItem_txt {
    font-size: 1.2rem
  }
}

@media screen and (min-width:768px) {
  .block_item-isClick {
    position: relative;
    cursor: pointer
  }
  .block_item-isClick:hover:after {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
  }
  .block_item-isClick:hover .block_item_elem_img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }
  .block_item-isClick:hover .block_item_arrow img, .blockLink:hover .blockLink_arrow img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .blockList_item:hover:after {
    opacity: .85;
    -webkit-transition-duration: .45s;
    transition-duration: .45s
  }
  .blockList_item:hover>img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }
  .blockList_item:hover .block_item_arrow img, .eventinfo_list a:hover .block_item_arrow img, .findout_item:hover .block_item_arrow img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .careerNow_item {
    position: relative
  }
  .careerNow_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #dd001f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
    transition: opacity .6s cubic-bezier(0, 0, .4, 1)
  }
  .careerNow_item:hover:after {
    opacity: 1;
    -webkit-transition-duration: .45s;
    transition-duration: .45s
  }
}

@media screen and (max-width:1023px) {
  .br-nosp {
    display: none
  }
}

.subpage .container {
  overflow: visible
}

.subpage_block {
  margin-bottom: 0!important;
  float: none
}

.subpage_block_elem {
  height: 320px;
  padding: 42px 40px;
  position: relative
}

.subpage_block_elem-left {
  background-image: url(/about/img/img_main-about@2x.jpg)
}

.subpage_block_inner-verticalCenter {
  width: calc(100% - 80px);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.subpage_block_ttl {
  border: none;
  margin-bottom: 42px
}

.subpage_block_ttl_txt-main {
  font-size: 5.6rem
}

.subpage_block_ttl_txt-sub {
  font-size: 2.4rem;
  font-weight: 500;
  margin-left: 16px
}

.subpage_block_txt {
  font-size: 1.6rem;
  line-height: 2;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:1779px) {
  .subpage_block_ttl_txt-main {
    font-size: 4.8rem
  }
  .subpage_block_ttl_txt-sub {
    font-size: 2.2rem
  }
}

@media screen and (max-width:1599px) {
  .subpage_block_elem {
    height: 264px;
    padding: 28px 26px
  }
  .subpage_block_inner-verticalCenter {
    width: calc(100% - 52px)
  }
  .subpage_block_ttl {
    margin-bottom: 24px
  }
  .subpage_block_ttl_txt-main {
    font-size: 3.6rem
  }
  .subpage_block_ttl_txt-sub {
    font-size: 2rem;
    margin-left: 12px
  }
  .subpage_block_txt {
    font-size: 1.4rem;
    padding: 0 6px
  }
}

@media screen and (max-width:1023px) {
  .subpage_block_elem {
    height: auto;
    min-height: 210px;
    padding: 28px 26px 32px
  }
  .subpage_block_elem-left {
    padding: 48.2% 0 0
  }
}

@media screen and (max-width:767px) {
  .container {
    padding: 0
  }
}

@media screen and (max-width:599px) {
  .subpage_block_elem {
    padding: 24px 20px 28px
  }
  .subpage_block_elem-left {
    padding: 48.2% 0 0
  }
  .subpage_block_inner-verticalCenter {
    width: calc(100% - 40px)
  }
  .subpage_block_ttl {
    margin-bottom: 12px
  }
  .subpage_block_ttl_txt-main {
    font-size: 2.6rem
  }
  .subpage_block_ttl_txt-sub {
    font-size: 1.8rem;
    margin-left: 8px
  }
  .subpage_block_txt {
    font-size: 1.4rem;
    padding: 0 6px
  }
}

.about_content {
  background: #fff;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.about_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 56px
}

.about_item {
  width: calc(33.333% - 26.666px);
  position: relative;
  margin-bottom: 50px
}

.about_item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.about_item_img {
  display: block;
  width: 100%;
  margin-bottom: 28px;
  overflow: hidden
}

.about_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.about_item_inner {
  padding: 0 30px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.about_item_ttl {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: .04em;
  margin-bottom: 28px
}

.about_item_ttl.jp-header {
  font-size: 2rem;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 2px;
  line-height: 1.5
}

.about_item_ttl.jp-header br {
  display: none
}

@media screen and (max-width:1279px) {
  .about_item_ttl.jp-header br {
    display: block
  }
}

.about_item_ttl img {
  display: block;
  width: 122px;
  height: 39px
}

.about_item_txt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2
}

.about_item_arrow {
  width: 128px;
  font-size: 2.1rem;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 30px
}

.about_item_arrow_img {
  display: block;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.about_item_arrow_img .hover {
  display: none
}

.about_item_arrow_img img {
  display: block;
  width: 100%
}

.about_item:hover .about_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.about_item:hover .about_item_arrow {
  color: #dd001f
}

.about_item:hover .about_item_arrow_img img {
  display: none
}

.about_item:hover .about_item_arrow_img .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.companyInfo {
  margin-bottom: 100px
}

.companyInfo_ttl {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: .04em;
  margin-bottom: 22px
}

.companyInfo_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.companyInfo_item {
  width: calc(25% - 7.5px)
}

.companyInfo_item a {
  color: #000
}

.companyInfo_item_img {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden
}

.companyInfo_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.companyInfo_item_txt {
  font-size: 1.6rem;
  font-weight: 700
}

.companyInfo_item:hover .companyInfo_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

@media screen and (max-width:1599px) {
  .about_list {
    margin-bottom: 56px
  }
  .about_item_img {
    margin-bottom: 20px
  }
  .about_item_inner {
    padding: 0 24px 48px
  }
  .about_item_ttl {
    font-size: 3.2rem;
    margin-bottom: 18px
  }
  .about_item_ttl img {
    display: block;
    width: 102px;
    height: 33px;
    margin-bottom: -2px
  }
  .about_item_txt {
    font-size: 1.4rem
  }
  .about_item_arrow {
    left: 24px
  }
}

@media screen and (max-width:1023px) {
  .about_list {
    margin-bottom: 56px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_item {
    width: calc(50% - 20px);
    margin-bottom: 80px
  }
  .companyInfo {
    margin-bottom: 100px
  }
  .companyInfo_ttl {
    font-size: 4rem;
    font-weight: 500;
    margin-bottom: 22px
  }
  .companyInfo_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .companyInfo_item {
    width: calc(50% - 5px);
    margin-bottom: 36px
  }
}

@media screen and (max-width:767px) {
  .about_item {
    width: calc(50% - 10px)
  }
  .about_item_txt {
    font-weight: 500
  }
  .about_content {
    padding: 20px
  }
}

@media screen and (max-width:599px) {
  .about_list {
    margin-bottom: 16px
  }
  .about_item {
    width: 100%;
    margin-bottom: 60px
  }
  .about_item_txt {
    margin-bottom: 20px
  }
  .about .companyInfo {
    margin-bottom: 100px
  }
  .about .companyInfo_ttl {
    font-size: 3.2rem
  }
  .about .companyInfo_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about .companyInfo_item {
    margin-bottom: 28px
  }
  .about .companyInfo_item_img {
    margin-bottom: 8px
  }
  .about .companyInfo_item_txt {
    font-size: 1.4rem;
    font-weight: 500
  }
}

.message_content {
  color: #fff;
  position: relative
}

.message_content .message_link {
  margin-bottom: 72px
}

.message_content .message_link a {
  color: #fff
}

.message_main {
  width: calc(100% - 256px);
  position: fixed;
  top: 0;
  right: 0;
  float: right;
  opacity: 0
}

.message_main img {
  width: 100%
}

.message_inner {
  width: 850px;
  margin: 0 auto;
  padding-top: 27.8%;
  position: relative
}

.message_ttl {
  font-size: 6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: .04rem;
  margin-bottom: 84px
}

.message_ttl span {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 80px;
  padding-left: 16px
}

.message_txt {
  font-size: 2rem;
  color: #fff;
  letter-spacing: .05rem;
  line-height: 2.8;
  margin-bottom: 80px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.message_txt-last {
  margin-bottom: 126px
}

@media screen and (max-width:1779px) {
  .message_inner {
    width: 710px
  }
  .message_ttl {
    font-size: 5rem
  }
  .message_ttl span {
    margin-bottom: 64px
  }
  .message_txt {
    font-size: 1.6rem
  }
}

@media screen and (max-width:1279px) {
  .message_content {
    margin-top: 80px
  }
  .message_main {
    width: 100%
  }
}

@media screen and (max-width:1023px) {
  .message_main {
    top: 80px
  }
  .message_inner {
    width: 600px;
    padding-top: 30.6%
  }
  .message_ttl {
    font-size: 4.2rem
  }
  .message_txt {
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .message_content {
    margin-top: 48px;
    padding-bottom: 64px
  }
  .message_content .message_link {
    margin-bottom: 40px
  }
  .message_main {
    top: 48px
  }
  .message_inner {
    width: 100%;
    padding: 50% 18px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .message_ttl {
    font-size: 3.1rem;
    line-height: 1.7
  }
  .message_ttl span {
    padding-left: 4px
  }
  .message_txt {
    font-size: 1.4rem;
    margin-bottom: 50px;
    padding: 0
  }
  .message_txt-last {
    margin-bottom: 120px
  }
}

.interview_content {
  background: #fff;
  padding: 72px 40px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.interview_category {
  width: 387px;
  margin: 0 auto 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.interview_category_item {
  width: 60px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: .04em;
  text-align: center;
  padding-bottom: 12px;
  cursor: pointer
}

.interview_category_item.is-active {
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.interview_tag {
  display: none;
  font-size: 1.8rem;
  font-weight: 700;
  color: #dd001f;
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: 80px
}

.interview_tag_txt {
  display: inline;
  padding-bottom: 8px;
  border-bottom: 3px solid #dd001f
}

.interview_list {
  overflow: hidden
}

.interview_list_container {
  max-width: 990px;
  margin: 0 auto;
  position: relative
}

.interview_item {
  width: calc(33.333% - 30px);
  min-height: 310px;
  float: left;
  margin: 0 15px 68px;
  position: relative
}

.interview_item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.interview_item_img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden
}

.interview_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.interview_item_ttl {
  font-size: 1.9rem;
  letter-spacing: .025em;
  line-height: 1.6;
  margin-bottom: 20px
}

.interview_item_name {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .05em
}

.interview_item_name span {
  display: block;
  font-size: 1.3rem;
  color: #dd001f;
  margin-bottom: 12px
}

.interview_item_name span br {
  display: none
}

.interview_item:hover .interview_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.interview_link {
  width: 127px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin: 0 auto;
  position: relative
}

.interview_link a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.interview_link_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.interview_link_arrow img {
  display: block;
  width: 100%
}

.interview_link_arrow img.hover {
  display: none
}

.interview_link:hover a {
  color: #dd001f
}

.interview_link:hover .interview_link_arrow img {
  display: none
}

.interview_link:hover .interview_link_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.interviewIndex_indexLink {
  display: none;
  position: absolute;
  top: -78px;
  right: 15px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.interviewIndex_indexLink .interview_link {
  margin: 0
}

@media screen and (min-width:1024px) {
  .interview_category_item {
    -webkit-transition: color .2s;
    transition: color .2s
  }
  .interview_category_item:hover {
    color: #dd001f
  }
}

@media screen and (max-width:1599px) {
  .interview_block_elem {
    height: 264px;
    padding: 28px 26px
  }
  .interview_block_ttl {
    margin-bottom: 24px
  }
  .interview_block_ttl_txt-main {
    font-size: 3.6rem
  }
  .interview_block_ttl_txt-sub {
    font-size: 2rem;
    margin-left: 12px
  }
  .interview_block_txt {
    font-size: 1.4rem;
    padding: 0 6px
  }
}

@media screen and (max-width:1279px) {
  .about_item_inner {
    padding: 0 0 40px
  }
  .about_item_arrow {
    left: 0
  }
}

@media screen and (max-width:1023px) {
  .interview_category_item:active {
    color: #dd001f;
    -webkit-transition: color .2s;
    transition: color .2s
  }
  .interview_content {
    padding: 72px 25px 40px
  }
  .interview_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .interview_block_elem-left {
    padding: 48.2% 0 0
  }
  .interview_item {
    width: calc(50% - 30px);
    margin-bottom: 80px
  }
  .interviewIndex_indexLink {
    position: static;
    -webkit-transform: none;
    transform: none
  }
  .interviewIndex_indexLink .interview_link {
    margin: 42px auto 80px
  }
}

@media screen and (max-width:767px) {
  .container {
    padding: 0
  }
  .interview {
    background: #fff;
    padding-bottom: 64px
  }
  .interview_content {
    padding: 28px 10px 0
  }
  .interview_category {
    width: 247px;
    margin-bottom: 28px
  }
  .interview_tag {
    font-size: 1.6rem;
    padding-bottom: 6px;
    margin-bottom: 45px
  }
  .interview_list_container {
    border: solid #eee;
    border-width: 1px 0 0;
    padding: 10px 0 40px
  }
  .interview_item {
    width: calc(50% - 9px);
    min-height: 240px;
    margin: 0 0 20px;
    position: relative
  }
  .interview_item:after {
    content: "";
    display: block;
    width: calc(100% + 9px);
    height: 1px;
    background: #eee;
    position: absolute;
    bottom: -10px;
    left: -9px
  }
  .interview_item:nth-child(odd) {
    margin-right: 18px
  }
  .interview_item:nth-child(odd):before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    right: -10px
  }
  .interview_item:nth-child(odd):after {
    left: 0
  }
  .interview_item_img {
    margin-bottom: 14px
  }
  .interview_item_ttl {
    font-size: 1.5rem
  }
  .interview_item_ttl br {
    display: none
  }
  .interview_item_name {
    font-size: 1.5rem;
    position: absolute;
    bottom: 2px;
    left: 0
  }
  .interview_item_name span {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 4px
  }
  .interview_item_name span br {
    display: block
  }
  .interviewIndex_indexLink .interview_link {
    margin-bottom: 40px
  }
}

@media screen and (max-width:599px) {
  .interview_block_elem {
    padding: 24px 20px 28px
  }
  .interview_block_elem-left {
    padding: 48.2% 0 0
  }
  .interview_block_ttl {
    margin-bottom: 12px
  }
  .interview_block_ttl_txt-main {
    font-size: 2.4rem
  }
  .interview_block_ttl_txt-sub {
    font-size: 1.6rem;
    margin-left: 8px
  }
  .interview_block_txt {
    font-size: 1.4rem;
    padding: 0
  }
  .offer_wapper {
    width: 280px;
    margin: 60px auto;
    padding: 20px
  }
  .offer_wapper .offer_content h3 {
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: .025em;
    margin-bottom: 18px
  }
  .offer_wapper .offer_content p {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 2;
    margin-bottom: 20px
  }
  .offer_wapper .offer_link {
    width: 240px
  }
  .offer_wapper .offer_link .block_item_arrow {
    width: 14px;
    height: 14px;
    right: 20px
  }
  .offer_wapper .offer_link .block_item_arrow img {
    width: 100%;
    height: auto
  }
  .offer_wapper .offer_link .block_item_arrow-w {
    position: absolute;
    width: 14px;
    height: 14px;
    top: calc(50% - 18px);
    right: 20px!important
  }
  .offer_wapper .offer_link .block_item_arrow-w img {
    width: 14px;
    height: auto
  }
  .offer_wapper .offer_link:hover .offer_btn .header_findout_arrow {
    width: 14px;
    top: calc(50% - 8px);
    right: 20px
  }
  .offer_wapper .offer_link:hover .offer_btn .header_findout_arrow .hover {
    width: 14px;
    height: auto;
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .offer_wapper .offer_link .offer_btn {
    position: relative;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: .075em;
    font-weight: 700;
    padding-left: 20px
  }
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li, .slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

.btn-pageTop {
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  float: right;
  bottom: 40px;
  right: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transition-property: opacity, visibility, background;
  transition-property: opacity, visibility, background;
  cursor: pointer
}

.btn-pageTop-black {
  background: #000;
  border-color: #fff
}

.btn-pageTop:hover {
  background-color: #f2f2f2
}

.btn-pageTop:hover img {
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.btn-pageTop-black:hover {
  background-color: #222
}

.btn-pageTop.is-show {
  opacity: 1;
  visibility: visible
}

.btn-pageTop_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  overflow: hidden
}

.btn-pageTop_arrow img {
  display: block;
  width: 100%
}

.topLink {
  background: #fff;
  padding: 74px 0
}

.topLink-black {
  background: none
}

.topLink_inner {
  width: 127px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin: 0 auto;
  position: relative
}

.topLink_inner a {
  color: #000
}

.topLink_inner-black a {
  color: #fff
}

.topLink_inner:hover a {
  color: #dd001f
}

.topLink_inner:hover .topLink_arrow img {
  display: none
}

.topLink_inner:hover .topLink_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.topLink_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.topLink_arrow img {
  display: block;
  width: 100%
}

.topLink_arrow img.hover {
  display: none
}

.share {
  margin: 80px 0
}

.share_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.share_item {
  width: 36px;
  height: 36px;
  background: #333;
  border-radius: 50%;
  margin-right: 44px;
  -webkit-transition: .4s cubic-bezier(0, 0, .4, 1);
  transition: .4s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: background;
  transition-property: background;
  cursor: pointer
}

.share_item:last-child {
  margin-right: 0
}

.share_item:hover {
  background: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.share_item a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: opacity .6s cubic-bezier(0, 0, .25, 1);
  transition: opacity .6s cubic-bezier(0, 0, .25, 1)
}

.share_item a img {
  width: 100%
}

.related_contents {
  background-color: #f2f2f2;
  padding: 38px 0 66px
}

.related_ttl {
  font-size: 2.7rem;
  font-weight: 500;
  letter-spacing: .05em;
  margin: auto
}

.related_ttl, .relatedContents_list {
  width: calc(100% - 80px);
  max-width: 944px
}

.relatedContents_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto
}

.relatedContents_item {
  display: block;
  width: calc(33.33333% - 6px);
  margin-top: 32px
}

.relatedContents_item:hover .relatedContents_img_inner {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.relatedContents_img {
  overflow: hidden
}

.relatedContents_img_inner {
  position: relative;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.relatedContents_img_inner>img {
  display: block;
  width: 100%
}

.relatedContents_ttl {
  color: #333;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 20px
}

@media screen and (max-width:1023px) {
  .btn-pageTop {
    right: 20px
  }
  .relatedContents_list {
    margin: 8px auto 0
  }
  .relatedContents_item {
    width: calc(50% - 6px);
    margin: 20px 0 0
  }
}

@media screen and (max-width:767px) {
  .btn-pageTop {
    float: none;
    position: relative;
    bottom: 0;
    right: 0;
    margin: 36px auto
  }
  .topLink {
    padding: 52px 0 0
  }
  .share {
    margin: 40px 0 60px
  }
  .share_item {
    margin-right: 24px
  }
  .related_contents {
    padding: 28px 0 60px
  }
  .related_ttl {
    width: calc(100% - 40px);
    text-align: center
  }
  .relatedContents_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 40px)
  }
  .relatedContents_item {
    width: 100%;
    margin-top: 24px
  }
  .relatedContents_overlay {
    font-size: 3.2rem
  }
  .relatedContents_ttl {
    font-size: 1.4rem;
    margin-top: 12px
  }
}

@-webkit-keyframes hoverArrowCenter {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  40% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  40.05% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes hoverArrowCenter {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  40% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  40.05% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.block_feature {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  width: calc(100% - 60px);
  max-width: 960px;
  margin: 0 auto 120px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #000;
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.block_feature_thumbnail {
  height: 150px;
  width: 245px;
  overflow: hidden
}

.block_feature_thumbnail_img {
  height: 100%;
  width: 100%;
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.block_feature_txt {
  margin: 28px 0 0 30px
}

.block_feature_txt_ttl {
  font-weight: 700;
  font-size: 1.9rem;
  margin-bottom: 26px
}

.block_feature_txt_ttl span {
  font-size: 2rem;
  font-weight: 400
}

.block_feature_txt_ttl span:first-child {
  font-size: 1.9rem;
  font-weight: 700;
  color: #dd001f
}

.block_feature_txt_caption {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em
}

.block_feature_arrow {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 40px;
  overflow: hidden
}

.block_feature_arrow_img {
  width: 100%
}

.block_feature_pc {
  display: block
}

.block_feature_sp {
  display: none
}

.block_feature:hover {
  -webkit-transition-duration: .45s;
  transition-duration: .45s;
  border: 1px solid #dd001f
}

.block_feature:hover .block_feature_thumbnail_img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.block_feature:hover .block_feature_arrow_img {
  -webkit-animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1)
}

@media screen and (max-width:1023px) {
  .block_feature {
    width: 560px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
  .block_feature .pc {
    display: none!important
  }
  .block_feature .sp {
    display: block
  }
  .block_feature_thumbnail, .block_feature_thumbnail_img {
    width: 100%;
    height: auto
  }
  .block_feature_txt {
    margin: 20px 10px 0
  }
  .block_feature_txt_ttl {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6875;
    margin-bottom: 8px
  }
  .block_feature_txt_ttl span {
    font-size: 1.8rem
  }
  .block_feature_txt_ttl span:first-child {
    display: block;
    font-size: 1.6rem
  }
  .block_feature_txt_caption {
    font-size: 1.2rem;
    line-height: 2
  }
  .block_feature_more {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: .075em
  }
  .block_feature_arrowContainer {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0 26px
  }
  .block_feature_arrow {
    width: 18px;
    height: 18px;
    margin-left: 10px
  }
  .block_feature_arrow, .block_feature_arrow_img {
    position: static;
    -webkit-transform: none;
    transform: none
  }
  .block_feature:hover .block_feature_arrow_img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
}

@media screen and (max-width:767px) {
  .block_feature {
    width: calc(100% - 40px);
    margin: 60px auto 30px
  }
  .block_feature_txt {
    margin: 15px 10px 0
  }
  .block_feature_txt_ttl {
    display: block
  }
  .block_feature_txt_ttl_main {
    font-size: 1.6rem
  }
  .block_feature_txt_ttl_sub {
    font-size: 1.6rem;
    margin: 5px 0 0;
    line-height: 1.5
  }
  .block_feature_txt_ttl_caption {
    margin-top: 15px;
    font-size: 1.2rem
  }
}

.interviewDetail {
  color: #333;
  overflow: hidden
}

.interviewDetail_content {
  background: #fff;
  padding-bottom: 64px
}

.interviewDetail_main {
  width: 100%;
  height: 0;
  color: #000;
  padding-top: 29.8%;
  position: relative;
  overflow: hidden
}

.interviewDetail_main_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.interviewDetail_main_bg img {
  width: 100%
}

.interviewDetail_main_inner {
  position: absolute;
  top: 50%;
  left: 43.4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.interviewDetail_main_inner-left {
  left: 10%
}

.interviewDetail_main_company {
  font-size: 1.6rem;
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 4px;
  margin-bottom: 20px
}

.interviewDetail_main_ttl {
  font-size: 3.2rem;
  line-height: 1.75;
  margin-bottom: 38px
}

.interviewDetail_main_ttl span {
  display: block;
  font-size: 2.4rem;
  font-weight: 400;
  color: #dd001f;
  letter-spacing: .05em
}

.interviewDetail_main_name {
  font-size: 2.4rem;
  font-weight: 700;
  color: #333
}

.interviewDetail_main_name br {
  display: none
}

.interviewDetail_main_name span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 12px
}

.interviewDetail_intro {
  background: #faf8f0;
  padding: 86px 0 90px
}

.interviewDetail_intro_inner {
  width: 640px;
  margin: 0 auto
}

.interviewDetail_intro_txt {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .025em;
  line-height: 2.3;
  margin-bottom: 40px
}

.interviewDetail_intro_info {
  border-top: 1px dashed #707070;
  padding-top: 30px;
  margin-top: 56px
}

.interviewDetail_intro_info.no-border {
  border: none;
  padding-top: 0;
  margin-top: 4px
}

.interviewDetail_intro_info p {
  font-size: 1.3rem;
  line-height: 2
}

.interviewDetail_intro_note {
  font-size: 1.2rem!important;
  margin-top: 20px
}

.interviewDetail_block {
  width: 900px;
  margin: 72px auto 64px;
  overflow: hidden;
  position: relative
}

.interviewDetail_block_ttl {
  font-size: 3rem;
  letter-spacing: .025em;
  line-height: 1.5;
  margin-bottom: 44px
}

.interviewDetail_block_ttl-right {
  padding-left: calc(50% + 30px)
}

.interviewDetail_block_ttl-center {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.interviewDetail_block_left, .interviewDetail_block_right {
  float: left;
  width: calc(50% - 30px)
}

.interviewDetail_block_left {
  margin-right: 60px
}

.interviewDetail_block_left-center {
  padding-left: 50%
}

.interviewDetail_block_right {
  float: right
}

.interviewDetail_block_txt {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 20px
}

.interviewDetail_block_img {
  display: block;
  margin: 5px 0 10px
}

.interviewDetail_block_dammy {
  padding-top: 25%
}

.interviewDetail_longImg img {
  width: 100%
}

.interviewDetail_career {
  width: 100%;
  background: #f2f2f2;
  padding: 72px 0 80px;
  overflow: hidden
}

.interviewDetail_career_inner {
  width: 900px;
  margin: 0 auto
}

.interviewDetail_career .interviewDetail_step_ttl {
  font-size: 2.4rem;
  font-weight: 400;
  color: #dd001f;
  letter-spacing: .05em;
  margin-bottom: 36px
}

.interviewDetail_career .interviewDetail_step_list-right {
  margin-top: 60px
}

.interviewDetail_career .interviewDetail_step_item {
  min-height: 48px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.75;
  padding-left: 70px;
  margin-bottom: 28px;
  position: relative
}

.interviewDetail_career .interviewDetail_step_item:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 20px);
  background: #707070;
  position: absolute;
  top: 36px;
  left: 20px
}

.interviewDetail_career .interviewDetail_step_item:last-child:before {
  display: none
}

.interviewDetail_career .interviewDetail_step_item-large {
  font-weight: 500
}

.interviewDetail_career .interviewDetail_step_item-large-left:last-child:before {
  display: block
}

.interviewDetail_career .interviewDetail_step_item .date {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 0
}

.interviewDetail_career .interviewDetail_step_item .ttl {
  display: block;
  font-weight: 700
}

.interviewDetail_career .interviewDetail_step_item .note {
  display: block;
  font-size: 1.2rem
}

.interviewDetail_message {
  width: 100%;
  background: #faf8f0;
  text-align: center;
  padding: 76px 0 72px
}

.interviewDetail_message_ttl {
  font-size: 3rem;
  margin-bottom: 44px
}

.interviewDetail_message_txt {
  font-size: 1.8rem;
  line-height: 2.3;
  margin-bottom: 44px
}

.interviewDetail_message_note {
  font-size: 1.2rem
}

.interviewDetail_column {
  width: 960px;
  height: 286px;
  margin: 94px auto 70px;
  background: #f2f2f2;
  padding: 36px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.interviewDetail_column_ttl {
  font-size: 2rem;
  letter-spacing: .025em;
  margin-bottom: 34px
}

.interviewDetail_column_txt {
  width: 460px;
  font-size: 1.4rem;
  letter-spacing: .025em;
  line-height: 2
}

.interviewDetail_column img {
  display: block;
  width: 420px;
  position: absolute;
  top: 0;
  right: 0
}

.interviewDetail_related {
  background: #f2f2f2;
  padding: 40px 0
}

.interviewDetail_related_inner {
  width: 960px;
  margin: 0 auto
}

.interviewDetail_related_ttl {
  font-size: 2.7rem;
  font-weight: 400;
  letter-spacing: .05em;
  margin-bottom: 32px
}

.interviewDetail_related_list, .interviewDetail_related_list_course {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.interviewDetail_related_list_course {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.interviewDetail_related_btn {
  position: relative;
  width: 200px;
  height: 38px;
  border: 2px solid #707070;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto 20px;
  line-height: 38px;
  font-size: 16px;
  text-indent: 20px
}

.interviewDetail_related_btn:hover {
  border: 2px solid #dd001f;
  color: #dd001f
}

.interviewDetail_related_btn:hover:after {
  background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
}

.interviewDetail_related_btn:hover.disabled:after {
  background: url(/interview/img/icon_minus_on.png) 0 0 no-repeat
}

.interviewDetail_related_btn:after {
  position: absolute;
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto
}

.interviewDetail_related_btn.disabled:after {
  background: url(/interview/img/icon_minus.png) 0 0 no-repeat;
  width: 13px;
  height: 2px
}

.interviewDetail_related_item, .interviewDetail_related_item-jobs {
  width: 300px;
  padding-bottom: 20px;
  position: relative;
  cursor: pointer
}

.interviewDetail_related_item-jobs:hover .interviewDetail_related_item_img img, .interviewDetail_related_item:hover .interviewDetail_related_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.interviewDetail_related_item-jobs a, .interviewDetail_related_item a {
  color: #333;
  display: block
}

.interviewDetail_related_item-jobs_img, .interviewDetail_related_item_img {
  overflow: hidden
}

.interviewDetail_related_item-jobs_img img, .interviewDetail_related_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.interviewDetail_related_item-jobs_inner, .interviewDetail_related_item_inner {
  padding: 30px 0 20px
}

.interviewDetail_related_item-jobs_ttl, .interviewDetail_related_item_ttl {
  font-size: 1.7rem;
  line-height: 1.5;
  margin-bottom: 24px
}

.interviewDetail_related_item-jobs_name, .interviewDetail_related_item_name {
  position: absolute;
  bottom: 20px;
  left: 0
}

.interviewDetail_related_item-jobs_name span, .interviewDetail_related_item_name span {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  color: #dd001f
}

.interviewDetail_related_item-jobs {
  margin-right: 10px
}

.interviewDetail_link {
  width: 212px;
  margin-top: 64px
}

.interviewDetail_link-powertrain {
  width: 304px;
  font-size: 1.6rem;
  margin-bottom: 64px
}

.interviewDetail_border-dot {
  width: 900px;
  height: 1px;
  margin: 0 auto 16px;
  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-repeat: repeat-x
}

.interviewDetail_offer {
  width: 560px;
  background: #f2f2f2;
  margin: 120px auto;
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.interviewDetail_offer_content {
  text-align: left
}

.interviewDetail_offer_content>h3 {
  font-size: 1.9rem;
  line-height: 1.75;
  letter-spacing: .05em;
  font-weight: 700;
  margin-bottom: 26px
}

.interviewDetail_offer_content>p {
  font-size: 1.4rem;
  letter-spacing: .025em;
  line-height: 2;
  margin-bottom: 60px
}

.interviewDetail_offer_link {
  display: block;
  width: 100%;
  height: 60px;
  background: #dd001f;
  text-align: left;
  letter-spacing: .075em;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0
}

.interviewDetail_offer_link a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 62px;
  color: #fff;
  padding-left: 30px;
  -webkit-transition: color .15s;
  transition: color .15s
}

.interviewDetail_offer_link_arrow {
  right: 30px
}

.interviewDetail_offer_link:hover a {
  color: #000
}

.interviewDetail_tagsWrapper {
  max-width: 855px;
  margin: 0 auto 104px
}

.interviewDetail_tags {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.interviewDetail_tag {
  height: 33px;
  margin: 0 4px 8px
}

.interviewDetail_tag_link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  font-weight: 700;
  color: #666;
  line-height: 32px;
  padding: 0 25px;
  border: 1px solid #ddd;
  border-radius: 33px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transition-property: color, border;
  transition-property: color, border
}

.interviewDetail_tag_link:hover {
  color: #dd001f;
  border-color: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

@media screen and (max-width:1599px) {
  .interviewDetail_main_ttl {
    font-size: 2.6rem;
    margin-bottom: 26px
  }
  .interviewDetail_main_name {
    font-size: 2.1em
  }
  .interviewDetail_main_name span {
    font-size: 1.2rem;
    margin-bottom: 12px
  }
}

@media screen and (max-width:1279px) {
  .interviewDetail_main {
    margin-top: 80px
  }
}

@media screen and (max-width:1023px) {
  .interviewDetail_content {
    padding-bottom: 64px
  }
  .interviewDetail_main {
    width: 100%;
    height: auto;
    background: #faf8f0;
    padding: 0
  }
  .interviewDetail_main_bg {
    width: 100%;
    position: static
  }
  .interviewDetail_main_bg img {
    width: 100%
  }
  .interviewDetail_main_inner {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0);
    padding: 0 0 44px 50px;
    margin-top: 36px
  }
  .interviewDetail_intro {
    padding: 42px 0 90px
  }
  .interviewDetail_intro_inner {
    width: calc(100% - 100px);
    margin: 0 auto
  }
  .interviewDetail_intro_txt {
    text-align: left
  }
  .interviewDetail_block {
    width: calc(100% - 100px)
  }
  .interviewDetail_block_left, .interviewDetail_block_right {
    float: none;
    width: 100%
  }
  .interviewDetail_block_left {
    margin: 0
  }
  .interviewDetail_block_left-center, .interviewDetail_block_ttl-right {
    padding-left: 0
  }
  .interviewDetail_block_ttl-center {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  .interviewDetail_block_txt {
    margin-bottom: 56px
  }
  .interviewDetail_block_img {
    width: calc(100% - 100px);
    max-width: 630px;
    margin: 0 auto 56px
  }
  .interviewDetail_block_dammy {
    display: none
  }
  .interviewDetail_career {
    width: 100%
  }
  .interviewDetail_career_inner {
    width: calc(100% - 100px);
    margin: 0 auto
  }
  .interviewDetail_career .interviewDetail_step_list-right {
    margin-top: 0
  }
  .interviewDetail_career .interviewDetail_step_item .note {
    display: block
  }
  .interviewDetail_column {
    width: calc(100% - 100px);
    max-width: 630px;
    height: auto;
    padding: 36px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
  }
  .interviewDetail_column_ttl, .interviewDetail_column_txt {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_column_txt {
    width: 100%;
    margin-bottom: 34px
  }
  .interviewDetail_column img {
    display: block;
    width: 100%;
    max-width: 630px;
    position: static
  }
  .interviewDetail_related_inner {
    width: 630px;
    margin: 0 auto
  }
  .interviewDetail_related_list, .interviewDetail_related_list_course {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .interviewDetail_related_item {
    width: 300px;
    margin-bottom: 32px
  }
  .interviewDetail_related_item-jobs {
    width: 49%;
    margin-right: 0;
    margin-bottom: 32px
  }
  .interviewDetail_related_item-jobs:nth-child(2n) {
    margin-left: 2%
  }
  .interviewDetail_border-dot {
    display: none
  }
  .interviewDetail_tagsWrapper {
    width: calc(100% - 120px)
  }
  .jobs_interview-one .interviewDetail_related_item-jobs {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .interviewDetail_content {
    padding-bottom: 64px
  }
  .interviewDetail_main {
    margin-top: 48px
  }
  .interviewDetail_main_inner {
    padding: 0 20px;
    margin-top: 24px
  }
  .interviewDetail_main_ttl {
    font-size: 2.1rem
  }
  .interviewDetail_main_ttl br {
    display: none
  }
  .interviewDetail_main_ttl span {
    margin-bottom: 20px
  }
  .interviewDetail_main_name {
    font-weight: 500;
    padding-bottom: 30px
  }
  .interviewDetail_main_name br {
    display: block
  }
  .interviewDetail_main_name span {
    font-weight: 400;
    line-height: 1.75
  }
  .interviewDetail_intro {
    padding: 14px 0 60px
  }
  .interviewDetail_intro_inner {
    width: calc(100% - 40px)
  }
  .interviewDetail_intro_txt {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0;
    margin-bottom: 16px
  }
  .interviewDetail_intro_txt br {
    display: none
  }
  .interviewDetail_intro_info {
    margin-top: 26px
  }
  .interviewDetail_intro_info p {
    font-size: 1.2rem
  }
  .interviewDetail_block {
    width: calc(100% - 40px);
    margin: 60px auto 44px
  }
  .interviewDetail_block_left, .interviewDetail_block_right {
    float: none;
    width: 100%
  }
  .interviewDetail_block_left {
    margin: 0
  }
  .interviewDetail_block_ttl {
    font-size: 2.1rem;
    margin-bottom: 20px
  }
  .interviewDetail_block_ttl br {
    display: none
  }
  .interviewDetail_block_txt {
    margin-bottom: 28px
  }
  .interviewDetail_block_img {
    width: 100%;
    margin-bottom: 28px
  }
  .interviewDetail_career {
    width: 100%;
    padding: 42px 0
  }
  .interviewDetail_career_inner {
    width: calc(100% - 40px);
    margin: 0 auto
  }
  .interviewDetail_career_ttl br {
    display: block
  }
  .interviewDetail_career .interviewDetail_step {
    margin-top: 52px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_career .interviewDetail_step_ttl {
    text-align: center
  }
  .interviewDetail_career .interviewDetail_step_item {
    font-size: 1.3rem;
    font-weight: 500
  }
  .interviewDetail_career .interviewDetail_step_item .note {
    display: block
  }
  .interviewDetail_message {
    text-align: left;
    padding: 40px 20px 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_message_ttl {
    font-size: 2.1rem;
    margin-bottom: 20px
  }
  .interviewDetail_message_txt {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 44px
  }
  .interviewDetail_message_txt br {
    display: none
  }
  .interviewDetail_message_note {
    font-size: 1.2rem
  }
  .interviewDetail_column {
    width: calc(100% - 40px);
    max-width: 630px;
    height: auto;
    margin: 20px auto;
    background: #f2f2f2;
    padding: 36px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
  }
  .interviewDetail_column_ttl {
    font-size: 1.8rem;
    line-height: 1.75;
    margin-bottom: 18px;
    padding: 0 20px
  }
  .interviewDetail_column_txt {
    margin-bottom: 30px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_column img {
    display: block;
    width: 100%;
    max-width: 630px;
    position: static
  }
  .interviewDetail_related_inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_related_ttl {
    text-align: center
  }
  .interviewDetail_related_list, .interviewDetail_related_list_course {
    width: calc(100% - 30px);
    margin: 0 auto
  }
  .interviewDetail_related_list_course {
    width: calc(100% - 40px)
  }
  .interviewDetail_related_item {
    display: block!important;
    width: calc(100% - 10px)!important;
    margin: 0 auto
  }
  .interviewDetail_related_item_inner {
    padding: 30px 0 20px
  }
  .interviewDetail_related_item-jobs {
    margin: 0 auto 10px
  }
  .interviewDetail_related_btn {
    width: 100%;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_related_slideArrow {
    width: 40px;
    height: 0;
    padding-top: 54%;
    position: absolute;
    top: 0
  }
  .interviewDetail_related_slideArrow img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .interviewDetail_related_slideArrow-prev {
    left: -35px
  }
  .interviewDetail_related_slideArrow-prev img {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
  }
  .interviewDetail_related_slideArrow-next {
    right: -35px
  }
  .interviewDetail_related .slick-dots {
    text-align: right
  }
  .interviewDetail_related .slick-dots li {
    width: 18px;
    height: 18px;
    margin: 0
  }
  .interviewDetail_related .slick-dots li.slick-active button:before {
    background: #dd001f
  }
  .interviewDetail_related .slick-dots li button {
    width: 100%;
    height: 100%
  }
  .interviewDetail_related .slick-dots li button:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
    opacity: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .interviewDetail_offer {
    width: calc(100% - 40px);
    margin: 60px auto 30px;
    padding: 20px
  }
  .interviewDetail_offer_content>h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 16px
  }
  .interviewDetail_offer_content>p {
    font-size: 1.2rem;
    margin-bottom: 20px
  }
  .interviewDetail_offer_link {
    height: 40px;
    font-size: 1.4rem
  }
  .interviewDetail_offer_link a {
    line-height: 40px;
    padding-left: 20px
  }
  .interviewDetail_offer_link_arrow {
    width: 14px;
    right: 20px
  }
  .interviewDetail_offer_link:hover a {
    color: #000
  }
  .interviewDetail_tagsWrapper {
    width: calc(100% - 32px);
    padding-bottom: 72px;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
  }
  .interviewDetail_tagsContainer {
    max-height: 120px;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(0, 0, .4, 1);
    transition: max-height .4s cubic-bezier(0, 0, .4, 1)
  }
  .interviewDetail_tag_link {
    padding: 0 16px
  }
  .interviewDetail_tagsMore {
    width: 44px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .075em;
    text-align: center;
    margin: 15px auto 0;
    padding: 5px 34px 5px 5px;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0
  }
  .interviewDetail_tagsMore:after, .interviewDetail_tagsMore:before {
    content: "";
    display: block;
    background: #333;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .interviewDetail_tagsMore:before {
    width: 14px;
    height: 2px;
    right: 10px
  }
  .interviewDetail_tagsMore:after {
    width: 2px;
    height: 14px;
    right: 16px
  }
  .interviewDetail_tagsMore:active {
    color: #dd001f
  }
  .interviewDetail_tagsMore:active:after, .interviewDetail_tagsMore:active:before {
    background: #dd001f
  }
  .interviewDetail_tagsMore.is-open {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s cubic-bezier(0, 0, .2, 1);
    transition: .2s cubic-bezier(0, 0, .2, 1);
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility
  }
}

.newInterviewDetail_main {
  padding-top: 50.65%;
  color: #fff;
  margin-bottom: 116px;
  position: relative
}

.newInterviewDetail_main_bg img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.newInterviewDetail_main_bg img.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
  transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
  transition: transform 1s cubic-bezier(0, 0, .2, 1);
  transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
}

.newInterviewDetail_main_content {
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0
}

.newInterviewDetail_main_content-left {
  left: 0;
  right: auto
}

.newInterviewDetail_main_content.is-active {
  width: 50%;
  opacity: 1;
  -webkit-transition: 1s cubic-bezier(0, 0, .2, 1);
  transition: 1s cubic-bezier(0, 0, .2, 1);
  -webkit-transition-property: width, opacity;
  transition-property: width, opacity
}

.newInterviewDetail_main_inner {
  width: 372px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0
}

.newInterviewDetail_main_inner.is-active {
  opacity: 1;
  -webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
  transition: opacity .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.newInterviewDetail_main_ttl {
  font-size: 4rem;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 1.5
}

.newInterviewDetail_main_name {
  color: #fff;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff
}

.newInterviewDetail_main_name span {
  letter-spacing: .05em
}

.newInterviewDetail_main_name .interviewDetail_main_initial {
  font-size: 2.7rem;
  font-weight: 700;
  margin-bottom: 0
}

.newInterviewDetail_main_txt {
  font-size: 1.3rem;
  line-height: 2;
  margin-top: 40px
}

.newInterviewDetail_block {
  width: calc(100% - 120px);
  max-width: 1220px;
  color: #333;
  margin: 0 auto 116px
}

.newInterviewDetail_block_txtContainer {
  width: 420px;
  padding: 0 64px
}

.newInterviewDetail_block_imgContainer {
  width: 672px
}

.newInterviewDetail_block_ttl {
  font-weight: 400;
  margin-bottom: 64px;
  padding-left: 60px
}

.newInterviewDetail_block_content {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.newInterviewDetail_block_content.sp {
  display: none
}

.newInterviewDetail_block_img {
  display: block;
  width: 100%;
  margin-bottom: 10px
}

.newInterviewDetail_block_img-last {
  width: 420px;
  margin-bottom: 0
}

.newInterviewDetail_block_txt {
  font-size: 1.5rem;
  line-height: 2;
  margin-bottom: 32px
}

.newInterviewDetail_block_txt:last-child {
  margin-bottom: 0
}

.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
  padding-left: 732px
}

.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_txt {
  float: right
}

.newInterviewDetail_longImg {
  width: calc(100% - 120px);
  max-width: 1224px;
  margin: 0 auto 96px
}

@media screen and (max-width:1599px) {
  .newInterviewDetail_main_inner {
    width: calc(100% - 200px)
  }
  .newInterviewDetail_main_ttl {
    font-size: 3rem;
    margin-bottom: 20px
  }
  .newInterviewDetail_main_name {
    padding-bottom: 24px
  }
  .newInterviewDetail_main_name .interviewDetail_main_initial {
    font-size: 2.4rem
  }
  .newInterviewDetail_main_txt {
    margin-top: 24px
  }
  .newInterviewDetail_block {
    width: calc(100% - 200px);
    margin: 0 auto 96px
  }
  .newInterviewDetail_block_txtContainer {
    width: 50%;
    padding: 0 48px
  }
  .newInterviewDetail_block_imgContainer {
    width: 50%
  }
  .newInterviewDetail_block_ttl {
    font-size: 2.8rem;
    margin-bottom: 48px;
    padding-left: 48px
  }
  .newInterviewDetail_block_img {
    width: 100%
  }
  .newInterviewDetail_block_img-last {
    width: calc(100% - 80px);
    padding-right: 80px
  }
  .newInterviewDetail_block_img-float {
    padding-right: 80px
  }
  .newInterviewDetail_block_txt {
    font-size: 1.4rem;
    margin-bottom: 40px
  }
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
    padding-left: 50%
  }
}

@media screen and (max-width:1023px) {
  .newInterviewDetail_main {
    background: #1a1a1a;
    margin-bottom: 88px;
    padding-top: 0
  }
  .newInterviewDetail_main_bg {
    overflow: hidden
  }
  .newInterviewDetail_main_content {
    width: 100%;
    position: static;
    background: none;
    padding: 48px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1
  }
  .newInterviewDetail_main_content.is-active {
    width: 100%
  }
  .newInterviewDetail_main_inner {
    width: 100%;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin: 0;
    padding: 0;
    opacity: 1
  }
  .newInterviewDetail_block {
    width: 648px;
    margin: 0 auto 88px;
    padding-top: 464px;
    position: relative
  }
  .newInterviewDetail_block_content.pc {
    display: none
  }
  .newInterviewDetail_block_content.sp {
    display: block
  }
  .newInterviewDetail_block_txtContainer {
    width: 100%;
    padding: 0
  }
  .newInterviewDetail_block_imgContainer {
    width: 100%
  }
  .newInterviewDetail_block_ttl {
    font-size: 2.8rem;
    margin-bottom: 32px;
    padding-left: 0
  }
  .newInterviewDetail_block_content {
    display: block
  }
  .newInterviewDetail_block_img {
    width: 100%;
    float: none
  }
  .newInterviewDetail_block_img:first-child {
    position: absolute;
    top: 0;
    left: 0
  }
  .newInterviewDetail_block_img-sub {
    margin: 40px 0 24px
  }
  .newInterviewDetail_block_txt {
    width: 100%;
    padding: 0;
    float: none
  }
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .newInterviewDetail_main {
    margin-bottom: 0
  }
  .newInterviewDetail_main_content {
    padding: 28px 20px
  }
  .newInterviewDetail_main_ttl br {
    display: block
  }
  .newInterviewDetail_main_company {
    font-size: 1.8rem;
    letter-spacing: .05em;
    padding-bottom: 6px
  }
  .newInterviewDetail_main_name {
    padding-bottom: 16px
  }
  .newInterviewDetail_main_name span {
    margin-bottom: 0
  }
  .newInterviewDetail_block {
    width: 100%;
    margin: 0 auto 40px;
    padding-top: 250px;
    position: relative
  }
  .newInterviewDetail_block_ttl {
    font-size: 2.2rem;
    margin: 40px 0 32px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .newInterviewDetail_block_ttl br {
    display: block
  }
  .newInterviewDetail_block_item {
    width: 100%
  }
  .newInterviewDetail_block_txt {
    margin-bottom: 20px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .newInterviewDetail_block_txt:last-child {
    margin-bottom: 20px
  }
  .newInterviewDetail_block_img-sub {
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto 20px;
    float: none
  }
  .newInterviewDetail_block_img-last {
    padding-right: 0
  }
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
    padding-left: 20px
  }
  .newInterviewDetail_longImg {
    width: 100%;
    margin-bottom: 60px
  }
}

.welfare .subpage_block_ttl_txt-sub {
  display: block;
  margin: 8px 0 0
}

.welfare .welfare_link {
  margin: 75px auto 0
}

.welfare .welfare_link a {
  color: #333
}

.welfare .welfare_link:hover a {
  color: #dd001f
}

.welfare .tab {
  display: none
}

.welfare_content {
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.welfare_category {
  width: 246px;
  margin: 0 auto 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.welfare_category_item {
  width: 76px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: .04em;
  text-align: center;
  padding-bottom: 12px;
  -webkit-transition: color .4s;
  transition: color .4s;
  cursor: pointer
}

.welfare_category_item.is-active {
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.welfare_category_item:hover {
  color: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.welfare_category-header {
  padding: 82px 0 0
}

.welfare_category-footer {
  margin: 60px auto 61px
}

.welfare_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.welfare_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.welfare_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.welfare_container_ttl:after, .welfare_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.welfare_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 36px 0 30px;
  background-position: bottom;
  background-repeat: repeat-x
}

.welfare_item_ttl {
  width: 30%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.5
}

.welfare_item_detail {
  width: 70%
}

.welfare_item_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.welfareAccordion_btn {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .025em;
  width: 148px;
  padding-bottom: 11px;
  border-bottom: 2px solid #333;
  margin: 37px 0 10px;
  position: relative;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  cursor: pointer
}

.welfareAccordion_btn:after, .welfareAccordion_btn:before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #333;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform
}

.welfareAccordion_btn:before {
  width: 16px;
  height: 2px;
  top: 5px;
  right: 0
}

.welfareAccordion_btn:after {
  width: 2px;
  height: 16px;
  top: -2px;
  right: 7px
}

.welfareAccordion_btn.is-open, .welfareAccordion_btn:hover {
  color: #dd001f;
  border-color: #dd001f
}

.welfareAccordion_btn.is-open:after, .welfareAccordion_btn.is-open:before, .welfareAccordion_btn:hover:after, .welfareAccordion_btn:hover:before {
  background-color: #dd001f
}

.welfareAccordion_btn.is-open {
  width: 100%;
  margin-bottom: 0
}

.welfareAccordion_btn.is-open:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.welfareAccordion_btn.is-disabled {
  color: #ccc;
  border-color: #ccc
}

.welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
  background-color: #ccc
}

.welfareAccordion_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 27px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.welfareAccordion_box:last-of-type {
  padding-bottom: 0;
  background: none
}

.welfareAccordion_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .025em;
  width: 21%
}

.welfareAccordion_detail {
  width: 79%;
  margin-top: -6px
}

.welfareAccordion_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.welfareAccordion_list {
  margin-top: 19px
}

.welfareAccordion_list.no-margin {
  margin-top: 0
}

.welfareAccordion_item {
  font-size: 1.4rem;
  line-height: 1.75;
  margin-top: 11px;
  position: relative
}

.welfareAccordion_item:first-child {
  margin-top: 0
}

.welfareAccordion_item.has-mark {
  padding-left: 32px
}

.welfareAccordion_item span {
  display: inline-block;
  width: 32px;
  height: 100%;
  position: absolute;
  left: 0
}

.welfareTab_wrapper {
  position: relative;
  padding-top: 30px;
  margin-top: 36px
}

.welfareTab_btn {
  width: 178px;
  position: absolute;
  top: 0;
  margin-top: 0;
  cursor: pointer
}

.welfareTab_btn-01 {
  left: 0
}

.welfareTab_btn-02 {
  left: 214px
}

.welfareTab_btn-03 {
  left: 428px
}

.welfareTab_btn.is-open {
  width: 178px
}

.welfareTab_list {
  margin-top: 22px
}

.welfareTab_item {
  font-size: 1.4rem;
  line-height: 1.75;
  position: relative
}

.welfareTab_item.has-mark {
  padding-left: 30px
}

.welfareTab_item span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.welfareTab_item+.welfareTab_item {
  margin-top: 11px
}

.welfareTab_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0 26px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.welfareTab_box:last-of-type {
  padding-bottom: 0;
  background: none
}

.welfareTab_box dt {
  width: 21%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .025em
}

.welfareTab_box dd {
  width: 79%;
  font-size: 1.4rem;
  line-height: 1.75
}

.welfareTab_box p.has-mark {
  position: relative;
  padding-left: 30px;
  margin-top: 9px
}

.welfareTab_box p.has-mark span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.office_item {
  overflow: hidden;
  padding: 58px 0 60px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.office_ttl {
  float: left;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em
}

.office_detail {
  width: 53.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 20px;
  padding: 33px 6.5% 0 0
}

.office_detail span {
  color: #dd001f
}

.office_detail a {
  color: #dd001f;
  text-decoration: underline
}

.office_img {
  float: right;
  width: 46.75%
}

.office_img img {
  display: block;
  width: 100%
}

.office_img_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 1.45%
}

.office_img_small img {
  width: 49.25%;
  height: 100%
}

@media screen and (max-width:1023px) {
  .welfare .tab {
    display: block
  }
  .welfare .no_tab {
    display: none
  }
  .welfare_item_ttl {
    width: 100%;
    margin: 0 auto 22px
  }
  .welfare_item_detail {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .tab {
    display: none
  }
  .sp {
    display: block
  }
  .welfare .welfare_link {
    margin: 55px auto 0
  }
  .welfare_content {
    padding: 0 0 64px
  }
  .welfare_category {
    width: 190px;
    margin: 0 auto 75px
  }
  .welfare_category-header {
    padding: 50px 0 0
  }
  .welfare_category-footer {
    margin: 40px auto 46px
  }
  .welfare_container {
    width: 100%
  }
  .welfare_container_ttl {
    font-size: 3rem;
    padding: 0 20px 43px
  }
  .welfare_container_ttl:after {
    content: none
  }
  .welfare_list {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x
  }
  .welfare_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px 0 45px
  }
  .welfare_item_ttl {
    width: calc(100% - 40px);
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.5
  }
  .welfare_item_detail {
    margin: 0 auto;
    width: calc(100% - 40px)
  }
  .welfare_item_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .welfareAccordion_btn {
    width: 100%;
    margin: 26px 0 4px
  }
  .welfareAccordion_btn:before {
    top: 7px;
    right: 20px
  }
  .welfareAccordion_btn:after {
    top: 0;
    right: 27px
  }
  .welfareAccordion_btn.is-disabled {
    color: #333;
    border-color: #333
  }
  .welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
    background-color: #333
  }
  .welfareAccordion_btn.is-disabled.is-open {
    color: #dd001f;
    border-color: #dd001f
  }
  .welfareAccordion_btn.is-disabled.is-open:after, .welfareAccordion_btn.is-disabled.is-open:before {
    background-color: #dd001f
  }
  .welfareAccordion_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px 0 24px
  }
  .welfareAccordion_ttl {
    margin: 3px 0 31px
  }
  .welfareAccordion_detail, .welfareAccordion_ttl {
    width: 100%;
    padding-left: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .welfareAccordion_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .welfareAccordion_list {
    margin-top: 15px
  }
  .welfareAccordion_item {
    margin-top: 16px
  }
  .welfareAccordion_item.has-mark {
    padding-left: 20px
  }
  .welfareAccordion_item span {
    width: 20px
  }
  .welfareTab_wrapper {
    position: relative;
    padding-top: 0;
    margin: 24px 0 16px
  }
  .welfareTab_btn {
    width: 100%;
    position: relative;
    margin-bottom: 32px
  }
  .welfareTab_btn-01, .welfareTab_btn-02, .welfareTab_btn-03 {
    left: auto
  }
  .welfareTab_btn-03 {
    margin-bottom: 4px
  }
  .welfareTab_btn.is-open {
    width: 100%
  }
  .welfareTab_list {
    margin-top: 25px
  }
  .welfareTab_item.has-mark {
    padding-left: 20px
  }
  .welfareTab_item span {
    width: 20px
  }
  .welfareTab_item+.welfareTab_item {
    margin-top: 11px
  }
  .welfareTab_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 32px
  }
  .welfareTab_box:last-of-type {
    padding-bottom: 0;
    background: none
  }
  .welfareTab_box dd, .welfareTab_box dt {
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .welfareTab_box dd {
    margin-top: 20px
  }
  .welfareTab_box p.has-mark {
    padding-left: 20px
  }
  .welfareTab_box p.has-mark span {
    width: 20px
  }
  .office_item {
    padding: 40px 0 41px
  }
  .office_item_wrapper {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 1px
  }
  .office_ttl {
    float: none;
    padding: 0 20px
  }
  .office_detail {
    width: 100%;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 15px
  }
  .office_img {
    float: none;
    width: calc(100% - 40px);
    margin: 26px auto 0
  }
}

.requirements .subpage_block_ttl_txt-sub {
  display: block;
  margin: 8px 0 0 7px
}

.requirements .requirements_link {
  margin: 75px auto 0
}

.requirements .requirements_link a {
  color: #333
}

.requirements .requirements_link:hover a {
  color: #dd001f
}

.requirements .tab {
  display: none
}

.requirements_content {
  color: #333
}

.requirements_category {
  width: 700px;
  margin: 0 auto 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.requirements_category_item {
  width: 150px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: .04em;
  text-align: center;
  padding-bottom: 12px;
  -webkit-transition: color .4s;
  transition: color .4s;
  cursor: pointer
}

.requirements_category_item.is-active {
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.requirements_category_item:first-child, .requirements_category_item:last-child {
  width: 120px
}

.requirements_category_item:hover {
  color: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.requirements_category-header {
  padding: 82px 0 0
}

.requirements_category-footer {
  margin: 60px auto 61px
}

.category_container {
  display: none
}

.category_container.is-active {
  display: block
}

.accordion_content, .tab_content {
  display: none
}

.requirements_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.requirements_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.requirements_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.requirements_container_ttl:after, .requirements_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.requirements_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 36px 0 30px;
  background-position: bottom;
  background-repeat: repeat-x
}

.requirements_item-none {
  background-image: none
}

.requirements_item_ttl {
  width: 30%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.5
}

.requirements_item_detail {
  width: 70%
}

.requirements_item_detail ul.req_list {
  font-size: 15px;
  line-height: 1.75;
  margin-top: 30px
}

.requirements_item_detail ul {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 30px
}

.requirements_item_detail ul a {
  color: #dd001f;
  text-decoration: underline
}

.requirements_item_detail .registration_dot_list {
  margin-top: 0
}

.requirements_item_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.requirementsTab_wrapper {
  position: relative;
  padding-top: 30px;
  margin-top: 36px
}

.requirementsTab_btn {
  width: 178px;
  position: absolute;
  top: 0;
  margin-top: 0;
  cursor: pointer
}

.requirementsTab_btn#tab1 {
  left: 0
}

.requirementsTab_btn#tab2 {
  left: 214px
}

.requirementsTab_btn#tab3 {
  left: 428px
}

.requirementsTab_btn.is-open {
  width: 178px
}

.requirementsTab_list {
  margin-top: 22px
}

.requirementsTab_item {
  font-size: 1.4rem;
  line-height: 1.75;
  position: relative
}

.requirementsTab_item.has-mark {
  padding-left: 30px
}

.requirementsTab_item span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.requirementsTab_item+.welfareTab_item {
  margin-top: 11px
}

.requirementsTab_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0 26px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.requirementsTab_box:last-of-type {
  padding-bottom: 0;
  background: none
}

.requirementsTab_box dt {
  width: 21%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .025em
}

.requirementsTab_box dd {
  width: 79%;
  font-size: 1.4rem;
  line-height: 1.75
}

.requirementsTab_box p.has-mark {
  position: relative;
  padding-left: 30px;
  margin-top: 9px
}

.requirementsTab_box p.has-mark span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.process_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.process_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.process_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.process_container_ttl:after, .process_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.process_item {
  overflow: hidden;
  padding: 58px 0 60px;
  background-position: bottom;
  background-repeat: repeat-x
}

.process_ttl {
  float: left;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em
}

.process_detail {
  width: 53.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 20px;
  padding: 33px 6.5% 0 0
}

.process_detail span {
  color: #dd001f
}

.process_detail a {
  color: #dd001f;
  text-decoration: underline
}

.process_img {
  float: right;
  width: 46.75%
}

.process_img img {
  display: block;
  width: 100%
}

.process_img_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 1.45%
}

.process_img_small img {
  width: 49.25%;
  height: 100%
}

.process_list {
  padding-top: 25px
}

@media screen and (max-width:767px) {
  .tab {
    display: none
  }
  .br-sp, .sp {
    display: block
  }
  .requirements .welfare_link {
    margin: 55px auto 0
  }
  .requirements_content {
    padding: 0 0 44px
  }
  .requirements_category {
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    background-color: #eee
  }
  .requirements_category_item {
    margin: 0 auto;
    text-align: center
  }
  .requirements_category_item:not(:last-child) {
    margin-bottom: 30px
  }
  .requirements_category-header {
    padding: 50px 0
  }
  .requirements_category-footer {
    margin-top: 40px;
    padding: 50px 0
  }
  .requirements_container {
    width: 100%
  }
  .requirements_container_ttl {
    font-size: 3rem;
    padding: 0 20px 43px
  }
  .requirements_container_ttl:after {
    content: none
  }
  .requirements_list {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x
  }
  .requirements_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px 0 45px
  }
  .requirements_item_ttl {
    width: calc(100% - 40px);
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.5
  }
  .requirements_item_detail {
    margin: 0 auto;
    width: calc(100% - 40px)
  }
  .requirements_item_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .requirementsTab_wrapper {
    position: relative;
    padding-top: 0;
    margin: 24px 0 16px
  }
  .requirementsTab_btn {
    width: 100%;
    position: relative;
    margin-bottom: 32px
  }
  .requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
    left: auto
  }
  .requirementsTab_btn#tab3 {
    margin-bottom: 4px
  }
  .requirementsTab_btn.is-open {
    width: 100%
  }
  .requirementsTab_list {
    margin-top: 25px
  }
  .requirementsTab_item.has-mark {
    padding-left: 20px
  }
  .requirementsTab_item span {
    width: 20px
  }
  .requirementsTab_item+.welfareTab_item {
    margin-top: 11px
  }
  .requirementsTab_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 32px
  }
  .requirementsTab_box:last-of-type {
    padding-bottom: 0;
    background: none
  }
  .requirementsTab_box dd, .requirementsTab_box dt {
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .requirementsTab_box dd {
    margin-top: 20px
  }
  .requirementsTab_box p.has-mark {
    padding-left: 20px
  }
  .requirementsTab_box p.has-mark span {
    width: 20px
  }
  .requirementsTab_detail ul.req_list {
    font-size: 15px
  }
  .requirements_item {
    padding: 40px 0 41px
  }
  .requirements_item_wrapper {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 1px
  }
  .requirements_ttl {
    float: none;
    padding: 0 20px
  }
  .requirements_detail {
    width: 100%;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 15px
  }
  .requirements_img {
    float: none;
    width: calc(100% - 40px);
    margin: 26px auto 0
  }
}

.step_2 .process_part dd, .step_2 .process_part dt, .step_3 .process_part dd, .step_3 .process_part dt, .step_4 .process_part dd, .step_4 .process_part dt, .step_5 .process_part dd, .step_5 .process_part dt, .step_6 .process_part dd, .step_6 .process_part dt {
  opacity: 0;
  -webkit-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all .8s;
  transition: all .8s
}

.step_2 .process_part .process_img, .step_3 .process_part .process_img, .step_4 .process_part .process_img, .step_5 .process_part .process_img, .step_6 .process_part .process_img {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.step_2.on_effect .process_part .process_img, .step_2.on_effect .process_part dd, .step_2.on_effect .process_part dt, .step_3.on_effect .process_part .process_img, .step_3.on_effect .process_part dd, .step_3.on_effect .process_part dt, .step_4.on_effect .process_part .process_img, .step_4.on_effect .process_part dd, .step_4.on_effect .process_part dt, .step_5.on_effect .process_part .process_img, .step_5.on_effect .process_part dd, .step_5.on_effect .process_part dt, .step_6.on_effect .process_part .process_img, .step_6.on_effect .process_part dd, .step_6.on_effect .process_part dt {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.process li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.process .step_part .step_mark {
  color: #fff;
  background-image: url(/requirements/img/cycle.png);
  background-size: cover;
  text-align: center
}

.process .process_part {
  width: calc(100% - 138px)
}

@media screen and (min-width:1024px) {
  .second_faq div.wrap.faq_menu {
    max-width: 900px
  }
  .process .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .process .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .process .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
    position: relative
  }
  .process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: -1
  }
  .process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
    height: 100%
  }
  .process .step_2 .process_part dd {
    width: calc(100% - 280px)
  }
  .process .step_4 .process_part dd, .process .step_6 .process_part dd {
    width: calc(100% - 240px)
  }
  .process .process_part {
    position: relative;
    padding-left: 50px
  }
  .process .process_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .process .process_part .process_img img {
    width: 100%;
    height: auto
  }
  .process .process_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .process li {
    position: relative
  }
  .process li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .process li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .process li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .process_part .process_img {
    position: absolute;
    width: 234px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_4 .process_part .process_img {
    position: absolute;
    width: 190px;
    top: calc(50% - 84px);
    right: 30px
  }
  .step_6 .process_part .process_img {
    position: absolute;
    width: 181px;
    top: calc(50% - 92px);
    right: 30px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .process .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .process .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .process .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
    position: relative
  }
  .process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
  }
  .process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
    height: 100%
  }
  .process .step_2 .process_part dd {
    width: calc(100% - 280px)
  }
  .process .step_4 .process_part dd, .process .step_6 .process_part dd {
    width: calc(100% - 240px)
  }
  .process .process_part {
    position: relative;
    padding-left: 50px
  }
  .process .process_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .process .process_part .process_img img {
    width: 100%;
    height: auto
  }
  .process .process_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .process li {
    position: relative
  }
  .process li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .process li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .process li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .process_part .process_img {
    position: absolute;
    width: 234px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_4 .process_part .process_img {
    position: absolute;
    width: 190px;
    top: calc(50% - 84px);
    right: 30px
  }
  .step_6 .process_part .process_img {
    position: absolute;
    width: 181px;
    top: calc(50% - 92px);
    right: 30px
  }
}

@media screen and (max-width:1023px) {
  .requirements_content {
    padding: 0 0 40px
  }
  .requirements_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .requirements_block_elem-left {
    padding: 48.2% 0 0
  }
  .requirements_item {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .requirements_content {
    padding: 0 0 64px
  }
  .requirements .second .wrap {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 23px
  }
  p.requirements_block_ttl_txt-main {
    font-size: 2.4rem
  }
  span.requirements_block_ttl_txt-sub {
    font-size: 1.8rem;
    margin-left: 10px
  }
  .process_container {
    width: 100%
  }
  .process_container_ttl {
    margin-left: 25px
  }
  .process .step_part {
    position: relative;
    width: 50px;
    margin-left: 20px;
    z-index: 1
  }
  .process .step_part .step_mark {
    font-size: 2rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 50px;
    height: 50px
  }
  .process .step_part .step_mark p {
    font-size: 1.2rem;
    line-height: 1.33;
    padding-top: 8px
  }
  .process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
    position: relative
  }
  .process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 0;
    background-color: #dd001f;
    top: 25px;
    left: 44px;
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
    height: 100%
  }
  .process .process_part {
    position: relative;
    width: calc(100% - 50px)
  }
  .process .process_part dt {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 20px
  }
  .process .process_part .process_img {
    margin: 20px auto;
    padding-right: 20px
  }
  .process .process_part .process_img img {
    width: 100%;
    height: auto
  }
  .process .process_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: calc(100% - 30px);
    margin-top: 20px;
    margin-bottom: 86px;
    padding-left: 10px;
    padding-right: 20px
  }
  .process li {
    position: relative
  }
  .process li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 23px;
    left: 0
  }
  .process li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .process li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .process_part .process_img {
    width: 149px
  }
  .step_4 .process_part .process_img, .step_6 .process_part .process_img {
    width: 150px
  }
}

#registration .interviewDetail_offer_link {
  width: 320px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  #registration .interviewDetail_offer_link {
    width: calc(100% - 80px)
  }
}

.registration_item_detail {
  width: 100%
}

.registration_flow_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px
}

@media screen and (max-width:767px) {
  .registration_flow_wrap {
    display: block;
    margin-top: 40px
  }
}

.registration_flow_pic {
  margin-right: 60px;
  width: 202px
}

@media screen and (max-width:767px) {
  .registration_flow_pic {
    margin: 0 auto 35px
  }
}

.registration_flow_pic img {
  width: 100%
}

.registration_flow_list li:not(:last-child) {
  margin-bottom: 44px
}

.registration_flow_tit {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.6rem
}

.registration_flow_txt {
  line-height: 1.5;
  letter-spacing: .025em;
  font-size: 1.3rem
}

.registration_dot_list {
  padding-left: 1em;
  text-indent: -1em
}

.registration_red_tit {
  margin: 46px 0 37px;
  padding-left: 10px;
  border-left: 5px solid #dd001f;
  font-size: 1.8rem
}

.registration_comment_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.registration_comment_list li:not(:last-child) {
  margin-bottom: 40px
}

.registration_comment_pic {
  width: 68px;
  margin-right: 22px
}

@media screen and (max-width:767px) {
  .registration_comment_pic {
    width: 50px;
    margin-right: 20px
  }
}

.registration_comment_pic img {
  width: 100%
}

.registration_commentBox {
  display: inline-block;
  width: 300px;
  padding: 15px 35px 15px 15px;
  border: 2px solid #444;
  border-radius: 10px;
  background-color: #fff;
  position: relative
}

@media screen and (max-width:767px) {
  .registration_commentBox {
    width: calc(100% - 70px);
    padding: 15px 20px 15px 15px
  }
}

.registration_commentBox:after, .registration_commentBox:before {
  content: "";
  border: solid transparent;
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  pointer-events: none
}

.registration_commentBox:after {
  border-color: hsla(0, 0%, 100%, 0) #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
  border-width: 10px;
  margin-top: -10px;
  margin-right: -1px
}

.registration_commentBox:before {
  border-color: rgba(68, 68, 68, 0) #444 rgba(68, 68, 68, 0) rgba(68, 68, 68, 0);
  border-width: 12px;
  margin-top: -12px
}

.registration_commentBox_txt {
  font-weight: 700;
  line-height: 1.6;
  font-size: 1.5rem
}

@media screen and (max-width:767px) {
  .registration_commentBox_txt {
    font-size: 1.4rem
  }
}

@media screen and (max-width:374px) {
  .br-xxsp {
    display: block
  }
  .requirements .subpage_block_elem {
    min-height: 260px
  }
  .requirements .subpage_block_ttl_txt-main {
    line-height: 1.2
  }
}

.referral_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.referral_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.referral_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.referral_container_ttl:after, .referral_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.referral_item {
  overflow: hidden;
  padding: 58px 0 60px;
  background-position: bottom;
  background-repeat: repeat-x
}

.referral_ttl {
  float: left;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em
}

.referral_detail {
  width: 53.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 20px;
  padding: 33px 6.5% 0 0
}

.referral_detail span {
  color: #dd001f
}

.referral_detail a {
  color: #dd001f;
  text-decoration: underline
}

.referral_img {
  float: right;
  width: 46.75%
}

.referral_img img {
  display: block;
  width: 100%
}

.referral_img_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 1.45%
}

.referral_img_small img {
  width: 49.25%;
  height: 100%
}

.referral_list {
  padding-top: 25px
}

@media screen and (max-width:1023px) {
  .requirements .tab {
    display: block
  }
  .requirements .no_tab {
    display: none
  }
  .requirements_item_ttl {
    width: 100%;
    margin: 0 auto 22px
  }
  .requirements_item_detail {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .tab {
    display: none
  }
  .br-sp, .sp {
    display: block
  }
  .requirements .welfare_link {
    margin: 55px auto 0
  }
  .requirements_content {
    padding: 0 0 44px
  }
  .requirements_category {
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    background-color: #eee
  }
  .requirements_category_item {
    margin: 0 auto;
    text-align: center
  }
  .requirements_category_item:not(:last-child) {
    margin-bottom: 30px
  }
  .requirements_category-header {
    padding: 50px 0
  }
  .requirements_category-footer {
    margin-top: 40px;
    padding: 50px 0
  }
  .requirements_container {
    width: 100%
  }
  .requirements_container_ttl {
    font-size: 3rem;
    padding: 0 20px 43px
  }
  .requirements_container_ttl:after {
    content: none
  }
  .requirements_list {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x
  }
  .requirements_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px 0 45px
  }
  .requirements_item_ttl {
    width: calc(100% - 40px);
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.5
  }
  .requirements_item_detail {
    margin: 0 auto;
    width: calc(100% - 40px)
  }
  .requirements_item_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .requirementsTab_wrapper {
    position: relative;
    padding-top: 0;
    margin: 24px 0 16px
  }
  .requirementsTab_btn {
    width: 100%;
    position: relative;
    margin-bottom: 32px
  }
  .requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
    left: auto
  }
  .requirementsTab_btn#tab3 {
    margin-bottom: 4px
  }
  .requirementsTab_btn.is-open {
    width: 100%
  }
  .requirementsTab_list {
    margin-top: 25px
  }
  .requirementsTab_item.has-mark {
    padding-left: 20px
  }
  .requirementsTab_item span {
    width: 20px
  }
  .requirementsTab_item+.welfareTab_item {
    margin-top: 11px
  }
  .requirementsTab_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 32px
  }
  .requirementsTab_box:last-of-type {
    padding-bottom: 0;
    background: none
  }
  .requirementsTab_box dd, .requirementsTab_box dt {
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .requirementsTab_box dd {
    margin-top: 20px
  }
  .requirementsTab_box p.has-mark {
    padding-left: 20px
  }
  .requirementsTab_box p.has-mark span {
    width: 20px
  }
  .requirementsTab_detail ul.req_list {
    font-size: 15px
  }
  .requirements_item {
    padding: 40px 0 41px
  }
  .requirements_item_wrapper {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 1px
  }
  .requirements_ttl {
    float: none;
    padding: 0 20px
  }
  .requirements_detail {
    width: 100%;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 15px
  }
  .requirements_img {
    float: none;
    width: calc(100% - 40px);
    margin: 26px auto 0
  }
  .sp-hide {
    display: none
  }
}

.requirements_content {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

div.requirements_content {
  margin-top: 0
}

span.requirements_block_ttl_txt-sub {
  letter-spacing: .04em
}

.step_2 .step_part, .step_3 .step_part, .step_4 .step_part, .step_5 .step_part, .step_6 .step_part {
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s
}

.step_2 .step_mark, .step_3 .step_mark, .step_4 .step_mark, .step_5 .step_mark, .step_6 .step_mark {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .8s;
  transition: all .8s
}

.step_2 .referral_part dd, .step_2 .referral_part dt, .step_3 .referral_part dd, .step_3 .referral_part dt, .step_4 .referral_part dd, .step_4 .referral_part dt, .step_5 .referral_part dd, .step_5 .referral_part dt, .step_6 .referral_part dd, .step_6 .referral_part dt {
  opacity: 0;
  -webkit-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all .8s;
  transition: all .8s
}

.step_2 .referral_part .referral_img, .step_3 .referral_part .referral_img, .step_4 .referral_part .referral_img, .step_5 .referral_part .referral_img, .step_6 .referral_part .referral_img {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.step_2.on_effect .step_part, .step_3.on_effect .step_part, .step_4.on_effect .step_part, .step_5.on_effect .step_part, .step_6.on_effect .step_part {
  opacity: 1
}

.step_2.on_effect .step_mark, .step_3.on_effect .step_mark, .step_4.on_effect .step_mark, .step_5.on_effect .step_mark, .step_6.on_effect .step_mark {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.step_2.on_effect .referral_part .referral_img, .step_2.on_effect .referral_part dd, .step_2.on_effect .referral_part dt, .step_3.on_effect .referral_part .referral_img, .step_3.on_effect .referral_part dd, .step_3.on_effect .referral_part dt, .step_4.on_effect .referral_part .referral_img, .step_4.on_effect .referral_part dd, .step_4.on_effect .referral_part dt, .step_5.on_effect .referral_part .referral_img, .step_5.on_effect .referral_part dd, .step_5.on_effect .referral_part dt, .step_6.on_effect .referral_part .referral_img, .step_6.on_effect .referral_part dd, .step_6.on_effect .referral_part dt {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.referral li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.referral .step_part .step_mark {
  color: #fff;
  background-image: url(/requirements/img/cycle.png);
  background-size: cover;
  text-align: center
}

.referral .referral_part {
  width: calc(100% - 138px)
}

@media screen and (min-width:1024px) {
  .second_faq div.wrap.faq_menu {
    max-width: 900px
  }
  .referral .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .referral .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .referral .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
    position: relative
  }
  .referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: -1
  }
  .referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
    height: 100%
  }
  .referral .step_2 .referral_part dd {
    width: calc(100% - 280px)
  }
  .referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
    width: calc(100% - 240px)
  }
  .referral .referral_part {
    position: relative;
    padding-left: 50px
  }
  .referral .referral_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .referral .referral_part .referral_img img {
    width: 100%;
    height: auto
  }
  .referral .referral_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .referral li {
    position: relative
  }
  .referral li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .referral li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .referral li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_1 .referral_part .referral_img {
    position: absolute;
    width: 102px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_2 .referral_part .referral_img {
    position: absolute;
    width: 138px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_3 .referral_part .referral_img {
    position: absolute;
    width: 76px;
    top: calc(50% - 70px);
    right: 60px
  }
  .step_4 .referral_part .referral_img {
    position: absolute;
    width: 89px;
    top: calc(50% - 55px);
    right: 50px
  }
  .pc-hide {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .referral .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .referral .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .referral .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
    position: relative
  }
  .referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
  }
  .referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
    height: 100%
  }
  .referral .step_2 .referral_part dd {
    width: calc(100% - 280px)
  }
  .referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
    width: calc(100% - 240px)
  }
  .referral .referral_part {
    position: relative;
    padding-left: 50px
  }
  .referral .referral_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .referral .referral_part .referral_img img {
    width: 100%;
    height: auto
  }
  .referral .referral_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .referral li {
    position: relative
  }
  .referral li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .referral li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .referral li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .referral_part .referral_img {
    position: absolute;
    width: 234px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_4 .referral_part .referral_img {
    position: absolute;
    width: 190px;
    top: calc(50% - 84px);
    right: 30px
  }
}

@media screen and (max-width:1023px) {
  .requirements_content {
    padding: 0 0 40px
  }
  .requirements_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .requirements_block_elem-left {
    padding: 48.2% 0 0
  }
  .requirements_item {
    width: 100%
  }
  dd br {
    display: none
  }
  .step_1 .referral_part .referral_img {
    width: 140px;
    margin-left: 200px;
    float: none
  }
  .step_2 .referral_part .referral_img {
    width: 140px;
    margin-left: 100px;
    float: none
  }
  .step_3 .referral_part .referral_img {
    width: 100px;
    margin-left: 260px;
    float: none
  }
  .step_4 .referral_part .referral_img {
    width: 140px;
    margin-left: 100px;
    float: none
  }
}

@media screen and (max-width:767px) {
  .requirements_content {
    padding: 0 0 64px
  }
  .requirements .second .wrap {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 23px
  }
  p.requirements_block_ttl_txt-main {
    font-size: 2.4rem
  }
  span.requirements_block_ttl_txt-sub {
    font-size: 1.8rem;
    margin-left: 10px
  }
  .referral_container {
    width: 100%
  }
  .referral_container_ttl {
    margin-left: 25px
  }
  .referral .step_part {
    position: relative;
    width: 50px;
    margin-left: 20px;
    z-index: 1
  }
  .referral .step_part .step_mark {
    font-size: 2rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 50px;
    height: 50px
  }
  .referral .step_part .step_mark p {
    font-size: 1.2rem;
    line-height: 1.33;
    padding-top: 8px
  }
  .referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
    position: relative
  }
  .referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 0;
    background-color: #dd001f;
    top: 25px;
    left: 44px;
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
    height: 100%
  }
  .referral .referral_part {
    position: relative;
    width: calc(100% - 50px)
  }
  .referral .referral_part dt {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 20px
  }
  .referral .referral_part .referral_img {
    margin: 20px auto;
    padding-right: 110px
  }
  .referral .referral_part .referral_img img {
    width: 100%;
    height: auto
  }
  .referral .referral_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: calc(100% - 30px);
    margin-top: 20px;
    margin-bottom: 86px;
    padding-left: 10px;
    padding-right: 20px
  }
  .referral li {
    position: relative
  }
  .referral li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 23px;
    left: 0
  }
  .referral li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .referral li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_1 .referral_part .referral_img {
    width: 80px;
    float: right;
    margin-right: 20px
  }
  .step_2 .referral_part .referral_img {
    width: 118px;
    float: right
  }
  .step_3 .referral_part .referral_img {
    width: 73px;
    float: right;
    margin-right: 25px
  }
  .step_4 .referral_part .referral_img {
    width: 88px;
    float: right;
    margin-right: 15px
  }
  .step_6 .referral_part .referral_img {
    width: 150px
  }
}

.step_4 dt span {
  display: block;
  font-size: 14px
}

@media screen and (max-width:767px) {
  .step_4 dt span {
    font-weight: lighter
  }
}

#agreement .requirements_container_ttl {
  margin-bottom: 24px;
  padding-top: 55px
}

#agreement .requirements_item_detail {
  width: 100%
}

@media screen and (max-width:767px) {
  #agreement .requirements_item_detail {
    width: calc(100% - 40px)
  }
}

#agreement-sub .header_list_item.is-active {
  background: #222
}

#agreement-sub .header_list_item-agreement.is-active, #agreement-sub .header_list_item:hover {
  background: #444
}

.entryflow .subpage_block_elem, .login .subpage_block_elem {
  width: 100%!important
}

.entryflow .subpage_block_elem-left, .login .subpage_block_elem-left {
  display: none;
  background-image: none
}

.entryflow .subpage_block_inner, .login .subpage_block_inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.br-xxsp {
  display: none
}

.entryflow .subpage_block_ttl_txt-sub {
  margin: 8px 0 0 12px
}

.entryflow_content {
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.entryflow_container_box {
  margin: 80px auto 20px
}

.entryflow_item {
  width: 100%;
  position: relative
}

.entryflow_item_bg {
  margin: 40px 0 60px;
  padding: 30px 0 20px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f2f2f2
}

@media screen and (max-width:767px) {
  .entryflow_item_bg {
    margin: 30px 0 40px
  }
}

.entryflow_item_ttl {
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.5;
  margin: 80px 0 30px
}

.entryflow_item_ttl:before {
  content: "";
  padding: 0 6px;
  border-left: 5px solid #dd001f
}

.entryflow_item_ttl:first-of-type {
  margin: 30px 0 20px
}

.entryflow_item_txt {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em;
  padding-left: 1em;
  text-indent: -1.2em
}

.entryflow_item_txt.mail {
  text-indent: .1rem;
  line-height: 1.75
}

.entryflow_item_txt-link, .entryflow_item_txt.mail a {
  color: #dd001f;
  text-decoration: underline
}

.entryflow_item_txt-link {
  line-height: 1.75
}

.entryflow_item_txt-bold {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em;
  font-weight: 700
}

.entryflow_item_txt-mt30 {
  margin-left: 55px;
  color: #dd001f
}

.entryflow_item_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 30px 0 20px
}

.entryflow_item_btn-entry {
  width: 180px;
  color: #fff;
  margin-right: 20px;
  letter-spacing: .15em;
  background-color: #dd001f;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
  position: relative;
  opacity: 1
}

.entryflow_item_btn-entry a {
  display: block;
  padding: 19px 16px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: color .15s;
  transition: color .15s;
  line-height: 1.75
}

.entryflow_item_btn-entry:hover a {
  color: #000
}

.entryflow_item_btn-entry:hover .header_findout_arrow img {
  display: none
}

.entryflow_item_btn-entry:hover .header_findout_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.entryflow_item_btn-entry.black {
  width: 360px;
  margin: 40px 30px 20px 0;
  background-color: #fff;
  border: 2px solid #000
}

.entryflow_item_btn-entry.black a {
  color: #333;
  font-weight: 700
}

.entryflow_item_btn-entry .header_findout_arrow {
  width: 14px;
  right: 14px
}

.entryflow_item_btn-entry .header_findout_arrow img {
  display: block;
  width: 100%
}

.entryflow_item_btn-entry .header_findout_arrow .hover {
  display: none
}

.entryflow_item_btn-entry.sign .header_findout_arrow {
  width: 22px;
  right: 20px
}

.entryflow_item_privacy {
  background-color: #eee;
  padding: 60px 40px
}

.entryflow_item_privacy:first-child {
  margin-top: 40px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.entryflow_item_privacy_ttl {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 40px;
  color: #555
}

.entryflow_item_privacy_txt {
  padding: 10px 0;
  font-size: 1.4rem;
  line-height: 1.75
}

.entryflow_item_privacy ol.list_parentheses li {
  list-style-position: inside;
  counter-increment: cnt;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.75;
  padding-left: 1.5em;
  text-indent: -1.75em
}

.entryflow_item_privacy ol.list_parentheses li:before {
  display: marker;
  content: "(" counter(cnt) ") "
}

.entryflow_item_checkbox {
  margin: 0 auto 100px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em
}

.entryflow_item_checkbox .entryflow_item_btn-entry {
  width: 360px;
  margin: 20px auto;
  text-align: left;
  padding-left: 30px
}

.entryflow_item_checkbox .entryflow_item_btn-entry a {
  font-size: 1.8rem;
  letter-spacing: .05em;
  font-weight: 700
}

.entryflow_item_checkbox .checkbox-input {
  display: none
}

.entryflow_item_checkbox .checkbox-parts {
  padding-top: 1px;
  padding-left: 30px;
  position: relative;
  margin-right: 20px
}

.entryflow_item_checkbox .checkbox-parts:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 2px
}

.entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts {
  color: #dd001f
}

.entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 3px solid #dd001f;
  border-right: 3px solid #dd001f
}

.entryflow_terms {
  overflow: auto;
  height: 360px;
  padding-right: 30px
}

@media screen and (max-width:767px) {
  .entryflow_terms {
    height: 410px;
    padding-right: 20px
  }
}

.entryflow_terms::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

.entryflow_terms::-webkit-scrollbar-track {
  border-radius: 50px;
  background: #f2f2f2
}

.entryflow_terms::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: #888;
  height: 60px
}

.entryflow_terms_ttl {
  margin-bottom: 0!important;
  margin-top: 2.3em;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .05em;
  font-weight: 700;
  padding: 5px 0
}

.entryflow_terms_txt {
  font-size: 1.2rem;
  line-height: 1.75;
  letter-spacing: .05em
}

.entryflow_terms_txt.indent {
  padding-left: 1em;
  text-indent: -1.02em
}

.entryflow_terms_txt.ol {
  list-style-position: outside;
  list-style-type: decimal!important;
  display: list-item!important
}

.entryflow_terms_txt.right {
  text-align: right;
  padding: 10px
}

.entryflow .background-imagebox {
  height: 50px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: top;
  background-repeat: repeat-x
}

.entryflow_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.entryflow_container_subtitle {
  padding-top: 80px;
  font-size: 2.4rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.entryflow_container_subtitle:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.entryflow_container_subtitle:after, .entryflow_split_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.entryflow_split_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 38px 0 40px;
  background-position: top;
  background-repeat: repeat-x
}

.entryflow_split_item_ttl {
  width: 30%;
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 1.5;
  font-weight: 700
}

.entryflow_split_item_detail {
  width: 70%;
  padding-top: 4px
}

.entryflow_split_item_txt {
  font-size: 1.4rem;
  line-height: 1.75
}

.entryflow_split_item_txt-bold {
  font-weight: 700;
  font-size: 1.5rem;
  padding-bottom: 4px;
  line-height: 1.75
}

.entryflow_split_item_txt.link {
  text-indent: .1rem;
  line-height: 1.75
}

.entryflow_split_item_txt.link a {
  color: #dd001f;
  text-decoration: underline
}

.entryflow_split_item_txt.indent {
  padding-left: 1em;
  text-indent: -1.2em
}

.entryflow_txt {
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 20px 0
}

.flexmain-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0
}

.flexsub-box {
  width: 42%;
  padding: 10px 0;
  display: block
}

.flexsub-box:first-child {
  padding-left: 0
}

.flex-item {
  font-size: 1.4rem;
  padding: 17px 30px 14px;
  text-align: center;
  color: #333;
  border-radius: 5px;
  border: 2px solid #eee;
  font-weight: 700
}

.flex-item-last {
  border: none
}

.flex_arrow {
  width: 7%
}

.flex_arrow img {
  display: block;
  margin: 0 auto;
  width: 14px
}

.flexsub-box:last-child .flex-item {
  background-color: #333;
  color: #fff
}

.entryflow_item_checkbox-label:hover {
  cursor: pointer
}

.login {
  background-color: #fff
}

.login_content, .login_wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.login_content {
  width: calc(100% - 120px);
  max-width: 900px;
  margin-top: 77px;
  margin-right: auto;
  margin-left: auto
}

.login_content h1 {
  padding-bottom: 20.5px;
  font-size: 24px;
  color: #333;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.login_form {
  margin-top: 60.5px
}

.login_id_wrap, .login_pw_wrap {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 360px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 21px;
  margin-left: auto
}

.login_label {
  position: absolute;
  top: 0;
  left: -67px;
  width: 67px;
  font-weight: 700;
  line-height: 50px
}

.login_input_txt, .login_label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px
}

.login_input_txt {
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-appearance: none
}

.login_submit_btn {
  display: block;
  color: #fff;
  letter-spacing: .1em;
  background-color: #dd001f;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  width: 360px;
  height: 60px;
  margin: 60px auto 0;
  padding-left: 30px;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 60px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.login_submit_btn:hover .header_findout_arrow img {
  display: none
}

.login_submit_btn:hover .header_findout_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.login_submit_btn .header_findout_arrow {
  width: 20px;
  right: 20px
}

.login_submit_btn .header_findout_arrow img {
  display: block;
  width: 100%
}

.login_submit_btn .header_findout_arrow .hover {
  display: none
}

.login_a_wrap {
  display: block;
  width: 100%;
  margin-top: 20px;
  text-align: center
}

.login_a_wrap, .login_a_wrap a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.login_a_wrap a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333;
  padding-bottom: 2px
}

.login_note {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 90px;
  text-align: center
}

.login_note P {
  font-size: 14px;
  color: #333;
  line-height: 2
}

.login_blank {
  height: 94px
}

.login .fit_content {
  background: #fff
}

.login .login_content {
  padding-top: 77px;
  margin-top: 0
}

.no_link {
  cursor: inherit!important;
  pointer-events: none;
  background-color: #888;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.no_link .header_findout_arrow {
  width: 22px;
  right: 20px
}

.no_entry, .no_link a {
  color: #ddd
}

.no_entry {
  pointer-events: none
}

@media screen and (max-width:1023px) {
  .entryflow .subpage_block_inner, .login .subpage_block_inner {
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .entryflow .subpage_block_ttl_txt-sub, .login .subpage_block_ttl_txt-sub {
    display: block;
    margin: 8px 0 0 2px
  }
  .entryflow_split_item {
    width: 100%;
    padding: 38px 0 28px
  }
  .entryflow_split_item:first-child {
    padding-bottom: 0
  }
  .entryflow_split_item_detail, .entryflow_split_item_ttl {
    width: 100%
  }
  .entryflow_split_item_txt {
    padding-bottom: 12px
  }
  .entryflow_split_item_txt-bold {
    font-size: 1.4rem
  }
  .entryflow_container {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-top: 60px
  }
  .entryflow_container_ttl {
    font-size: 2.1rem;
    padding: 0 0 20px;
    text-align: left
  }
  .entryflow_container_ttl:after {
    content: none
  }
  .entryflow_container_txt {
    font-size: 1.2rem;
    padding-top: 0;
    text-align: left;
    letter-spacing: .07em;
    line-height: 1.9
  }
  .entryflow_container_subtitle {
    font-size: 2.1rem;
    padding-top: 40px
  }
  .entryflow_container_subtitle:first-child {
    padding-top: 0
  }
  .entryflow_container_box {
    margin: 60px auto 20px
  }
  .entryflow_content {
    padding: 0 0 40px
  }
  .entryflow_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .entryflow_block_elem-left {
    padding: 48.2% 0 0
  }
  .entryflow_item_privacy_ttl {
    padding-bottom: 10px
  }
  .entryflow_item_ttl {
    margin: 30px 0 20px
  }
  .flexmain-box {
    display: block;
    width: 100%
  }
  .flexsub-box {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex_arrow, .flexsub-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
  .flex_arrow {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .flex_arrow img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 10px 0
  }
  .flex-item {
    font-size: 1.2rem;
    padding: 20px 10px;
    margin: 0;
    width: 100%;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .entryflow .subpage_block_elem, .login .subpage_block_elem {
    border-top: 4px solid #000
  }
  .entryflow_container {
    padding-top: 0
  }
  .entryflow_item_btns {
    padding-top: 40px;
    display: block
  }
  .entryflow_item_btn-entry {
    width: 100%;
    margin-bottom: 10px
  }
  .entryflow_item_btn-entry a {
    font-size: 1.5rem
  }
  .entryflow_item_btn-entry.black {
    width: 100%
  }
  .entryflow_item_btn-entry.black a {
    width: 80%
  }
  .entryflow_item_privacy {
    padding: 40px 20px
  }
  .entryflow_item_privacy:first-child {
    margin-top: 30px
  }
  .entryflow_item_privacy_txt {
    font-size: 1.4rem
  }
  .entryflow_item_checkbox {
    margin: 0 auto 80px!important
  }
  .entryflow_item_checkbox .entryflow_item_btn-entry {
    width: 90%;
    padding-left: 20px
  }
  .entryflow_item_checkbox .entryflow_item_btn-entry a {
    font-size: 1.2rem;
    padding: 10px 0
  }
  .entryflow_item_checkbox .checkbox-parts {
    padding-top: 0;
    margin-right: 0
  }
  .entryflow_item_ttl {
    margin: 40px 0
  }
  .entryflow_item_txt {
    padding-bottom: 10px
  }
  .entryflow_item_txt-mt30 {
    margin-top: 5px;
    margin-left: 0;
    display: block
  }
  .entryflow_content {
    padding: 0 0 64px
  }
  .entryflowsplit_item {
    width: 100%
  }
  .login_wrap {
    padding: 0 0 64px
  }
  .login_content {
    width: calc(100% - 40px);
    max-width: 280px;
    margin-top: 30px
  }
  .login_content h1 {
    padding-bottom: 16px;
    font-size: 21px
  }
  .login_form {
    margin-top: 72px
  }
  .login_id_wrap, .login_pw_wrap {
    width: 280px;
    height: 50px;
    margin-bottom: 44px
  }
  .login_label {
    top: -32px;
    left: 0;
    width: 280px;
    line-height: 22px
  }
  .login_input_txt, .login_label {
    font-size: 15px
  }
  .login_submit_btn {
    width: 280px;
    height: 50px;
    margin-top: 60px;
    padding-left: 16px;
    font-size: 15px;
    line-height: 50px
  }
  .login_submit_btn .header_findout_arrow {
    width: 15px;
    right: 15px
  }
  .login_a_wrap {
    margin-top: 20px;
    text-align: left
  }
  .login_a_wrap a {
    font-size: 14px
  }
  .login_note {
    margin-top: 66px;
    text-align: left
  }
  .login_note P {
    font-size: 14px;
    text-indent: -1.2em;
    padding-left: 1.5em
  }
  .login_blank {
    height: 80px
  }
}

@media screen and (max-width:599px) {
  .entryflow .subpage_block_ttl_txt-main, .login .subpage_block_ttl_txt-main {
    line-height: 1.2
  }
  .entryflow_item {
    width: 100%;
    margin-bottom: 40px
  }
}

.entryflow_txt_indent {
  padding-left: 1em;
  text-indent: -1.2em
}

.entryflow_item-p {
  font-size: 1.2rem
}

h3.title_btn {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  font-family: YuMincho, Yu Mincho, "Noto Serif JP", serif;
  padding-bottom: 30px;
  cursor: pointer
}

h3.title_btn:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 10px;
  top: calc(50% - 22px);
  right: 30px;
  background-image: url(/faq/img/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all .4s;
  transition: all .4s
}

h3.title_btn.current:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.list_menu .main_list {
  position: relative;
  background-image: url(/faq/img/line.png);
  background-position-y: bottom;
  background-repeat: repeat-x
}

.list_menu .main_list+.main_list {
  margin-top: 31px
}

.list_menu .list {
  padding-top: 39px;
  padding-bottom: 31px;
  background-image: url(/faq/img/line.png);
  background-position-y: top;
  background-repeat: repeat-x
}

.info_content {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 62px 40px
}

.info_content .info_list_box {
  margin-bottom: 80px;
  position: relative
}

.info_content .info_list_box .info_label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.info_content .info_list_box .info_label_wrap span {
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  width: auto;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 3px
}

.info_content .info_list_box .info_label_wrap span+span {
  margin-left: 10px
}

.info_content .info_list_box .info_list_ttl {
  font-size: 21px;
  line-height: 1.75;
  margin: 20px auto
}

.info_content .info_list_box dl {
  padding: 20px 0;
  font-size: 15px;
  background-image: url(/info/img/line.png);
  background-position-y: top;
  background-repeat: repeat-x;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.75
}

.info_content .info_list_box dl dt {
  font-weight: 700
}

.info_content .info_list_box dl dd {
  width: 56.875vw
}

.info_content .info_list_box dl:last-child {
  background-image: url(/info/img/line.png), url(/info/img/line.png);
  background-position-y: top, bottom;
  background-repeat: repeat-x
}

.info_content .info_list_box .moreLink {
  color: #dd001f;
  width: 170px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 55px
}

.info_content .info_list_box .moreLink:hover a, .info_content .info_list_box .moreLink a {
  color: #dd001f
}

.info_content .info_list_box .moreLink:hover .moreLink_arrow img {
  display: none
}

.info_content .info_list_box .moreLink:hover .moreLink_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.info_content .info_list_box .moreLink .moreLink_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.info_content .info_list_box .moreLink .moreLink_arrow img {
  display: block;
  width: 100%
}

.info_content .info_list_box .moreLink .moreLink_arrow img.hover {
  display: none
}

@media screen and (max-width:767px) {
  .info_content {
    padding: 40px 20px
  }
  .info_content .info_list_box {
    margin-bottom: 160px
  }
  .info_content .info_list_box .info_label_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .info_content .info_list_box .info_label_wrap span {
    font-size: 12px;
    height: 25px;
    line-height: 25px
  }
  .info_content .info_list_box .info_list_ttl {
    font-size: 18px
  }
  .info_content .info_list_box dl dt {
    font-size: 14px
  }
  .info_content .info_list_box dl dd {
    font-size: 13px
  }
  .info_content .info_list_box .moreLink {
    top: auto;
    right: 0;
    left: 0;
    margin-top: 30px
  }
}

.mapSection {
  position: relative;
  padding-top: 120px
}

.mapSection:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .mapSection:after {
    width: 90%
  }
}

@media screen and (max-width:1023px) {
  .mapSection {
    width: 95%;
    margin: 60px auto 0
  }
}

@media screen and (max-width:767px) {
  .mapSection {
    margin: 60px auto 0
  }
}

.mapSection_ttl {
  font-size: 27px;
  text-align: center
}

@media screen and (max-width:767px) {
  .mapSection_ttl {
    font-size: 22px;
    margin: 0 15px;
    line-height: 1.4
  }
}

.mapSection_map {
  display: block;
  width: calc(100% - 200px);
  max-width: 822px;
  margin: 41px auto 0
}

@media screen and (max-width:767px) {
  .mapSection_map {
    width: 100%
  }
}

.mapSection_txt {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  margin: 44px 0 60px
}

@media screen and (max-width:767px) {
  .mapSection_txt {
    text-align: left;
    font-weight: 500;
    width: 90%;
    margin: 30px auto
  }
}

.map_pc {
  display: block;
  background: url(/liveability/img/toyota_access.jpg);
  background-size: cover;
  width: 822px;
  height: 402px;
  position: relative
}

@media screen and (max-width:767px) {
  .map_pc {
    width: 280px;
    height: 137px
  }
}

.map_pc img {
  width: 100%
}

.map_pc .name {
  width: 58px;
  height: 11px;
  position: absolute;
  top: 280px;
  left: 395px;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transform-origin: center;
  transform-origin: center
}

@media screen and (max-width:767px) {
  .map_pc .name {
    width: 36px;
    height: 6;
    top: 90px;
    left: 142px
  }
}

.map_pc .name:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  bottom: -18px;
  left: 24px
}

@media screen and (max-width:767px) {
  .map_pc .name:after {
    width: 7px;
    height: 7px;
    bottom: -8px;
    left: 15px
  }
}

.map_pc .name.is-popup {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s
}

.map_pc .name.is-popup:after {
  -webkit-animation: fuwa 1.5s 1s infinite forwards;
  animation: fuwa 1.5s 1s infinite forwards
}

@-webkit-keyframes fuwa {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
    box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
  }
  50% {
    background: #f3102f
  }
  80% {
    background: #000
  }
  to {
    -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
    box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
  }
}

@keyframes fuwa {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
    box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
  }
  50% {
    background: #f3102f
  }
  80% {
    background: #000
  }
  to {
    -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
    box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
  }
}

.boxParent {
  width: 760px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .boxParent {
    width: 100%
  }
}

.cityBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 760px;
  margin: 0 auto;
  padding: 48px 0 50px;
  position: relative
}

.cityBox:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .cityBox:after {
    width: 90%
  }
}

.cityBox:after {
  width: 100%
}

@media screen and (max-width:1023px) {
  .cityBox {
    width: 90%;
    margin: 0
  }
}

@media screen and (max-width:767px) {
  .cityBox {
    display: block;
    width: 100%;
    padding: 35px 0 100px;
    position: relative;
    margin-bottom: 30px
  }
}

.cityBox_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 390px)
}

@media screen and (max-width:767px) {
  .cityBox_flex {
    width: 90%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
  }
}

.cityBox_flex_name {
  font-size: 24px;
  width: 100px;
  margin-right: 20px
}

@media screen and (max-width:767px) {
  .cityBox_flex_name {
    margin-right: 0
  }
}

.cityBox_flex_map {
  width: 250px
}

@media screen and (max-width:767px) {
  .cityBox_flex_map {
    width: calc(100% - 100px)
  }
}

.cityBox_flex_map.is-colorin .pulse {
  -webkit-animation: pulse 1s .5s forwards;
  animation: pulse 1s .5s forwards
}

.cityBox_sec {
  width: 350px
}

.cityBox_sec_ttl {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 26px
}

@media screen and (max-width:767px) {
  .cityBox_sec_ttl {
    font-size: 15px;
    margin: 10px 0 16px
  }
}

.cityBox_sec_txt {
  font-size: 15px;
  line-height: 2
}

@media screen and (max-width:767px) {
  .cityBox_sec_txt {
    font-size: 14px
  }
}

@media screen and (max-width:767px) {
  .cityBox_sec {
    width: 90%;
    margin: 0 auto
  }
}

@media screen and (max-width:767px) {
  .lastBox .cityBox_sec_txt {
    padding-bottom: 12px
  }
}

@-webkit-keyframes pulse {
  0% {
    fill: transparent!important
  }
  to {
    fill: #dd001f!important
  }
}

@keyframes pulse {
  0% {
    fill: transparent!important
  }
  to {
    fill: #dd001f!important
  }
}

.toyotaBox {
  padding-bottom: 30px
}

.accessBox {
  background-color: #f5f4e5;
  margin-top: 25px;
  padding: 14px 44px 17px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .accessBox {
    padding: 10px 14px 13px;
    position: absolute;
    bottom: 0;
    width: 90%;
    margin: 0 auto
  }
}

.accessBox_pur {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .accessBox_pur {
    font-size: 10px
  }
}

.accessBox_pur span {
  font-size: 10px;
  margin-left: 9px
}

@media screen and (max-width:767px) {
  .accessBox_pur span {
    font-size: 10px;
    margin-left: 0
  }
}

.accessBox_means {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.accessBox_means, .accessBox_means_vehicle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.accessBox_means_vehicle {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.accessBox_means_vehicle img {
  height: 32px
}

.accessBox_means_vehicle p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-left: 10px
}

.accessBox_means_vehicle p span {
  font-size: 27px;
  color: #dd001f;
  font-weight: 400;
  margin-left: 5px
}

.red-fill {
  fill: #000
}

.liveabilityContents .liveabilityContents_inner.map-spacer {
  padding: 50px 0;
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContents_inner.map-spacer {
    padding: 35px 0
  }
}

.liveability {
  overflow: hidden
}

.liveabilityGraph {
  background: #f5f4e5;
  color: #333;
  padding: 120px 0
}

@media screen and (max-width:767px) {
  .liveabilityGraph {
    padding: 60px 0
  }
}

.liveabilityGraph_inner {
  max-width: 760px;
  margin: 0 auto
}

@media screen and (max-width:1023px) {
  .liveabilityGraph_inner {
    width: calc(100% - 40px);
    max-width: 680px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraph_inner {
    max-width: 400px
  }
}

.liveabilityGraph_ttl {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  letter-spacing: .3em;
  line-height: 1;
  margin-bottom: 56px
}

@media screen and (max-width:767px) {
  .liveabilityGraph_ttl {
    font-size: 24px;
    letter-spacing: .025em;
    margin-bottom: 44px
  }
}

.liveabilityGraph_lead {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  line-height: 2;
  padding-bottom: 64px;
  margin-bottom: 44px;
  position: relative
}

.liveabilityGraph_lead:after {
  content: "";

  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraph_lead:after {
    width: 90%
  }
}

.liveabilityGraph_lead:after {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraph_lead {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    letter-spacing: 0;
    padding-bottom: 30px;
    margin-bottom: 60px
  }
  .liveabilityGraph_lead br {
    display: none
  }
}

.liveabilityGraphNum {
  margin-bottom: 60px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNum {
    margin-bottom: 0
  }
}

.liveabilityGraphNum_ttl {
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 72px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNum_ttl {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 44px
  }
}

.liveabilityGraphNum_list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.liveabilityGraphNum_list, .liveabilityGraphNumItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.liveabilityGraphNumItem {
  margin-bottom: 100px;
  position: relative;
  z-index: 10
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem {
    display: block;
    margin-bottom: 60px
  }
}

.liveabilityGraphNumItem.-large {
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.liveabilityGraphNumItem.-medium {
  width: 280px;
  margin-right: 50px
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem.-medium {
    margin-right: 20px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-medium {
    width: 100%;
    margin-right: 0
  }
}

.liveabilityGraphNumItem.-home img {
  height: 152px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-home img {
    height: 145px
  }
}

.liveabilityGraphNumItem.-parking img {
  height: 182px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-parking img {
    height: 145px
  }
}

.liveabilityGraphNumItem.-ic {
  width: 532px;
  margin: 0 auto
}

.liveabilityGraphNumItem.-ic img {
  height: 150px
}

.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
  display: inline-block;
  margin: 0 .15em
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
    display: block;
    margin-left: 0
  }
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span .num {
    display: inline-block;
    margin-top: 6px
  }
}

.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
  font-size: 12px;
  margin-bottom: 18px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
    margin-bottom: 10px
  }
}

.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
  width: 290px;
  padding: 10px 0 50px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
    width: 100%;
    padding-bottom: 90px
  }
}

.liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
  position: absolute;
  right: -50px;
  bottom: 0;
  z-index: -10
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
    right: -20px;
    bottom: -34px
  }
}

.liveabilityGraphNumItem.-ic img {
  right: 0
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem.-ic img {
    right: -20px;
    bottom: -4px
  }
}

.liveabilityGraphNumItem_ttl {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 12px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_ttl {
    text-align: left
  }
}

.liveabilityGraphNumItem_ttl span {
  display: block;
  font-size: 29px
}

.liveabilityGraphNumItem_ttl span.num {
  display: inline-block;
  font-size: 66px;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 6px
}

.liveabilityGraphNumItem_note {
  font-size: 12px;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 16px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_note {
    text-align: left
  }
}

.liveabilityGraphNumItem_status {
  position: relative;
  padding: 22px 0
}

.liveabilityGraphNumItem_status:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_status:after {
    width: 90%
  }
}

.liveabilityGraphNumItem_status:after {
  width: 100%
}

.liveabilityGraphNumItem_status li {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 16px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_status li {
    font-weight: 500
  }
}

.liveabilityGraphNumItem_status li:last-child {
  margin-bottom: 0
}

.liveabilityGraphNumItem_status li>span {
  display: inline-block;
  -moz-text-align-last: justify;
  text-align-last: justify;
  letter-spacing: 0
}

.liveabilityGraphNumItem_status li>span.kakko {
  display: block;
  width: auto!important;
  font-size: 15px;
  -moz-text-align-last: left;
  text-align-last: left;
  margin-left: -.5em;
  margin-top: 8px
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem_status li>span.kakko {
    font-size: 14px
  }
}

.liveabilityGraphNumItem_status.-people li>span {
  width: 65px
}

.liveabilityGraphNumItem_status.-home li>span {
  width: 88px
}

.liveabilityGraphNumItem_status.-parking li>span {
  width: 150px
}

.liveabilityGraphNumItem_people {
  position: relative;
  padding-top: 22px
}

.liveabilityGraphNumItem_people:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_people:after {
    width: 90%
  }
}

.liveabilityGraphNumItem_people:after {
  width: 100%
}

.liveabilityGraphNumItem_people li {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 10px
}

.liveabilityGraphNumItem_people li>span {
  font-size: 12px
}

.liveabilityGraphNumItem_people li .num {
  font-size: 27px;
  font-weight: 500;
  margin: 0 .05em 0 .25em
}

.liveabilityGraphNumItem_infoGraphic {
  width: 445px;
  height: 332px;
  margin-bottom: 40px
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem_infoGraphic {
    width: 360px;
    height: 252px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic {
    width: 252px;
    height: 188px;
    margin: 14px auto 10px
  }
}

.liveabilityGraphNumItem_infoGraphic .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: 100%
}

.liveabilityGraphNumItem_infoGraphic .item {
  width: 22px;
  height: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  position: relative
}

.liveabilityGraphNumItem_infoGraphic .item span {
  display: block;
  width: 100%;
  height: 332px;
  background: -webkit-gradient(linear, left top, left bottom, from(#9cff38), to(#ffeb00));
  background: linear-gradient(#9cff38, #ffeb00);
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem_infoGraphic .item {
    width: 18px
  }
  .liveabilityGraphNumItem_infoGraphic .item span {
    height: 252px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .item {
    width: 12px
  }
  .liveabilityGraphNumItem_infoGraphic .item span {
    height: 188px
  }
}

.liveabilityGraphNumItem_infoGraphic .txtContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .txtContainer {
    margin-top: 4px
  }
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
  text-align: center;
  font-size: 10px;
  letter-spacing: .05em;
  line-height: 1
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-old {
  -webkit-transform: translate(-35%);
  transform: translate(-35%)
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-new {
  -webkit-transform: translate(35%);
  transform: translate(35%)
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .year {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .txtContainer .year {
    margin-bottom: 0
  }
}

.liveabilityGraphNumItem_txt {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.7;
  padding-bottom: 8px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_txt {
    padding-bottom: 0
  }
}

.liveabilityGraphAccess {
  position: relative;
  padding-top: 40px;
  margin-bottom: 120px
}

.liveabilityGraphAccess:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess:after {
    width: 90%
  }
}

.liveabilityGraphAccess:after {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess {
    margin-bottom: 40px
  }
  .liveabilityGraphAccess:after {
    content: none
  }
}

.liveabilityGraphAccess_ttl {
  font-size: 24px;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 40px
}

.liveabilityGraphAccess_ttl span {
  font-size: 14px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess_ttl {
    text-align: center
  }
  .liveabilityGraphAccess_ttl span {
    display: block;
    margin-top: 10px
  }
}

.liveabilityGraphAccess_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 44px
}

.liveabilityGraphAccess_list:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess_list:after {
    width: 90%
  }
}

.liveabilityGraphAccess_list:after {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess_list {
    display: block;
    padding-bottom: 0
  }
  .liveabilityGraphAccess_list:after {
    content: none
  }
}

.liveabilityGraphAccessItem {
  width: 33.333%;
  height: 214px;
  position: relative
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccessItem {
    width: 190px;
    height: auto;
    padding-bottom: 30px;
    margin: 0 auto 30px;
    -webkit-transform: translate(18px);
    transform: translate(18px)
  }
  .liveabilityGraphAccessItem.-plane {
    padding-bottom: 50px
  }
}

.liveabilityGraphAccessItem_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.liveabilityGraphAccessItem_ttl:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px
}

.liveabilityGraphAccessItem_ttl.-train {
  margin-left: -34px
}

.liveabilityGraphAccessItem_ttl.-train:before {
  width: 24px;
  height: 32px;
  background-image: url(/liveability/img/graph/ico_train@2x.png)
}

.liveabilityGraphAccessItem_ttl.-car {
  margin-left: -42px
}

.liveabilityGraphAccessItem_ttl.-car:before {
  width: 32px;
  height: 27px;
  background-image: url(/liveability/img/graph/ico_car@2x.png)
}

.liveabilityGraphAccessItem_ttl.-plane {
  margin-left: -43px
}

.liveabilityGraphAccessItem_ttl.-plane:before {
  width: 33px;
  height: 33px;
  background-image: url(/liveability/img/graph/ico_plane@2x.png)
}

.liveabilityGraphAccessItem_txt {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.4;
  margin-bottom: 10px
}

.liveabilityGraphAccessItem_txt span {
  font-size: 14px;
  font-weight: 400;
  display: block
}

.liveabilityAboutBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 22px 20px 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner {
    display: block;
    padding: 48px 20px 0;
    width: 100%!important
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_txtContainer {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner_more {
    width: 64px;
    margin: 18px auto 0!important
  }
}

.liveabilityGraphAccessGrafic {
  position: absolute;
  bottom: 0
}

.liveabilityGraphAccessGrafic img {
  position: absolute;
  left: calc(50% + 20px);
  bottom: 8px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.liveabilityGraphAccessGrafic img.car {
  width: 31px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: 4px;
  bottom: 26px
}

.liveabilityGraphAccessGrafic img.plane {
  left: auto;
  right: -20px;
  -webkit-transform: none;
  transform: none
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line:before {
  width: 12px;
  height: 12px;
  left: -20px;
  background: #dd001f
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope {
  width: 48px;
  left: 22px;
  bottom: 10px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-animation: line-right 1s linear infinite;
  animation: line-right 1s linear infinite
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:before {
  content: none
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:after {
  width: 16px;
  height: 16px;
  right: -20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
  background: linear-gradient(#b4fa2a, #e3f00f)
}

.liveabilityGraphAccessGrafic_line {
  display: block;
  width: 110px;
  height: 2px;
  background-image: url(/liveability/img/graph/dot_line_item@2x.png);
  background-size: 8px;
  background-repeat: repeat-x;
  position: relative;
  left: 25px;
  -webkit-animation: line-left 1s linear infinite;
  animation: line-left 1s linear infinite
}

.liveabilityGraphAccessGrafic_line:after, .liveabilityGraphAccessGrafic_line:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.liveabilityGraphAccessGrafic_line:before {
  width: 16px;
  height: 16px;
  left: -25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
  background: linear-gradient(#b4fa2a, #e3f00f)
}

.liveabilityGraphAccessGrafic_line:after {
  width: 12px;
  height: 12px;
  right: -15px;
  background: #dd001f
}

@-webkit-keyframes line-left {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: -8px
  }
}

@keyframes line-left {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: -8px
  }
}

@-webkit-keyframes line-right {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: 8px
  }
}

@keyframes line-right {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: 8px
  }
}

.liveabilityGraphAbout_logo {
  width: 277px;
  margin: 0 auto;
  padding-right: 20px
}

.liveabilityGraphAbout_logo img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_logo {
    width: 229px;
    overflow: 0;
    margin-bottom: 40px
  }
}

sup {
  font-size: xx-small;
  vertical-align: super
}

.pc-hidden {
  display: none
}

@media screen and (max-width:767px) {
  .pc-hidden {
    display: block
  }
}

@media screen and (max-width:767px) {
  .sp-hidden {
    display: none
  }
}

.spacer {
  border-top: 1px dotted #707070;
  margin: 30px auto 0;
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .spacer {
    width: 100%
  }
}

.liveabilityContentsPlaces {
  padding-top: 20px
}

.liveabilityContentsPlacesItemDetails_ttl {
  position: relative;
  padding-left: 30px
}

.liveabilityContentsPlacesItemDetails_ttl:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #dd0a1f;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.liveability {
  display: block
}

.liveability, .liveability_content {
  background: #fff
}

.liveability_main_movie {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.liveability_main_movie img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveability_main_movie img {
    height: auto
  }
}

.liveability_main_movie .sp {
  padding-top: 48px
}

.liveabilityMainMovie_txtContainer {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(/liveability/img/liveability_mv_pc.png) 100%;
  background-size: cover;
  background-repeat: no-repeat
}

@media screen and (max-width:1279px) {
  .liveabilityMainMovie_txtContainer {
    top: 20px
  }
}

.liveabilityMainMovie_heading {
  display: inline-block;
  font-size: 4.2rem;
  letter-spacing: .04em;
  margin: 70px 0 40px
}

.liveabilityMainMovie_heading span {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin-left: 16px
}

.liveabilityMainMovie_heading:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 12px auto 0
}

@media screen and (max-width:1023px) {
  .liveabilityMainMovie_heading {
    font-size: 3rem;
    margin: 70px 0 20px
  }
}

@media screen and (max-width:767px) {
  .liveabilityMainMovie_heading {
    font-size: 4.2rem;
    margin: 70px 0 40px
  }
}

.liveabilityMainMovie_ttl {
  font-size: 4rem;
  letter-spacing: .25em;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

@media screen and (max-width:1023px) {
  .liveabilityMainMovie_ttl {
    font-size: 3rem;
    margin: 0 auto
  }
}

@media screen and (max-width:767px) {
  .liveabilityMainMovie_ttl {
    font-size: 24px;
    margin: 0;
    padding-bottom: 30px
  }
}

.liveabilityMainMovie_description {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1.6px;
  font-weight: 700;
  margin: 30px auto
}

@media screen and (max-width:1279px) {
  .liveabilityMainMovie_description {
    font-size: 13px;
    margin: 20px auto 40px
  }
}

@media screen and (max-width:1023px) {
  .liveabilityMainMovie_description {
    margin: 10px auto 30px
  }
}

.sp-nav .liveabilityMainMovie_description {
  background: #1a1a1a;
  margin: 0 auto;
  padding: 50px 5% 30px;
  z-index: 999;
  text-align: left;
  font-size: 16px;
  color: #fff;
  font-weight: 400
}

.sp-nav .liveabilityCase_btnList {
  width: 100%;
  display: block;
  background: #1a1a1a;
  margin-top: -5px;
  padding: 20px 0
}

.liveabilityCase_btnList {
  width: 760px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .liveabilityCase_btnList {
    display: none
  }
}

.liveabilityCase_btn {
  width: 182px;
  height: 60px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -.05em;
  text-align: left;
  font-weight: 700;
  border: 2px solid #fff;
  border-radius: 3px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .4s ease;
  transition: .4s ease
}

@media screen and (max-width:767px) {
  .liveabilityCase_btn {
    width: 90%;
    margin: 20px auto
  }
}

@media screen and (max-width:767px) {
  .liveabilityCase_btn:first-of-type {
    margin-top: 0
  }
}

.liveabilityCase_btn:hover {
  border-color: #fff;
  background-color: #fff
}

.liveabilityCase_btn:hover a {
  color: #000
}

.liveabilityCase_btn:hover .liveabilityCase_btn_arrow img {
  display: none;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.liveabilityCase_btn:hover .liveabilityCase_btn_arrow .hover {
  display: block
}

.liveabilityCase_btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff
}

.liveabilityCase_btn a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px
}

.liveabilityCase_btn_arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 16px;
  right: 20px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.liveabilityCase_btn_arrow img {
  width: 100%;
  height: auto;
  opacity: 1
}

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  50% {
    opacity: 1
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes moveUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  50% {
    opacity: 1
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

.liveabilityContents .liveabilityContents_inner {
  width: 760px;
  margin: 0 auto;
  padding: 120px 0
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContents_inner {
    width: 90%;
    padding: 35px 0
  }
}

.liveabilityContents .liveabilityContentsHeaders {
  padding-bottom: 20px;
  position: relative
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders {
    padding-bottom: 50px
  }
}

.liveabilityContents .liveabilityContentsHeaders:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders:after {
    width: 90%
  }
}

.liveabilityContents .liveabilityContentsHeaders:after {
  width: 100%
}

.liveabilityContents .liveabilityContentsHeaders_ttl {
  font-size: 40px;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 4.8px;
  line-height: 1.4;
  margin-bottom: 50px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_ttl {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.5;
    font-weight: 700
  }
}

.liveabilityContents .liveabilityContentsHeaders_txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 1.6px;
  text-align: center
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_txt {
    font-size: 14px;
    text-align: left;
    font-weight: 400
  }
}

.liveabilityContents .liveabilityContentsHeaders_img_pc {
  background: url(/liveability/img/city_base.png);
  background-size: cover;
  width: 760px;
  height: 438px;
  position: relative;
  margin-bottom: 70px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_img_pc {
    display: none
  }
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-1 img {
  -webkit-animation: moveUp 1s .1s forwards;
  animation: moveUp 1s .1s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-2 img {
  -webkit-animation: moveUp 1s .2s forwards;
  animation: moveUp 1s .2s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-3 img {
  -webkit-animation: moveUp 1s .3s forwards;
  animation: moveUp 1s .3s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-4 img {
  -webkit-animation: moveUp 1s .6s forwards;
  animation: moveUp 1s .6s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-5 img {
  -webkit-animation: moveUp 1s .8s forwards;
  animation: moveUp 1s .8s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-6 img {
  -webkit-animation: moveUp 1s .5s forwards;
  animation: moveUp 1s .5s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-7 img {
  -webkit-animation: moveUp 1s .4s forwards;
  animation: moveUp 1s .4s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-before {
  position: absolute;
  overflow: hidden
}

.liveabilityContents .liveabilityContentsHeaders_img_pc img {
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transform-origin: bottom;
  transform-origin: bottom
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-1 {
  width: 141px;
  height: 167px;
  top: 10px;
  left: 244px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-2 {
  width: 119px;
  height: 124px;
  top: 58px;
  left: 384px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-3 {
  width: 125px;
  height: 93px;
  top: 140px;
  left: 318px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-4 {
  width: 135px;
  height: 96px;
  top: 260px;
  left: 250px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-5 {
  width: 135px;
  height: 96px;
  top: 288px;
  left: 300px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-6 {
  width: 109px;
  height: 139px;
  top: 156px;
  left: 488px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-7 {
  width: 86px;
  height: 70px;
  top: 156px;
  left: 117px
}

.liveabilityContents .liveabilityContentsHeaders_img_sp {
  display: none
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_img_sp {
    display: block;
    background: url(/liveability/img/city_base.png);
    background-size: cover;
    width: 596px;
    height: 344px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-1 img {
    -webkit-animation: moveUp 1s .4s forwards;
    animation: moveUp 1s .4s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-2 img {
    -webkit-animation: moveUp 1s .1s forwards;
    animation: moveUp 1s .1s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-3 img {
    -webkit-animation: moveUp 1s .2s forwards;
    animation: moveUp 1s .2s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-4 img {
    -webkit-animation: moveUp 1s .3s forwards;
    animation: moveUp 1s .3s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-5 img {
    -webkit-animation: moveUp 1s .4s forwards;
    animation: moveUp 1s .4s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-6 img {
    -webkit-animation: moveUp 1s .5s forwards;
    animation: moveUp 1s .5s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-7 img {
    -webkit-animation: moveUp 1s .6s forwards;
    animation: moveUp 1s .6s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-before {
    position: absolute;
    overflow: hidden
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp img {
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-1 {
    width: 111px;
    height: 131px;
    top: 2px;
    left: 177px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-2 {
    width: 94px;
    height: 98px;
    top: 43px;
    left: 303px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-3 {
    width: 99px;
    height: 73px;
    top: 106px;
    left: 250px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-4 {
    width: 106px;
    height: 76px;
    top: 203px;
    left: 198px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-5 {
    width: 106px;
    height: 76px;
    top: 224px;
    left: 237px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-6 {
    width: 86px;
    height: 109px;
    top: 121px;
    left: 384px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-7 {
    width: 68px;
    height: 55px;
    top: 121px;
    left: 95px
  }
}

.liveabilityContents1 {
  background: #fff
}

.liveabilityContents1 .liveabilityContentsPlaces img {
  width: 100%
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem {
  margin: 40px auto
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem:first-of-type {
  margin-top: 50px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
    display: block
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
  width: 302px
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
    width: 100%
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
  margin-left: 36px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_ttl {
  font-size: 18px;
  font-weight: 700
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_txt {
  line-height: 1.8;
  margin-top: 20px;
  font-size: 15px
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
    margin-left: 0;
    margin-top: 20px
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 75px
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
    display: block;
    margin-top: 40px
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
  width: 33.33333%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 50px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
    width: 100%
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:first-of-type {
  margin-top: 40px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:last-child {
  margin-right: 0
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_ttl {
  font-size: 16px;
  font-weight: 700;
  margin: 22px auto
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_txt {
  font-size: 13px;
  line-height: 1.8
}

.liveabilityContents .liveabilityContentsHeaders_txt {
  margin-bottom: 70px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_txt {
    margin-bottom: 30px
  }
}

.liveabilityContents .liveabilityContentsInterview {
  margin-top: 30px
}

.liveabilityContents .liveabilityContentsInterview_special {
  margin-top: -40px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview_special {
    width: 95%;
    margin: 0 auto
  }
}

@media screen and (max-width:1023px) {
  .liveabilityContents .liveabilityContentsInterview {
    width: 95%;
    margin: 0 auto
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader {
  padding-top: 60px;
  position: relative
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
    width: 90%
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
  width: 100%
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #dd001f
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
    font-size: 18px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.8;
  margin: 25px auto
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
    font-size: 21px;
    margin: 20px auto 8px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
  font-size: 16px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
    font-weight: 400
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
    display: block;
    margin-top: 25px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem:first-of-type {
  margin-right: 40px
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
  width: 50%;
  font-size: 15px;
  line-height: 2
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
    width: 100%;
    font-size: 14px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
    margin-top: 20px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem p {
  display: block
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special {
  margin-top: 38px;
  display: block;
  padding: 30px 25px;
  background: #f2f2f2;
  line-height: 1.8
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special span {
  font-size: 12px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layoutB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.liveabilityContents3 .liveabilityGraph_about {
  margin: 80px auto 0
}

.liveabilityContents4 {
  background: #f5f4e5;
  margin-bottom: 0
}

.liveabilityContents4 .liveabilityGraph_about {
  margin: 80px auto 0
}

.feature_last_txt {
  margin-top: 0!important;
  text-align: center;
  font-weight: 700;
  font-size: 18px
}

.liveabilityAboutBanner-2 .liveabilityGraphAbout_logo {
  height: 200px
}

.liveabilityAboutBanner-2 .liveabilityGraphAbout_logo img {
  height: 100%
}

.liveabilityAboutBanner-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner-2 {
    display: block;
    width: 90%!important
  }
}

.liveabilityGraphAbout_logo {
  margin: 0;
  width: 320px;
  padding-right: 40px
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_logo {
    width: 100%;
    margin: 0 auto;
    padding-right: 0
  }
}

.liveabilityGraphAbout_txtContainer {
  width: 52%;
  padding-top: 15px;
  padding-right: 20px
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_txtContainer {
    width: 90%;
    margin: 0 auto;
    padding: 30px 10px
  }
}

.liveabilityAboutBanner_ttl {
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 18px
}

.liveabilityAboutBanner_txt {
  font-size: 13px;
  letter-spacing: .05em;
  line-height: 1.7
}

.liveabilityAboutBanner_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #dd001f;
  letter-spacing: .075em;
  line-height: 1;
  cursor: pointer;
  padding: 14px 0
}

@media screen and (min-width:1024px) {
  .liveabilityAboutBanner_more:hover .liveabilityAboutBanner_arrow img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner_more {
    width: 64px;
    margin: 0 auto
  }
}

.liveabilityAboutBanner_arrow {
  width: 14px;
  height: 14px;
  top: 16px;
  right: 20px;
  overflow: hidden;
  margin-left: 10px
}

.liveabilityAboutBanner_arrow img {
  width: 100%;
  height: auto;
  opacity: .8
}

.liveabilityContents_inner2 {
  width: 760px;
  margin: 0 auto;
  padding: 120px 0
}

.liveabilityContents_inner2 .liveabilityContentsHeaders {
  padding-bottom: 0
}

.liveabilityContents_inner2 .liveabilityContentsHeaders:after {
  display: none
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner2 {
    width: 100%;
    padding: 40px 0
  }
  .liveabilityContents_inner2 .liveabilityContentsHeaders_txt {
    padding: 0 20px
  }
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner2 .liveabilityAboutBanner {
    width: 90%!important
  }
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner2 .liveabilityContentsInterview {
    width: 100%
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview_header {
    margin: 0 20px
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
    width: 90%!important;
    margin: 0 auto!important
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
    width: 100%!important
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
    margin: 0 20px;
    padding: 20px
  }
}

.liveabilityContents_inner3 {
  width: 760px;
  margin: 0 auto;
  padding: 120px 0
}

.liveabilityContents_inner3 .liveabilityContentsHeaders {
  padding-bottom: 0
}

.liveabilityContents_inner3 .liveabilityContentsHeaders:after {
  width: 0!important
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner3 {
    width: 100%;
    padding: 60px 0
  }
  .liveabilityContents_inner3 .liveabilityContentsHeaders_txt {
    padding: 0 20px;
    letter-spacing: 0
  }
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner3 .liveabilityContentsInterview {
    width: 100%
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview_header {
    margin: 0 20px
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
    width: 90%!important;
    margin: 0 auto!important
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
    width: 100%!important
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
    margin: 0 20px;
    padding: 20px;
    background: #fff!important
  }
}

.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
  background: #fff!important
}

@media screen and (max-width:767px) {
  .feature_last_inner {
    text-align: left
  }
  .feature_last_inner .feature_last_txt {
    font-weight: 700;
    text-align: left
  }
}

.liveabilityContents_inner-hr {
  width: 760px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner-hr {
    width: 90%
  }
}

.featureCaseInfographics {
  width: 100%
}

.featureCaseInfographics_imgContainer {
  width: 100%;
  height: 464px;
  position: relative
}

.featureCaseInfographics_imgContainer:after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  background: #a4b8c4;
  position: absolute;
  bottom: 0
}

.featureCaseInfographics_road, .featureCaseInfographics_town {
  width: 100%;
  background: repeat-x bottom;
  background-size: contain;
  position: absolute;
  left: 0
}

.featureCaseInfographics_town {
  height: 134px;
  background-image: url(/feature/img/infographics/bg_town.png);
  bottom: 120px
}

.featureCaseInfographics_road {
  height: 70px;
  background-image: url(/feature/img/infographics/bg_road.png);
  bottom: 50px
}

.featureCaseInfographics_cloud {
  display: block;
  width: 263px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-animation: none;
  animation: none;
  -webkit-animation: cloud 1.8s linear infinite;
  animation: cloud 1.8s linear infinite
}

.featureCaseInfographics_carContainer {
  width: 100%;
  max-width: 1024px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}

.featureCaseInfographics_carContainer-front {
  bottom: 60px;
  z-index: 10
}

.featureCaseInfographics_carContainer-back {
  bottom: 88px
}

.featureCaseInfographics_car {
  display: block;
  position: absolute;
  bottom: 0
}

.featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
  width: 105px
}

.featureCaseInfographics_car-02 {
  width: 159px
}

.featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
  width: 111.5px
}

.featureCaseInfographics_car-04 {
  width: 68.5px
}

.featureCaseInfographics_car-06 {
  width: 118px
}

.featureCaseInfographics_car-01 {
  left: 11.9%
}

.featureCaseInfographics_car-02 {
  left: 31.25%
}

.featureCaseInfographics_car-03 {
  left: 55.95%
}

.featureCaseInfographics_car-04 {
  left: 75.39%
}

.featureCaseInfographics_car-05 {
  left: 6.93%
}

.featureCaseInfographics_car-06 {
  left: 47.95%
}

.featureCaseInfographics_car-07 {
  left: 83.2%
}

.featureCaseInfographics_arrowContainer {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}

.featureCaseInfographics_arrow {
  width: 14px;
  background: url(/feature/img/infographics/arrow_body.png) repeat-y top;
  background-size: 4px;
  position: absolute
}

.featureCaseInfographics_arrow-01 {
  height: 244px;
  top: 140px;
  left: 27.34%;
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg)
}

.featureCaseInfographics_arrow-02 {
  height: 124px;
  top: 200px;
  left: 42.48%;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

.featureCaseInfographics_arrow-03 {
  height: 92px;
  top: 205px;
  left: 53.71%;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg)
}

.featureCaseInfographics_arrow-04 {
  height: 244px;
  top: 120px;
  left: 72.75%;
  -webkit-transform: rotate(-58deg);
  transform: rotate(-58deg)
}

.featureCaseInfographics_arrow-05 {
  left: 25.98%
}

.featureCaseInfographics_arrow-06 {
  left: 50.78%
}

.featureCaseInfographics_arrow-07 {
  left: 70.31%
}

.featureCaseInfographics_arrow-car {
  height: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 60px
}

.featureCaseInfographics_arrow:after, .featureCaseInfographics_arrow:before {
  content: "";
  display: block;
  width: 14px;
  height: 12px;
  background: url(/feature/img/infographics/arrow_head.svg) no-repeat 50%;
  background-size: contain;
  position: absolute
}

.featureCaseInfographics_arrow:before {
  top: -16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.featureCaseInfographics_arrow:after {
  bottom: -16px
}

.featureCaseInfographics_arrow_item {
  display: block;
  width: 8px;
  height: 8px;
  background: #5fb4ca;
  border-radius: 8px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  z-index: 10;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px)
}

.featureCaseInfographics_arrow_item.is-active {
  -webkit-animation: arrow linear both;
  animation: arrow linear both
}

.featureCaseInfographics_arrow_item.is-reverse {
  animation: arrow linear reverse both
}

.featureCaseInfographics_arrow_item.arrow_item-01 {
  -webkit-animation-duration: .85s;
  animation-duration: .85s
}

.featureCaseInfographics_arrow_item.arrow_item-02 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.featureCaseInfographics_arrow_item.arrow_item-03 {
  -webkit-animation-duration: .4s;
  animation-duration: .4s
}

.featureCaseInfographics_arrow_item.arrow_item-04 {
  -webkit-animation-duration: .85s;
  animation-duration: .85s
}

.featureCaseInfographics_arrow_item.type-short {
  -webkit-animation-duration: .35s;
  animation-duration: .35s
}

.featureCaseInfographics_hukidashiContainer {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}

.featureCaseInfographics_hukidashi {
  display: block;
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.featureCaseInfographics_hukidashi-a {
  top: 226px;
  left: 132px
}

.featureCaseInfographics_hukidashi-b {
  width: 68px;
  top: 280px;
  right: 202px
}

.featureCaseInfographics_hukidashi-c {
  top: 234px;
  left: 328px
}

.featureCaseInfographics_hukidashi-d {
  width: 29px
}

.featureCaseInfographics_hukidashi-d-01 {
  top: 286px;
  left: 88px
}

.featureCaseInfographics_hukidashi-d-02 {
  top: 202px;
  right: 353px
}

.featureCaseInfographics_hukidashi-d-03 {
  top: 300px;
  left: 284px
}

.featureCaseInfographics_hukidashi-d-04 {
  top: 276px;
  right: 101px
}

.featureCaseInfographics_hukidashi-d-05 {
  top: 290px;
  left: 500px
}

.featureCaseInfographics_hukidashi-d-06 {
  top: 326px;
  right: 350px
}

.featureCaseInfographics_hukidashi-d-07 {
  top: 260px;
  left: 45px
}

.featureCaseInfographics_peopleContainer {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}

.featureCaseInfographics_people {
  position: absolute;
  bottom: 42px
}

.featureCaseInfographics_people-a {
  width: 40px;
  left: 342px
}

.featureCaseInfographics_people-b {
  width: 24px;
  right: 358px
}

.featureCaseInfographics_people-c {
  width: 20.5px;
  right: 22px
}

.featureCaseInfographics_txtContainer {
  width: 100%;
  background: #89c6d7
}

.featureCaseInfographics_list {
  max-width: 984px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(-28px);
  transform: translateY(-28px)
}

.featureCaseInfographics_item {
  background: #fff;
  padding: 20px 17px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.featureCaseInfographics_item-connected {
  width: 263px
}

.featureCaseInfographics_item-autonomous {
  width: 172px
}

.featureCaseInfographics_item-sharedService {
  width: 218px
}

.featureCaseInfographics_item-electric {
  width: 271px
}

.featureCaseInfographics_item_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 14px
}

.featureCaseInfographics_item_name {
  font-size: 1rem;
  color: #dd001f
}

.featureCaseInfographics_item_name span {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 8px
}

.is-active .featureCaseInfographics_hukidashi {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.is-active .featureCaseInfographics_hukidashi-a, .is-active .featureCaseInfographics_hukidashi-b, .is-active .featureCaseInfographics_hukidashi-c {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

@-webkit-keyframes arrow {
  0% {
    top: 0;
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    opacity: 1
  }
  to {
    top: 100%;
    opacity: 0
  }
}

@keyframes arrow {
  0% {
    top: 0;
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    opacity: 1
  }
  to {
    top: 100%;
    opacity: 0
  }
}

@-webkit-keyframes cloud {
  0% {
    opacity: 1
  }
  2% {
    opacity: .4
  }
  50% {
    opacity: 1
  }
  to {
    opacity: 1
  }
}

@keyframes cloud {
  0% {
    opacity: 1
  }
  2% {
    opacity: .4
  }
  50% {
    opacity: 1
  }
  to {
    opacity: 1
  }
}

@media screen and (max-width:1023px) {
  .featureCaseInfographics_town {
    height: 95px;
    bottom: 102px
  }
  .featureCaseInfographics_road {
    height: 53px
  }
  .featureCaseInfographics_cloud {
    width: 248px;
    left: 8px
  }
  .featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
    max-width: 768px
  }
  .featureCaseInfographics_peopleContainer {
    pointer-events: none
  }
  .featureCaseInfographics_arrow-01 {
    height: 218px;
    top: 167px;
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg)
  }
  .featureCaseInfographics_arrow-04 {
    height: 178px;
    top: 161px;
    -webkit-transform: rotate(-48deg);
    transform: rotate(-48deg)
  }
  .featureCaseInfographics_arrow-03 {
    left: 55.7%
  }
  .featureCaseInfographics_arrow-05, .featureCaseInfographics_arrow-06, .featureCaseInfographics_arrow-07 {
    -webkit-transform: translate(-100%) rotate(90deg);
    transform: translate(-100%) rotate(90deg)
  }
  .featureCaseInfographics_arrow-05 {
    left: 188px
  }
  .featureCaseInfographics_arrow-06 {
    left: 418px
  }
  .featureCaseInfographics_arrow-07 {
    left: 600px
  }
  .featureCaseInfographics_car-01 {
    left: 40px
  }
  .featureCaseInfographics_car-02 {
    left: 28.25%
  }
  .featureCaseInfographics_car-03 {
    left: 58%
  }
  .featureCaseInfographics_car-04 {
    left: 81.75%
  }
  .featureCaseInfographics_car-05 {
    left: 15px
  }
  .featureCaseInfographics_car-06 {
    left: 47.95%
  }
  .featureCaseInfographics_car-07 {
    left: auto;
    right: 15px
  }
  .featureCaseInfographics_hukidashi-a {
    top: 226px;
    left: 58px
  }
  .featureCaseInfographics_hukidashi-b {
    top: 298px;
    right: 43px
  }
  .featureCaseInfographics_hukidashi-c {
    top: 234px;
    left: 214px
  }
  .featureCaseInfographics_hukidashi-d {
    width: 29px
  }
  .featureCaseInfographics_hukidashi-d-01 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-02 {
    top: 286px;
    right: 358px
  }
  .featureCaseInfographics_hukidashi-d-03 {
    top: 316px;
    left: 190px
  }
  .featureCaseInfographics_hukidashi-d-04 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-05 {
    top: 248px;
    left: 472px
  }
  .featureCaseInfographics_hukidashi-d-06 {
    top: 326px;
    right: 222px
  }
  .featureCaseInfographics_hukidashi-d-07 {
    display: none
  }
  .featureCaseInfographics_people {
    position: absolute;
    bottom: 42px
  }
  .featureCaseInfographics_people-a {
    width: 40px;
    left: 232px
  }
  .featureCaseInfographics_people-b {
    width: 24px;
    right: 230px
  }
  .featureCaseInfographics_people-c {
    width: 20.5px;
    right: 22px
  }
  .featureCaseInfographics_list {
    width: calc(100% - 80px);
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateY(-14px);
    transform: translateY(-14px)
  }
  .featureCaseInfographics_item {
    width: calc(50% - 5px);
    padding: 18px 17px;
    margin-top: 10px
  }
  .featureCaseInfographics_item:first-child, .featureCaseInfographics_item:nth-child(2) {
    margin-top: 0
  }
  .featureCaseInfographics_item_ttl {
    margin-bottom: 8px
  }
  .featureCaseInfographics_item_name span {
    display: inline-block;
    margin: 0 12px 0 0
  }
}

@media screen and (max-width:767px) {
  .featureCaseInfographics {
    overflow: hidden
  }
  .featureCaseInfographics_imgContainer {
    height: 362px
  }
  .featureCaseInfographics_imgContainer:after {
    height: 20px
  }
  .featureCaseInfographics_town {
    height: 67px;
    bottom: 90px;
    background-size: cover
  }
  .featureCaseInfographics_road {
    height: 70px;
    bottom: 20px;
    background-size: cover
  }
  .featureCaseInfographics_cloud {
    width: 196px
  }
  .featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
    max-width: 320px
  }
  .featureCaseInfographics_peopleContainer {
    pointer-events: none
  }
  .featureCaseInfographics_arrow-01 {
    height: 153px;
    top: 148px;
    left: 58px;
    -webkit-transform: rotate(21deg);
    transform: rotate(21deg)
  }
  .featureCaseInfographics_arrow-02 {
    height: 93px;
    top: 156px;
    left: 116px;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }
  .featureCaseInfographics_arrow-03 {
    height: 123px;
    top: 158px;
    left: 180px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg)
  }
  .featureCaseInfographics_arrow-04 {
    height: 93px;
    top: 154px;
    left: 228px;
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg)
  }
  .featureCaseInfographics_arrow-05 {
    left: 51px
  }
  .featureCaseInfographics_arrow-06 {
    left: 166px
  }
  .featureCaseInfographics_arrow-07 {
    left: 256px
  }
  .featureCaseInfographics_arrow-car {
    height: 20px;
    -webkit-transform: rotate(90deg) scale(.5);
    transform: rotate(90deg) scale(.5);
    bottom: 32px
  }
  .featureCaseInfographics_arrow-car:before {
    -webkit-transform: scale(.8) rotate(180deg);
    transform: scale(.8) rotate(180deg)
  }
  .featureCaseInfographics_arrow-car:after {
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  .featureCaseInfographics_arrow .arrow_item-01 {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
  }
  .featureCaseInfographics_arrow .arrow_item-02 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
  }
  .featureCaseInfographics_arrow .arrow_item-03 {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
  }
  .featureCaseInfographics_arrow .arrow_item-04 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
  }
  .featureCaseInfographics_carContainer {
    pointer-events: none
  }
  .featureCaseInfographics_carContainer-front {
    bottom: 30px
  }
  .featureCaseInfographics_carContainer-back {
    bottom: 62px
  }
  .featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
    width: 56px
  }
  .featureCaseInfographics_car-02 {
    width: 86px
  }
  .featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
    width: 60px
  }
  .featureCaseInfographics_car-04 {
    width: 37px
  }
  .featureCaseInfographics_car-06 {
    width: 70px
  }
  .featureCaseInfographics_car-01 {
    left: -14px
  }
  .featureCaseInfographics_car-02 {
    left: 73px
  }
  .featureCaseInfographics_car-03 {
    left: 187px
  }
  .featureCaseInfographics_car-04 {
    left: 278px
  }
  .featureCaseInfographics_car-05 {
    left: -39px
  }
  .featureCaseInfographics_car-06 {
    left: 76px
  }
  .featureCaseInfographics_car-07 {
    left: auto;
    right: 43px
  }
  .featureCaseInfographics_hukidashiContainer {
    pointer-events: none
  }
  .featureCaseInfographics_hukidashi {
    width: 74px
  }
  .featureCaseInfographics_hukidashi-a {
    top: 204px;
    left: -6px
  }
  .featureCaseInfographics_hukidashi-b {
    width: 54px;
    top: 240px;
    right: -4px
  }
  .featureCaseInfographics_hukidashi-c {
    top: 212px;
    left: 126px
  }
  .featureCaseInfographics_hukidashi-d {
    width: 22px
  }
  .featureCaseInfographics_hukidashi-d-01 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-02 {
    top: 190px;
    right: 77px
  }
  .featureCaseInfographics_hukidashi-d-03 {
    top: 288px;
    left: 205px
  }
  .featureCaseInfographics_hukidashi-d-04 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-05 {
    top: 198px;
    left: 114px
  }
  .featureCaseInfographics_hukidashi-d-06 {
    top: 248px;
    right: 222px
  }
  .featureCaseInfographics_hukidashi-d-07 {
    display: none
  }
  .featureCaseInfographics_people {
    bottom: 10px
  }
  .featureCaseInfographics_people-a {
    width: 25px;
    left: 92px
  }
  .featureCaseInfographics_people-b {
    width: 15px;
    right: 100px
  }
  .featureCaseInfographics_people-c {
    width: 14px;
    right: 43px
  }
  .featureCaseInfographics_txtContainer {
    padding: 10px 0
  }
  .featureCaseInfographics_list {
    width: calc(100% - 20px);
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  .featureCaseInfographics_item {
    width: 100%;
    margin-top: 10px
  }
  .featureCaseInfographics_item:nth-child(2) {
    margin-top: 10px
  }
}

.feature {
  display: block;
  background: #fff
}

.feature_content {
  background: #000
}

.feature_main_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 460px;
  overflow: hidden
}

.feature_main_movie video {
  width: 100%
}

.feature_main_movie:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .65);
  position: absolute;
  top: 0;
  left: 0
}

.feature_main_txt {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 2.25;
  letter-spacing: .1em;
  background: #000;
  padding: 50px 0
}

.feature_section {
  background: #fff;
  margin-top: 10px;
  padding: 64px 0 100px
}

.feature_section_txtContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 760px;
  color: #333;
  margin: 88px auto 80px;
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0, 0, .4, 1);
  transition: 1.2s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}

.feature_section_ttl {
  font-size: 3.2rem;
  line-height: 1.7;
  letter-spacing: .05em;
  font-weight: 400;
  width: 340px
}

.feature_section_ttl span {
  display: block;
  margin-top: 48px
}

.feature_section_txt {
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: .01em;
  font-weight: 500;
  text-align: justify;
  width: 420px
}

.feature_section.is-active .feature_ttl-en span {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.feature_section.is-active .feature_section_txtContainer, .feature_section.is-active .feature_ttl-jp {
  opacity: 1
}

.feature_connected_comment {
  max-width: 420px;
  margin: 0 auto;
  font-size: 1.5rem;
  color: #333;
  line-height: 2;
  text-align: justify
}

.feature_ttl {
  text-align: center;
  color: #333
}

.feature_ttl-en {
  font-size: 5.2rem;
  font-weight: 400;
  letter-spacing: -.025em;
  margin-bottom: 18px
}

.feature_ttl-en span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: 20% center;
  transform-origin: 20% center;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

.feature_ttl-en span:first-child {
  color: #dd001f
}

.feature_ttl-jp {
  font-size: 1.6rem;
  letter-spacing: .05em;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: .8s cubic-bezier(0, 0, .4, 1);
  transition: .8s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.feature_readMore {
  padding: 28px 0 0
}

.feature_readMore_inner {
  width: 160px;
  opacity: .8
}

.feature_readMore_inner a {
  display: block;
  width: 100%;
  height: 100%
}

.feature_readMore_inner:hover {
  opacity: 1
}

.feature_offer {
  max-width: 360px;
  margin: 60px auto 0
}

.feature_offer a {
  font-size: 1.8rem
}

.feature_offer a, .feature_relatedInterview {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.feature_relatedInterview {
  width: 760px;
  margin: 100px auto 0;
  padding: 38px 55px 50px
}

.feature_relatedInterview_ttl {
  font-size: 2.7rem;
  font-weight: 500;
  -webkit-column-rule: #333;
  -moz-column-rule: #333;
  column-rule: #333;
  letter-spacing: .05em;
  margin-bottom: 38px
}

.feature_relatedInterview_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.feature_relatedInterviewItem {
  width: 300px
}

.feature_relatedInterviewItem:hover img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.feature_relatedInterviewItem_img {
  overflow: hidden;
  margin-bottom: 20px
}

.feature_relatedInterviewItem_img img {
  width: 100%;
  height: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.feature_relatedInterviewItem_ttl {
  font-size: 1.9rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: .05em;
  margin-bottom: 16px
}

.feature_relatedInterviewItem_company {
  font-size: 1.3rem;
  font-weight: 700;
  color: #dd001f;
  line-height: 1.4;
  letter-spacing: .05em
}

.feature_last {
  background: #fff;
  margin-top: 10px;
  padding: 98px 0 0
}

.feature_last_inner {
  max-width: 760px;
  margin: 0 auto
}

.feature_last_ttl {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
  text-align: center
}

.feature_last_txt {
  font-size: 1.5rem;
  line-height: 2;
  color: #333;
  margin-top: 48px
}

.featureMainMovie {
  position: relative
}

.featureMainMovie_txtContainer {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10
}

.featureMainMovie_heading {
  display: inline-block;
  font-size: 4.2rem;
  letter-spacing: .04em;
  margin: 70px 0 74px
}

.featureMainMovie_heading span {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin-left: 16px
}

.featureMainMovie_heading:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 12px auto 0
}

.featureMainMovie_ttl {
  font-size: 4rem;
  line-height: 1.65;
  letter-spacing: .05em
}

.featureMainMovie_ttl span {
  font-size: 4.5rem
}

.featureCase {
  background: #fff;
  padding: 75px 0 70px
}

.featureCase_main {
  color: #333
}

.featureCase_main:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px
}

.featureCase_main_ttl {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  margin-bottom: 44px
}

.featureCase_main_detail {
  width: 760px;
  margin: 50px auto 0
}

.featureCase_main_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.featureCase_main_list li {
  width: 228px
}

.featureCase_main_list h3 {
  font-size: 1.6rem;
  letter-spacing: .05em;
  margin-bottom: 16px
}

.featureCase_main_list h3:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 23px;
  vertical-align: middle;
  background: no-repeat 50%;
  background-image: url(/feature/img/ico-hukidashi@2x.png);
  background-size: contain;
  margin-right: 10px
}

.featureCase_main_list p {
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: justify
}

.featureCaseIot {
  width: 100%;
  height: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f2f2f2;
  margin: 38px 0 60px
}

.featureCaseIot_ttl {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: .1em;
  margin-right: 106px
}

.featureCaseIot_txt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2
}

.featureCaseDesk {
  width: 760px;
  margin: 50px auto;
  color: #333
}

.featureCaseDesk_ttl {
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px
}

.featureCaseDesk_txt {
  font-size: 1.5rem;
  line-height: 2;
  text-align: justify
}

.featureCase_btnList {
  width: 760px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.featureCase_btn {
  width: 182px;
  height: 50px;
  font-size: 1.3rem;
  line-height: 1.3;
  letter-spacing: -.05em;
  font-weight: 400;
  border: 2px solid #333;
  border-radius: 3px;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border .25s ease;
  transition: border .25s ease
}

.featureCase_btn:hover {
  border-color: #dd001f
}

.featureCase_btn:hover a {
  color: #dd001f
}

.featureCase_btn:hover .featureCase_btn_arrow img {
  display: none;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.featureCase_btn:hover .featureCase_btn_arrow .hover {
  display: block
}

.featureCase_btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #333
}

.featureCase_btn a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px
}

.featureCase_btn_arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 16px;
  right: 20px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.featureCase_btn_arrow img {
  width: 100%;
  height: auto;
  opacity: .8
}

.featureConnectedInterview {
  width: 100%;
  height: 0;
  padding-top: 54.6875%;
  position: relative;
  margin: 0 auto 58px;
  overflow: hidden
}

.featureConnectedInterview>a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.featureConnectedInterview_img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.featureConnectedInterview_img img {
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.featureConnectedInterview_txtContainer {
  width: 50%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: .6s cubic-bezier(0, 0, .25, 1);
  transition: .6s cubic-bezier(0, 0, .25, 1);
  -webkit-transition-property: width, background;
  transition-property: width, background
}

.featureConnectedInterview_txtInner {
  min-width: 340px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.featureConnectedInterview_ttl {
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: 30px
}

.featureConnectedInterview_ttl-en {
  font-size: 2.4rem;
  color: #dd001f;
  line-height: 1.3;
  margin-bottom: 26px
}

.featureConnectedInterview_txt {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: .05em;
  margin-bottom: 28px
}

.featureConnectedInterview_person {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: .05em
}

.featureConnectedInterview_person span {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 10px
}

.featureConnectedInterview_arrow {
  width: 30px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translate3d(0, -50%);
  transform: translate3d(0, -50%);
  overflow: hidden
}

.featureConnectedInterview_arrow img {
  display: block;
  width: 100%
}

.featureConnectedInterview:hover .featureConnectedInterview_img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
  width: 54%;
  background: rgba(0, 0, 0, .9)
}

.featureConnectedInterview:hover .featureConnectedInterview_arrow img {
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

@media screen and (max-width:1023px) {
  .feature {
    padding-top: 80px
  }
  .feature_last_inner {
    width: calc(100% - 80px)
  }
}

@media screen and (min-width:1600px) {
  .featureConnectedInterview {
    max-width: 1144px;
    height: 625.625px;
    position: relative;
    margin: 0 auto 58px;
    padding: 0;
    overflow: hidden
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
    padding-top: 94px
  }
}

@media screen and (max-width:1279px) {
  .feature {
    padding-top: 80px
  }
  .featureConnectedInterview {
    padding-top: 60%
  }
}

@media screen and (max-width:1023px) {
  .feature_relatedInterview {
    width: 100%
  }
  .feature_relatedInterview_inner {
    max-width: 650px;
    margin: 0 auto
  }
  .feature_section_txtContainer {
    max-width: auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .feature_section_ttl {
    font-size: 2.8rem;
    width: 300px
  }
  .feature_section_txt {
    width: 360px
  }
  .feature_last_inner {
    width: calc(100% - 80px)
  }
  .featureCase_main_detail {
    width: calc(100% - 80px);
    margin: 50px auto 0
  }
  .featureCase_main_list {
    display: block
  }
  .featureCase_main_list li {
    width: 100%;
    margin-bottom: 32px
  }
  .featureCase_btnList {
    width: calc(100% - 80px)
  }
  .featureCase_btn {
    width: 164px
  }
  .featureCaseIot_ttl {
    margin-right: 56px
  }
  .featureCaseDesk {
    width: calc(100% - 80px)
  }
  .featureConnectedInterview_txtContainer {
    width: 58%
  }
  .featureConnectedInterview_ttl {
    font-size: 3rem;
    margin-bottom: 18px
  }
  .featureConnectedInterview_ttl-en {
    font-size: 2rem;
    margin-bottom: 20px
  }
  .featureConnectedInterview_txt {
    font-size: 1.4rem;
    margin-bottom: 28px
  }
  .featureConnectedInterview_person {
    font-size: 1.2rem
  }
  .featureConnectedInterview_person span {
    display: block;
    margin-top: 10px
  }
  .featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
    width: 58%
  }
}

@media screen and (max-width:767px) {
  .feature {
    padding: 48px 0 64px
  }
  .feature_main_movie {
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative
  }
  .feature_main_movie video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .feature_main_txt {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2;
    text-align: left;
    padding: 30px 20px
  }
  .feature_connected_comment {
    font-size: 1.2rem;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .feature_ttl-en {
    font-size: 4rem;
    letter-spacing: -.05em;
    margin-bottom: 4px
  }
  .feature_ttl-jp {
    font-size: 1.5rem;
    line-height: 3
  }
  .feature_readMore {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 24px 0 0
  }
  .feature_readMore_inner {
    width: 100%;
    border: 1px solid #333;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px 11px
  }
  .feature_readMore_inner a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.4rem
  }
  .feature_readMore_inner a .feature_readMore_arrow {
    width: 16px;
    right: 20px
  }
  .feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
    padding-top: 50px;
    padding-bottom: 60px
  }
  .feature_section_txtContainer {
    display: block;
    padding: 0 20px;
    margin: 40px 0
  }
  .feature_section_ttl {
    font-size: 2.4rem;
    text-align: center;
    width: auto;
    margin-bottom: 20px
  }
  .feature_section_ttl span {
    margin: 0 0 0 16px
  }
  .feature_section_txt {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2
  }
  .feature_autonomous .feature_section_ttl, .feature_connected .feature_section_ttl, .feature_electric .feature_section_ttl {
    margin-left: 18px
  }
  .feature_relatedInterview {
    margin-top: 40px;
    padding: 32px 20px 4px
  }
  .feature_relatedInterview_inner {
    max-width: 650px;
    margin: 0 auto
  }
  .feature_relatedInterview_ttl {
    font-size: 2.4rem;
    text-align: center
  }
  .feature_relatedInterview_list {
    display: block
  }
  .feature_relatedInterviewItem {
    width: 100%;
    margin-bottom: 38px
  }
  .feature_relatedInterviewItem_img {
    margin-bottom: 14px
  }
  .feature_relatedInterviewItem_ttl {
    font-size: 1.8rem;
    margin-bottom: 12px
  }
  .feature_offer {
    width: calc(100% - 80px);
    margin: 30px auto 0
  }
  .feature_offer a {
    font-size: 1.2rem
  }
  .feature_last {
    padding: 50px 0 0
  }
  .feature_last_inner {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
  }
  .feature_last_inner p {
    font-size: 14px;
    line-height: 2;
    font-weight: 350;
    margin-top: 30px
  }
  .feature_last .case_sns {
    margin-top: 60px;
    margin-bottom: 60px
  }
  .feature_last .case_sns li+li {
    margin-left: 24px
  }
  .feature_last_txt {
    font-size: 1.4rem;
    line-height: 2;
    color: #333;
    margin-top: 48px
  }
  .feature_last_bottom {
    padding-bottom: 38px
  }
  .featureMainMovie_heading {
    font-size: 2.4rem;
    margin: 34px 0 58px
  }
  .featureMainMovie_heading span {
    font-size: 1.4rem;
    margin-left: 12px
  }
  .featureMainMovie_heading:after {
    height: 2px;
    margin: 6px auto 0
  }
  .featureMainMovie_ttl {
    font-size: 2.4rem;
    line-height: 1.65;
    letter-spacing: .025em;
    position: absolute;
    top: calc(50% + 18px);
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .featureMainMovie_ttl span {
    font-size: 2.6rem
  }
  .featureCase {
    padding: 40px 0 50px
  }
  .featureCase_main_ttl {
    font-size: 1.8rem;
    line-height: 1.75
  }
  .featureCase_main_detail {
    width: calc(100% - 40px);
    margin: 40px auto 0
  }
  .featureCase_main_list li {
    margin-bottom: 28px
  }
  .featureCase_btnList {
    width: calc(100% - 40px);
    display: block
  }
  .featureCase_btn {
    width: 100%;
    margin-bottom: 10px
  }
  .featureCaseIot {
    display: block;
    width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 22px 12px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .featureCaseIot_ttl {
    font-size: 1.8rem;
    margin: 0 0 12px
  }
  .featureCaseIot_txt {
    font-size: 1.4rem;
    font-weight: 400
  }
  .featureCaseIot_txt br {
    display: none
  }
  .featureCaseDesk {
    width: calc(100% - 40px);
    margin: 30px auto 40px
  }
  .featureConnectedInterview {
    height: auto;
    padding-top: 0;
    margin-bottom: 28px
  }
  .featureConnectedInterview>a {
    position: static
  }
  .featureConnectedInterview_img {
    position: static;
    -webkit-transform: none;
    transform: none
  }
  .featureConnectedInterview_txtContainer {
    width: 100%;
    background: #1a1a1a;
    position: static
  }
  .featureConnectedInterview_txtInner {
    min-width: auto;
    position: static;
    -webkit-transform: none;
    transform: none;
    padding: 24px 20px 30px
  }
  .featureConnectedInterview_ttl-en {
    line-height: 1.3
  }
  .featureConnectedInterview_arrow {
    display: none
  }
  .featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
    width: 100%;
    background: #1a1a1a
  }
}

@media screen and (max-width:374px) {
  .featureConnectedInterview_txt {
    letter-spacing: 0
  }
}

.connected_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  color: #fff;
  background: #000;
  padding: 19px 0
}

.connected_header span:first-child {
  color: #dd001f
}

.connected_header_ttl {
  font-size: 4.2rem;
  margin-right: 38px
}

.connected_header_ttl span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: 20% center;
  transform-origin: 20% center;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

.connected_header_ttl.is-active span {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.connected_header_txtContainer {
  overflow: hidden;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.connected_header_txtContainer.is-active .connected_header_txt {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.connected_header_txt {
  font-size: 2rem;
  opacity: 0;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.connected .interviewDetail_offer {
  margin-bottom: 80px
}

.featureInterviewDetail_content {
  padding-bottom: 0
}

.featureInterviewDetail_main {
  padding-top: 62.5%
}

.featureInterviewDetail_main_inner {
  width: 472px
}

.featureInterviewDetail_main_ttl {
  font-size: 3.6rem;
  letter-spacing: .1em;
  margin-bottom: 26px
}

.featureInterviewDetail_main_name {
  border: none;
  padding: 0;
  font-size: 2rem;
  line-height: 1.5
}

.featureInterviewDetail_main_name span {
  display: block;
  font-size: 1.4rem
}

.featureInterviewDetail_main_name br {
  display: block
}

.featureInterviewDetail_main_txt {
  text-align: justify
}

.featureInterviewDetail_block {
  width: 100%;
  max-width: none;
  overflow: hidden;
  margin: 146px auto 0
}

.featureInterviewDetail_block-noHeading {
  margin-top: 80px
}

.featureInterviewDetail_block:nth-child(2) {
  margin-top: 128px
}

.featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl {
  text-align: right;
  padding: 0
}

.featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
  float: right;
  padding: 0
}

.featureInterviewDetail_block_txtContainer {
  width: 50%;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.featureInterviewDetail_block_ttl {
  width: 100%;
  font-size: 3.2rem;
  letter-spacing: .05em;
  padding: 0;
  margin-bottom: 94px
}

.featureInterviewDetail_block_txt {
  font-size: 1.5rem;
  text-align: justify;
  letter-spacing: .01em;
  line-height: 2.2
}

.featureInterviewDetail_block_imgContainer {
  width: 50%
}

.featureInterviewDetail_block_imgContainer img {
  margin: 0
}

.featureInterviewDetail_block_note {
  padding-left: 60px;
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.75
}

.featureInterviewDetail_related {
  width: calc(100% - 120px);
  max-width: 904px;
  margin: 120px auto 0;
  padding: 56px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.featureInterviewDetail_related_inner {
  width: 100%
}

.featureInterviewDetail_related_ttl {
  font-weight: 500
}

.featureInterviewDetailRelatedContent_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.featureInterviewDetailRelatedContent_img {
  width: 360px
}

.featureInterviewDetailRelatedContent_img img {
  display: block;
  width: 100%
}

.featureInterviewDetailRelatedContent_txtContainer {
  width: 394px
}

.featureInterviewDetailRelatedContent_ttl {
  font-size: 2.3rem;
  margin-bottom: 30px
}

.featureInterviewDetailRelatedContent_txt {
  font-size: 1.4rem;
  line-height: 2
}

.featureInterviewDetailRelatedLink {
  background: none;
  padding: 0;
  margin-top: 60px;
  opacity: .78
}

.featureInterviewDetailRelatedLink_inner {
  width: 146px
}

.featureTop_link {
  width: 168px;
  margin-bottom: 80px
}

@media screen and (min-width:1780px) {
  .featureInterviewDetail_block_txtContainer {
    padding: 0 80px
  }
}

@media screen and (min-width:1600px) {
  .featureInterviewDetail_block {
    width: calc(100% - 120px);
    max-width: 1344px
  }
}

@media screen and (max-width:1599px) {
  .featureInterviewDetail_main_inner {
    width: calc(100% - 180px)
  }
}

@media screen and (max-width:1279px) {
  .connected_header {
    margin-top: 80px
  }
  .featureInterviewDetail_main {
    margin-top: 0
  }
}

@media screen and (max-width:1023px) {
  .featureInterviewDetail_main {
    padding-top: 0
  }
  .featureInterviewDetail_main_inner {
    width: 100%
  }
  .featureInterviewDetail_block {
    width: 648px;
    margin-top: 106px;
    padding: 0!important
  }
  .featureInterviewDetail_block-noHeading {
    margin-top: 52px
  }
  .featureInterviewDetail_block:nth-child(2) {
    margin-top: 88px
  }
  .featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl, .featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
    text-align: center
  }
  .featureInterviewDetail_block_txtContainer {
    width: 100%;
    padding: 0
  }
  .featureInterviewDetail_block_ttl {
    margin-bottom: 48px
  }
  .featureInterviewDetail_block_txt {
    letter-spacing: .03em
  }
  .featureInterviewDetail_block_imgContainer {
    width: 100%;
    margin-bottom: 40px
  }
  .featureInterviewDetail_block_img {
    margin-bottom: 48px
  }
  .featureInterviewDetail_block_img:first-child {
    position: relative
  }
  .featureInterviewDetail_block_note {
    padding: 0 60px;
    margin: 18px 0 60px
  }
  .featureInterviewDetail_related {
    width: 648px;
    padding: 56px 60px
  }
  .featureInterviewDetailRelatedContent_inner {
    display: block
  }
  .featureInterviewDetailRelatedContent_img {
    width: 100%;
    margin: 0 auto 40px
  }
  .featureInterviewDetailRelatedContent_txtContainer {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .connected_header {
    display: block;
    text-align: center;
    margin-top: 48px;
    padding: 15px 0
  }
  .connected_header_ttl {
    font-size: 3.2rem;
    letter-spacing: .2em;
    margin: 0 0 6px
  }
  .connected_header_txt {
    font-size: 1.4rem;
    line-height: 1.5
  }
  .connected_header_txt span {
    display: block
  }
  .connected .interviewDetail_offer {
    margin: 40px auto 50px
  }
  .featureInterviewDetail_content {
    padding-bottom: 64px
  }
  .featureInterviewDetail_main_content {
    padding-bottom: 38px
  }
  .featureInterviewDetail_main_inner {
    width: 100%
  }
  .featureInterviewDetail_main_ttl {
    font-size: 3rem;
    letter-spacing: .025em;
    margin-bottom: 20px
  }
  .featureInterviewDetail_main_name {
    font-size: 1.8rem
  }
  .featureInterviewDetail_main_name span {
    font-size: 1.2rem;
    margin-bottom: 8px
  }
  .featureInterviewDetail_main_txt {
    font-size: 1.2rem;
    margin-top: 20px
  }
  .featureInterviewDetail_block {
    width: 100%;
    margin: 60px auto 0
  }
  .featureInterviewDetail_block-noHeading {
    margin-top: 20px
  }
  .featureInterviewDetail_block:nth-child(2) {
    margin-top: 60px
  }
  .featureInterviewDetail_block_ttl {
    font-size: 2.2rem;
    margin: 0 0 40px
  }
  .featureInterviewDetail_block_txt {
    font-size: 1.4rem;
    letter-spacing: .01em;
    line-height: 2
  }
  .featureInterviewDetail_block_imgContainer {
    margin-bottom: 30px
  }
  .featureInterviewDetail_block_img {
    margin-bottom: 30px;
    position: relative
  }
  .featureInterviewDetail_block_note {
    font-size: 1.2rem;
    padding: 0 40px
  }
  .featureInterviewDetail_related {
    width: 100%;
    max-width: 904px;
    margin: 56px auto 0;
    padding: 34px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .featureInterviewDetail_related_inner {
    width: 100%
  }
  .featureInterviewDetail_related_ttl {
    font-size: 2.4rem
  }
  .featureInterviewDetailRelatedContent_img {
    margin-bottom: 22px
  }
  .featureInterviewDetailRelatedContent_ttl {
    font-size: 1.8rem;
    margin-bottom: 14px
  }
  .featureInterviewDetailRelatedContent_txt {
    font-size: 1.4rem;
    line-height: 2
  }
  .featureInterviewDetailRelatedLink {
    padding: 0;
    margin-top: 20px;
    opacity: .78
  }
  .featureInterviewDetailRelatedLink_inner {
    width: 100%
  }
  .featureInterviewDetailRelatedLink_inner:hover {
    border-color: #dd001f
  }
  .featureInterviewDetailRelatedLink_inner a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    padding: 13px 20px 11px;
    border: 1px solid #000;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .featureInterviewDetailRelatedLink_inner .topLink_arrow {
    width: 16px;
    right: 20px
  }
  .featureTop_link {
    margin: 50px auto
  }
}

.modalModule {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  display: none
}

.modalModule_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

.modalModule_close {
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
  right: 20px;
  top: -15px;
  cursor: pointer
}

.modalModule_close:after, .modalModule_close:before {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%
}

.modalModule_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modalModule_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.modalModule_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

li {
  list-style: none
}

a {
  text-decoration: none;
  color: #333
}

.pc-none {
  display: none
}

.pt20 {
  padding-top: 20px
}

.course_flexbox * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_container {
  max-width: 900px;
  width: calc(100% - 120px);
  padding-top: 73px;
  margin: 0 auto 80px
}

.course_container.course_index_box {
  padding-top: 16px
}

.course_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.course_container_ttl:after {
  content: "";
  margin-top: 18px
}

.course_container_subtitle {
  margin-bottom: 30px;
  padding-top: 53px;
  font-size: 2.4rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.course_container_subtitle.with-border:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  margin-top: 18px
}

.course_container_txt {
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 2
}

.course_container_notice {
  margin-top: 25px;
  font-size: 12px;
  line-height: 1.75
}

.course_container_notice p {
  margin-top: 7px
}

.course_container_box {
  margin: 80px auto 0
}

.course_container_box img {
  width: 100%
}

.course_container_img_box {
  margin: 1em auto 48px
}

.course_container_img_box img {
  width: 100%
}

.course_container_small {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  font-size: 12px;
  text-align: right;
  line-height: 1.6
}

.course h1 {
  font-size: 3.6rem;
  background-image: none
}

.course_content {
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_table {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.75;
  margin-bottom: 20px;
  letter-spacing: .05em
}

.course_table tr {
  height: 45px
}

.course_table .first {
  height: 55px
}

.course_table th {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: none;
  background-color: #333;
  vertical-align: middle;
  font-size: 1.8rem
}

.course_table td, .course_table th {
  padding: 10px 3px;
  text-align: center;
  border: 1px solid #fff
}

.course_table td {
  font-weight: 700;
  color: #3c3c3c;
  background-color: #eee;
  vertical-align: middle
}

.course_table .detail {
  font-weight: 400;
  padding: 30px 20px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #eee
}

.course_table .detail p {
  margin-bottom: 30px
}

.course_table .detail ul li {
  position: relative;
  list-style-type: none;
  margin-bottom: 10px;
  padding-left: 1.3em
}

.course_table .detail ul li:last-child {
  margin-bottom: 0
}

.course_table .detail ul li:before {
  left: 0;
  position: absolute;
  display: block;
  content: "※"
}

.course_table.pc {
  display: table
}

.course_table.sp {
  display: none
}

.course_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 0
}

.course_index {
  width: 100%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.course_index:before {
  content: "";
  padding: 0 6px;
  border-left: 5px solid #dd001f
}

.course_index_borderless {
  width: 100%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.5;
  margin-bottom: 2rem
}

.course_item {
  width: calc(33.333% - 26.666px);
  position: relative;
  margin-bottom: 60px
}

.course_item a {
  color: #000
}

.course_item_img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden
}

.course_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.course_item_inner {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_item_ttl {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 20px
}

.course_item_txt, .course_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.course_txt {
  padding: 30px 0 20px
}

.course_txt_interview {
  font-size: 1.5rem;
  line-height: 24px;
  padding: 30px 0 20px
}

.course .chart {
  margin-bottom: 60px
}

.course .chart_txt {
  margin-top: 18px;
  text-align: right;
  font-size: 1.2rem;
  letter-spacing: .05em
}

@media screen and (max-width:767px) {
  .course .chart_txt {
    margin-top: 6px
  }
}

.course_flexbox {
  margin-top: 20px;
  width: 100%;
  background-color: #eee;
  padding: 25px 25px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_flexbox_item {
  padding: 10px;
  color: #fff;
  width: 23%;
  background-color: #fff;
  height: auto
}

.course_flexbox_ttl {
  color: #222;
  text-align: center;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: 700
}

.course_flexbox_last {
  width: 100%;
  padding: 12.5px 25px 25px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_flexbox_last_item {
  padding: 10px;
  color: #fff;
  background-color: #fff;
  text-align: center
}

.course_flexbox_last_item .course_flexbox_btn-entry {
  display: inline-block;
  width: 170px;
  text-align: left
}

.course_flexbox_last_item .course_flexbox_btn-entry.ll {
  width: 250px
}

.course_flexbox_btn {
  padding: 10px
}

.course_flexbox_btn-entry, .course_flexbox_btn-interview {
  margin: 10px;
  color: #fff;
  letter-spacing: .1em;
  background-color: #dd001f;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .15s;
  transition: color .15s;
  cursor: pointer;
  position: relative
}

.course_flexbox_btn-entry a, .course_flexbox_btn-interview a {
  display: block;
  padding: 16px 12px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: color .15s;
  transition: color .15s;
  line-height: 1.75
}

.course_flexbox_btn-entry:hover a, .course_flexbox_btn-interview:hover a {
  color: #fff
}

.course_flexbox_btn-entry:hover .header_findout_arrow img, .course_flexbox_btn-interview:hover .header_findout_arrow img {
  display: none
}

.course_flexbox_btn-entry:hover .header_findout_arrow .hover, .course_flexbox_btn-interview:hover .header_findout_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.course_flexbox_btn-entry .header_findout_arrow, .course_flexbox_btn-interview .header_findout_arrow {
  width: 14px;
  right: 14px
}

.course_flexbox_btn-entry .header_findout_arrow img, .course_flexbox_btn-interview .header_findout_arrow img {
  display: block;
  width: 100%
}

.course_flexbox_btn-entry .header_findout_arrow .hover, .course_flexbox_btn-interview .header_findout_arrow .hover {
  display: none
}

.course_flexbox_btn-interview {
  margin: 20px 0 0;
  width: 232px
}

.course .col .course_flexbox_item {
  width: 31.7%
}

.border {
  margin-top: 100px;
  border-top: 4px solid #000
}

.course .border {
  margin-top: 80px
}

.course_border_box {
  margin-bottom: 40px
}

.course_border_box:last-child {
  margin-bottom: 0
}

.course_border_box h3 {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background-color: #333;
  text-align: center;
  line-height: 56px;
  border-radius: 3px 3px 0 0
}

.course_border_box h3 .small {
  font-size: 12px
}

.course_border_box>div {
  border: 4px solid #333;
  border-top: 0 solid #333;
  padding: 40px;
  line-height: 1.5;
  border-radius: 0 0 3px 3px;
  background-color: #f2f2f2
}

.course_border_box>div h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px
}

.course_border_box>div p {
  font-size: 16px;
  margin-bottom: 40px
}

.course_border_box>div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 0
}

.course_border_box>div ul li {
  margin-right: 12px
}

.course_border_box>div ul li:last-child {
  margin-right: 0
}

.course_border_box>div ul li img {
  width: 100%;
  margin-bottom: 20px
}

.course_border_box>div ul li h5 {
  font-size: 14px;
  font-weight: 700;
  margin: 0
}

.course_border_box>div ul li p {
  margin: 9px 0 0;
  font-size: 14px
}

.course_border_box>div h5 {
  font-size: 14px;
  font-weight: 700
}

.course_table-ttl {
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 2.25;
  letter-spacing: .01em;
  font-size: 2rem
}

.course_table_dot {
  line-height: 1.75;
  margin-bottom: 30px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position-y: bottom;
  width: 100%
}

.course_table_dot tr {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position-y: top
}

.course_table_dot th {
  width: 33%;
  font-size: 15px;
  font-weight: 700;
  padding: 30px 27px 30px 0
}

.course_table_dot td, .course_table_dot th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left
}

.course_table_dot td {
  width: 67%;
  font-size: 14px;
  padding: 30px 0 30px 27px
}

.course_table_dot_ul {
  margin-top: 1em
}

.course_table_dot_ul li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: .5em
}

.course_connected_boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0
}

.course_connected_boxes * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_connected_boxes .course_connected_box {
  width: calc(33.33333% - 10px);
  border: 3px solid #dd001f;
  border-radius: 3px
}

.course_connected_boxes .course_connected_box h3 {
  border: 3px solid #dd001f;
  background-color: #dd001f;
  color: #fff;
  text-align: center;
  line-height: 49px;
  font-size: 16px;
  font-weight: 700
}

.course_connected_boxes .course_connected_box>div {
  padding: 29px;
  line-height: 1.9;
  font-size: 12px
}

.course_connected_boxes .course_connector {
  width: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
  background-image: linear-gradient(#dd001f, #dd001f);
  background-size: 1px 3px;
  background-repeat: repeat-x;
  background-position-y: center
}

.course_case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0
}

.course_case .course_case-ttl {
  width: 30%
}

.course_case .course_case-ttl img {
  width: 120px;
  margin-bottom: 20px
}

.course_case .course_case-ttl h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 30px
}

.course_case .course_case-detail {
  width: 70%
}

.course_nav {
  margin-top: 30px
}

.course_nav * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_nav a {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  position: relative;
  padding-right: 18px;
  margin: 0 35px 20px 0
}

.course_nav a .course_nav_arrow {
  position: absolute;
  overflow: hidden;
  width: 13px;
  right: 0;
  top: 0
}

.course_nav a .course_nav_arrow img {
  display: block;
  width: 100%
}

.course_nav a .course_nav_arrow .hover, .course_nav a:hover .course_nav_arrow img {
  display: none
}

.course_nav a:hover .course_nav_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.indexLink {
  background: #fff;
  padding: 40px 0
}

.indexLink-black {
  background: none
}

.indexLink_inner {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .075em;
  text-align: center;
  line-height: 30px
}

.indexLink_inner a {
  vertical-align: text-bottom;
  color: #000
}

.indexLink_inner:hover a {
  color: #dd001f
}

.indexLink_inner:hover .indexLink_arrow img {
  display: none
}

.indexLink_inner:hover .indexLink_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.indexLink_arrow {
  display: inline-block;
  width: 20px;
  overflow: hidden;
  margin-left: 10px;
  vertical-align: text-bottom
}

.indexLink_arrow img {
  margin-bottom: 2px;
  display: block;
  width: 100%
}

.indexLink_arrow img.hover {
  display: none
}

@media screen and (max-width:1023px) {
  .course h1 {
    font-size: 2.6rem
  }
  .course_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .course_item {
    width: calc(50% - 20px);
    margin-bottom: 80px
  }
  .course_container {
    width: calc(100% - 40px);
    padding-top: 60px
  }
  .course_container_ttl {
    font-size: 2.6rem;
    padding: 0 0 20px;
    text-align: center
  }
  .course_container_ttl:after {
    content: none
  }
  .course_container_txt {
    text-align: left;
    font-size: 1.4rem
  }
  .course_container_subtitle {
    margin-bottom: 26px;
    padding-top: 0;
    font-size: 1.8rem
  }
  .course_table th {
    font-size: 1.4rem;
    font-weight: 400
  }
  .course_table p, .course_table td {
    font-size: 1.2rem
  }
  .course_table .detail {
    padding: 30px 15px
  }
  .course_table .detail li {
    font-size: 1rem
  }
  .course_container_box {
    margin: 58px auto 20px
  }
  .course_flexbox {
    width: 100%;
    padding: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .course_flexbox_item {
    margin-bottom: 10px;
    padding: 0 0 10px;
    width: 100%;
    height: auto
  }
  .course_flexbox_item:last-child {
    margin-bottom: 0
  }
  .course_flexbox_ttl {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .05em
  }
  .course_flexbox_last {
    padding: 0 10px 10px;
    background-color: #eee
  }
  .course_flexbox_last, .course_flexbox_last_item {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .course_flexbox_last_item {
    text-align: center;
    padding: 0 0 10px
  }
  .course_flexbox_last_item .course_flexbox_btn-entry {
    display: block;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .course_flexbox_last_item .course_flexbox_btn-entry.ll {
    width: auto
  }
  .course_flexbox_btn-entry {
    margin: 10px 20px
  }
  .course .col .course_flexbox_item, .course_flexbox_btn-interview {
    width: 100%
  }
  .coures_jobs_index-none .course_container_box {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {
  .course_table-ttl {
    line-height: 1.75;
    font-size: 1.8rem
  }
  .course_content {
    padding: 0 0 64px
  }
  .course_container {
    padding-top: 40px
  }
  .course_container.course_index_box {
    padding-top: 18px
  }
  .course_container_small {
    display: block;
    text-align: left;
    text-indent: -2em;
    padding-left: 2em
  }
  .course h1 {
    text-align: center
  }
  .course_content {
    padding: 0 0 44px
  }
  .course_table.pc {
    display: none
  }
  .course_table.sp {
    display: table
  }
  .course_item {
    width: calc(50% - 10px)
  }
  .course_border_box h3 {
    font-size: 18px
  }
  .course_border_box>div {
    padding: 30px 20px 10px
  }
  .course_border_box>div h4, .course_border_box>div p {
    font-size: 15px;
    line-height: 1.75
  }
  .course_border_box>div p {
    margin-bottom: 20px
  }
  .course_border_box>div ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 0
  }
  .course_border_box>div ul li {
    width: calc(50% - 5px);
    margin: 0 0 20px
  }
  .course_border_box>div ul li img {
    margin-bottom: 10px
  }
  .course_border_box>div ul li h5 {
    font-size: 12px
  }
  .course_border_box>div ul li p {
    margin: 10px 0 0;
    font-size: 10px
  }
  .course_border_box>div ul li:first-child:nth-last-child(2), .course_border_box>div ul li:first-child:nth-last-child(2)~li {
    width: 100%
  }
  .course_border_box>div h5 {
    font-size: 12px;
    margin-bottom: 20px
  }
  .course_table_dot th {
    display: block;
    width: 100%;
    padding: 40px 0 26px
  }
  .course_table_dot td {
    display: block;
    width: 100%;
    padding: 0 0 40px
  }
  .course_connected_boxes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .course_connected_boxes .course_connected_box {
    width: 100%
  }
  .course_connected_boxes .course_connector {
    width: 100%;
    height: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
    background-image: linear-gradient(#dd001f, #dd001f);
    background-size: 3px 1px;
    background-repeat: repeat-y;
    background-position-x: center
  }
  .course_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .course_case .course_case-ttl {
    width: 100%;
    text-align: center
  }
  .course_case .course_case-detail {
    width: 100%
  }
  .course_nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 23px
  }
  .course_nav, .course_nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .course_nav a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 10px 30px 10px 10px;
    border: 1px solid #333;
    border-radius: 3px
  }
  .course_nav a .course_nav_arrow {
    position: absolute;
    overflow: hidden;
    width: 12px;
    right: 14px;
    top: 37%
  }
  .course_nav a .course_nav_arrow img {
    display: block;
    width: 100%
  }
  .course_nav a .course_nav_arrow .hover {
    display: none
  }
  .course_nav a.sp-left, .course_nav a.sp-right {
    width: calc(50% - 5px);
    margin-left: 5px
  }
  .course_nav a:hover .course_nav_arrow img {
    display: none
  }
  .course_nav a:hover .course_nav_arrow .hover {
    display: block;
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .indexLink {
    padding: 24px 0 0
  }
}

@media screen and (max-width:599px) {
  .course_item {
    width: 100%;
    margin-bottom: 40px
  }
  .course_flexbox_btn-entry {
    margin: 10px
  }
  .course_flexbox_btn-entry .header_findout_arrow {
    width: 14px!important;
    right: 12px!important
  }
}

@media screen and (max-width:767px) {
  .jobs-sub .subpage_block_txt {
    padding-left: 0
  }
}

.course_flexbox_btn-entry-mt {
  margin-top: 70px
}

@media screen and (max-width:1023px) {
  .course_flexbox_btn-entry-mt {
    margin-top: 0
  }
}

.course_flexbox_btn-entry-width {
  width: 374px
}

@media screen and (max-width:1023px) {
  .course_flexbox_btn-entry-width {
    width: auto
  }
}

.jobs-tab {
  display: none
}

@media screen and (max-width:1023px) {
  .jobs-tab {
    display: block
  }
}

.jobs-no-btn {
  pointer-events: none;
  cursor: none;
  opacity: .3
}

.jobs-modalbtn {
  width: 200px;
  height: 38px;
  border: 2px solid #707070;
  border-radius: 3px;
  margin: 20px auto 40px;
  line-height: 38px;
  font-size: 16px;
  text-indent: 20px;
  cursor: pointer;
  position: relative
}

@media screen and (min-width:768px) {
  .jobs-modalbtn {
    display: none
  }
}

@media screen and (max-width:767px) {
  .jobs-modalbtn {
    width: 100%;
    line-height: 34px
  }
}

.jobs-modalbtn:after {
  position: absolute;
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto
}

.jobs-modalbtn:hover {
  border: 2px solid #dd001f;
  color: #dd001f
}

.jobs-modalbtn:hover:after {
  background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
}

.jobs-modalbtn a {
  color: inherit
}

.jobs-modalbtn-none {
  display: none
}

.jobs_recruit_btn {
  width: 440px;
  margin: 80px auto 0
}

@media screen and (max-width:767px) {
  .jobs_recruit_btn {
    width: calc(100% - 80px);
    margin-top: 60px
  }
}

.jobs_recruit_btn-customer {
  width: 475px
}

@media screen and (max-width:767px) {
  .jobs_recruit_btn-customer {
    width: calc(100% - 80px);
    height: inherit
  }
}

@media screen and (max-width:767px) {
  .jobs_recruit_btn-customer a {
    padding: 10px 15px;
    line-height: 1.75
  }
}

@media screen and (max-width:767px) {
  .jobs-index-bg {
    background-color: #fff;
    padding-bottom: 38px
  }
}

.jobs-connect-btn {
  cursor: pointer;
  position: relative
}

.jobs-connect-btn:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: #dd001f url(/interview/img/icon_plus-white.png) 4px 4px no-repeat;
  background-size: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px
}

.jobs-connect-btn:hover:after {
  background: #dd001f url(/interview/img/icon_plus.png) 4px 4px no-repeat;
  background-size: 10px
}

.jobs-connected_content-txt {
  margin-top: 17px;
  color: #fff
}

@media screen and (max-width:767px) {
  .jobs-connected_content-txt {
    margin-top: 10px
  }
}

.jobs-mirai-btm {
  margin-top: 13px
}

.jobs-mirai-btm-txt {
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: .025em;
  font-size: 1.5rem
}

.jobs-mirai-btm-link {
  font-size: 1.3rem;
  line-height: 1.75;
  letter-spacing: .025em;
  margin-top: 15px
}

.jobs-mirai-btm-link a {
  color: #dd001f;
  text-decoration: underline
}

.jobs-mirai-btm-link a:hover {
  text-decoration: none
}

.jobs-mirai-txt {
  margin-bottom: 18px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .jobs-mirai-txt {
    margin-bottom: 7px
  }
}

@media screen and (max-width:767px) {
  .jobs_sub-btm {
    padding-bottom: 35px;
    background-color: #fff
  }
}

@media screen and (max-width:767px) {
  .jobs_sub-btm .btn-pageTop {
    margin-top: -10px
  }
}

.jobs-cource_index {
  margin-bottom: 27px
}

@media screen and (max-width:767px) {
  .jobs-cource_index {
    margin-bottom: 23px
  }
}

.sub-accounting .jobs-accounting-none, .sub-connected .jobs-connected-none, .sub-customer .jobs-customer-none, .sub-external .jobs-external-none, .sub-general .jobs-general-none, .sub-global_sales .jobs-global_sales-none, .sub-japan_sales .jobs-japan_sales-none, .sub-mirai .jobs-mirai-none, .sub-powertrain_tec .jobs-powertrain_tec-none, .sub-production_control .jobs-production_control-none, .sub-production_engineering .jobs-production_engineering-none, .sub-purchasing .jobs-purchasing-none, .sub-system .jobs-system-none, .sub-technology .jobs-technology-none {
  display: none
}

.jobs-mass-width li {
  width: 100%
}

.jobs-modal_content {
  height: calc(100% - 100px)
}

.jobs-modal_img {
  width: 100%;
  height: 100%;
  margin-left: 20px;
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch
}

.jobs-modal_img img {
  display: block;
  height: 100%
}

.jobs-connected-slider {
  display: none;
  width: calc(100% - 300px);
  margin: auto
}

@media screen and (max-width:767px) {
  .jobs-connected-slider {
    width: calc(100% - 40px)
  }
}

.connectedModal {
  display: none
}

.connectedModal .modalModule_close {
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s
}

.connectedModal .jobs-modal_content {
  width: auto;
  height: auto
}

.connectedModal .jobs-connected-slider {
  width: 640px
}

@media screen and (max-width:767px) {
  .connectedModal .jobs-connected-slider {
    width: 320px
  }
}

.connectedModal .jobs-connected_content-txt {
  width: 640px;
  font-size: 16px;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s
}

.connectedModal .jobs-connected-slider_arrow {
  width: 16px;
  height: 28px;
  position: absolute;
  border-radius: 50%;
  padding: 24px 30px 24px 32px;
  top: calc(50% - 20px);
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out;
  -webkit-transition-property: background;
  transition-property: background;
  cursor: pointer
}

.connectedModal .jobs-connected-slider_arrow img {
  width: 100%;
  height: 100%;
  min-height: auto
}

.connectedModal .jobs-connected-slider_arrow:hover {
  background: rgba(0, 0, 0, .64);
  -webkit-transition-duration: .24s;
  transition-duration: .24s
}

@media screen and (max-width:1023px) {
  .connectedModal .jobs-connected-slider_arrow:hover {
    background: none
  }
}

.connectedModal .jobs-connected-slider_arrow.-prev {
  -webkit-transform: translate(-100%, -50%) scaleX(-1);
  transform: translate(-100%, -50%) scaleX(-1);
  left: -90px
}

@media screen and (max-width:1023px) {
  .connectedModal .jobs-connected-slider_arrow.-prev {
    left: 0
  }
}

@media screen and (max-width:767px) {
  .connectedModal .jobs-connected-slider_arrow.-prev {
    left: 25px
  }
}

.connectedModal .jobs-connected-slider_arrow.-next {
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  right: -90px
}

@media screen and (max-width:1023px) {
  .connectedModal .jobs-connected-slider_arrow.-next {
    right: 0
  }
}

@media screen and (max-width:767px) {
  .connectedModal .jobs-connected-slider_arrow.-next {
    right: 25px
  }
}

.connectedModal_list {
  width: 100%
}

.connectedModal_list img {
  display: block;
  width: 100%
}

.jobs-modal-connected_content {
  width: calc(100% - 640px);
  height: auto
}

@media screen and (max-width:1599px) {
  .jobs-modal-connected_content {
    width: calc(100% - 400px)
  }
}

@media screen and (max-width:1023px) {
  .jobs-modal-connected_content {
    width: calc(100% - 200px)
  }
}

@media screen and (max-width:767px) {
  .jobs-modal-connected_content {
    width: calc(100% - 80px)
  }
}

.modalModule-connected_close {
  right: 0
}

.jobs-modal-connected_img {
  width: 100%;
  margin-left: 0
}

.jobs-modal-connected_img img {
  width: 100%
}

.connectedModal.is-init .jobs-connected_content-txt, .connectedModal.is-init .modalModule_close {
  opacity: 1
}

.second {
  overflow: hidden
}

.second #contentsArea h2 {
  font-size: 2.2rem
}

.icon-animation {
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 200;
  width: 30px;
  height: 46px
}

@media screen and (min-width:768px) {
  .icon-animation {
    top: 14px;
    right: 25px
  }
}

@media screen and (min-width:961px) {
  .icon-animation {
    top: 21px;
    cursor: pointer
  }
}

.icon-animation em {
  display: block;
  color: #333;
  font-size: 11px;
  position: absolute;
  top: -3px;
  left: -1px;
  letter-spacing: .06em
}

@media screen and (min-width:768px) {
  .icon-animation em {
    font-size: 11px;
    top: -2px;
    left: -1px
  }
}

.icon-animation span {
  width: 30px;
  height: 3px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -15px
}

@media screen and (min-width:768px) {
  .icon-animation span {
    margin: 0 0 0 -15px
  }
}

.type-1 span {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #333
}

.type-1 .top {
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px)
}

.type-1 .bottom {
  -webkit-transform: translateY(9px);
  transform: translateY(9px)
}

.type-1.is-open .middle {
  background: transparent
}

.type-1.is-open .top {
  -webkit-transform: rotate(-45deg) translateY(0);
  transform: rotate(-45deg) translateY(0)
}

.type-1.is-open .bottom {
  -webkit-transform: rotate(45deg) translateY(0);
  transform: rotate(45deg) translateY(0)
}

.second header {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(hsla(0, 0%, 100%, .8)), to(hsla(0, 0%, 100%, .8)));
  background: linear-gradient(90deg, #fff, #fff, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8))
}

.second header h2 a {
  color: #000
}

.hdr_entry {
  display: none
}

@media screen and (min-width:768px) {
  .hdr_entry {
    display: block;
    position: absolute;
    top: 14px;
    right: 74px;
    opacity: 0
  }
}

@media screen and (min-width:961px) {
  .hdr_entry {
    top: 21px
  }
}

.hdr_entry li, .nav_entry li {
  display: inline-block;
  margin: 0 5px
}

.hdr_entry li a, .nav_entry li a {
  display: block;
  background: #b50010;
  font-size: 1.4rem;
  width: 13rem;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  color: #fff
}

@media screen and (min-width:961px) {
  .hdr_entry li a, .nav_entry li a {
    font-size: 1.5rem;
    width: 13.5rem;
    height: 35px;
    line-height: 35px
  }
}

.second .wrap {
  width: 88%;
  margin: 60px auto
}

@media screen and (min-width:961px) {
  .second .wrap {
    width: 980px;
    margin: 90px auto
  }
}

.second #contentsArea h1 {
  color: #fff;
  width: 100%;
  height: 150px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .second #contentsArea h1 {
    font-size: 2rem;
    height: 250px
  }
}

.second #contentsArea h1 span {
  display: block;
  font-size: 3.6rem;
  padding: 46px 0 8px
}

@media screen and (min-width:768px) {
  .second #contentsArea h1 span {
    font-size: 5.6rem;
    padding: 78px 0 14px
  }
}

.second .intro {
  text-align: left;
  margin: -40px 0 50px;
  line-height: 2
}

@media screen and (min-width:768px) {
  .second .intro {
    text-align: center;
    margin: -40px 0 70px
  }
}

.second #contentsArea h2 {
  font-size: 1.9rem;
  margin-bottom: 1.9em;
  color: #333;
  text-align: center;
  position: relative
}

@media screen and (min-width:768px) {
  .second #contentsArea h2 {
    font-size: 2.2rem
  }
}

.second #contentsArea h2:before {
  display: inline-block;
  position: absolute;
  content: "";
  height: 3px;
  width: 60px;
  background: #b50010;
  top: 1.7em;
  left: 0;
  right: 0;
  margin: 0 auto
}

.second #contentsArea a {
  text-decoration: underline
}

dl.table, dl.table dd, dl.table dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

dl.table {
  border-top: 1px solid #ddd;
  margin-bottom: 80px
}

dl.table dd, dl.table dt {
  line-height: 2
}

dl.table dt {
  width: 100%;
  padding: 1.5em 1em 0;
  font-weight: 700
}

dl.table dd {
  padding: .5em 1em 1.6em;
  border-bottom: 1px solid #ddd
}

@media screen and (min-width:768px) {
  dl.table, dl.table dd, dl.table dt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  dl.table {
    border-top: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 80px
  }
  dl.table dd, dl.table dt {
    border-top: 1px solid #ddd
  }
  dl.table dt {
    width: 190px;
    float: left;
    padding: 1.5em 2em 1.3em 0;
    font-weight: 400
  }
  dl.table dd {
    margin-left: 190px;
    border-left: 6px solid #f0f0f0;
    padding: 1.5em 0 1.3em 2em;
    border-bottom: none
  }
}

ul.list li {
  list-style: disc;
  margin-left: 22px
}

br.sp {
  display: block
}

@media screen and (min-width:768px) {
  br.sp {
    display: none
  }
}

br.sptb {
  display: block
}

@media screen and (min-width:961px) {
  br.sptb {
    display: none
  }
}

br.pc {
  display: none
}

@media screen and (min-width:768px) {
  br.pc {
    display: block
  }
}

br.pc2 {
  display: none
}

@media screen and (min-width:961px) {
  br.pc {
    display: block
  }
}

.requirements h1 {
  background: url(/old/requirements/img/bg_header.jpg) 50% no-repeat;
  background-size: cover
}

.requirements h4 {
  margin-bottom: 2.3em
}

.requirements dl.process dt {
  background: #f4f4f4;
  font-size: 1.6rem;
  font-weight: 700;
  height: 52px;
  line-height: 52px
}

@media screen and (min-width:768px) {
  .requirements dl.process dt {
    font-size: 1.9rem;
    height: 64px;
    line-height: 64px
  }
}

.requirements dl.process dt span {
  display: inline-block;
  background: #b50010;
  color: #fff;
  font-size: 2rem;
  height: 36px;
  line-height: 36px;
  margin: 0 12px 0 8px;
  width: 5.5rem;
  text-align: center;
  position: relative
}

@media screen and (min-width:768px) {
  .requirements dl.process dt span {
    height: 40px;
    line-height: 40px;
    width: 178px;
    margin: 0 40px 0 12px
  }
}

.requirements dl.process dt span:before {
  content: "";
  width: 0;
  height: 0;
  background: transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #b50010;
  position: absolute;
  bottom: -9px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5
}

.requirements dl.process dt.last span:before {
  border: none
}

.requirements dl.process dt span em {
  display: none
}

@media screen and (min-width:768px) {
  .requirements dl.process dt span em {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    display: inline-block;
    margin-right: .3em
  }
}

.requirements dl.process dd {
  margin: 1em .5em 2em;
  line-height: 2
}

@media screen and (min-width:768px) {
  .requirements dl.process dd {
    margin: 1em 0 2em 230px
  }
}

container {
  background: #000;
  overflow: hidden
}

.block_item {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  position: relative
}

.block_item-right {
  float: right
}

.block_item-type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 720px
}

.block_item-type02, .block_item-type03, .block_item-type04 {
  height: 540px
}

.block_item-max {
  width: calc(100% - 5px)
}

.block_item-large {
  width: calc(66.666% - 5px)
}

.block_item-medium {
  width: calc(50% - 5px)
}

.block_item-small {
  width: calc(33.333% - 5px)
}

.block_item-left {
  margin-right: 10px
}

.block_item_elem {
  background: no-repeat 50%;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.block_item_elem, .block_item_elem_link {
  width: 100%;
  height: 100%;
  position: relative
}

.block_item_elem_link {
  display: block
}

.block_item_elem_link-black {
  color: #000
}

.block_item_elem_link-white {
  color: #fff
}

.block_item_elem_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.block_item_elem_img img {
  width: 100%
}

.block_item_elem_img-liveability {
	background-image: url(../images/main_photo.jpg)
}

.block_item_elem-type01 {
  padding: 0
}

.block_item_elem-type02 {
  padding: 54px 50px 80px
}

.block_item_elem-left {
	width: 66%
  }

  .block_item_elem-right {
	width: 34%
  }

.block_item_elem-gray {
  background-color: #222;
  color: #fff
}

.block_item_elem-white {
  background-color: #fff;
  color: #000
}

.block_item_elem>img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  pointer-events: none
}

.block_item_ttl {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
}


.block_item_name {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .1em;
  position: relative
}

.block_item_name-small {
  font-size: 1.8rem
}

.block_item_name_block {
  margin-top: 35px
}

.block_item_name_job {
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: baseline;
  margin-right: 14px
}

.block_item_name_job-small {
  display: block;
  margin-bottom: 12px
}

.block_item_img {
  display: block;
  width: 588px;
  margin-top: 54px
}

.block_item_arrow {
  width: 40px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.block_item_arrow img {
  width: 100%
}

.blockLink {
  display: block;
  font-size: 2.4rem;
  color: #fff;
  letter-spacing: .075em;
  padding-right: 42px;
  position: absolute;
  top: 78px;
  right: 50px
}

.blockLink-eventinfo, .blockLink-information {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000
}

.blockLink_arrow {
  width: 22px;
  right: 0
}

.blockList {
  max-width: 1418px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.blockListItem {
  width: 440px;
  height: 440px;
  background: no-repeat 50%;
  background-size: cover;
  position: relative;
  overflow: hidden
}

.blockListItem a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff
}

.blockListItem>img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  pointer-events: none
}

.blockListItem_ttl {
  font-size: 5.2rem;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 25%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.blockListItem_txt {
  width: 368px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  position: absolute;
  top: 220px;
  left: 0;
  right: 0;
  margin: 0 auto
}

.blockListItem_arrow {
  right: 30px
}

.blockListItem-01 {
  width: 471px;
  height: 350px
}

.blockListItem-01 .nosp {
  display: none
}

.blockListItem-01>img {
  height: 100%
}

.findout_list {
  width: calc(100% + 12px);
  margin: -20px auto 0;
  -webkit-transform: translate(-4px);
  transform: translate(-4px)
}

.findout_item_link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  letter-spacing: .075em;
  margin-bottom: 20px;
  padding: 12px 12px 12px 58px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.findout_item_link:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(/common/img/ico-find.svg) no-repeat 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.findout_item_subLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 280px;
  height: 36px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  line-height: 1;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: -16px 0 36px 58px
}

.findout_item_subLink span {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  position: relative
}

.findout_item_subLink span:after, .findout_item_subLink span:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background: #dd0a1f;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute
}

.findout_item_subLink span:before {
  bottom: 0;
  right: 0
}

.findout_item_subLink span:after {
  top: 0;
  left: 0
}

.findout_item_subLink:hover {
  color: #fff
}

.findout_item_subLink:hover, .findout_item_subLink:hover span:after, .findout_item_subLink:hover span:before {
  border-color: #fff;
  -webkit-transition-duration: .24s;
  transition-duration: .24s
}

.findout_item_arrow {
  width: 30px;
  right: 0
}

.information_list {
  width: 800px;
  padding-left: 72px
}

.information_list li {
  width: 100%;
  position: relative;
  font-size: 1.5rem;
  color: #000;
  line-height: 1.75;
  letter-spacing: .075em;
  padding-bottom: 20px;
  padding-left: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.information_list li .date {
  font-family: Barlow, sans-serif;
  position: absolute;
  top: 0;
  left: 0
}

.information_list li .news a {
  color: #000
}

.information_list li .news a:hover {
  opacity: .6
}

.eventinfo_item_link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
  color: #000;
  letter-spacing: .075em;
  margin-bottom: 20px;
  padding: 12px 12px 12px 58px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.eventinfo_item_link:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(/common/img/ico-find.svg) no-repeat 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.eventinfo_item_arrow {
  width: 22px;
  right: 10px
}

.eventinfo_list {
  padding-left: 35px;
  text-align: left
}

.eventinfo_list li {
  background-image: url(/info/img/line.png);
  background-position-y: top;
  background-repeat: repeat-x;
  width: 100%;
  position: relative;
  font-size: 1.5rem;
  color: #000;
  line-height: 1.75;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.eventinfo_list li .info_label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 26px
}

.eventinfo_list li .info_label_wrap span+span {
  margin-left: 6px
}

.eventinfo_list li .info_label_wrap span:not(:last-child) {
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  width: auto;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 3px
}

.eventinfo_list li .info_label_wrap span:last-child {
  margin-left: 20px;
  font-size: 16px
}

.eventinfo_list li strong {
  margin-top: 18px;
  letter-spacing: .075em;
  font-size: 18px;
  line-height: 1.5;
  display: block
}

.eventinfo_list li:last-child {
  background-image: url(/info/img/line.png), url(/info/img/line.png);
  background-position-y: top, bottom;
  background-repeat: repeat-x;
  margin-bottom: 32px
}

.eventinfo_list li a {
  display: block;
  padding: 20px 0
}

.careerNow_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.careerNow_item {
  width: calc(33.333% - 6.666px)
}

.careerNow_item img {
  display: block;
  width: 100%
}

@media screen and (max-width:1919px) {
  .blockListItem-01 {
    width: 420px;
    height: 312px
  }
  .blockListItem_txt {
    top: 200px
  }
  .findout_item_link {
    font-size: 2.8rem;
    padding-left: 44px
  }
  .findout_item_link:before {
    width: 30px;
    height: 30px
  }
  .findout_item_subLink {
    margin-left: 44px
  }
}

@media screen and (max-width:1779px) {
  .block_item-type01 {
    height: 720px
  }
  .block_item-type02 {
    height: 435px
  }
  .block_item-type03, .block_item-type04 {
    height: 425px
  }
  .block_item_elem-type01 {
    padding: 0
  }
  .block_item_elem-type02 {
    padding: 42px 40px 64px
  }
  .block_item_ttl {
    padding-bottom: 6px
  }
  .block_item_ttl-about {
    margin-bottom: 30px
  }
  .block_item_ttl-messages {
    margin-bottom: 68px
  }
  .block_item_ttl-findout {
    margin-bottom: 60px
  }
  .block_item_ttl-faq {
    margin-bottom: 52px
  }
  .block_item_ttl-positiveAction {
    margin-bottom: 72px
  }
  .block_item_ttl-keyPerson {
    margin-bottom: 53px
  }
  .block_item_ttl-process {
    margin-bottom: 40px
  }
  .block_item_ttl-information {
    margin-bottom: 46px
  }
  .block_item_img {
    width: 474px;
    margin-top: 32px
  }
  .blockLink {
    font-size: 2rem;
    padding-right: 38px;
    top: 60px;
    right: 40px
  }
  .blockLink-information {
    font-size: 1.8rem
  }
  .blockLink_arrow {
    width: 20px;
    right: 0
  }
  .blockList {
    max-width: 1142px
  }
  .blockListItem {
    width: 354px;
    height: 354px
  }
  .blockListItem_ttl {
    font-size: 4.4rem
  }
  .blockListItem_ttl img {
    width: 200px
  }
  .blockListItem_txt {
    width: 322px;
    font-size: 1.4rem;
    top: 167px
  }
  .blockListItem_arrow {
    width: 26px;
    right: 24px
  }
  .blockListItem-01 {
    width: 375px;
    height: 279px
  }
  .findout_item_link {
    font-size: 2.6rem;
    margin-bottom: 10px
  }
  .findout_item_subLink {
    font-size: 16px;
    max-width: 260px;
    margin: -10px 0 20px 44px;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
  }
}

@media screen and (max-width:1599px) {
  .block_item-type01 {
    height: 720px
  }
  .block_item-type02 {
    height: 330px
  }
  .block_item-type03, .block_item-type04 {
    height: 365px
  }
  .block_item_elem-type01 {
    padding: 0
  }
  .block_item_elem-type02 {
    padding: 28px 32px 46px
  }
  .block_item_ttl {
    padding-bottom: 6px;
    border-width: 3px
  }
  .block_item_ttl-about {
    margin-bottom: 30px
  }
  .block_item_ttl-messages {
    margin-bottom: 48px
  }
  .block_item_ttl-findout {
    margin-bottom: 36px
  }
  .block_item_ttl-faq {
    margin-bottom: 40px
  }
  .block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
    margin-bottom: 48px
  }
  .block_item_ttl-process {
    margin-bottom: 28px
  }
  .block_item_ttl-information {
    margin-bottom: 40px
  }
  .block_item_ttl-careerNow {
    margin-bottom: 44px
  }
  .block_item_ttl-workplace span {
    max-width: 128px;
    margin-top: 8px;
    padding-bottom: 8px;
    border-width: 3px
  }
  .block_item_ttl-workplace-career span {
    max-width: 90px
  }
  .block_item_name {
    font-size: 1.8rem
  }
  .block_item_name-small {
    font-size: 1.6rem
  }
  .block_item_name_job {
    font-size: 1.4rem;
    margin-right: 12px
  }
  .block_item_name_job-small {
    display: block;
    margin-bottom: 6px;
    letter-spacing: 0
  }
  .block_item_img {
    width: 358px;
    margin-top: 20px
  }
  .block_item_arrow {
    width: 30px;
    right: 20px
  }
  .blockLink {
    top: 42px;
    right: 30px
  }
  .blockLink-information {
    font-size: 1.5rem
  }
  .blockLink_arrow {
    width: 20px;
    right: 0
  }
  .blockList {
    max-width: 866px
  }
  .blockListItem {
    width: 268px;
    height: 268px
  }
  .blockListItem_ttl {
    font-size: 3.4rem;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%)
  }
  .blockListItem_ttl img {
    width: 152px
  }
  .blockListItem_txt {
    font-size: 1.3rem;
    line-height: 1.75;
    width: 247px;
    top: 115px
  }
  .blockListItem_arrow {
    width: 20px;
    right: 18px;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%)
  }
  .blockListItem-01 {
    width: 276px;
    height: 205px
  }
  .findout_item_link {
    font-size: 2rem;
    margin-bottom: 0;
    padding-left: 32px
  }
  .findout_item_link:before {
    width: 24px;
    height: 24px
  }
  .findout_item_arrow {
    width: 20px;
    right: 0
  }
  .eventinfo_list {
    padding-left: 0
  }
  .eventinfo_item_arrow {
    width: 22px;
    right: 10px
  }
  .findout_item_subLink {
    width: 230px;
    height: 32px;
    font-size: 14px;
    margin: 0 0 10px 32px
  }
  .information_list {
    width: 760px
  }
  .information_list li {
    font-size: 1.4rem
  }
}

@media screen and (max-width:1023px) {
  .block_item {
    display: block
  }
  .block_item-type01 {
    display: block;
    height: auto
  }
  .block_item-type01-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .block_item-type03 {
    height: 410px
  }
  .block_item-large, .block_item-small {
    width: calc(50% - 5px)
  }
  .block_item-leftForTab {
    margin-right: 10px
  }
  .block_item-rightForTab {
    margin-right: 0
  }
  .block_item-largeForTab {
    width: 100%;
    margin-bottom: 10px
  }
  .block_item_elem-type01 {
    padding: 0
  }
  .block_item_elem-type02 {
    padding: 28px 32px 46px
  }
  .block_item_elem-left {
	width: 100%
  }

  .block_item_elem-right {
	width: 100%
  }
  .block_item_elem-left {
    padding: 66.66% 0 0
  }
  .block_item_elem_img-interview-small {
    background-position: center 25%
  }
  .block_item_elem_img-keyperson-min {
    background-image: url(/img/img_keyperson@2x.jpg)
  }
  .blockLink-about {
    top: calc(50% + 174px);
    right: calc(50% - 256px)
  }
  .blockList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 628px;
    top: 46px
  }
  .blockList_item {
    width: 300px;
    height: 300px;
    margin-bottom: 24px
  }
  .blockListItem_ttl {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .blockListItem_txt {
    width: 260px;
    top: 160px
  }
  .blockListItem_arrow {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .blockListItem-01 {
    width: 47%;
    height: 260px
  }
  .information_list {
    width: 560px;
    padding-left: 52px
  }
  .information_list li {
    width: 100%
  }
  .careerNow_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .careerNow_item {
    width: calc(50% - 5px);
    margin-bottom: 10px
  }
  .findout_item_link {
    font-size: 22px;
    padding-left: 44px;
    margin-bottom: 10px
  }
  .findout_item_link:before {
    width: 28px;
    height: 28px
  }
  .findout_item_subLink {
    width: 280px;
    font-size: 16px;
    margin-left: 44px;
    position: absolute;
    left: 260px;
    top: 5px
  }
}

@media screen and (max-width:767px) {
  .container {
    padding: 10px 0
  }
  .block_item {
    display: block
  }
  .block_item-type01, .block_item-type02, .block_item-type04 {
    height: auto
  }
  .block_item-type03 {
    height: 415px
  }
  .block_item-large, .block_item-medium, .block_item-small {
    width: 100%
  }
  .block_item-leftForTab {
    margin-right: 10px
  }
  .block_item-rightForTab {
    margin-right: 0
  }
  .block_item_elem {
    min-height: 212px
  }
  .block_item_elem-type01 {
    padding: 0
  }
  .block_item_elem-type02 {
    padding: 22px 20px 30px
  }
  .block_item_elem-left {
	width: 100%
  }

  .block_item_elem-right {
	width: 100%
  }
  .block_item_elem-left {
    padding: 66.66% 0 0
  }
  .block_item_elem-gray {
    background-color: #1a1a1a
  }
  .block_item_elem-interview-small {
    min-height: 306px
  }
  .block_item_elem_img-positiveAction {
    background-image: url(/img/img_positiveAction-sp@2x.jpg)
  }
  .block_item_ttl {
    border-width: 2px
  }
  .block_item_ttl-messages {
    margin-bottom: 40px
  }
  .block_item_ttl-findout {
    margin-bottom: 20px
  }
  .block_item_ttl-faq {
    margin-bottom: 32px
  }
  .block_item_ttl-eventinfo {
    margin-bottom: 33px;
    border-bottom: 0;
    padding-bottom: 0
  }
  .block_item_ttl-eventinfo span {
    padding-bottom: 8px
  }
  .block_item_ttl-keyPerson, .block_item_ttl-positiveAction {
    margin-bottom: 28px;
    color: #fff
  }
  .block_item_ttl-workplace span {
    display: inline-block;
    border-width: 2px
  }
  .block_item_ttl-brForSp {
    border: none
  }
  .block_item_ttl-brForSp-main {
    display: block
  }
  .block_item_ttl-brForSp-sub {
    display: inline-block;
    margin: 8px 0 0;
    border-bottom: 2px solid #000;
    padding-bottom: 6px
  }
  .block_item_ttl-brForSp-sub-white {
    border-color: #fff
  }
  .block_item_name {
    font-size: 1.4rem
  }
  .block_item_name-small {
    font-size: 1.2rem
  }
  .block_item_name_job {
    font-size: 1.4rem;
    margin-right: 12px
  }
  .block_item_name_job-small {
    font-size: 1.2rem;
    margin-bottom: 6px;
    letter-spacing: 0
  }
  .block_item_img {
    width: calc(100% - 60px)
  }
  .blockLink {
    width: 150px;
    position: relative;
    font-size: 2rem;
    margin: 30px auto 0;
    padding: 8px 26px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    right: 0
  }
  .blockLink-information {
    width: 110px;
    font-size: 1.5rem
  }
  .blockLink_arrow {
    width: 18px
  }
  .blockLink-eventinfo {
    font-size: 1.5rem
  }
  .blockList {
    display: block;
    max-width: 100%
  }
  .blockList_item {
    width: 100%;
    height: 110px;
    background-size: contain;
    background-position: 0 0;
    margin-bottom: 24px
  }
  .blockListItem>img {
    width: 110px
  }
  .blockListItem_ttl {
    width: 110px;
    font-size: 2.1rem;
    right: inherit;
    left: 0
  }
  .blockListItem_ttl img {
    width: 80px
  }
  .blockListItem_txt {
    width: 100%;
    font-size: 1.3rem;
    bottom: 0;
    top: 0;
    right: inherit;
    left: 0;
    padding-left: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .blockListItem-01 .nosp {
    display: block
  }
  .blockListItem-01 .nopc {
    display: none
  }
  .findout_list {
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate(-2px);
    transform: translate(-2px)
  }
  .findout_item_link {
    font-size: 2.2rem;
    line-height: 1.4;
    margin-bottom: 0
  }
  .findout .findout_item_subLink {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    max-width: none;
    position: static;
    text-align: center;
    margin: 4px 0 16px
  }
  .information_list, .information_list li {
    width: 100%;
    padding-left: 0
  }
  .information_list li {
    line-height: 1.5
  }
  .information_list li .date {
    display: block;
    position: static;
    margin-bottom: 6px
  }
  .eventinfo_list {
    padding-left: 0
  }
  .eventinfo_list li a {
    padding: 15px 0
  }
  .eventinfo_list li .info_label_wrap {
    height: auto;
    display: block
  }
  .eventinfo_list li .info_label_wrap span:not(:last-child) {
    font-size: 11px;
    height: 20px;
    line-height: 20px
  }
  .eventinfo_list li .info_label_wrap span:last-child {
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin: 9px 0
  }
  .eventinfo_list li strong {
    margin: 0;
    line-height: 1.75;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline
  }
  .eventinfo_item_arrow {
    display: none
  }
  .careerNow_list {
    display: block
  }
  .careerNow_item {
    width: 100%
  }
}

@media screen and (max-width:374px) {
  .blockListItem_txt {
    font-size: 1.2rem
  }
}

@media screen and (min-width:768px) {
  .block_item-isClick {
    position: relative;
    cursor: pointer
  }
  .block_item-isClick:hover:after {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
  }
  .block_item-isClick:hover .block_item_elem_img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }
  .block_item-isClick:hover .block_item_arrow img, .blockLink:hover .blockLink_arrow img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .blockList_item:hover:after {
    opacity: .85;
    -webkit-transition-duration: .45s;
    transition-duration: .45s
  }
  .blockList_item:hover>img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }
  .blockList_item:hover .block_item_arrow img, .eventinfo_list a:hover .block_item_arrow img, .findout_item:hover .block_item_arrow img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .careerNow_item {
    position: relative
  }
  .careerNow_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #dd001f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
    transition: opacity .6s cubic-bezier(0, 0, .4, 1)
  }
  .careerNow_item:hover:after {
    opacity: 1;
    -webkit-transition-duration: .45s;
    transition-duration: .45s
  }
}

@media screen and (max-width:1023px) {
  .br-nosp {
    display: none
  }
}

.subpage .container {
  overflow: visible
}

.subpage_block {
  margin-bottom: 0!important;
  float: none
}

.subpage_block_elem {
  height: 320px;
  padding: 42px 40px;
  position: relative
}

.subpage_block_elem-left {
  background-image: url(/about/img/img_main-about@2x.jpg)
}

.subpage_block_inner-verticalCenter {
  width: calc(100% - 80px);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.subpage_block_ttl {
  border: none;
  margin-bottom: 42px
}

.subpage_block_ttl_txt-main {
  font-size: 5.6rem
}

.subpage_block_ttl_txt-sub {
  font-size: 2.4rem;
  font-weight: 500;
  margin-left: 16px
}

.subpage_block_txt {
  font-size: 1.6rem;
  line-height: 2;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:1779px) {
  .subpage_block_ttl_txt-main {
    font-size: 4.8rem
  }
  .subpage_block_ttl_txt-sub {
    font-size: 2.2rem
  }
}

@media screen and (max-width:1599px) {
  .subpage_block_elem {
    height: 264px;
    padding: 28px 26px
  }
  .subpage_block_inner-verticalCenter {
    width: calc(100% - 52px)
  }
  .subpage_block_ttl {
    margin-bottom: 24px
  }
  .subpage_block_ttl_txt-main {
    font-size: 3.6rem
  }
  .subpage_block_ttl_txt-sub {
    font-size: 2rem;
    margin-left: 12px
  }
  .subpage_block_txt {
    font-size: 1.4rem;
    padding: 0 6px
  }
}

@media screen and (max-width:1023px) {
  .subpage_block_elem {
    height: auto;
    min-height: 210px;
    padding: 28px 26px 32px
  }
  .subpage_block_elem-left {
    padding: 48.2% 0 0
  }
}

@media screen and (max-width:767px) {
  .container {
    padding: 0
  }
}

@media screen and (max-width:599px) {
  .subpage_block_elem {
    padding: 24px 20px 28px
  }
  .subpage_block_elem-left {
    padding: 48.2% 0 0
  }
  .subpage_block_inner-verticalCenter {
    width: calc(100% - 40px)
  }
  .subpage_block_ttl {
    margin-bottom: 12px
  }
  .subpage_block_ttl_txt-main {
    font-size: 2.6rem
  }
  .subpage_block_ttl_txt-sub {
    font-size: 1.8rem;
    margin-left: 8px
  }
  .subpage_block_txt {
    font-size: 1.4rem;
    padding: 0 6px
  }
}

.about_content {
  background: #fff;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.about_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 56px
}

.about_item {
  width: calc(33.333% - 26.666px);
  position: relative;
  margin-bottom: 50px
}

.about_item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.about_item_img {
  display: block;
  width: 100%;
  margin-bottom: 28px;
  overflow: hidden
}

.about_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.about_item_inner {
  padding: 0 30px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.about_item_ttl {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: .04em;
  margin-bottom: 28px
}

.about_item_ttl.jp-header {
  font-size: 2rem;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 2px;
  line-height: 1.5
}

.about_item_ttl.jp-header br {
  display: none
}

@media screen and (max-width:1279px) {
  .about_item_ttl.jp-header br {
    display: block
  }
}

.about_item_ttl img {
  display: block;
  width: 122px;
  height: 39px
}

.about_item_txt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2
}

.about_item_arrow {
  width: 128px;
  font-size: 2.1rem;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 30px
}

.about_item_arrow_img {
  display: block;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.about_item_arrow_img .hover {
  display: none
}

.about_item_arrow_img img {
  display: block;
  width: 100%
}

.about_item:hover .about_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.about_item:hover .about_item_arrow {
  color: #dd001f
}

.about_item:hover .about_item_arrow_img img {
  display: none
}

.about_item:hover .about_item_arrow_img .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.companyInfo {
  margin-bottom: 100px
}

.companyInfo_ttl {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: .04em;
  margin-bottom: 22px
}

.companyInfo_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.companyInfo_item {
  width: calc(25% - 7.5px)
}

.companyInfo_item a {
  color: #000
}

.companyInfo_item_img {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden
}

.companyInfo_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.companyInfo_item_txt {
  font-size: 1.6rem;
  font-weight: 700
}

.companyInfo_item:hover .companyInfo_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

@media screen and (max-width:1599px) {
  .about_list {
    margin-bottom: 56px
  }
  .about_item_img {
    margin-bottom: 20px
  }
  .about_item_inner {
    padding: 0 24px 48px
  }
  .about_item_ttl {
    font-size: 3.2rem;
    margin-bottom: 18px
  }
  .about_item_ttl img {
    display: block;
    width: 102px;
    height: 33px;
    margin-bottom: -2px
  }
  .about_item_txt {
    font-size: 1.4rem
  }
  .about_item_arrow {
    left: 24px
  }
}

@media screen and (max-width:1023px) {
  .about_list {
    margin-bottom: 56px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about_item {
    width: calc(50% - 20px);
    margin-bottom: 80px
  }
  .companyInfo {
    margin-bottom: 100px
  }
  .companyInfo_ttl {
    font-size: 4rem;
    font-weight: 500;
    margin-bottom: 22px
  }
  .companyInfo_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .companyInfo_item {
    width: calc(50% - 5px);
    margin-bottom: 36px
  }
}

@media screen and (max-width:767px) {
  .about_item {
    width: calc(50% - 10px)
  }

  .about_item_txt {
    font-weight: 500
  }
  .about_content {
    padding: 20px
  }
}

@media screen and (max-width:599px) {
  .about_list {
    margin-bottom: 16px
  }
  .about_item {
    width: 100%;
    margin-bottom: 60px
  }
  .about_item_txt {
    margin-bottom: 20px
  }
  .about .companyInfo {
    margin-bottom: 100px
  }
  .about .companyInfo_ttl {
    font-size: 3.2rem
  }
  .about .companyInfo_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .about .companyInfo_item {
    margin-bottom: 28px
  }
  .about .companyInfo_item_img {
    margin-bottom: 8px
  }
  .about .companyInfo_item_txt {
    font-size: 1.4rem;
    font-weight: 500
  }
}

.message_content {
  color: #fff;
  position: relative
}

.message_content .message_link {
  margin-bottom: 72px
}

.message_content .message_link a {
  color: #fff
}

.message_main {
  width: calc(100% - 256px);
  position: fixed;
  top: 0;
  right: 0;
  float: right;
  opacity: 0
}

.message_main img {
  width: 100%
}

.message_inner {
  width: 850px;
  margin: 0 auto;
  padding-top: 27.8%;
  position: relative
}

.message_ttl {
  font-size: 6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: .04rem;
  margin-bottom: 84px
}

.message_ttl span {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 80px;
  padding-left: 16px
}

.message_txt {
  font-size: 2rem;
  color: #fff;
  letter-spacing: .05rem;
  line-height: 2.8;
  margin-bottom: 80px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.message_txt-last {
  margin-bottom: 126px
}

@media screen and (max-width:1779px) {
  .message_inner {
    width: 710px
  }
  .message_ttl {
    font-size: 5rem
  }
  .message_ttl span {
    margin-bottom: 64px
  }
  .message_txt {
    font-size: 1.6rem
  }
}

@media screen and (max-width:1279px) {
  .message_content {
    margin-top: 80px
  }
  .message_main {
    width: 100%
  }
}

@media screen and (max-width:1023px) {
  .message_main {
    top: 80px
  }
  .message_inner {
    width: 600px;
    padding-top: 30.6%
  }
  .message_ttl {
    font-size: 4.2rem
  }
  .message_txt {
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .message_content {
    margin-top: 48px;
    padding-bottom: 64px
  }
  .message_content .message_link {
    margin-bottom: 40px
  }
  .message_main {
    top: 48px
  }
  .message_inner {
    width: 100%;
    padding: 50% 18px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .message_ttl {
    font-size: 3.1rem;
    line-height: 1.7
  }
  .message_ttl span {
    padding-left: 4px
  }
  .message_txt {
    font-size: 1.4rem;
    margin-bottom: 50px;
    padding: 0
  }
  .message_txt-last {
    margin-bottom: 120px
  }
}

.interview_content {
  background: #fff;
  padding: 72px 40px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.interview_category {
  width: 387px;
  margin: 0 auto 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.interview_category_item {
  width: 60px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: .04em;
  text-align: center;
  padding-bottom: 12px;
  cursor: pointer
}
.interview_category_item.is-active {
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.interview_tag {
  display: none;
  font-size: 1.8rem;
  font-weight: 700;
  color: #dd001f;
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: 80px
}

.interview_tag_txt {
  display: inline;
  padding-bottom: 8px;
  border-bottom: 3px solid #dd001f
}

.interview_list {
  overflow: hidden
}

.interview_list_container {
  max-width: 990px;
  margin: 0 auto;
  position: relative
}

.interview_item {
  width: calc(33.333% - 30px);
  min-height: 310px;
  float: left;
  margin: 0 15px 68px;
  position: relative
}

.interview_item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.interview_item_img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden
}

.interview_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.interview_item_ttl {
  font-size: 1.9rem;
  letter-spacing: .025em;
  line-height: 1.6;
  margin-bottom: 20px
}

.interview_item_name {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .05em
}

.interview_item_name span {
  display: block;
  font-size: 1.3rem;
  color: #dd001f;
  margin-bottom: 12px
}

.interview_item_name span br {
  display: none
}

.interview_item:hover .interview_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.interview_link {
  width: 127px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin: 0 auto;
  position: relative
}

.interview_link a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.interview_link_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.interview_link_arrow img {
  display: block;
  width: 100%
}

.interview_link_arrow img.hover {
  display: none
}

.interview_link:hover a {
  color: #dd001f
}

.interview_link:hover .interview_link_arrow img {
  display: none
}

.interview_link:hover .interview_link_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.interviewIndex_indexLink {
  display: none;
  position: absolute;
  top: -78px;
  right: 15px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.interviewIndex_indexLink .interview_link {
  margin: 0
}

@media screen and (min-width:1024px) {
  .interview_category_item {
    -webkit-transition: color .2s;
    transition: color .2s
  }
  .interview_category_item:hover {
    color: #dd001f
  }
}

@media screen and (max-width:1599px) {
  .interview_block_elem {
    height: 264px;
    padding: 28px 26px
  }
  .interview_block_ttl {
    margin-bottom: 24px
  }
  .interview_block_ttl_txt-main {
    font-size: 3.6rem
  }
  .interview_block_ttl_txt-sub {
    font-size: 2rem;
    margin-left: 12px
  }
  .interview_block_txt {
    font-size: 1.4rem;
    padding: 0 6px
  }
}

@media screen and (max-width:1279px) {
  .about_item_inner {
    padding: 0 0 40px
  }
  .about_item_arrow {
    left: 0
  }
}

@media screen and (max-width:1023px) {
  .interview_category_item:active {
    color: #dd001f;
    -webkit-transition: color .2s;
    transition: color .2s
  }
  .interview_content {
    padding: 72px 25px 40px
  }
  .interview_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .interview_block_elem-left {
    padding: 48.2% 0 0
  }
  .interview_item {
    width: calc(50% - 30px);
    margin-bottom: 80px
  }
  .interviewIndex_indexLink {
    position: static;
    -webkit-transform: none;
    transform: none
  }
  .interviewIndex_indexLink .interview_link {
    margin: 42px auto 80px
  }
}

@media screen and (max-width:767px) {
  .container {
    padding: 0
  }
  .interview {
    background: #fff;
    padding-bottom: 64px
  }
  .interview_content {
    padding: 28px 10px 0
  }
  .interview_category {
    width: 247px;
    margin-bottom: 28px
  }
  .interview_tag {
    font-size: 1.6rem;
    padding-bottom: 6px;
    margin-bottom: 45px
  }
  .interview_list_container {
    border: solid #eee;
    border-width: 1px 0 0;
    padding: 10px 0 40px
  }
  .interview_item {
    width: calc(50% - 9px);
    min-height: 240px;
    margin: 0 0 20px;
    position: relative
  }
  .interview_item:after {
    content: "";
    display: block;
    width: calc(100% + 9px);
    height: 1px;
    background: #eee;
    position: absolute;
    bottom: -10px;
    left: -9px
  }
  .interview_item:nth-child(odd) {
    margin-right: 18px
  }
  .interview_item:nth-child(odd):before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    right: -10px
  }
  .interview_item:nth-child(odd):after {
    left: 0
  }
  .interview_item_img {
    margin-bottom: 14px
  }
  .interview_item_ttl {
    font-size: 1.5rem
  }
  .interview_item_ttl br {
    display: none
  }
  .interview_item_name {
    font-size: 1.5rem;
    position: absolute;
    bottom: 2px;
    left: 0
  }
  .interview_item_name span {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 4px
  }
  .interview_item_name span br {
    display: block
  }
  .interviewIndex_indexLink .interview_link {
    margin-bottom: 40px
  }
}

@media screen and (max-width:599px) {
  .interview_block_elem {
    padding: 24px 20px 28px
  }
  .interview_block_elem-left {
    padding: 48.2% 0 0
  }
  .interview_block_ttl {
    margin-bottom: 12px
  }
  .interview_block_ttl_txt-main {
    font-size: 2.4rem
  }
  .interview_block_ttl_txt-sub {
    font-size: 1.6rem;
    margin-left: 8px
  }
  .interview_block_txt {
    font-size: 1.4rem;
    padding: 0
  }
  .offer_wapper {
    width: 280px;
    margin: 60px auto;
    padding: 20px
  }
  .offer_wapper .offer_content h3 {
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: .025em;
    margin-bottom: 18px
  }
  .offer_wapper .offer_content p {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 2;
    margin-bottom: 20px
  }
  .offer_wapper .offer_link {
    width: 240px
  }
  .offer_wapper .offer_link .block_item_arrow {
    width: 14px;
    height: 14px;
    right: 20px
  }
  .offer_wapper .offer_link .block_item_arrow img {
    width: 100%;
    height: auto
  }
  .offer_wapper .offer_link .block_item_arrow-w {
    position: absolute;
    width: 14px;
    height: 14px;
    top: calc(50% - 18px);
    right: 20px!important
  }
  .offer_wapper .offer_link .block_item_arrow-w img {
    width: 14px;
    height: auto
  }
  .offer_wapper .offer_link:hover .offer_btn .header_findout_arrow {
    width: 14px;
    top: calc(50% - 8px);
    right: 20px
  }
  .offer_wapper .offer_link:hover .offer_btn .header_findout_arrow .hover {
    width: 14px;
    height: auto;
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .offer_wapper .offer_link .offer_btn {
    position: relative;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: .075em;
    font-weight: 700;
    padding-left: 20px
  }
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li, .slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

.btn-pageTop {
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  float: right;
  bottom: 40px;
  right: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transition-property: opacity, visibility, background;
  transition-property: opacity, visibility, background;
  cursor: pointer
}

.btn-pageTop-black {
  background: #000;
  border-color: #fff
}

.btn-pageTop:hover {
  background-color: #f2f2f2
}

.btn-pageTop:hover img {
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.btn-pageTop-black:hover {
  background-color: #222
}

.btn-pageTop.is-show {
  opacity: 1;
  visibility: visible
}

.btn-pageTop_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  overflow: hidden
}

.btn-pageTop_arrow img {
  display: block;
  width: 100%
}

.topLink {
  background: #fff;
  padding: 74px 0
}

.topLink-black {
  background: none
}

.topLink_inner {
  width: 127px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin: 0 auto;
  position: relative
}

.topLink_inner a {
  color: #000
}

.topLink_inner-black a {
  color: #fff
}

.topLink_inner:hover a {
  color: #dd001f
}

.topLink_inner:hover .topLink_arrow img {
  display: none
}

.topLink_inner:hover .topLink_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.topLink_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.topLink_arrow img {
  display: block;
  width: 100%
}

.topLink_arrow img.hover {
  display: none
}

.share {
  margin: 80px 0
}

.share_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.share_item {
  width: 36px;
  height: 36px;
  background: #333;
  border-radius: 50%;
  margin-right: 44px;
  -webkit-transition: .4s cubic-bezier(0, 0, .4, 1);
  transition: .4s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: background;
  transition-property: background;
  cursor: pointer
}

.share_item:last-child {
  margin-right: 0
}

.share_item:hover {
  background: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.share_item a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: opacity .6s cubic-bezier(0, 0, .25, 1);
  transition: opacity .6s cubic-bezier(0, 0, .25, 1)
}

.share_item a img {
  width: 100%
}

.related_contents {
  background-color: #f2f2f2;
  padding: 38px 0 66px
}

.related_ttl {
  font-size: 2.7rem;
  font-weight: 500;
  letter-spacing: .05em;
  margin: auto
}

.related_ttl, .relatedContents_list {
  width: calc(100% - 80px);
  max-width: 944px
}

.relatedContents_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto
}

.relatedContents_item {
  display: block;
  width: calc(33.33333% - 6px);
  margin-top: 32px
}

.relatedContents_item:hover .relatedContents_img_inner {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.relatedContents_img {
  overflow: hidden
}

.relatedContents_img_inner {
  position: relative;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.relatedContents_img_inner>img {
  display: block;
  width: 100%
}

.relatedContents_ttl {
  color: #333;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 20px
}

@media screen and (max-width:1023px) {
  .btn-pageTop {
    right: 20px
  }
  .relatedContents_list {
    margin: 8px auto 0
  }
  .relatedContents_item {
    width: calc(50% - 6px);
    margin: 20px 0 0
  }
}

@media screen and (max-width:767px) {
  .btn-pageTop {
    float: none;
    position: relative;
    bottom: 0;
    right: 0;
    margin: 36px auto
  }
  .topLink {
    padding: 52px 0 0
  }
  .share {
    margin: 40px 0 60px
  }
  .share_item {
    margin-right: 24px
  }
  .related_contents {
    padding: 28px 0 60px
  }
  .related_ttl {
    width: calc(100% - 40px);
    text-align: center
  }
  .relatedContents_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 40px)
  }
  .relatedContents_item {
    width: 100%;
    margin-top: 24px
  }
  .relatedContents_overlay {
    font-size: 3.2rem
  }
  .relatedContents_ttl {
    font-size: 1.4rem;
    margin-top: 12px
  }
}

@-webkit-keyframes hoverArrowCenter {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  40% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  40.05% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes hoverArrowCenter {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  40% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  40.05% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.block_feature {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  width: calc(100% - 60px);
  max-width: 960px;
  margin: 0 auto 120px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #000;
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.block_feature_thumbnail {
  height: 150px;
  width: 245px;
  overflow: hidden
}

.block_feature_thumbnail_img {
  height: 100%;
  width: 100%;
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.block_feature_txt {
  margin: 28px 0 0 30px
}

.block_feature_txt_ttl {
  font-weight: 700;
  font-size: 1.9rem;
  margin-bottom: 26px
}

.block_feature_txt_ttl span {
  font-size: 2rem;
  font-weight: 400
}

.block_feature_txt_ttl span:first-child {
  font-size: 1.9rem;
  font-weight: 700;
  color: #dd001f
}

.block_feature_txt_caption {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em
}

.block_feature_arrow {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 40px;
  overflow: hidden
}

.block_feature_arrow_img {
  width: 100%
}

.block_feature_pc {
  display: block
}

.block_feature_sp {
  display: none
}

.block_feature:hover {
  -webkit-transition-duration: .45s;
  transition-duration: .45s;
  border: 1px solid #dd001f
}

.block_feature:hover .block_feature_thumbnail_img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.block_feature:hover .block_feature_arrow_img {
  -webkit-animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrowCenter .45s cubic-bezier(0, 0, .4, 1)
}

@media screen and (max-width:1023px) {
  .block_feature {
    width: 560px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
  .block_feature .pc {
    display: none!important
  }
  .block_feature .sp {
    display: block
  }
  .block_feature_thumbnail, .block_feature_thumbnail_img {
    width: 100%;
    height: auto
  }
  .block_feature_txt {
    margin: 20px 10px 0
  }
  .block_feature_txt_ttl {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6875;
    margin-bottom: 8px
  }
  .block_feature_txt_ttl span {
    font-size: 1.8rem
  }
  .block_feature_txt_ttl span:first-child {
    display: block;
    font-size: 1.6rem
  }
  .block_feature_txt_caption {
    font-size: 1.2rem;
    line-height: 2
  }
  .block_feature_more {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: .075em
  }
  .block_feature_arrowContainer {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0 26px
  }
  .block_feature_arrow {
    width: 18px;
    height: 18px;
    margin-left: 10px
  }
  .block_feature_arrow, .block_feature_arrow_img {
    position: static;
    -webkit-transform: none;
    transform: none
  }
  .block_feature:hover .block_feature_arrow_img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
}

@media screen and (max-width:767px) {
  .block_feature {
    width: calc(100% - 40px);
    margin: 60px auto 30px
  }
  .block_feature_txt {
    margin: 15px 10px 0
  }
  .block_feature_txt_ttl {
    display: block
  }
  .block_feature_txt_ttl_main {
    font-size: 1.6rem
  }
  .block_feature_txt_ttl_sub {
    font-size: 1.6rem;
    margin: 5px 0 0;
    line-height: 1.5
  }
  .block_feature_txt_ttl_caption {
    margin-top: 15px;
    font-size: 1.2rem
  }
}

.interviewDetail {
  color: #333;
  overflow: hidden
}

.interviewDetail_content {
  background: #fff;
  padding-bottom: 64px
}

.interviewDetail_main {
  width: 100%;
  height: 0;
  color: #000;
  padding-top: 29.8%;
  position: relative;
  overflow: hidden
}

.interviewDetail_main_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.interviewDetail_main_bg img {
  width: 100%
}

.interviewDetail_main_inner {
  position: absolute;
  top: 50%;
  left: 43.4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.interviewDetail_main_inner-left {
  left: 10%
}

.interviewDetail_main_company {
  font-size: 1.6rem;
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 4px;
  margin-bottom: 20px
}

.interviewDetail_main_ttl {
  font-size: 3.2rem;
  line-height: 1.75;
  margin-bottom: 38px
}

.interviewDetail_main_ttl span {
  display: block;
  font-size: 2.4rem;
  font-weight: 400;
  color: #dd001f;
  letter-spacing: .05em
}

.interviewDetail_main_name {
  font-size: 2.4rem;
  font-weight: 700;
  color: #333
}

.interviewDetail_main_name br {
  display: none
}

.interviewDetail_main_name span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 12px
}

.interviewDetail_intro {
  background: #faf8f0;
  padding: 86px 0 90px
}

.interviewDetail_intro_inner {
  width: 640px;
  margin: 0 auto
}

.interviewDetail_intro_txt {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .025em;
  line-height: 2.3;
  margin-bottom: 40px
}

.interviewDetail_intro_info {
  border-top: 1px dashed #707070;
  padding-top: 30px;
  margin-top: 56px
}

.interviewDetail_intro_info.no-border {
  border: none;
  padding-top: 0;
  margin-top: 4px
}

.interviewDetail_intro_info p {
  font-size: 1.3rem;
  line-height: 2
}

.interviewDetail_intro_note {
  font-size: 1.2rem!important;
  margin-top: 20px
}

.interviewDetail_block {
  width: 900px;
  margin: 72px auto 64px;
  overflow: hidden;
  position: relative
}

.interviewDetail_block_ttl {
  font-size: 3rem;
  letter-spacing: .025em;
  line-height: 1.5;
  margin-bottom: 44px
}

.interviewDetail_block_ttl-right {
  padding-left: calc(50% + 30px)
}

.interviewDetail_block_ttl-center {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.interviewDetail_block_left, .interviewDetail_block_right {
  float: left;
  width: calc(50% - 30px)
}

.interviewDetail_block_left {
  margin-right: 60px
}

.interviewDetail_block_left-center {
  padding-left: 50%
}

.interviewDetail_block_right {
  float: right
}

.interviewDetail_block_txt {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 20px
}

.interviewDetail_block_img {
  display: block;
  margin: 5px 0 10px
}

.interviewDetail_block_dammy {
  padding-top: 25%
}

.interviewDetail_longImg img {
  width: 100%
}

.interviewDetail_career {
  width: 100%;
  background: #f2f2f2;
  padding: 72px 0 80px;
  overflow: hidden
}

.interviewDetail_career_inner {
  width: 900px;
  margin: 0 auto
}

.interviewDetail_career .interviewDetail_step_ttl {
  font-size: 2.4rem;
  font-weight: 400;
  color: #dd001f;
  letter-spacing: .05em;
  margin-bottom: 36px
}

.interviewDetail_career .interviewDetail_step_list-right {
  margin-top: 60px
}

.interviewDetail_career .interviewDetail_step_item {
  min-height: 48px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.75;
  padding-left: 70px;
  margin-bottom: 28px;
  position: relative
}

.interviewDetail_career .interviewDetail_step_item:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 20px);
  background: #707070;
  position: absolute;
  top: 36px;
  left: 20px
}

.interviewDetail_career .interviewDetail_step_item:last-child:before {
  display: none
}

.interviewDetail_career .interviewDetail_step_item-large {
  font-weight: 500
}

.interviewDetail_career .interviewDetail_step_item-large-left:last-child:before {
  display: block
}

.interviewDetail_career .interviewDetail_step_item .date {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 0
}

.interviewDetail_career .interviewDetail_step_item .ttl {
  display: block;
  font-weight: 700
}

.interviewDetail_career .interviewDetail_step_item .note {
  display: block;
  font-size: 1.2rem
}

.interviewDetail_message {
  width: 100%;
  background: #faf8f0;
  text-align: center;
  padding: 76px 0 72px
}

.interviewDetail_message_ttl {
  font-size: 3rem;
  margin-bottom: 44px
}

.interviewDetail_message_txt {
  font-size: 1.8rem;
  line-height: 2.3;
  margin-bottom: 44px
}

.interviewDetail_message_note {
  font-size: 1.2rem
}

.interviewDetail_column {
  width: 960px;
  height: 286px;
  margin: 94px auto 70px;
  background: #f2f2f2;
  padding: 36px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.interviewDetail_column_ttl {
  font-size: 2rem;
  letter-spacing: .025em;
  margin-bottom: 34px
}

.interviewDetail_column_txt {
  width: 460px;
  font-size: 1.4rem;
  letter-spacing: .025em;
  line-height: 2
}

.interviewDetail_column img {
  display: block;
  width: 420px;
  position: absolute;
  top: 0;
  right: 0
}

.interviewDetail_related {
  background: #f2f2f2;
  padding: 40px 0
}

.interviewDetail_related_inner {
  width: 960px;
  margin: 0 auto
}

.interviewDetail_related_ttl {
  font-size: 2.7rem;
  font-weight: 400;
  letter-spacing: .05em;
  margin-bottom: 32px
}

.interviewDetail_related_list, .interviewDetail_related_list_course {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.interviewDetail_related_list_course {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.interviewDetail_related_btn {
  position: relative;
  width: 200px;
  height: 38px;
  border: 2px solid #707070;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto 20px;
  line-height: 38px;
  font-size: 16px;
  text-indent: 20px
}

.interviewDetail_related_btn:hover {
  border: 2px solid #dd001f;
  color: #dd001f
}

.interviewDetail_related_btn:hover:after {
  background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
}

.interviewDetail_related_btn:hover.disabled:after {
  background: url(/interview/img/icon_minus_on.png) 0 0 no-repeat
}


.interviewDetail_related_btn:after {
  position: absolute;
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto
}

.interviewDetail_related_btn.disabled:after {
  background: url(/interview/img/icon_minus.png) 0 0 no-repeat;
  width: 13px;
  height: 2px
}

.interviewDetail_related_item, .interviewDetail_related_item-jobs {
  width: 300px;
  padding-bottom: 20px;
  position: relative;
  cursor: pointer
}

.interviewDetail_related_item-jobs:hover .interviewDetail_related_item_img img, .interviewDetail_related_item:hover .interviewDetail_related_item_img img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.interviewDetail_related_item-jobs a, .interviewDetail_related_item a {
  color: #333;
  display: block
}

.interviewDetail_related_item-jobs_img, .interviewDetail_related_item_img {
  overflow: hidden
}

.interviewDetail_related_item-jobs_img img, .interviewDetail_related_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.interviewDetail_related_item-jobs_inner, .interviewDetail_related_item_inner {
  padding: 30px 0 20px
}

.interviewDetail_related_item-jobs_ttl, .interviewDetail_related_item_ttl {
  font-size: 1.7rem;
  line-height: 1.5;
  margin-bottom: 24px
}

.interviewDetail_related_item-jobs_name, .interviewDetail_related_item_name {
  position: absolute;
  bottom: 20px;
  left: 0
}

.interviewDetail_related_item-jobs_name span, .interviewDetail_related_item_name span {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  color: #dd001f
}

.interviewDetail_related_item-jobs {
  margin-right: 10px
}

.interviewDetail_link {
  width: 212px;
  margin-top: 64px
}

.interviewDetail_link-powertrain {
  width: 304px;
  font-size: 1.6rem;
  margin-bottom: 64px
}

.interviewDetail_border-dot {
  width: 900px;
  height: 1px;
  margin: 0 auto 16px;
  background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-repeat: repeat-x
}

.interviewDetail_offer {
  width: 560px;
  background: #f2f2f2;
  margin: 120px auto;
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.interviewDetail_offer_content {
  text-align: left
}

.interviewDetail_offer_content>h3 {
  font-size: 1.9rem;
  line-height: 1.75;
  letter-spacing: .05em;
  font-weight: 700;
  margin-bottom: 26px
}

.interviewDetail_offer_content>p {
  font-size: 1.4rem;
  letter-spacing: .025em;
  line-height: 2;
  margin-bottom: 60px
}

.interviewDetail_offer_link {
  display: block;
  width: 100%;
  height: 60px;
  background: #dd001f;
  text-align: left;
  letter-spacing: .075em;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0
}

.interviewDetail_offer_link a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 62px;
  color: #fff;
  padding-left: 30px;
  -webkit-transition: color .15s;
  transition: color .15s
}

.interviewDetail_offer_link_arrow {
  right: 30px
}

.interviewDetail_offer_link:hover a {
  color: #000
}

.interviewDetail_tagsWrapper {
  max-width: 855px;
  margin: 0 auto 104px
}

.interviewDetail_tags {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.interviewDetail_tag {
  height: 33px;
  margin: 0 4px 8px
}

.interviewDetail_tag_link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  font-weight: 700;
  color: #666;
  line-height: 32px;
  padding: 0 25px;
  border: 1px solid #ddd;
  border-radius: 33px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transition-property: color, border;
  transition-property: color, border
}

.interviewDetail_tag_link:hover {
  color: #dd001f;
  border-color: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

@media screen and (max-width:1599px) {
  .interviewDetail_main_ttl {
    font-size: 2.6rem;
    margin-bottom: 26px
  }
  .interviewDetail_main_name {
    font-size: 2.1em
  }
  .interviewDetail_main_name span {
    font-size: 1.2rem;
    margin-bottom: 12px
  }
}

@media screen and (max-width:1279px) {
  .interviewDetail_main {
    margin-top: 80px
  }
}

@media screen and (max-width:1023px) {
  .interviewDetail_content {
    padding-bottom: 64px
  }
  .interviewDetail_main {
    width: 100%;
    height: auto;
    background: #faf8f0;
    padding: 0
  }
  .interviewDetail_main_bg {
    width: 100%;
    position: static
  }
  .interviewDetail_main_bg img {
    width: 100%
  }
  .interviewDetail_main_inner {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0);
    padding: 0 0 44px 50px;
    margin-top: 36px
  }
  .interviewDetail_intro {
    padding: 42px 0 90px
  }
  .interviewDetail_intro_inner {
    width: calc(100% - 100px);
    margin: 0 auto
  }
  .interviewDetail_intro_txt {
    text-align: left
  }
  .interviewDetail_block {
    width: calc(100% - 100px)
  }
  .interviewDetail_block_left, .interviewDetail_block_right {
    float: none;
    width: 100%
  }
  .interviewDetail_block_left {
    margin: 0
  }
  .interviewDetail_block_left-center, .interviewDetail_block_ttl-right {
    padding-left: 0
  }
  .interviewDetail_block_ttl-center {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  .interviewDetail_block_txt {
    margin-bottom: 56px
  }
  .interviewDetail_block_img {
    width: calc(100% - 100px);
    max-width: 630px;
    margin: 0 auto 56px
  }
  .interviewDetail_block_dammy {
    display: none
  }
  .interviewDetail_career {
    width: 100%
  }
  .interviewDetail_career_inner {
    width: calc(100% - 100px);
    margin: 0 auto
  }
  .interviewDetail_career .interviewDetail_step_list-right {
    margin-top: 0
  }
  .interviewDetail_career .interviewDetail_step_item .note {
    display: block
  }
  .interviewDetail_column {
    width: calc(100% - 100px);
    max-width: 630px;
    height: auto;
    padding: 36px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
  }
  .interviewDetail_column_ttl, .interviewDetail_column_txt {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_column_txt {
    width: 100%;
    margin-bottom: 34px
  }
  .interviewDetail_column img {
    display: block;
    width: 100%;
    max-width: 630px;
    position: static
  }
  .interviewDetail_related_inner {
    width: 630px;
    margin: 0 auto
  }
  .interviewDetail_related_list, .interviewDetail_related_list_course {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .interviewDetail_related_item {
    width: 300px;
    margin-bottom: 32px
  }
  .interviewDetail_related_item-jobs {
    width: 49%;
    margin-right: 0;
    margin-bottom: 32px
  }
  .interviewDetail_related_item-jobs:nth-child(2n) {
    margin-left: 2%
  }
  .interviewDetail_border-dot {
    display: none
  }
  .interviewDetail_tagsWrapper {
    width: calc(100% - 120px)
  }
  .jobs_interview-one .interviewDetail_related_item-jobs {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .interviewDetail_content {
    padding-bottom: 64px
  }
  .interviewDetail_main {
    margin-top: 48px
  }
  .interviewDetail_main_inner {
    padding: 0 20px;
    margin-top: 24px
  }
  .interviewDetail_main_ttl {
    font-size: 2.1rem
  }
  .interviewDetail_main_ttl br {
    display: none
  }
  .interviewDetail_main_ttl span {
    margin-bottom: 20px
  }
  .interviewDetail_main_name {
    font-weight: 500;
    padding-bottom: 30px
  }
  .interviewDetail_main_name br {
    display: block
  }
  .interviewDetail_main_name span {
    font-weight: 400;
    line-height: 1.75
  }
  .interviewDetail_intro {
    padding: 14px 0 60px
  }
  .interviewDetail_intro_inner {
    width: calc(100% - 40px)
  }
  .interviewDetail_intro_txt {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0;
    margin-bottom: 16px
  }
  .interviewDetail_intro_txt br {
    display: none
  }
  .interviewDetail_intro_info {
    margin-top: 26px
  }
  .interviewDetail_intro_info p {
    font-size: 1.2rem
  }
  .interviewDetail_block {
    width: calc(100% - 40px);
    margin: 60px auto 44px
  }
  .interviewDetail_block_left, .interviewDetail_block_right {
    float: none;
    width: 100%
  }
  .interviewDetail_block_left {
    margin: 0
  }
  .interviewDetail_block_ttl {
    font-size: 2.1rem;
    margin-bottom: 20px
  }
  .interviewDetail_block_ttl br {
    display: none
  }
  .interviewDetail_block_txt {
    margin-bottom: 28px
  }
  .interviewDetail_block_img {
    width: 100%;
    margin-bottom: 28px
  }
  .interviewDetail_career {
    width: 100%;
    padding: 42px 0
  }
  .interviewDetail_career_inner {
    width: calc(100% - 40px);
    margin: 0 auto
  }
  .interviewDetail_career_ttl br {
    display: block
  }
  .interviewDetail_career .interviewDetail_step {
    margin-top: 52px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_career .interviewDetail_step_ttl {
    text-align: center
  }
  .interviewDetail_career .interviewDetail_step_item {
    font-size: 1.3rem;
    font-weight: 500
  }
  .interviewDetail_career .interviewDetail_step_item .note {
    display: block
  }
  .interviewDetail_message {
    text-align: left;
    padding: 40px 20px 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_message_ttl {
    font-size: 2.1rem;
    margin-bottom: 20px
  }
  .interviewDetail_message_txt {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 44px
  }
  .interviewDetail_message_txt br {
    display: none
  }
  .interviewDetail_message_note {
    font-size: 1.2rem
  }
  .interviewDetail_column {
    width: calc(100% - 40px);
    max-width: 630px;
    height: auto;
    margin: 20px auto;
    background: #f2f2f2;
    padding: 36px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
  }
  .interviewDetail_column_ttl {
    font-size: 1.8rem;
    line-height: 1.75;
    margin-bottom: 18px;
    padding: 0 20px
  }
  .interviewDetail_column_txt {
    margin-bottom: 30px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_column img {
    display: block;
    width: 100%;
    max-width: 630px;
    position: static
  }
  .interviewDetail_related_inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_related_ttl {
    text-align: center
  }
  .interviewDetail_related_list, .interviewDetail_related_list_course {
    width: calc(100% - 30px);
    margin: 0 auto
  }
  .interviewDetail_related_list_course {
    width: calc(100% - 40px)
  }
  .interviewDetail_related_item {
    display: block!important;
    width: calc(100% - 10px)!important;
    margin: 0 auto
  }
  .interviewDetail_related_item_inner {
    padding: 30px 0 20px
  }
  .interviewDetail_related_item-jobs {
    margin: 0 auto 10px
  }
  .interviewDetail_related_btn {
    width: 100%;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .interviewDetail_related_slideArrow {
    width: 40px;
    height: 0;
    padding-top: 54%;
    position: absolute;
    top: 0
  }
  .interviewDetail_related_slideArrow img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .interviewDetail_related_slideArrow-prev {
    left: -35px
  }
  .interviewDetail_related_slideArrow-prev img {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
  }
  .interviewDetail_related_slideArrow-next {
    right: -35px
  }
  .interviewDetail_related .slick-dots {
    text-align: right
  }
  .interviewDetail_related .slick-dots li {
    width: 18px;
    height: 18px;
    margin: 0
  }
  .interviewDetail_related .slick-dots li.slick-active button:before {
    background: #dd001f
  }
  .interviewDetail_related .slick-dots li button {
    width: 100%;
    height: 100%
  }
  .interviewDetail_related .slick-dots li button:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
    opacity: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .interviewDetail_offer {
    width: calc(100% - 40px);
    margin: 60px auto 30px;
    padding: 20px
  }
  .interviewDetail_offer_content>h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 16px
  }
  .interviewDetail_offer_content>p {
    font-size: 1.2rem;
    margin-bottom: 20px
  }
  .interviewDetail_offer_link {
    height: 40px;
    font-size: 1.4rem
  }
  .interviewDetail_offer_link a {
    line-height: 40px;
    padding-left: 20px
  }
  .interviewDetail_offer_link_arrow {
    width: 14px;
    right: 20px
  }
  .interviewDetail_offer_link:hover a {
    color: #000
  }
  .interviewDetail_tagsWrapper {
    width: calc(100% - 32px);
    padding-bottom: 72px;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
  }
  .interviewDetail_tagsContainer {
    max-height: 120px;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(0, 0, .4, 1);
    transition: max-height .4s cubic-bezier(0, 0, .4, 1)
  }
  .interviewDetail_tag_link {
    padding: 0 16px
  }
  .interviewDetail_tagsMore {
    width: 44px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .075em;
    text-align: center;
    margin: 15px auto 0;
    padding: 5px 34px 5px 5px;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0
  }
  .interviewDetail_tagsMore:after, .interviewDetail_tagsMore:before {
    content: "";
    display: block;
    background: #333;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .interviewDetail_tagsMore:before {
    width: 14px;
    height: 2px;
    right: 10px
  }
  .interviewDetail_tagsMore:after {
    width: 2px;
    height: 14px;
    right: 16px
  }
  .interviewDetail_tagsMore:active {
    color: #dd001f
  }
  .interviewDetail_tagsMore:active:after, .interviewDetail_tagsMore:active:before {
    background: #dd001f
  }
  .interviewDetail_tagsMore.is-open {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s cubic-bezier(0, 0, .2, 1);
    transition: .2s cubic-bezier(0, 0, .2, 1);
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility
  }
}

.newInterviewDetail_main {
  padding-top: 50.65%;
  color: #fff;
  margin-bottom: 116px;
  position: relative
}

.newInterviewDetail_main_bg img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.newInterviewDetail_main_bg img.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
  transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
  transition: transform 1s cubic-bezier(0, 0, .2, 1);
  transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
}

.newInterviewDetail_main_content {
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0
}

.newInterviewDetail_main_content-left {
  left: 0;
  right: auto
}

.newInterviewDetail_main_content.is-active {
  width: 50%;
  opacity: 1;
  -webkit-transition: 1s cubic-bezier(0, 0, .2, 1);
  transition: 1s cubic-bezier(0, 0, .2, 1);
  -webkit-transition-property: width, opacity;
  transition-property: width, opacity
}

.newInterviewDetail_main_inner {
  width: 372px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0
}

.newInterviewDetail_main_inner.is-active {
  opacity: 1;
  -webkit-transition: opacity .6s cubic-bezier(0, 0, .4, 1);
  transition: opacity .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.newInterviewDetail_main_ttl {
  font-size: 4rem;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 1.5
}

.newInterviewDetail_main_name {
  color: #fff;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff
}

.newInterviewDetail_main_name span {
  letter-spacing: .05em
}

.newInterviewDetail_main_name .interviewDetail_main_initial {
  font-size: 2.7rem;
  font-weight: 700;
  margin-bottom: 0
}

.newInterviewDetail_main_txt {
  font-size: 1.3rem;
  line-height: 2;
  margin-top: 40px
}

.newInterviewDetail_block {
  width: calc(100% - 120px);
  max-width: 1220px;
  color: #333;
  margin: 0 auto 116px
}

.newInterviewDetail_block_txtContainer {
  width: 420px;
  padding: 0 64px
}

.newInterviewDetail_block_imgContainer {
  width: 672px
}

.newInterviewDetail_block_ttl {
  font-weight: 400;
  margin-bottom: 64px;
  padding-left: 60px
}

.newInterviewDetail_block_content {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.newInterviewDetail_block_content.sp {
  display: none
}

.newInterviewDetail_block_img {
  display: block;
  width: 100%;
  margin-bottom: 10px
}

.newInterviewDetail_block_img-last {
  width: 420px;
  margin-bottom: 0
}

.newInterviewDetail_block_txt {
  font-size: 1.5rem;
  line-height: 2;
  margin-bottom: 32px
}

.newInterviewDetail_block_txt:last-child {
  margin-bottom: 0
}

.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
  padding-left: 732px
}

.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_txt {
  float: right
}

.newInterviewDetail_longImg {
  width: calc(100% - 120px);
  max-width: 1224px;
  margin: 0 auto 96px
}

@media screen and (max-width:1599px) {
  .newInterviewDetail_main_inner {
    width: calc(100% - 200px)
  }
  .newInterviewDetail_main_ttl {
    font-size: 3rem;
    margin-bottom: 20px
  }
  .newInterviewDetail_main_name {
    padding-bottom: 24px
  }
  .newInterviewDetail_main_name .interviewDetail_main_initial {
    font-size: 2.4rem
  }
  .newInterviewDetail_main_txt {
    margin-top: 24px
  }
  .newInterviewDetail_block {
    width: calc(100% - 200px);
    margin: 0 auto 96px
  }
  .newInterviewDetail_block_txtContainer {
    width: 50%;
    padding: 0 48px
  }
  .newInterviewDetail_block_imgContainer {
    width: 50%
  }
  .newInterviewDetail_block_ttl {
    font-size: 2.8rem;
    margin-bottom: 48px;
    padding-left: 48px
  }
  .newInterviewDetail_block_img {
    width: 100%
  }
  .newInterviewDetail_block_img-last {
    width: calc(100% - 80px);
    padding-right: 80px
  }
  .newInterviewDetail_block_img-float {
    padding-right: 80px
  }
  .newInterviewDetail_block_txt {
    font-size: 1.4rem;
    margin-bottom: 40px
  }
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
    padding-left: 50%
  }
}

@media screen and (max-width:1023px) {
  .newInterviewDetail_main {
    background: #1a1a1a;
    margin-bottom: 88px;
    padding-top: 0
  }
  .newInterviewDetail_main_bg {
    overflow: hidden
  }
  .newInterviewDetail_main_content {
    width: 100%;
    position: static;
    background: none;
    padding: 48px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1
  }
  .newInterviewDetail_main_content.is-active {
    width: 100%
  }
  .newInterviewDetail_main_inner {
    width: 100%;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin: 0;
    padding: 0;
    opacity: 1
  }
  .newInterviewDetail_block {
    width: 648px;
    margin: 0 auto 88px;
    padding-top: 464px;
    position: relative
  }
  .newInterviewDetail_block_content.pc {
    display: none
  }
  .newInterviewDetail_block_content.sp {
    display: block
  }
  .newInterviewDetail_block_txtContainer {
    width: 100%;
    padding: 0
  }
  .newInterviewDetail_block_imgContainer {
    width: 100%
  }
  .newInterviewDetail_block_ttl {
    font-size: 2.8rem;
    margin-bottom: 32px;
    padding-left: 0
  }
  .newInterviewDetail_block_content {
    display: block
  }
  .newInterviewDetail_block_img {
    width: 100%;
    float: none
  }
  .newInterviewDetail_block_img:first-child {
    position: absolute;
    top: 0;
    left: 0
  }
  .newInterviewDetail_block_img-sub {
    margin: 40px 0 24px
  }
  .newInterviewDetail_block_txt {
    width: 100%;
    padding: 0;
    float: none
  }
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .newInterviewDetail_main {
    margin-bottom: 0
  }
  .newInterviewDetail_main_content {
    padding: 28px 20px
  }
  .newInterviewDetail_main_ttl br {
    display: block
  }
  .newInterviewDetail_main_company {
    font-size: 1.8rem;
    letter-spacing: .05em;
    padding-bottom: 6px
  }
  .newInterviewDetail_main_name {
    padding-bottom: 16px
  }
  .newInterviewDetail_main_name span {
    margin-bottom: 0
  }
  .newInterviewDetail_block {
    width: 100%;
    margin: 0 auto 40px;
    padding-top: 250px;
    position: relative
  }
  .newInterviewDetail_block_ttl {
    font-size: 2.2rem;
    margin: 40px 0 32px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .newInterviewDetail_block_ttl br {
    display: block
  }
  .newInterviewDetail_block_item {
    width: 100%
  }
  .newInterviewDetail_block_txt {
    margin-bottom: 20px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .newInterviewDetail_block_txt:last-child {
    margin-bottom: 20px
  }
  .newInterviewDetail_block_img-sub {
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto 20px;
    float: none
  }
  .newInterviewDetail_block_img-last {
    padding-right: 0
  }
  .newInterviewDetail_block:nth-child(odd) .newInterviewDetail_block_ttl {
    padding-left: 20px
  }
  .newInterviewDetail_longImg {
    width: 100%;
    margin-bottom: 60px
  }
}

.welfare .subpage_block_ttl_txt-sub {
  display: block;
  margin: 8px 0 0
}

.welfare .welfare_link {
  margin: 75px auto 0
}

.welfare .welfare_link a {
  color: #333
}

.welfare .welfare_link:hover a {
  color: #dd001f
}

.welfare .tab {
  display: none
}

.welfare_content {
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.welfare_category {
  width: 246px;
  margin: 0 auto 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.welfare_category_item {
  width: 76px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: .04em;
  text-align: center;
  padding-bottom: 12px;
  -webkit-transition: color .4s;
  transition: color .4s;
  cursor: pointer
}

.welfare_category_item.is-active {
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.welfare_category_item:hover {
  color: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.welfare_category-header {
  padding: 82px 0 0
}

.welfare_category-footer {
  margin: 60px auto 61px
}

.welfare_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.welfare_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.welfare_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.welfare_container_ttl:after, .welfare_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.welfare_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 36px 0 30px;
  background-position: bottom;
  background-repeat: repeat-x
}

.welfare_item_ttl {
  width: 30%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.5
}

.welfare_item_detail {
  width: 70%
}

.welfare_item_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.welfareAccordion_btn {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .025em;
  width: 148px;
  padding-bottom: 11px;
  border-bottom: 2px solid #333;
  margin: 37px 0 10px;
  position: relative;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  cursor: pointer
}

.welfareAccordion_btn:after, .welfareAccordion_btn:before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #333;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform
}

.welfareAccordion_btn:before {
  width: 16px;
  height: 2px;
  top: 5px;
  right: 0
}

.welfareAccordion_btn:after {
  width: 2px;
  height: 16px;
  top: -2px;
  right: 7px
}

.welfareAccordion_btn.is-open, .welfareAccordion_btn:hover {
  color: #dd001f;
  border-color: #dd001f
}

.welfareAccordion_btn.is-open:after, .welfareAccordion_btn.is-open:before, .welfareAccordion_btn:hover:after, .welfareAccordion_btn:hover:before {
  background-color: #dd001f
}

.welfareAccordion_btn.is-open {
  width: 100%;
  margin-bottom: 0
}

.welfareAccordion_btn.is-open:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.welfareAccordion_btn.is-disabled {
  color: #ccc;
  border-color: #ccc
}

.welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
  background-color: #ccc
}

.welfareAccordion_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 27px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.welfareAccordion_box:last-of-type {
  padding-bottom: 0;
  background: none
}

.welfareAccordion_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .025em;
  width: 21%
}

.welfareAccordion_detail {
  width: 79%;
  margin-top: -6px
}

.welfareAccordion_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.welfareAccordion_list {
  margin-top: 19px
}

.welfareAccordion_list.no-margin {
  margin-top: 0
}

.welfareAccordion_item {
  font-size: 1.4rem;
  line-height: 1.75;
  margin-top: 11px;
  position: relative
}

.welfareAccordion_item:first-child {
  margin-top: 0
}

.welfareAccordion_item.has-mark {
  padding-left: 32px
}

.welfareAccordion_item span {
  display: inline-block;
  width: 32px;
  height: 100%;
  position: absolute;
  left: 0
}

.welfareTab_wrapper {
  position: relative;
  padding-top: 30px;
  margin-top: 36px
}

.welfareTab_btn {
  width: 178px;
  position: absolute;
  top: 0;
  margin-top: 0;
  cursor: pointer
}

.welfareTab_btn-01 {
  left: 0
}

.welfareTab_btn-02 {
  left: 214px
}

.welfareTab_btn-03 {
  left: 428px
}

.welfareTab_btn.is-open {
  width: 178px
}

.welfareTab_list {
  margin-top: 22px
}

.welfareTab_item {
  font-size: 1.4rem;
  line-height: 1.75;
  position: relative
}

.welfareTab_item.has-mark {
  padding-left: 30px
}

.welfareTab_item span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.welfareTab_item+.welfareTab_item {
  margin-top: 11px
}

.welfareTab_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0 26px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.welfareTab_box:last-of-type {
  padding-bottom: 0;
  background: none
}

.welfareTab_box dt {
  width: 21%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .025em
}

.welfareTab_box dd {
  width: 79%;
  font-size: 1.4rem;
  line-height: 1.75
}

.welfareTab_box p.has-mark {
  position: relative;
  padding-left: 30px;
  margin-top: 9px
}

.welfareTab_box p.has-mark span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.office_item {
  overflow: hidden;
  padding: 58px 0 60px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.office_ttl {
  float: left;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em
}

.office_detail {
  width: 53.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 20px;
  padding: 33px 6.5% 0 0
}

.office_detail span {
  color: #dd001f
}

.office_detail a {
  color: #dd001f;
  text-decoration: underline
}

.office_img {
  float: right;
  width: 46.75%
}

.office_img img {
  display: block;
  width: 100%
}

.office_img_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 1.45%
}

.office_img_small img {
  width: 49.25%;
  height: 100%
}

@media screen and (max-width:1023px) {
  .welfare .tab {
    display: block
  }
  .welfare .no_tab {
    display: none
  }
  .welfare_item_ttl {
    width: 100%;
    margin: 0 auto 22px
  }
  .welfare_item_detail {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .tab {
    display: none
  }
  .sp {
    display: block
  }
  .welfare .welfare_link {
    margin: 55px auto 0
  }
  .welfare_content {
    padding: 0 0 64px
  }
  .welfare_category {
    width: 190px;
    margin: 0 auto 75px
  }
  .welfare_category-header {
    padding: 50px 0 0
  }
  .welfare_category-footer {
    margin: 40px auto 46px
  }
  .welfare_container {
    width: 100%
  }
  .welfare_container_ttl {
    font-size: 3rem;
    padding: 0 20px 43px
  }
  .welfare_container_ttl:after {
    content: none
  }
  .welfare_list {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x
  }
  .welfare_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px 0 45px
  }
  .welfare_item_ttl {
    width: calc(100% - 40px);
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.5
  }
  .welfare_item_detail {
    margin: 0 auto;
    width: calc(100% - 40px)
  }
  .welfare_item_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .welfareAccordion_btn {
    width: 100%;
    margin: 26px 0 4px
  }
  .welfareAccordion_btn:before {
    top: 7px;
    right: 20px
  }
  .welfareAccordion_btn:after {
    top: 0;
    right: 27px
  }
  .welfareAccordion_btn.is-disabled {
    color: #333;
    border-color: #333
  }
  .welfareAccordion_btn.is-disabled:after, .welfareAccordion_btn.is-disabled:before {
    background-color: #333
  }
  .welfareAccordion_btn.is-disabled.is-open {
    color: #dd001f;
    border-color: #dd001f
  }
  .welfareAccordion_btn.is-disabled.is-open:after, .welfareAccordion_btn.is-disabled.is-open:before {
    background-color: #dd001f
  }
  .welfareAccordion_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px 0 24px
  }
  .welfareAccordion_ttl {
    margin: 3px 0 31px
  }
  .welfareAccordion_detail, .welfareAccordion_ttl {
    width: 100%;
    padding-left: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .welfareAccordion_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .welfareAccordion_list {
    margin-top: 15px
  }
  .welfareAccordion_item {
    margin-top: 16px
  }
  .welfareAccordion_item.has-mark {
    padding-left: 20px
  }
  .welfareAccordion_item span {
    width: 20px
  }
  .welfareTab_wrapper {
    position: relative;
    padding-top: 0;
    margin: 24px 0 16px
  }
  .welfareTab_btn {
    width: 100%;
    position: relative;
    margin-bottom: 32px
  }
  .welfareTab_btn-01, .welfareTab_btn-02, .welfareTab_btn-03 {
    left: auto
  }
  .welfareTab_btn-03 {
    margin-bottom: 4px
  }
  .welfareTab_btn.is-open {
    width: 100%
  }
  .welfareTab_list {
    margin-top: 25px
  }
  .welfareTab_item.has-mark {
    padding-left: 20px
  }
  .welfareTab_item span {
    width: 20px
  }
  .welfareTab_item+.welfareTab_item {
    margin-top: 11px
  }
  .welfareTab_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 32px
  }
  .welfareTab_box:last-of-type {
    padding-bottom: 0;
    background: none
  }
  .welfareTab_box dd, .welfareTab_box dt {
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .welfareTab_box dd {
    margin-top: 20px
  }
  .welfareTab_box p.has-mark {
    padding-left: 20px
  }
  .welfareTab_box p.has-mark span {
    width: 20px
  }
  .office_item {
    padding: 40px 0 41px
  }
  .office_item_wrapper {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 1px
  }
  .office_ttl {
    float: none;
    padding: 0 20px
  }
  .office_detail {
    width: 100%;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 15px
  }
  .office_img {
    float: none;
    width: calc(100% - 40px);
    margin: 26px auto 0
  }
}

.requirements .subpage_block_ttl_txt-sub {
  display: block;
  margin: 8px 0 0 7px
}

.requirements .requirements_link {
  margin: 75px auto 0
}

.requirements .requirements_link a {
  color: #333
}

.requirements .requirements_link:hover a {
  color: #dd001f
}

.requirements .tab {
  display: none
}

.requirements_content {
  color: #333
}

.requirements_category {
  width: 700px;
  margin: 0 auto 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.requirements_category_item {
  width: 150px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: .04em;
  text-align: center;
  padding-bottom: 12px;
  -webkit-transition: color .4s;
  transition: color .4s;
  cursor: pointer
}

.requirements_category_item.is-active {
  color: #dd001f;
  border-bottom: 2px solid #dd001f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.requirements_category_item:first-child, .requirements_category_item:last-child {
  width: 120px
}

.requirements_category_item:hover {
  color: #dd001f;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.requirements_category-header {
  padding: 82px 0 0
}

.requirements_category-footer {
  margin: 60px auto 61px
}

.category_container {
  display: none
}

.category_container.is-active {
  display: block
}

.accordion_content, .tab_content {
  display: none
}

.requirements_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.requirements_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.requirements_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.requirements_container_ttl:after, .requirements_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.requirements_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 36px 0 30px;
  background-position: bottom;
  background-repeat: repeat-x
}

.requirements_item-none {
  background-image: none
}

.requirements_item_ttl {
  width: 30%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.5
}

.requirements_item_detail {
  width: 70%
}

.requirements_item_detail ul.req_list {
  font-size: 15px;
  line-height: 1.75;
  margin-top: 30px
}

.requirements_item_detail ul {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 30px
}

.requirements_item_detail ul a {
  color: #dd001f;
  text-decoration: underline
}

.requirements_item_detail .registration_dot_list {
  margin-top: 0
}

.requirements_item_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.requirementsTab_wrapper {
  position: relative;
  padding-top: 30px;
  margin-top: 36px
}

.requirementsTab_btn {
  width: 178px;
  position: absolute;
  top: 0;
  margin-top: 0;
  cursor: pointer
}

.requirementsTab_btn#tab1 {
  left: 0
}

.requirementsTab_btn#tab2 {
  left: 214px
}

.requirementsTab_btn#tab3 {
  left: 428px
}

.requirementsTab_btn.is-open {
  width: 178px
}

.requirementsTab_list {
  margin-top: 22px
}

.requirementsTab_item {
  font-size: 1.4rem;
  line-height: 1.75;
  position: relative
}

.requirementsTab_item.has-mark {
  padding-left: 30px
}

.requirementsTab_item span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.requirementsTab_item+.welfareTab_item {
  margin-top: 11px
}

.requirementsTab_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0 26px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.requirementsTab_box:last-of-type {
  padding-bottom: 0;
  background: none
}

.requirementsTab_box dt {
  width: 21%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .025em
}

.requirementsTab_box dd {
  width: 79%;
  font-size: 1.4rem;
  line-height: 1.75
}

.requirementsTab_box p.has-mark {
  position: relative;
  padding-left: 30px;
  margin-top: 9px
}

.requirementsTab_box p.has-mark span {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0
}

.process_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.process_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.process_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.process_container_ttl:after, .process_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.process_item {
  overflow: hidden;
  padding: 58px 0 60px;
  background-position: bottom;
  background-repeat: repeat-x
}

.process_ttl {
  float: left;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em
}

.process_detail {
  width: 53.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 20px;
  padding: 33px 6.5% 0 0
}

.process_detail span {
  color: #dd001f
}

.process_detail a {
  color: #dd001f;
  text-decoration: underline
}

.process_img {
  float: right;
  width: 46.75%
}

.process_img img {
  display: block;
  width: 100%
}

.process_img_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 1.45%
}

.process_img_small img {
  width: 49.25%;
  height: 100%
}

.process_list {
  padding-top: 25px
}

@media screen and (max-width:767px) {
  .tab {
    display: none
  }
  .br-sp, .sp {
    display: block
  }
  .requirements .welfare_link {
    margin: 55px auto 0
  }
  .requirements_content {
    padding: 0 0 44px
  }
  .requirements_category {
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    background-color: #eee
  }
  .requirements_category_item {
    margin: 0 auto;
    text-align: center
  }
  .requirements_category_item:not(:last-child) {
    margin-bottom: 30px
  }
  .requirements_category-header {
    padding: 50px 0
  }
  .requirements_category-footer {
    margin-top: 40px;
    padding: 50px 0
  }
  .requirements_container {
    width: 100%
  }
  .requirements_container_ttl {
    font-size: 3rem;
    padding: 0 20px 43px
  }
  .requirements_container_ttl:after {
    content: none
  }
  .requirements_list {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x
  }
  .requirements_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px 0 45px
  }
  .requirements_item_ttl {
    width: calc(100% - 40px);
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.5
  }
  .requirements_item_detail {
    margin: 0 auto;
    width: calc(100% - 40px)
  }
  .requirements_item_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .requirementsTab_wrapper {
    position: relative;
    padding-top: 0;
    margin: 24px 0 16px
  }
  .requirementsTab_btn {
    width: 100%;
    position: relative;
    margin-bottom: 32px
  }
  .requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
    left: auto
  }
  .requirementsTab_btn#tab3 {
    margin-bottom: 4px
  }
  .requirementsTab_btn.is-open {
    width: 100%
  }
  .requirementsTab_list {
    margin-top: 25px
  }
  .requirementsTab_item.has-mark {
    padding-left: 20px
  }
  .requirementsTab_item span {
    width: 20px
  }
  .requirementsTab_item+.welfareTab_item {
    margin-top: 11px
  }
  .requirementsTab_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 32px
  }
  .requirementsTab_box:last-of-type {
    padding-bottom: 0;
    background: none
  }
  .requirementsTab_box dd, .requirementsTab_box dt {
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .requirementsTab_box dd {
    margin-top: 20px
  }
  .requirementsTab_box p.has-mark {
    padding-left: 20px
  }
  .requirementsTab_box p.has-mark span {
    width: 20px
  }
  .requirementsTab_detail ul.req_list {
    font-size: 15px
  }
  .requirements_item {
    padding: 40px 0 41px
  }
  .requirements_item_wrapper {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 1px
  }
  .requirements_ttl {
    float: none;
    padding: 0 20px
  }
  .requirements_detail {
    width: 100%;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 15px
  }
  .requirements_img {
    float: none;
    width: calc(100% - 40px);
    margin: 26px auto 0
  }
}

.step_2 .process_part dd, .step_2 .process_part dt, .step_3 .process_part dd, .step_3 .process_part dt, .step_4 .process_part dd, .step_4 .process_part dt, .step_5 .process_part dd, .step_5 .process_part dt, .step_6 .process_part dd, .step_6 .process_part dt {
  opacity: 0;
  -webkit-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all .8s;
  transition: all .8s
}

.step_2 .process_part .process_img, .step_3 .process_part .process_img, .step_4 .process_part .process_img, .step_5 .process_part .process_img, .step_6 .process_part .process_img {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.step_2.on_effect .process_part .process_img, .step_2.on_effect .process_part dd, .step_2.on_effect .process_part dt, .step_3.on_effect .process_part .process_img, .step_3.on_effect .process_part dd, .step_3.on_effect .process_part dt, .step_4.on_effect .process_part .process_img, .step_4.on_effect .process_part dd, .step_4.on_effect .process_part dt, .step_5.on_effect .process_part .process_img, .step_5.on_effect .process_part dd, .step_5.on_effect .process_part dt, .step_6.on_effect .process_part .process_img, .step_6.on_effect .process_part dd, .step_6.on_effect .process_part dt {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.process li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.process .step_part .step_mark {
  color: #fff;
  background-image: url(/requirements/img/cycle.png);
  background-size: cover;
  text-align: center
}

.process .process_part {
  width: calc(100% - 138px)
}

@media screen and (min-width:1024px) {
  .second_faq div.wrap.faq_menu {
    max-width: 900px
  }
  .process .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .process .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .process .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
    position: relative
  }
  .process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: -1
  }
  .process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
    height: 100%
  }
  .process .step_2 .process_part dd {
    width: calc(100% - 280px)
  }
  .process .step_4 .process_part dd, .process .step_6 .process_part dd {
    width: calc(100% - 240px)
  }
  .process .process_part {
    position: relative;
    padding-left: 50px
  }
  .process .process_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .process .process_part .process_img img {
    width: 100%;
    height: auto
  }
  .process .process_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .process li {
    position: relative
  }
  .process li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .process li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .process li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .process_part .process_img {
    position: absolute;
    width: 234px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_4 .process_part .process_img {
    position: absolute;
    width: 190px;
    top: calc(50% - 84px);
    right: 30px
  }
  .step_6 .process_part .process_img {
    position: absolute;
    width: 181px;
    top: calc(50% - 92px);
    right: 30px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .process .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .process .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .process .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
    position: relative
  }
  .process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
  }
  .process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
    height: 100%
  }
  .process .step_2 .process_part dd {
    width: calc(100% - 280px)
  }
  .process .step_4 .process_part dd, .process .step_6 .process_part dd {
    width: calc(100% - 240px)
  }
  .process .process_part {
    position: relative;
    padding-left: 50px
  }
  .process .process_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .process .process_part .process_img img {
    width: 100%;
    height: auto
  }
  .process .process_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .process li {
    position: relative
  }
  .process li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .process li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .process li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .process_part .process_img {
    position: absolute;
    width: 234px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_4 .process_part .process_img {
    position: absolute;
    width: 190px;
    top: calc(50% - 84px);
    right: 30px
  }
  .step_6 .process_part .process_img {
    position: absolute;
    width: 181px;
    top: calc(50% - 92px);
    right: 30px
  }
}

@media screen and (max-width:1023px) {
  .requirements_content {
    padding: 0 0 40px
  }
  .requirements_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .requirements_block_elem-left {
    padding: 48.2% 0 0
  }
  .requirements_item {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .requirements_content {
    padding: 0 0 64px
  }
  .requirements .second .wrap {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 23px
  }
  p.requirements_block_ttl_txt-main {
    font-size: 2.4rem
  }
  span.requirements_block_ttl_txt-sub {
    font-size: 1.8rem;
    margin-left: 10px
  }
  .process_container {
    width: 100%
  }
  .process_container_ttl {
    margin-left: 25px
  }
  .process .step_part {
    position: relative;
    width: 50px;
    margin-left: 20px;
    z-index: 1
  }
  .process .step_part .step_mark {
    font-size: 2rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 50px;
    height: 50px
  }
  .process .step_part .step_mark p {
    font-size: 1.2rem;
    line-height: 1.33;
    padding-top: 8px
  }
  .process .step_1, .process .step_2, .process .step_3, .process .step_4, .process .step_5 {
    position: relative
  }
  .process .step_1:before, .process .step_2:before, .process .step_3:before, .process .step_4:before, .process .step_5:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 0;
    background-color: #dd001f;
    top: 25px;
    left: 44px;
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .process .step_1.on_line:before, .process .step_2.on_line:before, .process .step_3.on_line:before, .process .step_4.on_line:before, .process .step_5.on_line:before {
    height: 100%
  }
  .process .process_part {
    position: relative;
    width: calc(100% - 50px)
  }
  .process .process_part dt {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 20px
  }
  .process .process_part .process_img {
    margin: 20px auto;
    padding-right: 20px
  }
  .process .process_part .process_img img {
    width: 100%;
    height: auto
  }
  .process .process_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: calc(100% - 30px);
    margin-top: 20px;
    margin-bottom: 86px;
    padding-left: 10px;
    padding-right: 20px
  }
  .process li {
    position: relative
  }
  .process li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 23px;
    left: 0
  }
  .process li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .process li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .process_part .process_img {
    width: 149px
  }
  .step_4 .process_part .process_img, .step_6 .process_part .process_img {
    width: 150px
  }
}

#registration .interviewDetail_offer_link {
  width: 320px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  #registration .interviewDetail_offer_link {
    width: calc(100% - 80px)
  }
}

.registration_item_detail {
  width: 100%
}

.registration_flow_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px
}

@media screen and (max-width:767px) {
  .registration_flow_wrap {
    display: block;
    margin-top: 40px
  }
}

.registration_flow_pic {
  margin-right: 60px;
  width: 202px
}

@media screen and (max-width:767px) {
  .registration_flow_pic {
    margin: 0 auto 35px
  }
}

.registration_flow_pic img {
  width: 100%
}

.registration_flow_list li:not(:last-child) {
  margin-bottom: 44px
}

.registration_flow_tit {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.6rem
}

.registration_flow_txt {
  line-height: 1.5;
  letter-spacing: .025em;
  font-size: 1.3rem
}

.registration_dot_list {
  padding-left: 1em;
  text-indent: -1em
}

.registration_red_tit {
  margin: 46px 0 37px;
  padding-left: 10px;
  border-left: 5px solid #dd001f;
  font-size: 1.8rem
}

.registration_comment_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.registration_comment_list li:not(:last-child) {
  margin-bottom: 40px
}

.registration_comment_pic {
  width: 68px;
  margin-right: 22px
}

@media screen and (max-width:767px) {
  .registration_comment_pic {
    width: 50px;
    margin-right: 20px
  }
}

.registration_comment_pic img {
  width: 100%
}

.registration_commentBox {
  display: inline-block;
  width: 300px;
  padding: 15px 35px 15px 15px;
  border: 2px solid #444;
  border-radius: 10px;
  background-color: #fff;
  position: relative
}

@media screen and (max-width:767px) {
  .registration_commentBox {
    width: calc(100% - 70px);
    padding: 15px 20px 15px 15px
  }
}

.registration_commentBox:after, .registration_commentBox:before {
  content: "";
  border: solid transparent;
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  pointer-events: none
}

.registration_commentBox:after {
  border-color: hsla(0, 0%, 100%, 0) #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
  border-width: 10px;
  margin-top: -10px;
  margin-right: -1px
}

.registration_commentBox:before {
  border-color: rgba(68, 68, 68, 0) #444 rgba(68, 68, 68, 0) rgba(68, 68, 68, 0);
  border-width: 12px;
  margin-top: -12px
}

.registration_commentBox_txt {
  font-weight: 700;
  line-height: 1.6;
  font-size: 1.5rem
}

@media screen and (max-width:767px) {
  .registration_commentBox_txt {
    font-size: 1.4rem
  }
}

@media screen and (max-width:374px) {
  .br-xxsp {
    display: block
  }
  .requirements .subpage_block_elem {
    min-height: 260px
  }
  .requirements .subpage_block_ttl_txt-main {
    line-height: 1.2
  }
}

.referral_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.referral_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em
}

.referral_container_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.referral_container_ttl:after, .referral_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.referral_item {
  overflow: hidden;
  padding: 58px 0 60px;
  background-position: bottom;
  background-repeat: repeat-x
}

.referral_ttl {
  float: left;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em
}

.referral_detail {
  width: 53.25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 20px;
  padding: 33px 6.5% 0 0
}

.referral_detail span {
  color: #dd001f
}

.referral_detail a {
  color: #dd001f;
  text-decoration: underline
}

.referral_img {
  float: right;
  width: 46.75%
}

.referral_img img {
  display: block;
  width: 100%
}

.referral_img_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-top: 1.45%
}

.referral_img_small img {
  width: 49.25%;
  height: 100%
}

.referral_list {
  padding-top: 25px
}

@media screen and (max-width:1023px) {
  .requirements .tab {
    display: block
  }
  .requirements .no_tab {
    display: none
  }
  .requirements_item_ttl {
    width: 100%;
    margin: 0 auto 22px
  }
  .requirements_item_detail {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .tab {
    display: none
  }
  .br-sp, .sp {
    display: block
  }
  .requirements .welfare_link {
    margin: 55px auto 0
  }
  .requirements_content {
    padding: 0 0 44px
  }
  .requirements_category {
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    background-color: #eee
  }
  .requirements_category_item {
    margin: 0 auto;
    text-align: center
  }
  .requirements_category_item:not(:last-child) {
    margin-bottom: 30px
  }
  .requirements_category-header {
    padding: 50px 0
  }
  .requirements_category-footer {
    margin-top: 40px;
    padding: 50px 0
  }
  .requirements_container {
    width: 100%
  }
  .requirements_container_ttl {
    font-size: 3rem;
    padding: 0 20px 43px
  }
  .requirements_container_ttl:after {
    content: none
  }
  .requirements_list {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x
  }
  .requirements_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px 0 45px
  }
  .requirements_item_ttl {
    width: calc(100% - 40px);
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1.5
  }
  .requirements_item_detail {
    margin: 0 auto;
    width: calc(100% - 40px)
  }
  .requirements_item_txt {
    font-size: 1.4rem;
    line-height: 1.9
  }
  .requirementsTab_wrapper {
    position: relative;
    padding-top: 0;
    margin: 24px 0 16px
  }
  .requirementsTab_btn {
    width: 100%;
    position: relative;
    margin-bottom: 32px
  }
  .requirementsTab_btn#tab1, .requirementsTab_btn#tab2, .requirementsTab_btn#tab3 {
    left: auto
  }
  .requirementsTab_btn#tab3 {
    margin-bottom: 4px
  }
  .requirementsTab_btn.is-open {
    width: 100%
  }
  .requirementsTab_list {
    margin-top: 25px
  }
  .requirementsTab_item.has-mark {
    padding-left: 20px
  }
  .requirementsTab_item span {
    width: 20px
  }
  .requirementsTab_item+.welfareTab_item {
    margin-top: 11px
  }
  .requirementsTab_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 32px
  }
  .requirementsTab_box:last-of-type {
    padding-bottom: 0;
    background: none
  }
  .requirementsTab_box dd, .requirementsTab_box dt {
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .requirementsTab_box dd {
    margin-top: 20px
  }
  .requirementsTab_box p.has-mark {
    padding-left: 20px
  }
  .requirementsTab_box p.has-mark span {
    width: 20px
  }
  .requirementsTab_detail ul.req_list {
    font-size: 15px
  }
  .requirements_item {
    padding: 40px 0 41px
  }
  .requirements_item_wrapper {
    background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 1px
  }
  .requirements_ttl {
    float: none;
    padding: 0 20px
  }
  .requirements_detail {
    width: 100%;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 15px
  }
  .requirements_img {
    float: none;
    width: calc(100% - 40px);
    margin: 26px auto 0
  }
  .sp-hide {
    display: none
  }
}

.requirements_content {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

div.requirements_content {
  margin-top: 0
}

span.requirements_block_ttl_txt-sub {
  letter-spacing: .04em
}

.step_2 .step_part, .step_3 .step_part, .step_4 .step_part, .step_5 .step_part, .step_6 .step_part {
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s
}

.step_2 .step_mark, .step_3 .step_mark, .step_4 .step_mark, .step_5 .step_mark, .step_6 .step_mark {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .8s;
  transition: all .8s
}

.step_2 .referral_part dd, .step_2 .referral_part dt, .step_3 .referral_part dd, .step_3 .referral_part dt, .step_4 .referral_part dd, .step_4 .referral_part dt, .step_5 .referral_part dd, .step_5 .referral_part dt, .step_6 .referral_part dd, .step_6 .referral_part dt {
  opacity: 0;
  -webkit-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all .8s;
  transition: all .8s
}

.step_2 .referral_part .referral_img, .step_3 .referral_part .referral_img, .step_4 .referral_part .referral_img, .step_5 .referral_part .referral_img, .step_6 .referral_part .referral_img {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.step_2.on_effect .step_part, .step_3.on_effect .step_part, .step_4.on_effect .step_part, .step_5.on_effect .step_part, .step_6.on_effect .step_part {
  opacity: 1
}

.step_2.on_effect .step_mark, .step_3.on_effect .step_mark, .step_4.on_effect .step_mark, .step_5.on_effect .step_mark, .step_6.on_effect .step_mark {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.step_2.on_effect .referral_part .referral_img, .step_2.on_effect .referral_part dd, .step_2.on_effect .referral_part dt, .step_3.on_effect .referral_part .referral_img, .step_3.on_effect .referral_part dd, .step_3.on_effect .referral_part dt, .step_4.on_effect .referral_part .referral_img, .step_4.on_effect .referral_part dd, .step_4.on_effect .referral_part dt, .step_5.on_effect .referral_part .referral_img, .step_5.on_effect .referral_part dd, .step_5.on_effect .referral_part dt, .step_6.on_effect .referral_part .referral_img, .step_6.on_effect .referral_part dd, .step_6.on_effect .referral_part dt {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.referral li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.referral .step_part .step_mark {
  color: #fff;
  background-image: url(/requirements/img/cycle.png);
  background-size: cover;
  text-align: center
}

.referral .referral_part {
  width: calc(100% - 138px)
}

@media screen and (min-width:1024px) {
  .referral .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .referral .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .referral .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
    position: relative
  }
  .referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: -1
  }
  .referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
    height: 100%
  }
  .referral .step_2 .referral_part dd {
    width: calc(100% - 280px)
  }
  .referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
    width: calc(100% - 240px)
  }
  .referral .referral_part {
    position: relative;
    padding-left: 50px
  }
  .referral .referral_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .referral .referral_part .referral_img img {
    width: 100%;
    height: auto
  }
  .referral .referral_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .referral li {
    position: relative
  }
  .referral li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .referral li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .referral li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_1 .referral_part .referral_img {
    position: absolute;
    width: 102px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_2 .referral_part .referral_img {
    position: absolute;
    width: 138px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_3 .referral_part .referral_img {
    position: absolute;
    width: 76px;
    top: calc(50% - 70px);
    right: 60px
  }
  .step_4 .referral_part .referral_img {
    position: absolute;
    width: 89px;
    top: calc(50% - 55px);
    right: 50px
  }
  .pc-hide {
    display: none
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .referral .step_part {
    position: relative;
    width: 138px;
    z-index: 1
  }
  .referral .step_part .step_mark {
    font-size: 4rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 100px;
    height: 100px;
    margin-left: 30px
  }
  .referral .step_part .step_mark p {
    font-size: 2.4rem;
    line-height: 1.33;
    padding-top: 13px
  }
  .referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
    position: relative
  }
  .referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 0;
    background-color: #dd001f;
    top: 50px;
    left: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
  }
  .referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
    height: 100%
  }
  .referral .step_2 .referral_part dd {
    width: calc(100% - 280px)
  }
  .referral .step_4 .referral_part dd, .referral .step_6 .referral_part dd {
    width: calc(100% - 240px)
  }
  .referral .referral_part {
    position: relative;
    padding-left: 50px
  }
  .referral .referral_part dt {
    font-size: 2.4rem;
    line-height: 1.87;
    letter-spacing: .05em;
    font-weight: 700;
    margin-top: 28px
  }
  .referral .referral_part .referral_img img {
    width: 100%;
    height: auto
  }
  .referral .referral_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 86px
  }
  .referral li {
    position: relative
  }
  .referral li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #707070 2px, transparent 0, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 25px;
    left: 0
  }
  .referral li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .referral li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_2 .referral_part .referral_img {
    position: absolute;
    width: 234px;
    top: calc(50% - 93px);
    right: 30px
  }
  .step_4 .referral_part .referral_img {
    position: absolute;
    width: 190px;
    top: calc(50% - 84px);
    right: 30px
  }
}

@media screen and (max-width:1023px) {
  .requirements_content {
    padding: 0 0 40px
  }
  .requirements_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .requirements_block_elem-left {
    padding: 48.2% 0 0
  }
  .requirements_item {
    width: 100%
  }
  dd br {
    display: none
  }
  .step_1 .referral_part .referral_img {
    width: 140px;
    margin-left: 200px;
    float: none
  }
  .step_2 .referral_part .referral_img {
    width: 140px;
    margin-left: 100px;
    float: none
  }
  .step_3 .referral_part .referral_img {
    width: 100px;
    margin-left: 260px;
    float: none
  }
  .step_4 .referral_part .referral_img {
    width: 140px;
    margin-left: 100px;
    float: none
  }
}

@media screen and (max-width:767px) {
  .requirements_content {
    padding: 0 0 64px
  }
  .requirements .second .wrap {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 23px
  }
  p.requirements_block_ttl_txt-main {
    font-size: 2.4rem
  }
  span.requirements_block_ttl_txt-sub {
    font-size: 1.8rem;
    margin-left: 10px
  }
  .referral_container {
    width: 100%
  }
  .referral_container_ttl {
    margin-left: 25px
  }
  .referral .step_part {
    position: relative;
    width: 50px;
    margin-left: 20px;
    z-index: 1
  }
  .referral .step_part .step_mark {
    font-size: 2rem;
    letter-spacing: .04em;
    line-height: 1;
    width: 50px;
    height: 50px
  }
  .referral .step_part .step_mark p {
    font-size: 1.2rem;
    line-height: 1.33;
    padding-top: 8px
  }
  .referral .step_1, .referral .step_2, .referral .step_3, .referral .step_4, .referral .step_5 {
    position: relative
  }
  .referral .step_1:before, .referral .step_2:before, .referral .step_3:before, .referral .step_4:before, .referral .step_5:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 0;
    background-color: #dd001f;
    top: 25px;
    left: 44px;
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .referral .step_1.on_line:before, .referral .step_2.on_line:before, .referral .step_3.on_line:before, .referral .step_4.on_line:before, .referral .step_5.on_line:before {
    height: 100%
  }
  .referral .referral_part {
    position: relative;
    width: calc(100% - 50px)
  }
  .referral .referral_part dt {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 20px
  }
  .referral .referral_part .referral_img {
    margin: 20px auto;
    padding-right: 110px
  }
  .referral .referral_part .referral_img img {
    width: 100%;
    height: auto
  }
  .referral .referral_part dd {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 0;
    width: calc(100% - 30px);
    margin-top: 20px;
    margin-bottom: 86px;
    padding-left: 10px;
    padding-right: 20px
  }
  .referral li {
    position: relative
  }
  .referral li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-(to right, #707070 2px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    bottom: 23px;
    left: 0
  }
  .referral li.step_fade:after {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
  }
  .referral li.step_fade.on_effect:after {
    opacity: 1
  }
  .step_1 .referral_part .referral_img {
    width: 80px;
    float: right;
    margin-right: 20px
  }
  .step_2 .referral_part .referral_img {
    width: 118px;
    float: right
  }
  .step_3 .referral_part .referral_img {
    width: 73px;
    float: right;
    margin-right: 25px
  }
  .step_4 .referral_part .referral_img {
    width: 88px;
    float: right;
    margin-right: 15px
  }
  .step_6 .referral_part .referral_img {
    width: 150px
  }
}

.step_4 dt span {
  display: block;
  font-size: 14px
}

@media screen and (max-width:767px) {
  .step_4 dt span {
    font-weight: lighter
  }
}

#agreement .requirements_container_ttl {
  margin-bottom: 24px;
  padding-top: 55px
}

#agreement .requirements_item_detail {
  width: 100%
}

@media screen and (max-width:767px) {
  #agreement .requirements_item_detail {
    width: calc(100% - 40px)
  }
}

#agreement-sub .header_list_item.is-active {
  background: #222
}

#agreement-sub .header_list_item-agreement.is-active, #agreement-sub .header_list_item:hover {
  background: #444
}

.entryflow .subpage_block_elem, .login .subpage_block_elem {
  width: 100%!important
}

.entryflow .subpage_block_elem-left, .login .subpage_block_elem-left {
  display: none;
  background-image: none
}

.entryflow .subpage_block_inner, .login .subpage_block_inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.br-xxsp {
  display: none
}

.entryflow .subpage_block_ttl_txt-sub {
  margin: 8px 0 0 12px
}

.entryflow_content {
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.entryflow_container_box {
  margin: 80px auto 20px
}

.entryflow_item {
  width: 100%;
  position: relative
}

.entryflow_item_bg {
  margin: 40px 0 60px;
  padding: 30px 0 20px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f2f2f2
}

@media screen and (max-width:767px) {
  .entryflow_item_bg {
    margin: 30px 0 40px
  }
}

.entryflow_item_ttl {
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.5;
  margin: 80px 0 30px
}

.entryflow_item_ttl:before {
  content: "";
  padding: 0 6px;
  border-left: 5px solid #dd001f
}

.entryflow_item_ttl:first-of-type {
  margin: 30px 0 20px
}

.entryflow_item_txt {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em;
  padding-left: 1em;
  text-indent: -1.2em
}

.entryflow_item_txt.mail {
  text-indent: .1rem;
  line-height: 1.75
}

.entryflow_item_txt-link, .entryflow_item_txt.mail a {
  color: #dd001f;
  text-decoration: underline
}

.entryflow_item_txt-link {
  line-height: 1.75
}

.entryflow_item_txt-bold {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em;
  font-weight: 700
}

.entryflow_item_txt-mt30 {
  margin-left: 55px;
  color: #dd001f
}

.entryflow_item_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 30px 0 20px
}

.entryflow_item_btn-entry {
  width: 180px;
  color: #fff;
  margin-right: 20px;
  letter-spacing: .15em;
  background-color: #dd001f;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
  position: relative;
  opacity: 1
}

.entryflow_item_btn-entry a {
  display: block;
  padding: 19px 16px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: color .15s;
  transition: color .15s;
  line-height: 1.75
}

.entryflow_item_btn-entry:hover a {
  color: #000
}

.entryflow_item_btn-entry:hover .header_findout_arrow img {
  display: none
}

.entryflow_item_btn-entry:hover .header_findout_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.entryflow_item_btn-entry.black {
  width: 360px;
  margin: 40px 30px 20px 0;
  background-color: #fff;
  border: 2px solid #000
}

.entryflow_item_btn-entry.black a {
  color: #333;
  font-weight: 700
}

.entryflow_item_btn-entry .header_findout_arrow {
  width: 14px;
  right: 14px
}

.entryflow_item_btn-entry .header_findout_arrow img {
  display: block;
  width: 100%
}

.entryflow_item_btn-entry .header_findout_arrow .hover {
  display: none
}

.entryflow_item_btn-entry.sign .header_findout_arrow {
  width: 22px;
  right: 20px
}

.entryflow_item_privacy {
  background-color: #eee;
  padding: 60px 40px
}

.entryflow_item_privacy:first-child {
  margin-top: 40px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.entryflow_item_privacy_ttl {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 40px;
  color: #555
}

.entryflow_item_privacy_txt {
  padding: 10px 0;
  font-size: 1.4rem;
  line-height: 1.75
}

.entryflow_item_privacy ol.list_parentheses li {
  list-style-position: inside;
  counter-increment: cnt;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.75;
  padding-left: 1.5em;
  text-indent: -1.75em
}

.entryflow_item_privacy ol.list_parentheses li:before {
  display: marker;
  content: "(" counter(cnt) ") "
}

.entryflow_item_checkbox {
  margin: 0 auto 100px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .05em
}

.entryflow_item_checkbox .entryflow_item_btn-entry {
  width: 360px;
  margin: 20px auto;
  text-align: left;
  padding-left: 30px
}

.entryflow_item_checkbox .entryflow_item_btn-entry a {
  font-size: 1.8rem;
  letter-spacing: .05em;
  font-weight: 700
}

.entryflow_item_checkbox .checkbox-input {
  display: none
}

.entryflow_item_checkbox .checkbox-parts {
  padding-top: 1px;
  padding-left: 30px;
  position: relative;
  margin-right: 20px
}

.entryflow_item_checkbox .checkbox-parts:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 2px
}

.entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts {
  color: #dd001f
}

.entryflow_item_checkbox .checkbox-input:checked+.checkbox-parts:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 3px solid #dd001f;
  border-right: 3px solid #dd001f
}

.entryflow_terms {
  overflow: auto;
  height: 360px;
  padding-right: 30px
}

@media screen and (max-width:767px) {
  .entryflow_terms {
    height: 410px;
    padding-right: 20px
  }
}

.entryflow_terms::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

.entryflow_terms::-webkit-scrollbar-track {
  border-radius: 50px;
  background: #f2f2f2
}

.entryflow_terms::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: #888;
  height: 60px
}

.entryflow_terms_ttl {
  margin-bottom: 0!important;
  margin-top: 2.3em;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .05em;
  font-weight: 700;
  padding: 5px 0
}

.entryflow_terms_txt {
  font-size: 1.2rem;
  line-height: 1.75;
  letter-spacing: .05em
}

.entryflow_terms_txt.indent {
  padding-left: 1em;
  text-indent: -1.02em
}

.entryflow_terms_txt.ol {
  list-style-position: outside;
  list-style-type: decimal!important;
  display: list-item!important
}

.entryflow_terms_txt.right {
  text-align: right;
  padding: 10px
}

.entryflow .background-imagebox {
  height: 50px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: top;
  background-repeat: repeat-x
}

.entryflow_container {
  max-width: 900px;
  width: calc(100% - 120px);
  margin: auto
}

.entryflow_container_subtitle {
  padding-top: 80px;
  font-size: 2.4rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.entryflow_container_subtitle:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 18px
}

.entryflow_container_subtitle:after, .entryflow_split_item {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px
}

.entryflow_split_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 38px 0 40px;
  background-position: top;
  background-repeat: repeat-x
}

.entryflow_split_item_ttl {
  width: 30%;
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 1.5;
  font-weight: 700
}

.entryflow_split_item_detail {
  width: 70%;
  padding-top: 4px
}

.entryflow_split_item_txt {
  font-size: 1.4rem;
  line-height: 1.75
}

.entryflow_split_item_txt-bold {
  font-weight: 700;
  font-size: 1.5rem;
  padding-bottom: 4px;
  line-height: 1.75
}

.entryflow_split_item_txt.link {
  text-indent: .1rem;
  line-height: 1.75
}

.entryflow_split_item_txt.link a {
  color: #dd001f;
  text-decoration: underline
}

.entryflow_split_item_txt.indent {
  padding-left: 1em;
  text-indent: -1.2em
}

.entryflow_txt {
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 20px 0
}

.flexmain-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0
}

.flexsub-box {
  width: 42%;
  padding: 10px 0;
  display: block
}

.flexsub-box:first-child {
  padding-left: 0
}

.flex-item {
  font-size: 1.4rem;
  padding: 17px 30px 14px;
  text-align: center;
  color: #333;
  border-radius: 5px;
  border: 2px solid #eee;
  font-weight: 700
}

.flex-item-last {
  border: none
}

.flex_arrow {
  width: 7%
}

.flex_arrow img {
  display: block;
  margin: 0 auto;
  width: 14px
}

.flexsub-box:last-child .flex-item {
  background-color: #333;
  color: #fff
}

.entryflow_item_checkbox-label:hover {
  cursor: pointer
}

.login {
  background-color: #fff
}

.login_content, .login_wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.login_content {
  width: calc(100% - 120px);
  max-width: 900px;
  margin-top: 77px;
  margin-right: auto;
  margin-left: auto
}

.login_content h1 {
  padding-bottom: 20.5px;
  font-size: 24px;
  color: #333;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}

.login_form {
  margin-top: 60.5px
}

.login_id_wrap, .login_pw_wrap {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 360px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 21px;
  margin-left: auto
}

.login_label {
  position: absolute;
  top: 0;
  left: -67px;
  width: 67px;
  font-weight: 700;
  line-height: 50px
}

.login_input_txt, .login_label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px
}

.login_input_txt {
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-appearance: none
}

.login_submit_btn {
  display: block;
  color: #fff;
  letter-spacing: .1em;
  background-color: #dd001f;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  width: 360px;
  height: 60px;
  margin: 60px auto 0;
  padding-left: 30px;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 60px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.login_submit_btn:hover .header_findout_arrow img {
  display: none
}

.login_submit_btn:hover .header_findout_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.login_submit_btn .header_findout_arrow {
  width: 20px;
  right: 20px
}

.login_submit_btn .header_findout_arrow img {
  display: block;
  width: 100%
}

.login_submit_btn .header_findout_arrow .hover {
  display: none
}

.login_a_wrap {
  display: block;
  width: 100%;
  margin-top: 20px;
  text-align: center
}

.login_a_wrap, .login_a_wrap a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.login_a_wrap a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333;
  padding-bottom: 2px
}

.login_note {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 90px;
  text-align: center
}

.login_note P {
  font-size: 14px;
  color: #333;
  line-height: 2
}

.login_blank {
  height: 94px
}

.login .fit_content {
  background: #fff
}

.login .login_content {
  padding-top: 77px;
  margin-top: 0
}

.no_link {
  cursor: inherit!important;
  pointer-events: none;
  background-color: #888;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.no_link .header_findout_arrow {
  width: 22px;
  right: 20px
}

.no_entry, .no_link a {
  color: #ddd
}

.no_entry {
  pointer-events: none
}

@media screen and (max-width:1023px) {
  .entryflow .subpage_block_inner, .login .subpage_block_inner {
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .entryflow .subpage_block_ttl_txt-sub, .login .subpage_block_ttl_txt-sub {
    display: block;
    margin: 8px 0 0 2px
  }
  .entryflow_split_item {
    width: 100%;
    padding: 38px 0 28px
  }
  .entryflow_split_item:first-child {
    padding-bottom: 0
  }
  .entryflow_split_item_detail, .entryflow_split_item_ttl {
    width: 100%
  }
  .entryflow_split_item_txt {
    padding-bottom: 12px
  }
  .entryflow_split_item_txt-bold {
    font-size: 1.4rem
  }
  .entryflow_container {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-top: 60px
  }
  .entryflow_container_ttl {
    font-size: 2.1rem;
    padding: 0 0 20px;
    text-align: left
  }
  .entryflow_container_ttl:after {
    content: none
  }
  .entryflow_container_txt {
    font-size: 1.2rem;
    padding-top: 0;
    text-align: left;
    letter-spacing: .07em;
    line-height: 1.9
  }
  .entryflow_container_subtitle {
    font-size: 2.1rem;
    padding-top: 40px
  }
  .entryflow_container_subtitle:first-child {
    padding-top: 0
  }
  .entryflow_container_box {
    margin: 60px auto 20px
  }
  .entryflow_content {
    padding: 0 0 40px
  }
  .entryflow_block_elem {
    height: auto;
    padding: 28px 26px 32px
  }
  .entryflow_block_elem-left {
    padding: 48.2% 0 0
  }
  .entryflow_item_privacy_ttl {
    padding-bottom: 10px
  }
  .entryflow_item_ttl {
    margin: 30px 0 20px
  }
  .flexmain-box {
    display: block;
    width: 100%
  }
  .flexsub-box {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex_arrow, .flexsub-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
  .flex_arrow {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .flex_arrow img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 10px 0
  }
  .flex-item {
    font-size: 1.2rem;
    padding: 20px 10px;
    margin: 0;
    width: 100%;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .entryflow .subpage_block_elem, .login .subpage_block_elem {
    border-top: 4px solid #000
  }
  .entryflow_container {
    padding-top: 0
  }
  .entryflow_item_btns {
    padding-top: 40px;
    display: block
  }
  .entryflow_item_btn-entry {
    width: 100%;
    margin-bottom: 10px
  }
  .entryflow_item_btn-entry a {
    font-size: 1.5rem
  }
  .entryflow_item_btn-entry.black {
    width: 100%
  }
  .entryflow_item_btn-entry.black a {
    width: 80%
  }
  .entryflow_item_privacy {
    padding: 40px 20px
  }
  .entryflow_item_privacy:first-child {
    margin-top: 30px
  }
  .entryflow_item_privacy_txt {
    font-size: 1.4rem
  }
  .entryflow_item_checkbox {
    margin: 0 auto 80px!important
  }
  .entryflow_item_checkbox .entryflow_item_btn-entry {
    width: 90%;
    padding-left: 20px
  }
  .entryflow_item_checkbox .entryflow_item_btn-entry a {
    font-size: 1.2rem;
    padding: 10px 0
  }
  .entryflow_item_checkbox .checkbox-parts {
    padding-top: 0;
    margin-right: 0
  }
  .entryflow_item_ttl {
    margin: 40px 0
  }
  .entryflow_item_txt {
    padding-bottom: 10px
  }
  .entryflow_item_txt-mt30 {
    margin-top: 5px;
    margin-left: 0;
    display: block
  }
  .entryflow_content {
    padding: 0 0 64px
  }
  .entryflowsplit_item {
    width: 100%
  }
  .login_wrap {
    padding: 0 0 64px
  }
  .login_content {
    width: calc(100% - 40px);
    max-width: 280px;
    margin-top: 30px
  }
  .login_content h1 {
    padding-bottom: 16px;
    font-size: 21px
  }
  .login_form {
    margin-top: 72px
  }
  .login_id_wrap, .login_pw_wrap {
    width: 280px;
    height: 50px;
    margin-bottom: 44px
  }
  .login_label {
    top: -32px;
    left: 0;
    width: 280px;
    line-height: 22px
  }
  .login_input_txt, .login_label {
    font-size: 15px
  }
  .login_submit_btn {
    width: 280px;
    height: 50px;
    margin-top: 60px;
    padding-left: 16px;
    font-size: 15px;
    line-height: 50px
  }
  .login_submit_btn .header_findout_arrow {
    width: 15px;
    right: 15px
  }
  .login_a_wrap {
    margin-top: 20px;
    text-align: left
  }
  .login_a_wrap a {
    font-size: 14px
  }
  .login_note {
    margin-top: 66px;
    text-align: left
  }
  .login_note P {
    font-size: 14px;
    text-indent: -1.2em;
    padding-left: 1.5em
  }
  .login_blank {
    height: 80px
  }
}

@media screen and (max-width:599px) {
  .entryflow .subpage_block_ttl_txt-main, .login .subpage_block_ttl_txt-main {
    line-height: 1.2
  }
  .entryflow_item {
    width: 100%;
    margin-bottom: 40px
  }
}

.entryflow_txt_indent {
  padding-left: 1em;
  text-indent: -1.2em
}

.entryflow_item-p {
  font-size: 1.2rem
}

h3.title_btn {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  font-family: YuMincho, Yu Mincho, "Noto Serif JP", serif;
  padding-bottom: 30px;
  cursor: pointer
}

h3.title_btn:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 10px;
  top: calc(50% - 22px);
  right: 30px;
  background-image: url(/faq/img/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all .4s;
  transition: all .4s
}

h3.title_btn.current:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.faq_list dd, .list_menu .list {
  display: none
}

.list_menu .main_list {
  position: relative;
  background-image: url(/faq/img/line.png);
  background-position-y: bottom;
  background-repeat: repeat-x
}

.list_menu .main_list+.main_list {
  margin-top: 31px
}

.list_menu .list {
  padding-top: 39px;
  padding-bottom: 31px;
  background-image: url(/faq/img/line.png);
  background-position-y: top;
  background-repeat: repeat-x
}

.info_content {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 62px 40px
}

.info_content .info_list_box {
  margin-bottom: 80px;
  position: relative
}

.info_content .info_list_box .info_label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.info_content .info_list_box .info_label_wrap span {
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  width: auto;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 3px
}

.info_content .info_list_box .info_label_wrap span+span {
  margin-left: 10px
}

.info_content .info_list_box .info_list_ttl {
  font-size: 21px;
  line-height: 1.75;
  margin: 20px auto
}

.info_content .info_list_box dl {
  padding: 20px 0;
  font-size: 15px;
  background-image: url(/info/img/line.png);
  background-position-y: top;
  background-repeat: repeat-x;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.75
}

.info_content .info_list_box dl dt {
  font-weight: 700
}

.info_content .info_list_box dl dd {
  width: 56.875vw
}

.info_content .info_list_box dl:last-child {
  background-image: url(/info/img/line.png), url(/info/img/line.png);
  background-position-y: top, bottom;
  background-repeat: repeat-x
}

.info_content .info_list_box .moreLink {
  color: #dd001f;
  width: 170px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 55px
}

.info_content .info_list_box .moreLink:hover a, .info_content .info_list_box .moreLink a {
  color: #dd001f
}

.info_content .info_list_box .moreLink:hover .moreLink_arrow img {
  display: none
}

.info_content .info_list_box .moreLink:hover .moreLink_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.info_content .info_list_box .moreLink .moreLink_arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.info_content .info_list_box .moreLink .moreLink_arrow img {
  display: block;
  width: 100%
}

.info_content .info_list_box .moreLink .moreLink_arrow img.hover {
  display: none
}

@media screen and (max-width:767px) {
  .info_content {
    padding: 40px 20px
  }
  .info_content .info_list_box {
    margin-bottom: 160px
  }
  .info_content .info_list_box .info_label_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .info_content .info_list_box .info_label_wrap span {
    font-size: 12px;
    height: 25px;
    line-height: 25px
  }
  .info_content .info_list_box .info_list_ttl {
    font-size: 18px
  }
  .info_content .info_list_box dl dt {
    font-size: 14px
  }
  .info_content .info_list_box dl dd {
    font-size: 13px
  }
  .info_content .info_list_box .moreLink {
    top: auto;
    right: 0;
    left: 0;
    margin-top: 30px
  }
}

.mapSection {
  position: relative;
  padding-top: 120px
}

.mapSection:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .mapSection:after {
    width: 90%
  }
}

@media screen and (max-width:1023px) {
  .mapSection {
    width: 95%;
    margin: 60px auto 0
  }
}

@media screen and (max-width:767px) {
  .mapSection {
    margin: 60px auto 0
  }
}

.mapSection_ttl {
  font-size: 27px;
  text-align: center
}

@media screen and (max-width:767px) {
  .mapSection_ttl {
    font-size: 22px;
    margin: 0 15px;
    line-height: 1.4
  }
}

.mapSection_map {
  display: block;
  width: calc(100% - 200px);
  max-width: 822px;
  margin: 41px auto 0
}

@media screen and (max-width:767px) {
  .mapSection_map {
    width: 100%
  }
}

.mapSection_txt {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  margin: 44px 0 60px
}

@media screen and (max-width:767px) {
  .mapSection_txt {
    text-align: left;
    font-weight: 500;
    width: 90%;
    margin: 30px auto
  }
}

.map_pc {
  display: block;
  background: url(/liveability/img/toyota_access.jpg);
  background-size: cover;
  width: 822px;
  height: 402px;
  position: relative
}

@media screen and (max-width:767px) {
  .map_pc {
    width: 280px;
    height: 137px
  }
}

.map_pc img {
  width: 100%
}

.map_pc .name {
  width: 58px;
  height: 11px;
  position: absolute;
  top: 280px;
  left: 395px;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transform-origin: center;
  transform-origin: center
}

@media screen and (max-width:767px) {
  .map_pc .name {
    width: 36px;
    height: 6;
    top: 90px;
    left: 142px
  }
}

.map_pc .name:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  bottom: -18px;
  left: 24px
}

@media screen and (max-width:767px) {
  .map_pc .name:after {
    width: 7px;
    height: 7px;
    bottom: -8px;
    left: 15px
  }
}

.map_pc .name.is-popup {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s
}

.map_pc .name.is-popup:after {
  -webkit-animation: fuwa 1.5s 1s infinite forwards;
  animation: fuwa 1.5s 1s infinite forwards
}

@-webkit-keyframes fuwa {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
    box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
  }
  50% {
    background: #f3102f
  }
  80% {
    background: #000
  }
  to {
    -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
    box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
  }
}

@keyframes fuwa {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(243, 16, 47, .7);
    box-shadow: 0 0 0 0 rgba(243, 16, 47, .7)
  }
  50% {
    background: #f3102f
  }
  80% {
    background: #000
  }
  to {
    -webkit-box-shadow: 0 0 0 10px rgba(224, 12, 12, 0);
    box-shadow: 0 0 0 10px rgba(224, 12, 12, 0)
  }
}

.boxParent {
  width: 760px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .boxParent {
    width: 100%
  }
}

.cityBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 760px;
  margin: 0 auto;
  padding: 48px 0 50px;
  position: relative
}

.cityBox:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .cityBox:after {
    width: 90%
  }
}

.cityBox:after {
  width: 100%
}

@media screen and (max-width:1023px) {
  .cityBox {
    width: 90%;
    margin: 0
  }
}

@media screen and (max-width:767px) {
  .cityBox {
    display: block;
    width: 100%;
    padding: 35px 0 100px;
    position: relative;
    margin-bottom: 30px
  }
}

.cityBox_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 390px)
}

@media screen and (max-width:767px) {
  .cityBox_flex {
    width: 90%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
  }
}

.cityBox_flex_name {
  font-size: 24px;
  width: 100px;
  margin-right: 20px
}

@media screen and (max-width:767px) {
  .cityBox_flex_name {
    margin-right: 0
  }
}

.cityBox_flex_map {
  width: 250px
}

@media screen and (max-width:767px) {
  .cityBox_flex_map {
    width: calc(100% - 100px)
  }
}

.cityBox_flex_map.is-colorin .pulse {
  -webkit-animation: pulse 1s .5s forwards;
  animation: pulse 1s .5s forwards
}

.cityBox_sec {
  width: 350px
}

.cityBox_sec_ttl {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 26px
}

@media screen and (max-width:767px) {
  .cityBox_sec_ttl {
    font-size: 15px;
    margin: 10px 0 16px
  }
}

.cityBox_sec_txt {
  font-size: 15px;
  line-height: 2
}

@media screen and (max-width:767px) {
  .cityBox_sec_txt {
    font-size: 14px
  }
}

@media screen and (max-width:767px) {
  .cityBox_sec {
    width: 90%;
    margin: 0 auto
  }
}

@media screen and (max-width:767px) {
  .lastBox .cityBox_sec_txt {
    padding-bottom: 12px
  }
}

@-webkit-keyframes pulse {
  0% {
    fill: transparent!important
  }
  to {
    fill: #dd001f!important
  }
}

@keyframes pulse {
  0% {
    fill: transparent!important
  }
  to {
    fill: #dd001f!important
  }
}

.toyotaBox {
  padding-bottom: 30px
}

.accessBox {
  background-color: #f5f4e5;
  margin-top: 25px;
  padding: 14px 44px 17px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .accessBox {
    padding: 10px 14px 13px;
    position: absolute;
    bottom: 0;
    width: 90%;
    margin: 0 auto
  }
}

.accessBox_pur {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .accessBox_pur {
    font-size: 10px
  }
}

.accessBox_pur span {
  font-size: 10px;
  margin-left: 9px
}

@media screen and (max-width:767px) {
  .accessBox_pur span {
    font-size: 10px;
    margin-left: 0
  }
}

.accessBox_means {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.accessBox_means, .accessBox_means_vehicle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.accessBox_means_vehicle {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.accessBox_means_vehicle img {
  height: 32px
}

.accessBox_means_vehicle p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-left: 10px
}

.accessBox_means_vehicle p span {
  font-size: 27px;
  color: #dd001f;
  font-weight: 400;
  margin-left: 5px
}

.red-fill {
  fill: #000
}

.liveabilityContents .liveabilityContents_inner.map-spacer {
  padding: 50px 0;
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContents_inner.map-spacer {
    padding: 35px 0
  }
}

.liveability {
  overflow: hidden
}

.liveabilityGraph {
  background: #f5f4e5;
  color: #333;
  padding: 120px 0
}

@media screen and (max-width:767px) {
  .liveabilityGraph {
    padding: 60px 0
  }
}

.liveabilityGraph_inner {
  max-width: 760px;
  margin: 0 auto
}

@media screen and (max-width:1023px) {
  .liveabilityGraph_inner {
    width: calc(100% - 40px);
    max-width: 680px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraph_inner {
    max-width: 400px
  }
}

.liveabilityGraph_ttl {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  letter-spacing: .3em;
  line-height: 1;
  margin-bottom: 56px
}

@media screen and (max-width:767px) {
  .liveabilityGraph_ttl {
    font-size: 24px;
    letter-spacing: .025em;
    margin-bottom: 44px
  }
}

.liveabilityGraph_lead {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  line-height: 2;
  padding-bottom: 64px;
  margin-bottom: 44px;
  position: relative
}

.liveabilityGraph_lead:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraph_lead:after {
    width: 90%
  }
}

.liveabilityGraph_lead:after {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraph_lead {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    letter-spacing: 0;
    padding-bottom: 30px;
    margin-bottom: 60px
  }
  .liveabilityGraph_lead br {
    display: none
  }
}

.liveabilityGraphNum {
  margin-bottom: 60px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNum {
    margin-bottom: 0
  }
}

.liveabilityGraphNum_ttl {
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 72px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNum_ttl {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 44px
  }
}

.liveabilityGraphNum_list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.liveabilityGraphNum_list, .liveabilityGraphNumItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.liveabilityGraphNumItem {
  margin-bottom: 100px;
  position: relative;
  z-index: 10
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem {
    display: block;
    margin-bottom: 60px
  }
}

.liveabilityGraphNumItem.-large {
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.liveabilityGraphNumItem.-medium {
  width: 280px;
  margin-right: 50px
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem.-medium {
    margin-right: 20px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-medium {
    width: 100%;
    margin-right: 0
  }
}

.liveabilityGraphNumItem.-home img {
  height: 152px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-home img {
    height: 145px
  }
}

.liveabilityGraphNumItem.-parking img {
  height: 182px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-parking img {
    height: 145px
  }
}

.liveabilityGraphNumItem.-ic {
  width: 532px;
  margin: 0 auto
}

.liveabilityGraphNumItem.-ic img {
  height: 150px
}

.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
  display: inline-block;
  margin: 0 .15em
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span {
    display: block;
    margin-left: 0
  }
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_ttl span .num {
    display: inline-block;
    margin-top: 6px
  }
}

.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
  font-size: 12px;
  margin-bottom: 18px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_add {
    margin-bottom: 10px
  }
}

.liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
  width: 290px;
  padding: 10px 0 50px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem.-ic .liveabilityGraphNumItem_txt {
    width: 100%;
    padding-bottom: 90px
  }
}

.liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
  position: absolute;
  right: -50px;
  bottom: 0;
  z-index: -10
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem.-home img, .liveabilityGraphNumItem.-ic img, .liveabilityGraphNumItem.-parking img {
    right: -20px;
    bottom: -34px
  }
}

.liveabilityGraphNumItem.-ic img {
  right: 0
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem.-ic img {
    right: -20px;
    bottom: -4px
  }
}

.liveabilityGraphNumItem_ttl {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 12px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_ttl {
    text-align: left
  }
}

.liveabilityGraphNumItem_ttl span {
  display: block;
  font-size: 29px
}

.liveabilityGraphNumItem_ttl span.num {
  display: inline-block;
  font-size: 66px;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 6px
}

.liveabilityGraphNumItem_note {
  font-size: 12px;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 16px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_note {
    text-align: left
  }
}

.liveabilityGraphNumItem_status {
  position: relative;
  padding: 22px 0
}

.liveabilityGraphNumItem_status:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_status:after {
    width: 90%
  }
}

.liveabilityGraphNumItem_status:after {
  width: 100%
}

.liveabilityGraphNumItem_status li {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 16px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_status li {
    font-weight: 500
  }
}

.liveabilityGraphNumItem_status li:last-child {
  margin-bottom: 0
}

.liveabilityGraphNumItem_status li>span {
  display: inline-block;
  -moz-text-align-last: justify;
  text-align-last: justify;
  letter-spacing: 0
}

.liveabilityGraphNumItem_status li>span.kakko {
  display: block;
  width: auto!important;
  font-size: 15px;
  -moz-text-align-last: left;
  text-align-last: left;
  margin-left: -.5em;
  margin-top: 8px
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem_status li>span.kakko {
    font-size: 14px
  }
}

.liveabilityGraphNumItem_status.-people li>span {
  width: 65px
}

.liveabilityGraphNumItem_status.-home li>span {
  width: 88px
}

.liveabilityGraphNumItem_status.-parking li>span {
  width: 150px
}

.liveabilityGraphNumItem_people {
  position: relative;
  padding-top: 22px
}

.liveabilityGraphNumItem_people:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_people:after {
    width: 90%
  }
}

.liveabilityGraphNumItem_people:after {
  width: 100%
}

.liveabilityGraphNumItem_people li {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 10px
}

.liveabilityGraphNumItem_people li>span {
  font-size: 12px
}

.liveabilityGraphNumItem_people li .num {
  font-size: 27px;
  font-weight: 500;
  margin: 0 .05em 0 .25em
}

.liveabilityGraphNumItem_infoGraphic {
  width: 445px;
  height: 332px;
  margin-bottom: 40px
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem_infoGraphic {
    width: 360px;
    height: 252px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic {
    width: 252px;
    height: 188px;
    margin: 14px auto 10px
  }
}

.liveabilityGraphNumItem_infoGraphic .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: 100%
}

.liveabilityGraphNumItem_infoGraphic .item {
  width: 22px;
  height: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  position: relative
}

.liveabilityGraphNumItem_infoGraphic .item span {
  display: block;
  width: 100%;
  height: 332px;
  background: -webkit-gradient(linear, left top, left bottom, from(#9cff38), to(#ffeb00));
  background: linear-gradient(#9cff38, #ffeb00);
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:1023px) {
  .liveabilityGraphNumItem_infoGraphic .item {
    width: 18px
  }
  .liveabilityGraphNumItem_infoGraphic .item span {
    height: 252px
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .item {
    width: 12px
  }
  .liveabilityGraphNumItem_infoGraphic .item span {
    height: 188px
  }
}

.liveabilityGraphNumItem_infoGraphic .txtContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .txtContainer {
    margin-top: 4px
  }
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
  text-align: center;
  font-size: 10px;
  letter-spacing: .05em;
  line-height: 1
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .txtContainer .txt {
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-old {
  -webkit-transform: translate(-35%);
  transform: translate(-35%)
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .txt.-new {
  -webkit-transform: translate(35%);
  transform: translate(35%)
}

.liveabilityGraphNumItem_infoGraphic .txtContainer .year {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_infoGraphic .txtContainer .year {
    margin-bottom: 0
  }
}

.liveabilityGraphNumItem_txt {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.7;
  padding-bottom: 8px
}

@media screen and (max-width:767px) {
  .liveabilityGraphNumItem_txt {
    padding-bottom: 0
  }
}

.liveabilityGraphAccess {
  position: relative;
  padding-top: 40px;
  margin-bottom: 120px
}

.liveabilityGraphAccess:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess:after {
    width: 90%
  }
}

.liveabilityGraphAccess:after {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess {
    margin-bottom: 40px
  }
  .liveabilityGraphAccess:after {
    content: none
  }
}

.liveabilityGraphAccess_ttl {
  font-size: 24px;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 40px
}

.liveabilityGraphAccess_ttl span {
  font-size: 14px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess_ttl {
    text-align: center
  }
  .liveabilityGraphAccess_ttl span {
    display: block;
    margin-top: 10px
  }
}

.liveabilityGraphAccess_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 44px
}

.liveabilityGraphAccess_list:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess_list:after {
    width: 90%
  }
}

.liveabilityGraphAccess_list:after {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccess_list {
    display: block;
    padding-bottom: 0
  }
  .liveabilityGraphAccess_list:after {
    content: none
  }
}

.liveabilityGraphAccessItem {
  width: 33.333%;
  height: 214px;
  position: relative
}

@media screen and (max-width:767px) {
  .liveabilityGraphAccessItem {
    width: 190px;
    height: auto;
    padding-bottom: 30px;
    margin: 0 auto 30px;
    -webkit-transform: translate(18px);
    transform: translate(18px)
  }
  .liveabilityGraphAccessItem.-plane {
    padding-bottom: 50px
  }
}

.liveabilityGraphAccessItem_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.liveabilityGraphAccessItem_ttl:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px
}

.liveabilityGraphAccessItem_ttl.-train {
  margin-left: -34px
}

.liveabilityGraphAccessItem_ttl.-train:before {
  width: 24px;
  height: 32px;
  background-image: url(/liveability/img/graph/ico_train@2x.png)
}

.liveabilityGraphAccessItem_ttl.-car {
  margin-left: -42px
}

.liveabilityGraphAccessItem_ttl.-car:before {
  width: 32px;
  height: 27px;
  background-image: url(/liveability/img/graph/ico_car@2x.png)
}

.liveabilityGraphAccessItem_ttl.-plane {
  margin-left: -43px
}

.liveabilityGraphAccessItem_ttl.-plane:before {
  width: 33px;
  height: 33px;
  background-image: url(/liveability/img/graph/ico_plane@2x.png)
}

.liveabilityGraphAccessItem_txt {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.4;
  margin-bottom: 10px
}

.liveabilityGraphAccessItem_txt span {
  font-size: 14px;
  font-weight: 400;
  display: block
}

.liveabilityAboutBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 22px 20px 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner {
    display: block;
    padding: 48px 20px 0;
    width: 100%!important
  }
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_txtContainer {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner_more {
    width: 64px;
    margin: 18px auto 0!important
  }
}

.liveabilityGraphAccessGrafic {
  position: absolute;
  bottom: 0
}

.liveabilityGraphAccessGrafic img {
  position: absolute;
  left: calc(50% + 20px);
  bottom: 8px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.liveabilityGraphAccessGrafic img.car {
  width: 31px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: 4px;
  bottom: 26px
}

.liveabilityGraphAccessGrafic img.plane {
  left: auto;
  right: -20px;
  -webkit-transform: none;
  transform: none
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line:before {
  width: 12px;
  height: 12px;
  left: -20px;
  background: #dd001f
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope {
  width: 48px;
  left: 22px;
  bottom: 10px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-animation: line-right 1s linear infinite;
  animation: line-right 1s linear infinite
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:before {
  content: none
}

.liveabilityGraphAccessGrafic.-plane .liveabilityGraphAccessGrafic_line.-slope:after {
  width: 16px;
  height: 16px;
  right: -20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
  background: linear-gradient(#b4fa2a, #e3f00f)
}

.liveabilityGraphAccessGrafic_line {
  display: block;
  width: 110px;
  height: 2px;
  background-image: url(/liveability/img/graph/dot_line_item@2x.png);
  background-size: 8px;
  background-repeat: repeat-x;
  position: relative;
  left: 25px;
  -webkit-animation: line-left 1s linear infinite;
  animation: line-left 1s linear infinite
}

.liveabilityGraphAccessGrafic_line:after, .liveabilityGraphAccessGrafic_line:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.liveabilityGraphAccessGrafic_line:before {
  width: 16px;
  height: 16px;
  left: -25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#b4fa2a), to(#e3f00f));
  background: linear-gradient(#b4fa2a, #e3f00f)
}

.liveabilityGraphAccessGrafic_line:after {
  width: 12px;
  height: 12px;
  right: -15px;
  background: #dd001f
}

@-webkit-keyframes line-left {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: -8px
  }
}

@keyframes line-left {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: -8px
  }
}

@-webkit-keyframes line-right {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: 8px
  }
}

@keyframes line-right {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: 8px
  }
}

.liveabilityGraphAbout_logo {
  width: 277px;
  margin: 0 auto;
  padding-right: 20px
}

.liveabilityGraphAbout_logo img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_logo {
    width: 229px;
    overflow: 0;
    margin-bottom: 40px
  }
}

sup {
  font-size: xx-small;
  vertical-align: super
}

.pc-hidden {
  display: none
}

@media screen and (max-width:767px) {
  .pc-hidden {
    display: block
  }
}

@media screen and (max-width:767px) {
  .sp-hidden {
    display: none
  }
}

.spacer {
  border-top: 1px dotted #707070;
  margin: 30px auto 0;
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .spacer {
    width: 100%
  }
}

.liveabilityContentsPlaces {
  padding-top: 20px
}

.liveabilityContentsPlacesItemDetails_ttl {
  position: relative;
  padding-left: 30px
}

.liveabilityContentsPlacesItemDetails_ttl:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #dd0a1f;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.liveability {
  display: block
}

.liveability, .liveability_content {
  background: #fff
}

.liveability_main_movie {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.liveability_main_movie img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveability_main_movie img {
    height: auto
  }
}

.liveability_main_movie .sp {
  padding-top: 48px
}

.liveabilityMainMovie_txtContainer {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(/liveability/img/liveability_mv_pc.png) 100%;
  background-size: cover;
  background-repeat: no-repeat
}

@media screen and (max-width:1279px) {
  .liveabilityMainMovie_txtContainer {
    top: 20px
  }
}

.liveabilityMainMovie_heading {
  display: inline-block;
  font-size: 4.2rem;
  letter-spacing: .04em;
  margin: 70px 0 40px
}

.liveabilityMainMovie_heading span {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin-left: 16px
}

.liveabilityMainMovie_heading:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 12px auto 0
}

@media screen and (max-width:1023px) {
  .liveabilityMainMovie_heading {
    font-size: 3rem;
    margin: 70px 0 20px
  }
}

@media screen and (max-width:767px) {
  .liveabilityMainMovie_heading {
    font-size: 4.2rem;
    margin: 70px 0 40px
  }
}

.liveabilityMainMovie_ttl {
  font-size: 4rem;
  letter-spacing: .25em;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

@media screen and (max-width:1023px) {
  .liveabilityMainMovie_ttl {
    font-size: 3rem;
    margin: 0 auto
  }
}

@media screen and (max-width:767px) {
  .liveabilityMainMovie_ttl {
    font-size: 24px;
    margin: 0;
    padding-bottom: 30px
  }
}

.liveabilityMainMovie_description {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1.6px;
  font-weight: 700;
  margin: 30px auto
}

@media screen and (max-width:1279px) {
  .liveabilityMainMovie_description {
    font-size: 13px;
    margin: 20px auto 40px
  }
}

@media screen and (max-width:1023px) {
  .liveabilityMainMovie_description {
    margin: 10px auto 30px
  }
}

.sp-nav .liveabilityMainMovie_description {
  background: #1a1a1a;
  margin: 0 auto;
  padding: 50px 5% 30px;
  z-index: 999;
  text-align: left;
  font-size: 16px;
  color: #fff;
  font-weight: 400
}

.sp-nav .liveabilityCase_btnList {
  width: 100%;
  display: block;
  background: #1a1a1a;
  margin-top: -5px;
  padding: 20px 0
}

.liveabilityCase_btnList {
  width: 760px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .liveabilityCase_btnList {
    display: none
  }
}

.liveabilityCase_btn {
  width: 182px;
  height: 60px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -.05em;
  text-align: left;
  font-weight: 700;
  border: 2px solid #fff;
  border-radius: 3px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .4s ease;
  transition: .4s ease
}

@media screen and (max-width:767px) {
  .liveabilityCase_btn {
    width: 90%;
    margin: 20px auto
  }
}

@media screen and (max-width:767px) {
  .liveabilityCase_btn:first-of-type {
    margin-top: 0
  }
}

.liveabilityCase_btn:hover {
  border-color: #fff;
  background-color: #fff
}

.liveabilityCase_btn:hover a {
  color: #000
}

.liveabilityCase_btn:hover .liveabilityCase_btn_arrow img {
  display: none;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.liveabilityCase_btn:hover .liveabilityCase_btn_arrow .hover {
  display: block
}

.liveabilityCase_btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff
}

.liveabilityCase_btn a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px
}

.liveabilityCase_btn_arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 16px;
  right: 20px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.liveabilityCase_btn_arrow img {
  width: 100%;
  height: auto;
  opacity: 1
}

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  50% {
    opacity: 1
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes moveUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  50% {
    opacity: 1
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

.liveabilityContents .liveabilityContents_inner {
  width: 760px;
  margin: 0 auto;
  padding: 120px 0
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContents_inner {
    width: 90%;
    padding: 35px 0
  }
}

.liveabilityContents .liveabilityContentsHeaders {
  padding-bottom: 20px;
  position: relative
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders {
    padding-bottom: 50px
  }
}

.liveabilityContents .liveabilityContentsHeaders:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders:after {
    width: 90%
  }
}

.liveabilityContents .liveabilityContentsHeaders:after {
  width: 100%
}

.liveabilityContents .liveabilityContentsHeaders_ttl {
  font-size: 40px;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 4.8px;
  line-height: 1.4;
  margin-bottom: 50px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_ttl {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.5;
    font-weight: 700
  }
}

.liveabilityContents .liveabilityContentsHeaders_txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 1.6px;
  text-align: center
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_txt {
    font-size: 14px;
    text-align: left;
    font-weight: 400
  }
}

.liveabilityContents .liveabilityContentsHeaders_img_pc {
  background: url(/liveability/img/city_base.png);
  background-size: cover;
  width: 760px;
  height: 438px;
  position: relative;
  margin-bottom: 70px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_img_pc {
    display: none
  }
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-1 img {
  -webkit-animation: moveUp 1s .1s forwards;
  animation: moveUp 1s .1s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-2 img {
  -webkit-animation: moveUp 1s .2s forwards;
  animation: moveUp 1s .2s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-3 img {
  -webkit-animation: moveUp 1s .3s forwards;
  animation: moveUp 1s .3s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-4 img {
  -webkit-animation: moveUp 1s .6s forwards;
  animation: moveUp 1s .6s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-5 img {
  -webkit-animation: moveUp 1s .8s forwards;
  animation: moveUp 1s .8s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-6 img {
  -webkit-animation: moveUp 1s .5s forwards;
  animation: moveUp 1s .5s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc.is-moveup .building-7 img {
  -webkit-animation: moveUp 1s .4s forwards;
  animation: moveUp 1s .4s forwards
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-before {
  position: absolute;
  overflow: hidden
}

.liveabilityContents .liveabilityContentsHeaders_img_pc img {
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transform-origin: bottom;
  transform-origin: bottom
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-1 {
  width: 141px;
  height: 167px;
  top: 10px;
  left: 244px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-2 {
  width: 119px;
  height: 124px;
  top: 58px;
  left: 384px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-3 {
  width: 125px;
  height: 93px;
  top: 140px;
  left: 318px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-4 {
  width: 135px;
  height: 96px;
  top: 260px;
  left: 250px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-5 {
  width: 135px;
  height: 96px;
  top: 288px;
  left: 300px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-6 {
  width: 109px;
  height: 139px;
  top: 156px;
  left: 488px
}

.liveabilityContents .liveabilityContentsHeaders_img_pc .building-7 {
  width: 86px;
  height: 70px;
  top: 156px;
  left: 117px
}

.liveabilityContents .liveabilityContentsHeaders_img_sp {
  display: none
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_img_sp {
    display: block;
    background: url(/liveability/img/city_base.png);
    background-size: cover;
    width: 596px;
    height: 344px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-1 img {
    -webkit-animation: moveUp 1s .4s forwards;
    animation: moveUp 1s .4s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-2 img {
    -webkit-animation: moveUp 1s .1s forwards;
    animation: moveUp 1s .1s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-3 img {
    -webkit-animation: moveUp 1s .2s forwards;
    animation: moveUp 1s .2s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-4 img {
    -webkit-animation: moveUp 1s .3s forwards;
    animation: moveUp 1s .3s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-5 img {
    -webkit-animation: moveUp 1s .4s forwards;
    animation: moveUp 1s .4s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-6 img {
    -webkit-animation: moveUp 1s .5s forwards;
    animation: moveUp 1s .5s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp.is-moveup .building-7 img {
    -webkit-animation: moveUp 1s .6s forwards;
    animation: moveUp 1s .6s forwards
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-before {
    position: absolute;
    overflow: hidden
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp img {
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-1 {
    width: 111px;
    height: 131px;
    top: 2px;
    left: 177px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-2 {
    width: 94px;
    height: 98px;
    top: 43px;
    left: 303px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-3 {
    width: 99px;
    height: 73px;
    top: 106px;
    left: 250px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-4 {
    width: 106px;
    height: 76px;
    top: 203px;
    left: 198px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-5 {
    width: 106px;
    height: 76px;
    top: 224px;
    left: 237px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-6 {
    width: 86px;
    height: 109px;
    top: 121px;
    left: 384px
  }
  .liveabilityContents .liveabilityContentsHeaders_img_sp .building-7 {
    width: 68px;
    height: 55px;
    top: 121px;
    left: 95px
  }
}

.liveabilityContents1 {
  background: #fff
}

.liveabilityContents1 .liveabilityContentsPlaces img {
  width: 100%
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem {
  margin: 40px auto
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem:first-of-type {
  margin-top: 50px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA {
    display: block
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
  width: 302px
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemImg img {
    width: 100%
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
  margin-left: 36px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_ttl {
  font-size: 18px;
  font-weight: 700
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails_txt {
  line-height: 1.8;
  margin-top: 20px;
  font-size: 15px
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutA .liveabilityContentsPlacesItemDetails {
    margin-left: 0;
    margin-top: 20px
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 75px
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB {
    display: block;
    margin-top: 40px
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
  width: 33.33333%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 50px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem {
    width: 100%
  }
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:first-of-type {
  margin-top: 40px
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItem:last-child {
  margin-right: 0
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_ttl {
  font-size: 16px;
  font-weight: 700;
  margin: 22px auto
}

.liveabilityContents1 .liveabilityContentsPlaces .liveabilityContentsPlacesItem-layoutB .liveabilityContentsPlacesItemDetails_txt {
  font-size: 13px;
  line-height: 1.8
}

.liveabilityContents .liveabilityContentsHeaders_txt {
  margin-bottom: 70px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsHeaders_txt {
    margin-bottom: 30px
  }
}

.liveabilityContents .liveabilityContentsInterview {
  margin-top: 30px
}

.liveabilityContents .liveabilityContentsInterview_special {
  margin-top: -40px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview_special {
    width: 95%;
    margin: 0 auto
  }
}

@media screen and (max-width:1023px) {
  .liveabilityContents .liveabilityContentsInterview {
    width: 95%;
    margin: 0 auto
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader {
  padding-top: 60px;
  position: relative
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
    width: 90%
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader:after {
  width: 100%
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #dd001f
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h2 {
    font-size: 18px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.8;
  margin: 25px auto
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h3 {
    font-size: 21px;
    margin: 20px auto 8px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
  font-size: 16px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewHeader h4 {
    font-weight: 400
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout {
    display: block;
    margin-top: 25px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem:first-of-type {
  margin-right: 40px
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
  width: 50%;
  font-size: 15px;
  line-height: 2
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem {
    width: 100%;
    font-size: 14px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
  width: 100%
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem img {
    margin-top: 20px
  }
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem p {
  display: block
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special {
  margin-top: 38px;
  display: block;
  padding: 30px 25px;
  background: #f2f2f2;
  line-height: 1.8
}

.liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layout .liveabilityContentsInterviewDetailsItem .special span {
  font-size: 12px
}

@media screen and (max-width:767px) {
  .liveabilityContents .liveabilityContentsInterview .liveabilityContentsInterviewDetails .liveabilityContentsInterviewDetails-layoutB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.liveabilityContents3 .liveabilityGraph_about {
  margin: 80px auto 0
}

.liveabilityContents4 {
  background: #f5f4e5;
  margin-bottom: 0
}

.liveabilityContents4 .liveabilityGraph_about {
  margin: 80px auto 0
}

.feature_last_txt {
  margin-top: 0!important;
  text-align: center;
  font-weight: 700;
  font-size: 18px
}

.liveabilityAboutBanner-2 .liveabilityGraphAbout_logo {
  height: 200px
}

.liveabilityAboutBanner-2 .liveabilityGraphAbout_logo img {
  height: 100%
}

.liveabilityAboutBanner-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner-2 {
    display: block;
    width: 90%!important
  }
}

.liveabilityGraphAbout_logo {
  margin: 0;
  width: 320px;
  padding-right: 40px
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_logo {
    width: 100%;
    margin: 0 auto;
    padding-right: 0
  }
}

.liveabilityGraphAbout_txtContainer {
  width: 52%;
  padding-top: 15px;
  padding-right: 20px
}

@media screen and (max-width:767px) {
  .liveabilityGraphAbout_txtContainer {
    width: 90%;
    margin: 0 auto;
    padding: 30px 10px
  }
}

.liveabilityAboutBanner_ttl {
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 18px
}

.liveabilityAboutBanner_txt {
  font-size: 13px;
  letter-spacing: .05em;
  line-height: 1.7
}

.liveabilityAboutBanner_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #dd001f;
  letter-spacing: .075em;
  line-height: 1;
  cursor: pointer;
  padding: 14px 0
}

@media screen and (min-width:1024px) {
  .liveabilityAboutBanner_more:hover .liveabilityAboutBanner_arrow img {
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
}

@media screen and (max-width:767px) {
  .liveabilityAboutBanner_more {
    width: 64px;
    margin: 0 auto
  }
}

.liveabilityAboutBanner_arrow {
  width: 14px;
  height: 14px;
  top: 16px;
  right: 20px;
  overflow: hidden;
  margin-left: 10px
}

.liveabilityAboutBanner_arrow img {
  width: 100%;
  height: auto;
  opacity: .8
}

.liveabilityContents_inner2 {
  width: 760px;
  margin: 0 auto;
  padding: 120px 0
}

.liveabilityContents_inner2 .liveabilityContentsHeaders {
  padding-bottom: 0
}

.liveabilityContents_inner2 .liveabilityContentsHeaders:after {
  display: none
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner2 {
    width: 100%;
    padding: 40px 0
  }
  .liveabilityContents_inner2 .liveabilityContentsHeaders_txt {
    padding: 0 20px
  }
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner2 .liveabilityAboutBanner {
    width: 90%!important
  }
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner2 .liveabilityContentsInterview {
    width: 100%
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview_header {
    margin: 0 20px
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
    width: 90%!important;
    margin: 0 auto!important
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
    width: 100%!important
  }
  .liveabilityContents_inner2 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
    margin: 0 20px;
    padding: 20px
  }
}

.liveabilityContents_inner3 {
  width: 760px;
  margin: 0 auto;
  padding: 120px 0
}

.liveabilityContents_inner3 .liveabilityContentsHeaders {
  padding-bottom: 0
}

.liveabilityContents_inner3 .liveabilityContentsHeaders:after {
  width: 0!important
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner3 {
    width: 100%;
    padding: 60px 0
  }
  .liveabilityContents_inner3 .liveabilityContentsHeaders_txt {
    padding: 0 20px;
    letter-spacing: 0
  }
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner3 .liveabilityContentsInterview {
    width: 100%
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview_header {
    margin: 0 20px
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_txt {
    width: 90%!important;
    margin: 0 auto!important
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img {
    width: 100%!important
  }
  .liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
    margin: 0 20px;
    padding: 20px;
    background: #fff!important
  }
}

.liveabilityContents_inner3 .liveabilityContentsInterview .liveabilityContentsInterviewDetailsItem_img .special {
  background: #fff!important
}

@media screen and (max-width:767px) {
  .feature_last_inner {
    text-align: left
  }
  .feature_last_inner .feature_last_txt {
    font-weight: 700;
    text-align: left
  }
}

.liveabilityContents_inner-hr {
  width: 760px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .liveabilityContents_inner-hr {
    width: 90%
  }
}

.featureCaseInfographics {
  width: 100%
}

.featureCaseInfographics_imgContainer {
  width: 100%;
  height: 464px;
  position: relative
}

.featureCaseInfographics_imgContainer:after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  background: #a4b8c4;
  position: absolute;
  bottom: 0
}

.featureCaseInfographics_road, .featureCaseInfographics_town {
  width: 100%;
  background: repeat-x bottom;
  background-size: contain;
  position: absolute;
  left: 0
}

.featureCaseInfographics_town {
  height: 134px;
  background-image: url(/feature/img/infographics/bg_town.png);
  bottom: 120px
}

.featureCaseInfographics_road {
  height: 70px;
  background-image: url(/feature/img/infographics/bg_road.png);
  bottom: 50px
}

.featureCaseInfographics_cloud {
  display: block;
  width: 263px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-animation: none;
  animation: none;
  -webkit-animation: cloud 1.8s linear infinite;
  animation: cloud 1.8s linear infinite
}

.featureCaseInfographics_carContainer {
  width: 100%;
  max-width: 1024px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}

.featureCaseInfographics_carContainer-front {
  bottom: 60px;
  z-index: 10
}

.featureCaseInfographics_carContainer-back {
  bottom: 88px
}

.featureCaseInfographics_car {
  display: block;
  position: absolute;
  bottom: 0
}

.featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
  width: 105px
}

.featureCaseInfographics_car-02 {
  width: 159px
}

.featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
  width: 111.5px
}

.featureCaseInfographics_car-04 {
  width: 68.5px
}

.featureCaseInfographics_car-06 {
  width: 118px
}

.featureCaseInfographics_car-01 {
  left: 11.9%
}

.featureCaseInfographics_car-02 {
  left: 31.25%
}

.featureCaseInfographics_car-03 {
  left: 55.95%
}

.featureCaseInfographics_car-04 {
  left: 75.39%
}

.featureCaseInfographics_car-05 {
  left: 6.93%
}

.featureCaseInfographics_car-06 {
  left: 47.95%
}

.featureCaseInfographics_car-07 {
  left: 83.2%
}

.featureCaseInfographics_arrowContainer {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}

.featureCaseInfographics_arrow {
  width: 14px;
  background: url(/feature/img/infographics/arrow_body.png) repeat-y top;
  background-size: 4px;
  position: absolute
}

.featureCaseInfographics_arrow-01 {
  height: 244px;
  top: 140px;
  left: 27.34%;
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg)
}

.featureCaseInfographics_arrow-02 {
  height: 124px;
  top: 200px;
  left: 42.48%;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

.featureCaseInfographics_arrow-03 {
  height: 92px;
  top: 205px;
  left: 53.71%;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg)
}

.featureCaseInfographics_arrow-04 {
  height: 244px;
  top: 120px;
  left: 72.75%;
  -webkit-transform: rotate(-58deg);
  transform: rotate(-58deg)
}

.featureCaseInfographics_arrow-05 {
  left: 25.98%
}

.featureCaseInfographics_arrow-06 {
  left: 50.78%
}

.featureCaseInfographics_arrow-07 {
  left: 70.31%
}

.featureCaseInfographics_arrow-car {
  height: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 60px
}

.featureCaseInfographics_arrow:after, .featureCaseInfographics_arrow:before {
  content: "";
  display: block;
  width: 14px;
  height: 12px;
  background: url(/feature/img/infographics/arrow_head.svg) no-repeat 50%;
  background-size: contain;
  position: absolute
}

.featureCaseInfographics_arrow:before {
  top: -16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.featureCaseInfographics_arrow:after {
  bottom: -16px
}

.featureCaseInfographics_arrow_item {
  display: block;
  width: 8px;
  height: 8px;
  background: #5fb4ca;
  border-radius: 8px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  z-index: 10;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px)
}

.featureCaseInfographics_arrow_item.is-active {
  -webkit-animation: arrow linear both;
  animation: arrow linear both
}

.featureCaseInfographics_arrow_item.is-reverse {
  animation: arrow linear reverse both
}

.featureCaseInfographics_arrow_item.arrow_item-01 {
  -webkit-animation-duration: .85s;
  animation-duration: .85s
}

.featureCaseInfographics_arrow_item.arrow_item-02 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.featureCaseInfographics_arrow_item.arrow_item-03 {
  -webkit-animation-duration: .4s;
  animation-duration: .4s
}

.featureCaseInfographics_arrow_item.arrow_item-04 {
  -webkit-animation-duration: .85s;
  animation-duration: .85s
}

.featureCaseInfographics_arrow_item.type-short {
  -webkit-animation-duration: .35s;
  animation-duration: .35s
}

.featureCaseInfographics_hukidashiContainer {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}

.featureCaseInfographics_hukidashi {
  display: block;
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.featureCaseInfographics_hukidashi-a {
  top: 226px;
  left: 132px
}

.featureCaseInfographics_hukidashi-b {
  width: 68px;
  top: 280px;
  right: 202px
}

.featureCaseInfographics_hukidashi-c {
  top: 234px;
  left: 328px
}

.featureCaseInfographics_hukidashi-d {
  width: 29px
}

.featureCaseInfographics_hukidashi-d-01 {
  top: 286px;
  left: 88px
}

.featureCaseInfographics_hukidashi-d-02 {
  top: 202px;
  right: 353px
}

.featureCaseInfographics_hukidashi-d-03 {
  top: 300px;
  left: 284px
}

.featureCaseInfographics_hukidashi-d-04 {
  top: 276px;
  right: 101px
}

.featureCaseInfographics_hukidashi-d-05 {
  top: 290px;
  left: 500px
}

.featureCaseInfographics_hukidashi-d-06 {
  top: 326px;
  right: 350px
}

.featureCaseInfographics_hukidashi-d-07 {
  top: 260px;
  left: 45px
}

.featureCaseInfographics_peopleContainer {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10
}

.featureCaseInfographics_people {
  position: absolute;
  bottom: 42px
}

.featureCaseInfographics_people-a {
  width: 40px;
  left: 342px
}

.featureCaseInfographics_people-b {
  width: 24px;
  right: 358px
}

.featureCaseInfographics_people-c {
  width: 20.5px;
  right: 22px
}

.featureCaseInfographics_txtContainer {
  width: 100%;
  background: #89c6d7
}

.featureCaseInfographics_list {
  max-width: 984px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(-28px);
  transform: translateY(-28px)
}

.featureCaseInfographics_item {
  background: #fff;
  padding: 20px 17px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.featureCaseInfographics_item-connected {
  width: 263px
}

.featureCaseInfographics_item-autonomous {
  width: 172px
}

.featureCaseInfographics_item-sharedService {
  width: 218px
}

.featureCaseInfographics_item-electric {
  width: 271px
}

.featureCaseInfographics_item_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 14px
}

.featureCaseInfographics_item_name {
  font-size: 1rem;
  color: #dd001f
}

.featureCaseInfographics_item_name span {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 8px
}

.is-active .featureCaseInfographics_hukidashi {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.is-active .featureCaseInfographics_hukidashi-a, .is-active .featureCaseInfographics_hukidashi-b, .is-active .featureCaseInfographics_hukidashi-c {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

@-webkit-keyframes arrow {
  0% {
    top: 0;
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    opacity: 1
  }
  to {
    top: 100%;
    opacity: 0
  }
}

@keyframes arrow {
  0% {
    top: 0;
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    opacity: 1
  }
  to {
    top: 100%;
    opacity: 0
  }
}

@-webkit-keyframes cloud {
  0% {
    opacity: 1
  }
  2% {
    opacity: .4
  }
  50% {
    opacity: 1
  }
  to {
    opacity: 1
  }
}

@keyframes cloud {
  0% {
    opacity: 1
  }
  2% {
    opacity: .4
  }
  50% {
    opacity: 1
  }
  to {
    opacity: 1
  }
}

@media screen and (max-width:1023px) {
  .featureCaseInfographics_town {
    height: 95px;
    bottom: 102px
  }
  .featureCaseInfographics_road {
    height: 53px
  }
  .featureCaseInfographics_cloud {
    width: 248px;
    left: 8px
  }
  .featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
    max-width: 768px
  }
  .featureCaseInfographics_peopleContainer {
    pointer-events: none
  }
  .featureCaseInfographics_arrow-01 {
    height: 218px;
    top: 167px;
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg)
  }
  .featureCaseInfographics_arrow-04 {
    height: 178px;
    top: 161px;
    -webkit-transform: rotate(-48deg);
    transform: rotate(-48deg)
  }
  .featureCaseInfographics_arrow-03 {
    left: 55.7%
  }
  .featureCaseInfographics_arrow-05, .featureCaseInfographics_arrow-06, .featureCaseInfographics_arrow-07 {
    -webkit-transform: translate(-100%) rotate(90deg);
    transform: translate(-100%) rotate(90deg)
  }
  .featureCaseInfographics_arrow-05 {
    left: 188px
  }
  .featureCaseInfographics_arrow-06 {
    left: 418px
  }
  .featureCaseInfographics_arrow-07 {
    left: 600px
  }
  .featureCaseInfographics_car-01 {
    left: 40px
  }
  .featureCaseInfographics_car-02 {
    left: 28.25%
  }
  .featureCaseInfographics_car-03 {
    left: 58%
  }
  .featureCaseInfographics_car-04 {
    left: 81.75%
  }
  .featureCaseInfographics_car-05 {
    left: 15px
  }
  .featureCaseInfographics_car-06 {
    left: 47.95%
  }
  .featureCaseInfographics_car-07 {
    left: auto;
    right: 15px
  }
  .featureCaseInfographics_hukidashi-a {
    top: 226px;
    left: 58px
  }
  .featureCaseInfographics_hukidashi-b {
    top: 298px;
    right: 43px
  }
  .featureCaseInfographics_hukidashi-c {
    top: 234px;
    left: 214px
  }
  .featureCaseInfographics_hukidashi-d {
    width: 29px
  }
  .featureCaseInfographics_hukidashi-d-01 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-02 {
    top: 286px;
    right: 358px
  }
  .featureCaseInfographics_hukidashi-d-03 {
    top: 316px;
    left: 190px
  }
  .featureCaseInfographics_hukidashi-d-04 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-05 {
    top: 248px;
    left: 472px
  }
  .featureCaseInfographics_hukidashi-d-06 {
    top: 326px;
    right: 222px
  }
  .featureCaseInfographics_hukidashi-d-07 {
    display: none
  }
  .featureCaseInfographics_people {
    position: absolute;
    bottom: 42px
  }
  .featureCaseInfographics_people-a {
    width: 40px;
    left: 232px
  }
  .featureCaseInfographics_people-b {
    width: 24px;
    right: 230px
  }
  .featureCaseInfographics_people-c {
    width: 20.5px;
    right: 22px
  }
  .featureCaseInfographics_list {
    width: calc(100% - 80px);
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateY(-14px);
    transform: translateY(-14px)
  }
  .featureCaseInfographics_item {
    width: calc(50% - 5px);
    padding: 18px 17px;
    margin-top: 10px
  }
  .featureCaseInfographics_item:first-child, .featureCaseInfographics_item:nth-child(2) {
    margin-top: 0
  }
  .featureCaseInfographics_item_ttl {
    margin-bottom: 8px
  }
  .featureCaseInfographics_item_name span {
    display: inline-block;
    margin: 0 12px 0 0
  }
}

@media screen and (max-width:767px) {
  .featureCaseInfographics {
    overflow: hidden
  }
  .featureCaseInfographics_imgContainer {
    height: 362px
  }
  .featureCaseInfographics_imgContainer:after {
    height: 20px
  }
  .featureCaseInfographics_town {
    height: 67px;
    bottom: 90px;
    background-size: cover
  }
  .featureCaseInfographics_road {
    height: 70px;
    bottom: 20px;
    background-size: cover
  }
  .featureCaseInfographics_cloud {
    width: 196px
  }
  .featureCaseInfographics_arrowContainer, .featureCaseInfographics_carContainer, .featureCaseInfographics_hukidashiContainer, .featureCaseInfographics_peopleContainer {
    max-width: 320px
  }
  .featureCaseInfographics_peopleContainer {
    pointer-events: none
  }
  .featureCaseInfographics_arrow-01 {
    height: 153px;
    top: 148px;
    left: 58px;
    -webkit-transform: rotate(21deg);
    transform: rotate(21deg)
  }
  .featureCaseInfographics_arrow-02 {
    height: 93px;
    top: 156px;
    left: 116px;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }
  .featureCaseInfographics_arrow-03 {
    height: 123px;
    top: 158px;
    left: 180px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg)
  }
  .featureCaseInfographics_arrow-04 {
    height: 93px;
    top: 154px;
    left: 228px;
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg)
  }
  .featureCaseInfographics_arrow-05 {
    left: 51px
  }
  .featureCaseInfographics_arrow-06 {
    left: 166px
  }
  .featureCaseInfographics_arrow-07 {
    left: 256px
  }
  .featureCaseInfographics_arrow-car {
    height: 20px;
    -webkit-transform: rotate(90deg) scale(.5);
    transform: rotate(90deg) scale(.5);
    bottom: 32px
  }
  .featureCaseInfographics_arrow-car:before {
    -webkit-transform: scale(.8) rotate(180deg);
    transform: scale(.8) rotate(180deg)
  }
  .featureCaseInfographics_arrow-car:after {
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  .featureCaseInfographics_arrow .arrow_item-01 {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
  }
  .featureCaseInfographics_arrow .arrow_item-02 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
  }
  .featureCaseInfographics_arrow .arrow_item-03 {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
  }
  .featureCaseInfographics_arrow .arrow_item-04 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
  }
  .featureCaseInfographics_carContainer {
    pointer-events: none
  }
  .featureCaseInfographics_carContainer-front {
    bottom: 30px
  }
  .featureCaseInfographics_carContainer-back {
    bottom: 62px
  }
  .featureCaseInfographics_car-01, .featureCaseInfographics_car-05 {
    width: 56px
  }
  .featureCaseInfographics_car-02 {
    width: 86px
  }
  .featureCaseInfographics_car-03, .featureCaseInfographics_car-07 {
    width: 60px
  }
  .featureCaseInfographics_car-04 {
    width: 37px
  }
  .featureCaseInfographics_car-06 {
    width: 70px
  }
  .featureCaseInfographics_car-01 {
    left: -14px
  }
  .featureCaseInfographics_car-02 {
    left: 73px
  }
  .featureCaseInfographics_car-03 {
    left: 187px
  }
  .featureCaseInfographics_car-04 {
    left: 278px
  }
  .featureCaseInfographics_car-05 {
    left: -39px
  }
  .featureCaseInfographics_car-06 {
    left: 76px
  }
  .featureCaseInfographics_car-07 {
    left: auto;
    right: 43px
  }
  .featureCaseInfographics_hukidashiContainer {
    pointer-events: none
  }
  .featureCaseInfographics_hukidashi {
    width: 74px
  }
  .featureCaseInfographics_hukidashi-a {
    top: 204px;
    left: -6px
  }
  .featureCaseInfographics_hukidashi-b {
    width: 54px;
    top: 240px;
    right: -4px
  }
  .featureCaseInfographics_hukidashi-c {
    top: 212px;
    left: 126px
  }
  .featureCaseInfographics_hukidashi-d {
    width: 22px
  }
  .featureCaseInfographics_hukidashi-d-01 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-02 {
    top: 190px;
    right: 77px
  }
  .featureCaseInfographics_hukidashi-d-03 {
    top: 288px;
    left: 205px
  }
  .featureCaseInfographics_hukidashi-d-04 {
    display: none
  }
  .featureCaseInfographics_hukidashi-d-05 {
    top: 198px;
    left: 114px
  }
  .featureCaseInfographics_hukidashi-d-06 {
    top: 248px;
    right: 222px
  }
  .featureCaseInfographics_hukidashi-d-07 {
    display: none
  }
  .featureCaseInfographics_people {
    bottom: 10px
  }
  .featureCaseInfographics_people-a {
    width: 25px;
    left: 92px
  }
  .featureCaseInfographics_people-b {
    width: 15px;
    right: 100px
  }
  .featureCaseInfographics_people-c {
    width: 14px;
    right: 43px
  }
  .featureCaseInfographics_txtContainer {
    padding: 10px 0
  }
  .featureCaseInfographics_list {
    width: calc(100% - 20px);
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  .featureCaseInfographics_item {
    width: 100%;
    margin-top: 10px
  }
  .featureCaseInfographics_item:nth-child(2) {
    margin-top: 10px
  }
}

.feature {
  display: block;
  background: #fff
}

.feature_content {
  background: #000
}

.feature_main_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 460px;
  overflow: hidden
}

.feature_main_movie video {
  width: 100%
}

.feature_main_movie:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .65);
  position: absolute;
  top: 0;
  left: 0
}

.feature_main_txt {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 2.25;
  letter-spacing: .1em;
  background: #000;
  padding: 50px 0
}

.feature_section {
  background: #fff;
  margin-top: 10px;
  padding: 64px 0 100px
}

.feature_section_txtContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 760px;
  color: #333;
  margin: 88px auto 80px;
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0, 0, .4, 1);
  transition: 1.2s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}

.feature_section_ttl {
  font-size: 3.2rem;
  line-height: 1.7;
  letter-spacing: .05em;
  font-weight: 400;
  width: 340px
}

.feature_section_ttl span {
  display: block;
  margin-top: 48px
}

.feature_section_txt {
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: .01em;
  font-weight: 500;
  text-align: justify;
  width: 420px
}

.feature_section.is-active .feature_ttl-en span {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.feature_section.is-active .feature_section_txtContainer, .feature_section.is-active .feature_ttl-jp {
  opacity: 1
}

.feature_connected_comment {
  max-width: 420px;
  margin: 0 auto;
  font-size: 1.5rem;
  color: #333;
  line-height: 2;
  text-align: justify
}

.feature_ttl {
  text-align: center;
  color: #333
}

.feature_ttl-en {
  font-size: 5.2rem;
  font-weight: 400;
  letter-spacing: -.025em;
  margin-bottom: 18px
}

.feature_ttl-en span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: 20% center;
  transform-origin: 20% center;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

.feature_ttl-en span:first-child {
  color: #dd001f
}

.feature_ttl-jp {
  font-size: 1.6rem;
  letter-spacing: .05em;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: .8s cubic-bezier(0, 0, .4, 1);
  transition: .8s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.feature_readMore {
  padding: 28px 0 0
}

.feature_readMore_inner {
  width: 160px;
  opacity: .8
}

.feature_readMore_inner a {
  display: block;
  width: 100%;
  height: 100%
}

.feature_readMore_inner:hover {
  opacity: 1
}

.feature_offer {
  max-width: 360px;
  margin: 60px auto 0
}

.feature_offer a {
  font-size: 1.8rem
}

.feature_offer a, .feature_relatedInterview {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.feature_relatedInterview {
  width: 760px;
  margin: 100px auto 0;
  padding: 38px 55px 50px
}

.feature_relatedInterview_ttl {
  font-size: 2.7rem;
  font-weight: 500;
  -webkit-column-rule: #333;
  -moz-column-rule: #333;
  column-rule: #333;
  letter-spacing: .05em;
  margin-bottom: 38px
}

.feature_relatedInterview_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.feature_relatedInterviewItem {
  width: 300px
}

.feature_relatedInterviewItem:hover img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.feature_relatedInterviewItem_img {
  overflow: hidden;
  margin-bottom: 20px
}

.feature_relatedInterviewItem_img img {
  width: 100%;
  height: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.feature_relatedInterviewItem_ttl {
  font-size: 1.9rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: .05em;
  margin-bottom: 16px
}

.feature_relatedInterviewItem_company {
  font-size: 1.3rem;
  font-weight: 700;
  color: #dd001f;
  line-height: 1.4;
  letter-spacing: .05em
}

.feature_last {
  background: #fff;
  margin-top: 10px;
  padding: 98px 0 0
}

.feature_last_inner {
  max-width: 760px;
  margin: 0 auto
}

.feature_last_ttl {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
  text-align: center
}

.feature_last_txt {
  font-size: 1.5rem;
  line-height: 2;
  color: #333;
  margin-top: 48px
}

.featureMainMovie {
  position: relative
}

.featureMainMovie_txtContainer {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10
}

.featureMainMovie_heading {
  display: inline-block;
  font-size: 4.2rem;
  letter-spacing: .04em;
  margin: 70px 0 74px
}

.featureMainMovie_heading span {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .075em;
  margin-left: 16px
}

.featureMainMovie_heading:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 12px auto 0
}

.featureMainMovie_ttl {
  font-size: 4rem;
  line-height: 1.65;
  letter-spacing: .05em
}

.featureMainMovie_ttl span {
  font-size: 4.5rem
}

.featureCase {
  background: #fff;
  padding: 75px 0 70px
}

.featureCase_main {
  color: #333
}

.featureCase_main:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #707070 1px, transparent 0, transparent 3px);
  background-repeat: repeat-x;
  background-size: 6px 1px
}

.featureCase_main_ttl {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .05em;
  margin-bottom: 44px
}

.featureCase_main_detail {
  width: 760px;
  margin: 50px auto 0
}

.featureCase_main_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.featureCase_main_list li {
  width: 228px
}

.featureCase_main_list h3 {
  font-size: 1.6rem;
  letter-spacing: .05em;
  margin-bottom: 16px
}

.featureCase_main_list h3:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 23px;
  vertical-align: middle;
  background: no-repeat 50%;
  background-image: url(/feature/img/ico-hukidashi@2x.png);
  background-size: contain;
  margin-right: 10px
}

.featureCase_main_list p {
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: justify
}

.featureCaseIot {
  width: 100%;
  height: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f2f2f2;
  margin: 38px 0 60px
}

.featureCaseIot_ttl {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: .1em;
  margin-right: 106px
}

.featureCaseIot_txt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2
}

.featureCaseDesk {
  width: 760px;
  margin: 50px auto;
  color: #333
}

.featureCaseDesk_ttl {
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px
}

.featureCaseDesk_txt {
  font-size: 1.5rem;
  line-height: 2;
  text-align: justify
}

.featureCase_btnList {
  width: 760px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.featureCase_btn {
  width: 182px;
  height: 50px;
  font-size: 1.3rem;
  line-height: 1.3;
  letter-spacing: -.05em;
  font-weight: 400;
  border: 2px solid #333;
  border-radius: 3px;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border .25s ease;
  transition: border .25s ease
}

.featureCase_btn:hover {
  border-color: #dd001f
}

.featureCase_btn:hover a {
  color: #dd001f
}

.featureCase_btn:hover .featureCase_btn_arrow img {
  display: none;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.featureCase_btn:hover .featureCase_btn_arrow .hover {
  display: block
}

.featureCase_btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #333
}

.featureCase_btn a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px
}

.featureCase_btn_arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 16px;
  right: 20px;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.featureCase_btn_arrow img {
  width: 100%;
  height: auto;
  opacity: .8
}

.featureConnectedInterview {
  width: 100%;
  height: 0;
  padding-top: 54.6875%;
  position: relative;
  margin: 0 auto 58px;
  overflow: hidden
}

.featureConnectedInterview>a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.featureConnectedInterview_img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.featureConnectedInterview_img img {
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.featureConnectedInterview_txtContainer {
  width: 50%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: .6s cubic-bezier(0, 0, .25, 1);
  transition: .6s cubic-bezier(0, 0, .25, 1);
  -webkit-transition-property: width, background;
  transition-property: width, background
}

.featureConnectedInterview_txtInner {
  min-width: 340px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.featureConnectedInterview_ttl {
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: 30px
}

.featureConnectedInterview_ttl-en {
  font-size: 2.4rem;
  color: #dd001f;
  line-height: 1.3;
  margin-bottom: 26px
}

.featureConnectedInterview_txt {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: .05em;
  margin-bottom: 28px
}

.featureConnectedInterview_person {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: .05em
}

.featureConnectedInterview_person span {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 10px
}

.featureConnectedInterview_arrow {
  width: 30px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translate3d(0, -50%);
  transform: translate3d(0, -50%);
  overflow: hidden
}

.featureConnectedInterview_arrow img {
  display: block;
  width: 100%
}

.featureConnectedInterview:hover .featureConnectedInterview_img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
  width: 54%;
  background: rgba(0, 0, 0, .9)
}

.featureConnectedInterview:hover .featureConnectedInterview_arrow img {
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

@media screen and (max-width:1023px) {
  .feature {
    padding-top: 80px
  }
  .feature_last_inner {
    width: calc(100% - 80px)
  }
}

@media screen and (min-width:1600px) {
  .featureConnectedInterview {
    max-width: 1144px;
    height: 625.625px;
    position: relative;
    margin: 0 auto 58px;
    padding: 0;
    overflow: hidden
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
    padding-top: 94px
  }
}

@media screen and (max-width:1279px) {
  .feature {
    padding-top: 80px
  }
  .featureConnectedInterview {
    padding-top: 60%
  }
}

@media screen and (max-width:1023px) {
  .feature_relatedInterview {
    width: 100%
  }
  .feature_relatedInterview_inner {
    max-width: 650px;
    margin: 0 auto
  }
  .feature_section_txtContainer {
    max-width: auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .feature_section_ttl {
    font-size: 2.8rem;
    width: 300px
  }
  .feature_section_txt {
    width: 360px
  }
  .feature_last_inner {
    width: calc(100% - 80px)
  }
  .featureCase_main_detail {
    width: calc(100% - 80px);
    margin: 50px auto 0
  }
  .featureCase_main_list {
    display: block
  }
  .featureCase_main_list li {
    width: 100%;
    margin-bottom: 32px
  }
  .featureCase_btnList {
    width: calc(100% - 80px)
  }
  .featureCase_btn {
    width: 164px
  }
  .featureCaseIot_ttl {
    margin-right: 56px
  }
  .featureCaseDesk {
    width: calc(100% - 80px)
  }
  .featureConnectedInterview_txtContainer {
    width: 58%
  }
  .featureConnectedInterview_ttl {
    font-size: 3rem;
    margin-bottom: 18px
  }
  .featureConnectedInterview_ttl-en {
    font-size: 2rem;
    margin-bottom: 20px
  }
  .featureConnectedInterview_txt {
    font-size: 1.4rem;
    margin-bottom: 28px
  }
  .featureConnectedInterview_person {
    font-size: 1.2rem
  }
  .featureConnectedInterview_person span {
    display: block;
    margin-top: 10px
  }
  .featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
    width: 58%
  }
}

@media screen and (max-width:767px) {
  .feature {
    padding: 48px 0 64px
  }
  .feature_main_movie {
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative
  }
  .feature_main_movie video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .feature_main_txt {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2;
    text-align: left;
    padding: 30px 20px
  }
  .feature_connected_comment {
    font-size: 1.2rem;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .feature_ttl-en {
    font-size: 4rem;
    letter-spacing: -.05em;
    margin-bottom: 4px
  }
  .feature_ttl-jp {
    font-size: 1.5rem;
    line-height: 3
  }
  .feature_readMore {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 24px 0 0
  }
  .feature_readMore_inner {
    width: 100%;
    border: 1px solid #333;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px 11px
  }
  .feature_readMore_inner a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.4rem
  }
  .feature_readMore_inner a .feature_readMore_arrow {
    width: 16px;
    right: 20px
  }
  .feature_autonomous, .feature_connected, .feature_electric, .feature_shared-Services {
    padding-top: 50px;
    padding-bottom: 60px
  }
  .feature_section_txtContainer {
    display: block;
    padding: 0 20px;
    margin: 40px 0
  }
  .feature_section_ttl {
    font-size: 2.4rem;
    text-align: center;
    width: auto;
    margin-bottom: 20px
  }
  .feature_section_ttl span {
    margin: 0 0 0 16px
  }
  .feature_section_txt {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2
  }
  .feature_autonomous .feature_section_ttl, .feature_connected .feature_section_ttl, .feature_electric .feature_section_ttl {
    margin-left: 18px
  }
  .feature_relatedInterview {
    margin-top: 40px;
    padding: 32px 20px 4px
  }
  .feature_relatedInterview_inner {
    max-width: 650px;
    margin: 0 auto
  }
  .feature_relatedInterview_ttl {
    font-size: 2.4rem;
    text-align: center
  }
  .feature_relatedInterview_list {
    display: block
  }
  .feature_relatedInterviewItem {
    width: 100%;
    margin-bottom: 38px
  }
  .feature_relatedInterviewItem_img {
    margin-bottom: 14px
  }
  .feature_relatedInterviewItem_ttl {
    font-size: 1.8rem;
    margin-bottom: 12px
  }
  .feature_offer {
    width: calc(100% - 80px);
    margin: 30px auto 0
  }
  .feature_offer a {
    font-size: 1.2rem
  }
  .feature_last {
    padding: 50px 0 0
  }
  .feature_last_inner {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
  }
  .feature_last_inner p {
    font-size: 14px;
    line-height: 2;
    font-weight: 350;
    margin-top: 30px
  }
  .feature_last .case_sns {
    margin-top: 60px;
    margin-bottom: 60px
  }
  .feature_last .case_sns li+li {
    margin-left: 24px
  }
  .feature_last_txt {
    font-size: 1.4rem;
    line-height: 2;
    color: #333;
    margin-top: 48px
  }
  .feature_last_bottom {
    padding-bottom: 38px
  }
  .featureMainMovie_heading {
    font-size: 2.4rem;
    margin: 34px 0 58px
  }
  .featureMainMovie_heading span {
    font-size: 1.4rem;
    margin-left: 12px
  }
  .featureMainMovie_heading:after {
    height: 2px;
    margin: 6px auto 0
  }
  .featureMainMovie_ttl {
    font-size: 2.4rem;
    line-height: 1.65;
    letter-spacing: .025em;
    position: absolute;
    top: calc(50% + 18px);
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .featureMainMovie_ttl span {
    font-size: 2.6rem
  }
  .featureCase {
    padding: 40px 0 50px
  }
  .featureCase_main_ttl {
    font-size: 1.8rem;
    line-height: 1.75
  }
  .featureCase_main_detail {
    width: calc(100% - 40px);
    margin: 40px auto 0
  }
  .featureCase_main_list li {
    margin-bottom: 28px
  }
  .featureCase_btnList {
    width: calc(100% - 40px);
    display: block
  }
  .featureCase_btn {
    width: 100%;
    margin-bottom: 10px
  }
  .featureCaseIot {
    display: block;
    width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 22px 12px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .featureCaseIot_ttl {
    font-size: 1.8rem;
    margin: 0 0 12px
  }
  .featureCaseIot_txt {
    font-size: 1.4rem;
    font-weight: 400
  }
  .featureCaseIot_txt br {
    display: none
  }
  .featureCaseDesk {
    width: calc(100% - 40px);
    margin: 30px auto 40px
  }
  .featureConnectedInterview {
    height: auto;
    padding-top: 0;
    margin-bottom: 28px
  }
  .featureConnectedInterview>a {
    position: static
  }
  .featureConnectedInterview_img {
    position: static;
    -webkit-transform: none;
    transform: none
  }
  .featureConnectedInterview_txtContainer {
    width: 100%;
    background: #1a1a1a;
    position: static
  }
  .featureConnectedInterview_txtInner {
    min-width: auto;
    position: static;
    -webkit-transform: none;
    transform: none;
    padding: 24px 20px 30px
  }
  .featureConnectedInterview_ttl-en {
    line-height: 1.3
  }
  .featureConnectedInterview_arrow {
    display: none
  }
  .featureConnectedInterview:hover .featureConnectedInterview_txtContainer {
    width: 100%;
    background: #1a1a1a
  }
}

@media screen and (max-width:374px) {
  .featureConnectedInterview_txt {
    letter-spacing: 0
  }
}

.connected_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  color: #fff;
  background: #000;
  padding: 19px 0
}

.connected_header span:first-child {
  color: #dd001f
}

.connected_header_ttl {
  font-size: 4.2rem;
  margin-right: 38px
}

.connected_header_ttl span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: 20% center;
  transform-origin: 20% center;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform
}

.connected_header_ttl.is-active span {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.connected_header_txtContainer {
  overflow: hidden;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.connected_header_txtContainer.is-active .connected_header_txt {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.connected_header_txt {
  font-size: 2rem;
  opacity: 0;
  -webkit-transition: .6s cubic-bezier(0, 0, .4, 1);
  transition: .6s cubic-bezier(0, 0, .4, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.connected .interviewDetail_offer {
  margin-bottom: 80px
}

.featureInterviewDetail_content {
  padding-bottom: 0
}

.featureInterviewDetail_main {
  padding-top: 62.5%
}

.featureInterviewDetail_main_inner {
  width: 472px
}

.featureInterviewDetail_main_ttl {
  font-size: 3.6rem;
  letter-spacing: .1em;
  margin-bottom: 26px
}

.featureInterviewDetail_main_name {
  border: none;
  padding: 0;
  font-size: 2rem;
  line-height: 1.5
}

.featureInterviewDetail_main_name span {
  display: block;
  font-size: 1.4rem
}

.featureInterviewDetail_main_name br {
  display: block
}

.featureInterviewDetail_main_txt {
  text-align: justify
}

.featureInterviewDetail_block {
  width: 100%;
  max-width: none;
  overflow: hidden;
  margin: 146px auto 0
}

.featureInterviewDetail_block-noHeading {
  margin-top: 80px
}

.featureInterviewDetail_block:nth-child(2) {
  margin-top: 128px
}

.featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl {
  text-align: right;
  padding: 0
}

.featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
  float: right;
  padding: 0
}

.featureInterviewDetail_block_txtContainer {
  width: 50%;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.featureInterviewDetail_block_ttl {
  width: 100%;
  font-size: 3.2rem;
  letter-spacing: .05em;
  padding: 0;
  margin-bottom: 94px
}

.featureInterviewDetail_block_txt {
  font-size: 1.5rem;
  text-align: justify;
  letter-spacing: .01em;
  line-height: 2.2
}

.featureInterviewDetail_block_imgContainer {
  width: 50%
}

.featureInterviewDetail_block_imgContainer img {
  margin: 0
}

.featureInterviewDetail_block_note {
  padding-left: 60px;
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.75
}

.featureInterviewDetail_related {
  width: calc(100% - 120px);
  max-width: 904px;
  margin: 120px auto 0;
  padding: 56px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.featureInterviewDetail_related_inner {
  width: 100%
}

.featureInterviewDetail_related_ttl {
  font-weight: 500
}

.featureInterviewDetailRelatedContent_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.featureInterviewDetailRelatedContent_img {
  width: 360px
}

.featureInterviewDetailRelatedContent_img img {
  display: block;
  width: 100%
}

.featureInterviewDetailRelatedContent_txtContainer {
  width: 394px
}

.featureInterviewDetailRelatedContent_ttl {
  font-size: 2.3rem;
  margin-bottom: 30px
}

.featureInterviewDetailRelatedContent_txt {
  font-size: 1.4rem;
  line-height: 2
}

.featureInterviewDetailRelatedLink {
  background: none;
  padding: 0;
  margin-top: 60px;
  opacity: .78
}

.featureInterviewDetailRelatedLink_inner {
  width: 146px
}

.featureTop_link {
  width: 168px;
  margin-bottom: 80px
}

@media screen and (min-width:1780px) {
  .featureInterviewDetail_block_txtContainer {
    padding: 0 80px
  }
}

@media screen and (min-width:1600px) {
  .featureInterviewDetail_block {
    width: calc(100% - 120px);
    max-width: 1344px
  }
}

@media screen and (max-width:1599px) {
  .featureInterviewDetail_main_inner {
    width: calc(100% - 180px)
  }
}

@media screen and (max-width:1279px) {
  .connected_header {
    margin-top: 80px
  }
  .featureInterviewDetail_main {
    margin-top: 0
  }
}

@media screen and (max-width:1023px) {
  .featureInterviewDetail_main {
    padding-top: 0
  }
  .featureInterviewDetail_main_inner {
    width: 100%
  }
  .featureInterviewDetail_block {
    width: 648px;
    margin-top: 106px;
    padding: 0!important
  }
  .featureInterviewDetail_block-noHeading {
    margin-top: 52px
  }
  .featureInterviewDetail_block:nth-child(2) {
    margin-top: 88px
  }
  .featureInterviewDetail_block:nth-child(2n) .interviewDetail_block_ttl, .featureInterviewDetail_block:nth-child(odd) .interviewDetail_block_ttl {
    text-align: center
  }
  .featureInterviewDetail_block_txtContainer {
    width: 100%;
    padding: 0
  }
  .featureInterviewDetail_block_ttl {
    margin-bottom: 48px
  }
  .featureInterviewDetail_block_txt {
    letter-spacing: .03em
  }
  .featureInterviewDetail_block_imgContainer {
    width: 100%;
    margin-bottom: 40px
  }
  .featureInterviewDetail_block_img {
    margin-bottom: 48px
  }
  .featureInterviewDetail_block_img:first-child {
    position: relative
  }
  .featureInterviewDetail_block_note {
    padding: 0 60px;
    margin: 18px 0 60px
  }
  .featureInterviewDetail_related {
    width: 648px;
    padding: 56px 60px
  }
  .featureInterviewDetailRelatedContent_inner {
    display: block
  }
  .featureInterviewDetailRelatedContent_img {
    width: 100%;
    margin: 0 auto 40px
  }
  .featureInterviewDetailRelatedContent_txtContainer {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .connected_header {
    display: block;
    text-align: center;
    margin-top: 48px;
    padding: 15px 0
  }
  .connected_header_ttl {
    font-size: 3.2rem;
    letter-spacing: .2em;
    margin: 0 0 6px
  }
  .connected_header_txt {
    font-size: 1.4rem;
    line-height: 1.5
  }
  .connected_header_txt span {
    display: block
  }
  .connected .interviewDetail_offer {
    margin: 40px auto 50px
  }
  .featureInterviewDetail_content {
    padding-bottom: 64px
  }
  .featureInterviewDetail_main_content {
    padding-bottom: 38px
  }
  .featureInterviewDetail_main_inner {
    width: 100%
  }
  .featureInterviewDetail_main_ttl {
    font-size: 3rem;
    letter-spacing: .025em;
    margin-bottom: 20px
  }
  .featureInterviewDetail_main_name {
    font-size: 1.8rem
  }
  .featureInterviewDetail_main_name span {
    font-size: 1.2rem;
    margin-bottom: 8px
  }
  .featureInterviewDetail_main_txt {
    font-size: 1.2rem;
    margin-top: 20px
  }
  .featureInterviewDetail_block {
    width: 100%;
    margin: 60px auto 0
  }
  .featureInterviewDetail_block-noHeading {
    margin-top: 20px
  }
  .featureInterviewDetail_block:nth-child(2) {
    margin-top: 60px
  }
  .featureInterviewDetail_block_ttl {
    font-size: 2.2rem;
    margin: 0 0 40px
  }
  .featureInterviewDetail_block_txt {
    font-size: 1.4rem;
    letter-spacing: .01em;
    line-height: 2
  }
  .featureInterviewDetail_block_imgContainer {
    margin-bottom: 30px
  }
  .featureInterviewDetail_block_img {
    margin-bottom: 30px;
    position: relative
  }
  .featureInterviewDetail_block_note {
    font-size: 1.2rem;
    padding: 0 40px
  }
  .featureInterviewDetail_related {
    width: 100%;
    max-width: 904px;
    margin: 56px auto 0;
    padding: 34px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .featureInterviewDetail_related_inner {
    width: 100%
  }
  .featureInterviewDetail_related_ttl {
    font-size: 2.4rem
  }
  .featureInterviewDetailRelatedContent_img {
    margin-bottom: 22px
  }
  .featureInterviewDetailRelatedContent_ttl {
    font-size: 1.8rem;
    margin-bottom: 14px
  }
  .featureInterviewDetailRelatedContent_txt {
    font-size: 1.4rem;
    line-height: 2
  }
  .featureInterviewDetailRelatedLink {
    padding: 0;
    margin-top: 20px;
    opacity: .78
  }
  .featureInterviewDetailRelatedLink_inner {
    width: 100%
  }
  .featureInterviewDetailRelatedLink_inner:hover {
    border-color: #dd001f
  }
  .featureInterviewDetailRelatedLink_inner a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    padding: 13px 20px 11px;
    border: 1px solid #000;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .featureInterviewDetailRelatedLink_inner .topLink_arrow {
    width: 16px;
    right: 20px
  }
  .featureTop_link {
    margin: 50px auto
  }
}

.modalModule {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  display: none
}

.modalModule_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

.modalModule_close {
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
  right: 20px;
  top: -15px;
  cursor: pointer
}

.modalModule_close:after, .modalModule_close:before {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%
}

.modalModule_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modalModule_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.modalModule_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

li {
  list-style: none
}

a {
  text-decoration: none;
  color: #333
}

.pc-none {
  display: none
}

.pt20 {
  padding-top: 20px
}

.course_flexbox * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_container {
  max-width: 900px;
  width: calc(100% - 120px);
  padding-top: 73px;
  margin: 0 auto 80px
}

.course_container.course_index_box {
  padding-top: 16px
}

.course_container_ttl {
  font-size: 3.6rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.course_container_ttl:after {
  content: "";
  margin-top: 18px
}

.course_container_subtitle {
  margin-bottom: 30px;
  padding-top: 53px;
  font-size: 2.4rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.course_container_subtitle.with-border:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  margin-top: 18px
}

.course_container_txt {
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 2
}

.course_container_notice {
  margin-top: 25px;
  font-size: 12px;
  line-height: 1.75
}

.course_container_notice p {
  margin-top: 7px
}

.course_container_box {
  margin: 80px auto 0
}

.course_container_box img {
  width: 100%
}

.course_container_img_box {
  margin: 1em auto 48px
}

.course_container_img_box img {
  width: 100%
}

.course_container_small {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: right;
  line-height: 1.6
}

.course h1 {
  font-size: 3.6rem;
  background-image: none
}

.course_content {
  color: #333;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_table {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.75;
  margin-bottom: 20px;
  letter-spacing: .05em
}

.course_table tr {
  height: 45px
}

.course_table .first {
  height: 55px
}

.course_table th {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: none;
  background-color: #333;
  vertical-align: middle;
  font-size: 1.8rem
}

.course_table td, .course_table th {
  padding: 10px 3px;
  text-align: center;
  border: 1px solid #fff
}

.course_table td {
  font-weight: 700;
  color: #3c3c3c;
  background-color: #eee;
  vertical-align: middle
}

.course_table .detail {
  font-weight: 400;
  padding: 30px 20px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #eee
}

.course_table .detail p {
  margin-bottom: 30px
}

.course_table .detail ul li {
  position: relative;
  list-style-type: none;
  margin-bottom: 10px;
  padding-left: 1.3em
}

.course_table .detail ul li:last-child {
  margin-bottom: 0
}

.course_table .detail ul li:before {
  left: 0;
  position: absolute;
  display: block;
  content: "※"
}

.course_table.pc {
  display: table
}

.course_table.sp {
  display: none
}

.course_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 0
}

.course_index {
  width: 100%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.75
}

.course_index:before {
  content: "";
  padding: 0 6px;
  border-left: 5px solid #dd001f
}

.course_index_borderless {
  width: 100%;
  font-size: 2rem;
  letter-spacing: .05em;
  line-height: 1.5;
  margin-bottom: 2rem
}

.course_item {
  width: calc(33.333% - 26.666px);
  position: relative;
  margin-bottom: 60px
}

.course_item a {
  color: #000
}

.course_item_img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden
}

.course_item_img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1);
  transition: transform .6s cubic-bezier(0, 0, .25, 1), -webkit-transform .6s cubic-bezier(0, 0, .25, 1)
}

.course_item_inner {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_item_ttl {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 20px
}

.course_item_txt, .course_txt {
  font-size: 1.5rem;
  line-height: 1.75
}

.course_txt {
  padding: 30px 0 20px
}

.course_txt_interview {
  font-size: 1.5rem;
  line-height: 24px;
  padding: 30px 0 20px
}

.course .chart {
  margin-bottom: 60px
}

.course .chart_txt {
  margin-top: 18px;
  text-align: right;
  font-size: 1.2rem;
  letter-spacing: .05em
}

@media screen and (max-width:767px) {
  .course .chart_txt {
    margin-top: 6px
  }
}

.course_flexbox {
  margin-top: 20px;
  width: 100%;
  background-color: #eee;
  padding: 25px 25px 12.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_flexbox_item {
  padding: 10px;
  color: #fff;
  width: 23%;
  background-color: #fff;
  height: auto
}

.course_flexbox_ttl {
  color: #222;
  text-align: center;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: 700
}

.course_flexbox_last {
  width: 100%;
  padding: 12.5px 25px 25px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_flexbox_last_item {
  padding: 10px;
  color: #fff;
  background-color: #fff;
  text-align: center
}

.course_flexbox_last_item .course_flexbox_btn-entry {
  display: inline-block;
  width: 170px;
  text-align: left
}

.course_flexbox_last_item .course_flexbox_btn-entry.ll {
  width: 250px
}

.course_flexbox_btn {
  padding: 10px
}

.course_flexbox_btn-entry, .course_flexbox_btn-interview {
  margin: 10px;
  color: #fff;
  letter-spacing: .1em;
  background-color: #dd001f;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .15s;
  transition: color .15s;
  cursor: pointer;
  position: relative
}

.course_flexbox_btn-entry a, .course_flexbox_btn-interview a {
  display: block;
  padding: 16px 12px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: color .15s;
  transition: color .15s;
  line-height: 1.75
}

.course_flexbox_btn-entry:hover a, .course_flexbox_btn-interview:hover a {
  color: #fff
}

.course_flexbox_btn-entry:hover .header_findout_arrow img, .course_flexbox_btn-interview:hover .header_findout_arrow img {
  display: none
}

.course_flexbox_btn-entry:hover .header_findout_arrow .hover, .course_flexbox_btn-interview:hover .header_findout_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.course_flexbox_btn-entry .header_findout_arrow, .course_flexbox_btn-interview .header_findout_arrow {
  width: 14px;
  right: 14px
}

.course_flexbox_btn-entry .header_findout_arrow img, .course_flexbox_btn-interview .header_findout_arrow img {
  display: block;
  width: 100%
}

.course_flexbox_btn-entry .header_findout_arrow .hover, .course_flexbox_btn-interview .header_findout_arrow .hover {
  display: none
}

.course_flexbox_btn-interview {
  margin: 20px 0 0;
  width: 232px
}

.course .col .course_flexbox_item {
  width: 31.7%
}

.border {
  margin-top: 100px;
  border-top: 4px solid #000
}

.course .border {
  margin-top: 80px
}

.course_border_box {
  margin-bottom: 40px
}

.course_border_box:last-child {
  margin-bottom: 0
}

.course_border_box h3 {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background-color: #333;
  text-align: center;
  line-height: 56px;
  border-radius: 3px 3px 0 0
}

.course_border_box h3 .small {
  font-size: 12px
}

.course_border_box>div {
  border: 4px solid #333;
  border-top: 0 solid #333;
  padding: 40px;
  line-height: 1.5;
  border-radius: 0 0 3px 3px;
  background-color: #f2f2f2
}

.course_border_box>div h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px
}

.course_border_box>div p {
  font-size: 16px;
  margin-bottom: 40px
}

.course_border_box>div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 0
}

.course_border_box>div ul li {
  margin-right: 12px
}

.course_border_box>div ul li:last-child {
  margin-right: 0
}

.course_border_box>div ul li img {
  width: 100%;
  margin-bottom: 20px
}

.course_border_box>div ul li h5 {
  font-size: 14px;
  font-weight: 700;
  margin: 0
}

.course_border_box>div ul li p {
  margin: 9px 0 0;
  font-size: 14px
}

.course_border_box>div h5 {
  font-size: 14px;
  font-weight: 700
}

.course_table-ttl {
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 2.25;
  letter-spacing: .01em;
  font-size: 2rem
}

.course_table_dot {
  line-height: 1.75;
  margin-bottom: 30px;
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position-y: bottom;
  width: 100%
}

.course_table_dot tr {
  background-image: linear-gradient(90deg, #707070, #707070 2px, transparent 0, transparent 4px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position-y: top
}

.course_table_dot th {
  width: 33%;
  font-size: 15px;
  font-weight: 700;
  padding: 30px 27px 30px 0
}

.course_table_dot td, .course_table_dot th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left
}

.course_table_dot td {
  width: 67%;
  font-size: 14px;
  padding: 30px 0 30px 27px
}

.course_table_dot_ul {
  margin-top: 1em
}

.course_table_dot_ul li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: .5em
}

.course_connected_boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0
}

.course_connected_boxes * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_connected_boxes .course_connected_box {
  width: calc(33.33333% - 10px);
  border: 3px solid #dd001f;
  border-radius: 3px
}

.course_connected_boxes .course_connected_box h3 {
  border: 3px solid #dd001f;
  background-color: #dd001f;
  color: #fff;
  text-align: center;
  line-height: 49px;
  font-size: 16px;
  font-weight: 700
}

.course_connected_boxes .course_connected_box>div {
  padding: 29px;
  line-height: 1.9;
  font-size: 12px
}

.course_connected_boxes .course_connector {
  width: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
  background-image: linear-gradient(#dd001f, #dd001f);
  background-size: 1px 3px;
  background-repeat: repeat-x;
  background-position-y: center
}

.course_case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0
}

.course_case .course_case-ttl {
  width: 30%
}

.course_case .course_case-ttl img {
  width: 120px;
  margin-bottom: 20px
}

.course_case .course_case-ttl h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 30px
}

.course_case .course_case-detail {
  width: 70%
}

.course_nav {
  margin-top: 30px
}

.course_nav * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.course_nav a {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  position: relative;
  padding-right: 18px;
  margin: 0 35px 20px 0
}

.course_nav a .course_nav_arrow {
  position: absolute;
  overflow: hidden;
  width: 13px;
  right: 0;
  top: 0
}

.course_nav a .course_nav_arrow img {
  display: block;
  width: 100%
}

.course_nav a .course_nav_arrow .hover, .course_nav a:hover .course_nav_arrow img {
  display: none
}

.course_nav a:hover .course_nav_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.indexLink {
  background: #fff;
  padding: 40px 0
}

.indexLink-black {
  background: none
}

.indexLink_inner {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .075em;
  text-align: center;
  line-height: 30px
}

.indexLink_inner a {
  vertical-align: text-bottom;
  color: #000
}

.indexLink_inner:hover a {
  color: #dd001f
}

.indexLink_inner:hover .indexLink_arrow img {
  display: none
}

.indexLink_inner:hover .indexLink_arrow .hover {
  display: block;
  -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
  animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
}

.indexLink_arrow {
  display: inline-block;
  width: 20px;
  overflow: hidden;
  margin-left: 10px;
  vertical-align: text-bottom
}

.indexLink_arrow img {
  margin-bottom: 2px;
  display: block;
  width: 100%
}

.indexLink_arrow img.hover {
  display: none
}

@media screen and (max-width:1023px) {
  .course h1 {
    font-size: 2.6rem
  }
  .course_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .course_item {
    width: calc(50% - 20px);
    margin-bottom: 80px
  }
  .course_container {
    width: calc(100% - 40px);
    padding-top: 60px
  }
  .course_container_ttl {
    font-size: 2.6rem;
    padding: 0 0 20px;
    text-align: center
  }
  .course_container_ttl:after {
    content: none
  }
  .course_container_txt {
    text-align: left;
    font-size: 1.4rem
  }
  .course_container_subtitle {
    margin-bottom: 26px;
    padding-top: 0;
    font-size: 1.8rem
  }
  .course_table th {
    font-size: 1.4rem;
    font-weight: 400
  }
  .course_table p, .course_table td {
    font-size: 1.2rem
  }
  .course_table .detail {
    padding: 30px 15px
  }
  .course_table .detail li {
    font-size: 1rem
  }
  .course_container_box {
    margin: 58px auto 20px
  }
  .course_flexbox {
    width: 100%;
    padding: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .course_flexbox_item {
    margin-bottom: 10px;
    padding: 0 0 10px;
    width: 100%;
    height: auto
  }
  .course_flexbox_item:last-child {
    margin-bottom: 0
  }
  .course_flexbox_ttl {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .05em
  }
  .course_flexbox_last {
    padding: 0 10px 10px;
    background-color: #eee
  }
  .course_flexbox_last, .course_flexbox_last_item {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .course_flexbox_last_item {
    text-align: center;
    padding: 0 0 10px
  }
  .course_flexbox_last_item .course_flexbox_btn-entry {
    display: block;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .course_flexbox_last_item .course_flexbox_btn-entry.ll {
    width: auto
  }
  .course_flexbox_btn-entry {
    margin: 10px 20px
  }
  .course .col .course_flexbox_item, .course_flexbox_btn-interview {
    width: 100%
  }
  .coures_jobs_index-none .course_container_box {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {
  .course_table-ttl {
    line-height: 1.75;
    font-size: 1.8rem
  }
  .course_content {
    padding: 0 0 64px
  }
  .course_container {
    padding-top: 40px
  }
  .course_container.course_index_box {
    padding-top: 18px
  }
  .course_container_small {
    display: block;
    text-align: left;
    text-indent: -2em;
    padding-left: 2em
  }
  .course h1 {
    text-align: center
  }
  .course_content {
    padding: 0 0 44px
  }
  .course_table.pc {
    display: none
  }
  .course_table.sp {
    display: table
  }
  .course_item {
    width: calc(50% - 10px)
  }
  .course_border_box h3 {
    font-size: 18px
  }
  .course_border_box>div {
    padding: 30px 20px 10px
  }
  .course_border_box>div h4, .course_border_box>div p {
    font-size: 15px;
    line-height: 1.75
  }
  .course_border_box>div p {
    margin-bottom: 20px
  }
  .course_border_box>div ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 0
  }
  .course_border_box>div ul li {
    width: calc(50% - 5px);
    margin: 0 0 20px
  }
  .course_border_box>div ul li img {
    margin-bottom: 10px
  }
  .course_border_box>div ul li h5 {
    font-size: 12px
  }
  .course_border_box>div ul li p {
    margin: 10px 0 0;
    font-size: 10px
  }
  .course_border_box>div ul li:first-child:nth-last-child(2), .course_border_box>div ul li:first-child:nth-last-child(2)~li {
    width: 100%
  }
  .course_border_box>div h5 {
    font-size: 12px;
    margin-bottom: 20px
  }
  .course_table_dot th {
    display: block;
    width: 100%;
    padding: 40px 0 26px
  }
  .course_table_dot td {
    display: block;
    width: 100%;
    padding: 0 0 40px
  }
  .course_connected_boxes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .course_connected_boxes .course_connected_box {
    width: 100%
  }
  .course_connected_boxes .course_connector {
    width: 100%;
    height: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd001f), to(#dd001f));
    background-image: linear-gradient(#dd001f, #dd001f);
    background-size: 3px 1px;
    background-repeat: repeat-y;
    background-position-x: center
  }
  .course_case {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .course_case .course_case-ttl {
    width: 100%;
    text-align: center
  }
  .course_case .course_case-detail {
    width: 100%
  }
  .course_nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 23px
  }
  .course_nav, .course_nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .course_nav a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 10px 30px 10px 10px;
    border: 1px solid #333;
    border-radius: 3px
  }
  .course_nav a .course_nav_arrow {
    position: absolute;
    overflow: hidden;
    width: 12px;
    right: 14px;
    top: 37%
  }
  .course_nav a .course_nav_arrow img {
    display: block;
    width: 100%
  }
  .course_nav a .course_nav_arrow .hover {
    display: none
  }
  .course_nav a.sp-left, .course_nav a.sp-right {
    width: calc(50% - 5px);
    margin-left: 5px
  }
  .course_nav a:hover .course_nav_arrow img {
    display: none
  }
  .course_nav a:hover .course_nav_arrow .hover {
    display: block;
    -webkit-animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1);
    animation: hoverArrow .45s cubic-bezier(0, 0, .4, 1)
  }
  .indexLink {
    padding: 24px 0 0
  }
}

@media screen and (max-width:599px) {
  .course_item {
    width: 100%;
    margin-bottom: 40px
  }
  .course_flexbox_btn-entry {
    margin: 10px
  }
  .course_flexbox_btn-entry .header_findout_arrow {
    width: 14px!important;
    right: 12px!important
  }
}

@media screen and (max-width:767px) {
  .jobs-sub .subpage_block_txt {
    padding-left: 0
  }
}

.course_flexbox_btn-entry-mt {
  margin-top: 70px
}

@media screen and (max-width:1023px) {
  .course_flexbox_btn-entry-mt {
    margin-top: 0
  }
}

.course_flexbox_btn-entry-width {
  width: 374px
}

@media screen and (max-width:1023px) {
  .course_flexbox_btn-entry-width {
    width: auto
  }
}

.jobs-tab {
  display: none
}

@media screen and (max-width:1023px) {
  .jobs-tab {
    display: block
  }
}

.jobs-no-btn {
  pointer-events: none;
  cursor: none;
  opacity: .3
}

.jobs-modalbtn {
  width: 200px;
  height: 38px;
  border: 2px solid #707070;
  border-radius: 3px;
  margin: 20px auto 40px;
  line-height: 38px;
  font-size: 16px;
  text-indent: 20px;
  cursor: pointer;
  position: relative
}

@media screen and (min-width:768px) {
  .jobs-modalbtn {
    display: none
  }
}

@media screen and (max-width:767px) {
  .jobs-modalbtn {
    width: 100%;
    line-height: 34px
  }
}

.jobs-modalbtn:after {
  position: absolute;
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url(/interview/img/icon_plus.png) 0 0 no-repeat;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto
}

.jobs-modalbtn:hover {
  border: 2px solid #dd001f;
  color: #dd001f
}

.jobs-modalbtn:hover:after {
  background: url(/interview/img/icon_plus_on.png) 0 0 no-repeat
}

.jobs-modalbtn a {
  color: inherit
}

.jobs-modalbtn-none {
  display: none
}

.jobs_recruit_btn {
  width: 440px;
  margin: 80px auto 0
}

@media screen and (max-width:767px) {
  .jobs_recruit_btn {
    width: calc(100% - 80px);
    margin-top: 60px
  }
}

.jobs_recruit_btn-customer {
  width: 475px
}

@media screen and (max-width:767px) {
  .jobs_recruit_btn-customer {
    width: calc(100% - 80px);
    height: inherit
  }
}

@media screen and (max-width:767px) {
  .jobs_recruit_btn-customer a {
    padding: 10px 15px;
    line-height: 1.75
  }
}

@media screen and (max-width:767px) {
  .jobs-index-bg {
    background-color: #fff;
    padding-bottom: 38px
  }
}

.jobs-connect-btn {
  cursor: pointer;
  position: relative
}

.jobs-connect-btn:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: #dd001f url(/interview/img/icon_plus-white.png) 4px 4px no-repeat;
  background-size: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px
}

.jobs-connect-btn:hover:after {
  background: #dd001f url(/interview/img/icon_plus.png) 4px 4px no-repeat;
  background-size: 10px
}

.jobs-connected_content-txt {
  margin-top: 17px;
  color: #fff
}

@media screen and (max-width:767px) {
  .jobs-connected_content-txt {
    margin-top: 10px
  }
}

.jobs-mirai-btm {
  margin-top: 13px
}

.jobs-mirai-btm-txt {
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: .025em;
  font-size: 1.5rem
}

.jobs-mirai-btm-link {
  font-size: 1.3rem;
  line-height: 1.75;
  letter-spacing: .025em;
  margin-top: 15px
}

.jobs-mirai-btm-link a {
  color: #dd001f;
  text-decoration: underline
}

.jobs-mirai-btm-link a:hover {
  text-decoration: none
}

.jobs-mirai-txt {
  margin-bottom: 18px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .jobs-mirai-txt {
    margin-bottom: 7px
  }
}

@media screen and (max-width:767px) {
  .jobs_sub-btm {
    padding-bottom: 35px;
    background-color: #fff
  }
}

@media screen and (max-width:767px) {
  .jobs_sub-btm .btn-pageTop {
    margin-top: -10px
  }
}

.jobs-cource_index {
  margin-bottom: 27px
}

@media screen and (max-width:767px) {
  .jobs-cource_index {
    margin-bottom: 23px
  }
}

.sub-accounting .jobs-accounting-none, .sub-connected .jobs-connected-none, .sub-customer .jobs-customer-none, .sub-external .jobs-external-none, .sub-general .jobs-general-none, .sub-global_sales .jobs-global_sales-none, .sub-japan_sales .jobs-japan_sales-none, .sub-mirai .jobs-mirai-none, .sub-powertrain_tec .jobs-powertrain_tec-none, .sub-production_control .jobs-production_control-none, .sub-production_engineering .jobs-production_engineering-none, .sub-purchasing .jobs-purchasing-none, .sub-system .jobs-system-none, .sub-technology .jobs-technology-none {
  display: none
}

.jobs-mass-width li {
  width: 100%
}

.jobs-modal_content {
  height: calc(100% - 100px)
}

.jobs-modal_img {
  width: 100%;
  height: 100%;
  margin-left: 20px;
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch
}

.jobs-modal_img img {
  display: block;
  height: 100%
}

.jobs-connected-slider {
  display: none;
  width: calc(100% - 300px);
  margin: auto
}

@media screen and (max-width:767px) {
  .jobs-connected-slider {
    width: calc(100% - 40px)
  }
}

.connectedModal {
  display: none
}

.connectedModal .modalModule_close {
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s
}

.connectedModal .jobs-modal_content {
  width: auto;
  height: auto
}

.connectedModal .jobs-connected-slider {
  width: 640px
}

@media screen and (max-width:767px) {
  .connectedModal .jobs-connected-slider {
    width: 320px
  }
}

.connectedModal .jobs-connected_content-txt {
  width: 640px;
  font-size: 16px;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s
}

.connectedModal .jobs-connected-slider_arrow {
  width: 16px;
  height: 28px;
  position: absolute;
  border-radius: 50%;
  padding: 24px 30px 24px 32px;
  top: calc(50% - 20px);
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out;
  -webkit-transition-property: background;
  transition-property: background;
  cursor: pointer
}

.connectedModal .jobs-connected-slider_arrow img {
  width: 100%;
  height: 100%;
  min-height: auto
}

.connectedModal .jobs-connected-slider_arrow:hover {
  background: rgba(0, 0, 0, .64);
  -webkit-transition-duration: .24s;
  transition-duration: .24s
}

@media screen and (max-width:1023px) {
  .connectedModal .jobs-connected-slider_arrow:hover {
    background: none
  }
}

.connectedModal .jobs-connected-slider_arrow.-prev {
  -webkit-transform: translate(-100%, -50%) scaleX(-1);
  transform: translate(-100%, -50%) scaleX(-1);
  left: -90px
}

@media screen and (max-width:1023px) {
  .connectedModal .jobs-connected-slider_arrow.-prev {
    left: 0
  }
}

@media screen and (max-width:767px) {
  .connectedModal .jobs-connected-slider_arrow.-prev {
    left: 25px
  }
}

.connectedModal .jobs-connected-slider_arrow.-next {
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  right: -90px
}

@media screen and (max-width:1023px) {
  .connectedModal .jobs-connected-slider_arrow.-next {
    right: 0
  }
}

@media screen and (max-width:767px) {
  .connectedModal .jobs-connected-slider_arrow.-next {
    right: 25px
  }
}

.connectedModal_list {
  width: 100%
}

.connectedModal_list img {
  display: block;
  width: 100%
}

.jobs-modal-connected_content {
  width: calc(100% - 640px);
  height: auto
}

@media screen and (max-width:1599px) {
  .jobs-modal-connected_content {
    width: calc(100% - 400px)
  }
}

@media screen and (max-width:1023px) {
  .jobs-modal-connected_content {
    width: calc(100% - 200px)
  }
}

@media screen and (max-width:767px) {
  .jobs-modal-connected_content {
    width: calc(100% - 80px)
  }
}

.modalModule-connected_close {
  right: 0
}

.jobs-modal-connected_img {
  width: 100%;
  margin-left: 0
}

.jobs-modal-connected_img img {
  width: 100%
}

.connectedModal.is-init .jobs-connected_content-txt, .connectedModal.is-init .modalModule_close {
  opacity: 1
}

.second {
  overflow: hidden
}

.second #contentsArea h2 {
  font-size: 2.2rem
}

.icon-animation {
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 200;
  width: 30px;
  height: 46px
}

@media screen and (min-width:768px) {
  .icon-animation {
    top: 14px;
    right: 25px
  }
}

@media screen and (min-width:961px) {
  .icon-animation {
    top: 21px;
    cursor: pointer
  }
}

.icon-animation em {
  display: block;
  color: #333;
  font-size: 11px;
  position: absolute;
  top: -3px;
  left: -1px;
  letter-spacing: .06em
}

@media screen and (min-width:768px) {
  .icon-animation em {
    font-size: 11px;
    top: -2px;
    left: -1px
  }
}

.icon-animation span {
  width: 30px;
  height: 3px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -15px
}

@media screen and (min-width:768px) {
  .icon-animation span {
    margin: 0 0 0 -15px
  }
}

.type-1 span {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #333
}

.type-1 .top {
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px)
}

.type-1 .bottom {
  -webkit-transform: translateY(9px);
  transform: translateY(9px)
}

.type-1.is-open .middle {
  background: transparent
}

.type-1.is-open .top {
  -webkit-transform: rotate(-45deg) translateY(0);
  transform: rotate(-45deg) translateY(0)
}

.type-1.is-open .bottom {
  -webkit-transform: rotate(45deg) translateY(0);
  transform: rotate(45deg) translateY(0)
}

.second header {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(hsla(0, 0%, 100%, .8)), to(hsla(0, 0%, 100%, .8)));
  background: linear-gradient(90deg, #fff, #fff, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8))
}

.second header h2 a {
  color: #000
}

.hdr_entry {
  display: none
}

@media screen and (min-width:768px) {
  .hdr_entry {
    display: block;
    position: absolute;
    top: 14px;
    right: 74px;
    opacity: 0
  }
}

@media screen and (min-width:961px) {
  .hdr_entry {
    top: 21px
  }
}

.hdr_entry li, .nav_entry li {
  display: inline-block;
  margin: 0 5px
}

.hdr_entry li a, .nav_entry li a {
  display: block;
  background: #b50010;
  font-size: 1.4rem;
  width: 13rem;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  color: #fff
}

@media screen and (min-width:961px) {
  .hdr_entry li a, .nav_entry li a {
    font-size: 1.5rem;
    width: 13.5rem;
    height: 35px;
    line-height: 35px
  }
}

.second .wrap {
  width: 88%;
  margin: 60px auto
}

@media screen and (min-width:961px) {
  .second .wrap {
    width: 980px;
    margin: 90px auto
  }
}

.second #contentsArea h1 {
  color: #fff;
  width: 100%;
  height: 150px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .second #contentsArea h1 {
    font-size: 2rem;
    height: 250px
  }
}

.second #contentsArea h1 span {
  display: block;
  font-size: 3.6rem;
  padding: 46px 0 8px
}

@media screen and (min-width:768px) {
  .second #contentsArea h1 span {
    font-size: 5.6rem;
    padding: 78px 0 14px
  }
}

.second .intro {
  text-align: left;
  margin: -40px 0 50px;
  line-height: 2
}

@media screen and (min-width:768px) {
  .second .intro {
    text-align: center;
    margin: -40px 0 70px
  }
}

.second #contentsArea h2 {
  font-size: 1.9rem;
  margin-bottom: 1.9em;
  color: #333;
  text-align: center;
  position: relative
}

@media screen and (min-width:768px) {
  br.sp {
    display: none
  }
}

br.sptb {
  display: block
}

@media screen and (min-width:961px) {
  br.sptb {
    display: none
  }
}

br.pc {
  display: none
}

@media screen and (min-width:768px) {
  br.pc {
    display: block
  }
}

br.pc2 {
  display: none
}

@media screen and (min-width:961px) {
  br.pc {
    display: block
  }
}