@charset "UTF-8";
/*
@mixin trans(){
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}*/
/*-------------------
	下層ページ共通 
---------------------*/
/*
パンくず
*/
.pankuzu {
  padding-top: 1rem;
  padding-bottom: 0;
  max-width: 1400px !important;
}
.pankuzu .pankuzu__list .pankuzu__item {
  display: inline-block;
  position: relative;
  padding-left: 2em;
}
.pankuzu .pankuzu__list .pankuzu__item:before {
  content: "＞";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  left: 0.5em;
}
.pankuzu .pankuzu__list .pankuzu__item a:hover {
  opacity: 0.92;
}
.pankuzu .pankuzu__list .pankuzu__item:first-child {
  padding-left: 0;
}
.pankuzu .pankuzu__list .pankuzu__item:first-child:before {
  display: none;
}

.mvArea .inner {
  padding-bottom: 3%;
  max-width: 1400px;
}
.mvArea .ttlArea {
  max-width: 500px;
}
.mvArea .ttlArea .ttlArea__en {
  font-size: 1.5rem;
  color: #8B8B8B;
  font-family: "Ropa Sans", sans-serif;
}
.mvArea .ttlArea .ttlArea__h1 {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0.5rem 0 1rem;
}
.mvArea .ttlArea .ttlArea__text {
  font-size: 2rem;
  line-height: 1.5;
}
.mvArea .ttlArea .ttlArea__text-arw::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #C00714;
  border-right: 2px solid #C00714;
  transform: rotate(45deg);
  margin: 0 8px 1px 0;
}
.mvArea__imgArea {
  position: relative;
}
.mvArea__imgArea::after {
  display: inline-block;
  content: "";
  background: #F0F0F0;
  margin: 10% 0 5%;
  height: 65%;
  width: 100%;
  position: absolute;
  top: 20%;
  z-index: -10;
}
.mvArea__imgArea .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 0;
}
.mvArea__imgArea .inner .mvArea__img1 {
  width: 40%;
}
.mvArea__imgArea .inner .mvArea__img2 {
  width: 55%;
}

.ttl {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.table_section .inner {
  padding-bottom: 3%;
}
.table_section__body {
  margin-top: 6px;
}
.table_section__body th, .table_section__body td {
  border: 1px solid #000;
  padding: 8px;
  line-height: 1.5;
}
.table_section__body th {
  width: 25%;
  background-color: #BEBEBE;
}
.table_section__body td .rightBlock {
  display: flex;
}
.table_section__body td .btm_space {
  margin-bottom: 14px;
}
.table_section__body td .btm_space:nth-last-child(1) {
  margin-bottom: 0;
}
.table_section.midCareer {
  background-color: #f0f0f0;
}
.table_section.midCareer .table_section__body td {
  background-color: #fff;
}
.table_section .lead {
  line-height: 1.8;
  margin: 8px 0 16px;
}

@media screen and (min-width: 980px) {
  .mvArea {
    margin-bottom: 2%;
  }
  .mvArea .inner {
    padding-top: 6%;
    position: relative;
  }
  .mvArea .ttlArea {
    position: absolute;
    top: 100px;
    left: 10vw;
    width: 46%;
    max-width: 600px;
  }
  .mvArea .ttlArea .ttlArea__en {
    font-size: 2.4rem;
  }
  .mvArea .ttlArea .ttlArea__h1 {
    font-size: 3.9rem;
    margin: 0.5rem 0 3rem;
  }
  .mvArea .ttlArea .ttlArea__text {
    font-size: 2.4rem;
  }
  .mvArea .ttlArea .ttlArea__text p::before {
    margin: 0 8px 4px 0;
  }
  .mvArea__imgArea::after {
    height: 48%;
    top: 33%;
  }
  .mvArea__imgArea .inner {
    padding-top: 0;
  }
  .mvArea__imgArea .inner .mvArea__img1 {
    width: 30%;
  }
  .mvArea__imgArea .inner .mvArea__img2 {
    width: 52.5%;
  }
  .ttl {
    font-size: 3.9rem;
  }
  .inner {
    max-width: 1000px;
  }
  .table_section__body {
    margin-top: 16px;
    width: 100%;
    padding: 5% 0;
  }
  .table_section__body th, .table_section__body td {
    padding: 2%;
    line-height: 1.8;
  }
  .table_section__body td .btm_space {
    margin-bottom: 5%;
  }
  .table_section .lead {
    font-size: 1.8rem;
    margin: 3% 0;
  }
}
@media screen and (max-width: 980px) {
  .mvArea--guideline {
    margin-top: 5%;
  }
  .mvArea--guideline .ttlArea {
    width: 90%;
    margin: 0 auto;
    max-width: none;
  }
}
@media screen and (min-width: 980px) and (max-width: 1500px) {
  #wrapper {
    margin-top: 80px;
  }
  .mvArea__imgArea::after {
    top: 42%;
    margin: 5% 0;
  }
  .mvArea .ttlArea {
    top: 50px;
    left: 5%;
  }
  .mvArea .ttlArea .ttlArea__en {
    font-size: 2.1rem;
  }
  .mvArea .ttlArea .ttlArea__h1 {
    font-size: 3.6rem;
  }
  .mvArea .ttlArea .ttlArea__text {
    font-size: 2.1rem;
  }
  .mvArea--guideline {
    position: relative;
  }
  .mvArea--guideline .ttlArea {
    z-index: 10000000000000;
  }
  .mvArea--guideline__imgArea::after {
    top: 500px;
    margin: 0 0 5%;
  }
}
@media screen and (min-width: 1500px) {
  #wrapper {
    margin-top: 120px;
  }
  .mvArea__imgArea::after {
    top: 500px;
    margin: 0 0 5%;
  }
  .mvArea--guideline {
    position: relative;
  }
  .mvArea--guideline .ttlArea {
    z-index: 10000000000000;
  }
  .mvArea--guideline__imgArea::after {
    top: 500px;
    margin: 0 0 5%;
  }
}
@media screen and (min-width: 1500px) {
  .mvArea__imgArea:after {
    height: 380px;
  }
}
/*---------------------
      ネットワーク
----------------------*/
#s1-network .inner {
  max-width: 1400px;
  padding-top: 0;
}
#s1-network .mapArea__showroom {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
}
#s1-network .mapArea__showroom #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#s1-network .shopArea .listArea__item {
  border: 1px solid #000;
}

.message_section-img {
  text-align: center;
  margin-bottom: 10rem;
}
.message_section-img img {
  width: 90%;
  max-width: 360px;
}

.showroomNetwork .showroomNetwork__list {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.showroomNetwork .showroomNetwork__list .showroomNetwork__item {
  width: 16.8%;
  margin-right: 4%;
}
.showroomNetwork .showroomNetwork__list .showroomNetwork__item .showroomNetwork__ttl {
  margin-bottom: 1.5rem;
}
.showroomNetwork .showroomNetwork__list .showroomNetwork__item:nth-child(5) {
  margin-right: 0;
}
.showroomNetwork .showroomNetwork__list .showroomNetwork__item .showroomNetwork__secList .showroomNetwork__secItem {
  font-weight: bold;
  font-size: 1.8rem;
}

@media screen and (max-width: 1000px) {
  .showroomNetwork .showroomNetwork__list {
    justify-content: center;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item {
    width: 29.3333333333%;
    margin-right: 6%;
    margin-bottom: 5rem;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item .showroomNetwork__ttl {
    width: 100%;
    max-width: 200px;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item:nth-child(3) {
    margin-right: 0;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item:nth-child(5) {
    margin-right: 0;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item .showroomNetwork__secList .showroomNetwork__secItem {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 750px) {
  .listArea .listArea__item {
    width: 100%;
    padding: 4%;
  }
  .listArea .listArea__item:first-of-type {
    margin-right: 0;
  }
  .message_section-img {
    text-align: center;
    margin-bottom: 10rem;
  }
  .message_section-img img {
    width: 90%;
    max-width: 360px;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10%;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item .showroomNetwork__ttl {
    width: 50%;
    max-width: 300px;
  }
  .showroomNetwork .showroomNetwork__list .showroomNetwork__item .showroomNetwork__secList .showroomNetwork__secItem {
    font-size: 1.6rem;
    display: inline-block;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 599px) {
  .listArea .listArea__item .listArea__item-ttl {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .listArea .listArea__item .listArea__list-showroom .listArea__item-showroom {
    width: 49%;
    margin-right: 0;
  }
  .listArea .listArea__item .listArea__list-showroom .listArea__item-showroom:nth-of-type(odd) {
    margin-right: 2%;
  }
}
.message_section-img {
  margin-top: 10%;
}

.example {
  margin-bottom: 5rem;
}
.example .example__p {
  display: inline-block;
  position: relative;
  padding-left: 5rem;
  margin-right: 2rem;
}
.example .example__p [class^=example__span-] {
  display: inline-block;
  width: 3em;
  height: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  left: 0;
}
.example .example__p .example__span-red {
  background: #DC0917;
}
.example .example__p .example__span-wt {
  border: 1px solid #DC0917;
}
.example .example__p .example__span-grey {
  background: #333333;
}

@media screen and (max-width: 750px) {
  #s1-network {
    margin-bottom: 5rem;
  }
  #s1-network .mapArea__showroom {
    margin: 5% 0;
  }
  #s1-network .shopArea .listArea__item {
    margin: 2% 0;
  }
}
/*---------------------
       募集要項
----------------------*/
.entryBtnWrap {
  margin-top: 0;
  margin-bottom: 5%;
}
.entryBtnWrap .entryBtn {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.entryBtnWrap p {
  text-align: center;
  margin: 0 0 1rem;
}

.entryBtnWrap-mynavi {
  margin-bottom: 5%;
  text-align: center;
}
.entryBtnWrap-mynavi .entryBtn {
  display: block;
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .entryBtnWrap {
    margin-bottom: 8%;
  }
  .entryBtnWrap p {
    font-size: 1.8rem;
    margin-top: 3%;
    margin-bottom: 1rem;
  }
  .entryBtnWrap .entryBtn {
    width: 500px;
  }
  .entryBtnWrap-mynavi {
    margin-bottom: 5%;
    text-align: center;
  }
  .entryBtnWrap-mynavi p {
    font-size: 1.8rem;
    margin-top: 3%;
    margin-bottom: 1rem;
  }
  .entryBtnWrap-mynavi .entryBtn {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 980px) {
  .entryBtnWrap {
    margin-bottom: 50px;
  }
  .entryBtnWrap p {
    font-size: 1.8rem;
    margin-top: 3%;
    margin-bottom: 2rem;
  }
  .entryBtnWrap-mynavi p {
    font-size: 1.8rem;
    margin-top: 3%;
    margin-bottom: 1rem;
  }
  .entryBtnWrap-mynavi .entryBtn {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
}
.news {
  margin-bottom: 8rem;
}
.news .news__tab {
  border-left: 1px solid #707070;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news .news__tab .news__tabItem {
  width: auto;
  font-size: 2rem;
  padding: 0.5em 1em;
  border-right: 1px solid #707070;
}
.news 　 .news__list {
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
  padding-top: 1rem;
}
.news 　 .news__list .news__item {
  padding: 1em;
  font-size: 1.8rem;
}
.news 　 .news__list .news__item:nth-child(odd) {
  background: #FAFAFA;
}

.news {
  margin-bottom: 5rem;
  margin-top: 5rem;
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
}
.news #newcarTab {
  border-left: 1px solid #707070;
}
.news .news__tabItem {
  width: auto;
  font-size: 2rem;
  padding: 0.5em 1em;
  border-right: 1px solid #707070;
  text-align: center;
  display: block;
  float: left;
  width: 16.6666666667%;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.news .news__tabItem:hover {
  opacity: 0.8;
}
.news input[name=tab_item] {
  display: none;
}
.news .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.news .tab_contentTtl {
  margin-top: 5rem;
  font-size: 2.4rem;
  text-align: center;
}
.news #okayama:checked ~ #okayama_content,
.news #hiroshima:checked ~ #hiroshima_content,
.news #yamaguchi:checked ~ #yamaguchi_content,
.news #kagawa:checked ~ #kagawa_content,
.news #ehime:checked ~ #ehime_content,
.news #kochi:checked ~ #kochi_content,
.news #okayama2:checked ~ #okayama_content2,
.news #hiroshima2:checked ~ #hiroshima_content2,
.news #yamaguchi2:checked ~ #yamaguchi_content2,
.news #kagawa2:checked ~ #kagawa_content2,
.news #ehime2:checked ~ #ehime_content2,
.news #kochi2:checked ~ #kochi_content2 {
  display: block;
}
.news .tabs input:checked + .tab_item {
  background: #DC0917;
  color: #fff;
}
.news .news__list {
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
  padding-top: 1rem;
}
.news .news__list .news__item {
  padding: 1em;
  font-size: 1.8rem;
}
.news .news__list .news__item:nth-child(odd) {
  background: #FAFAFA;
}

.news2 {
  margin-bottom: 5rem;
  margin-top: 5rem;
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
}
.news2 #newcarTab {
  border-left: 1px solid #707070;
}
.news2 .news__tabItem {
  width: auto;
  font-size: 2rem;
  padding: 0.5em 1em;
  border-right: 1px solid #707070;
  text-align: center;
  display: block;
  float: left;
  width: 16.6666666667%;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.news2 .news__tabItem:hover {
  opacity: 0.8;
}
.news2 input[name=tab_item2] {
  display: none;
}
.news2 .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.news2 .tab_contentTtl {
  margin-top: 5rem;
  font-size: 2.4rem;
  text-align: center;
}
.news2 #okayama:checked ~ #okayama_content,
.news2 #hiroshima:checked ~ #hiroshima_content,
.news2 #yamaguchi:checked ~ #yamaguchi_content,
.news2 #kagawa:checked ~ #kagawa_content,
.news2 #ehime:checked ~ #ehime_content,
.news2 #kochi:checked ~ #kochi_content,
.news2 #okayama2:checked ~ #okayama_content2,
.news2 #hiroshima2:checked ~ #hiroshima_content2,
.news2 #yamaguchi2:checked ~ #yamaguchi_content2,
.news2 #kagawa2:checked ~ #kagawa_content2,
.news2 #ehime2:checked ~ #ehime_content2,
.news2 #kochi2:checked ~ #kochi_content2 {
  display: block;
}
.news2 .tabs2 input:checked + .tab_item {
  background: #DC0917;
  color: #fff;
}
.news2 .news__list {
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
  padding-top: 1rem;
}
.news2 .news__list .news__item {
  padding: 1em;
  font-size: 1.8rem;
}
.news2 .news__list .news__item:nth-child(odd) {
  background: #FAFAFA;
}

/*---------------------
       会社案内
----------------------*/
.philosophy_section-content {
  margin: 10% 0;
}
.philosophy_section-content .lead-ttl {
  font-size: 2rem;
  margin-bottom: 12px;
  text-align: center;
}
.philosophy_section-content .lead p {
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
}
.philosophy_section-content .philosophy__list .philosophy__item {
  font-size: 1.8rem;
}
.philosophy_section-content .pointWrap {
  padding: 10% 0;
}
.philosophy_section-content .pointWrap .point {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8%;
}
.philosophy_section-content .pointWrap .point-ttl {
  width: 100px;
  height: 100px;
  background-color: #484848;
  border-radius: 50%;
  color: #fff;
  position: relative;
}
.philosophy_section-content .pointWrap .point-ttl p {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  white-space: nowrap;
}
.philosophy_section-content .pointWrap .point-txt {
  width: 67%;
  font-size: 1.3rem;
  line-height: 1.5;
}
.philosophy_section-content .pointWrap .point:nth-last-child(1) {
  margin-bottom: 0;
}

@media screen and (min-width: 750px) {
  .philosophy_section-content .pointWrap {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 980px) {
  .philosophy_section-content {
    margin: 4rem 0;
    border: 1px solid #000;
    padding: 4rem;
  }
  .philosophy_section-content .lead-ttl {
    font-size: 3.3rem;
    margin-top: 0;
  }
  .philosophy_section-content .lead p {
    font-size: 2rem;
  }
  .philosophy_section-content .philosophy__list .philosophy__item {
    text-align: center;
  }
  .philosophy_section-content .pointWrap {
    max-width: 720px;
    margin: 0 auto;
  }
  .philosophy_section-content .pointWrap .point-ttl {
    width: 140px;
    height: 140px;
  }
  .philosophy_section-content .pointWrap .point-ttl p {
    font-size: 2.7rem;
  }
  .philosophy_section-content .pointWrap .point-txt {
    font-size: 1.5rem;
    line-height: 1.8;
    width: 73%;
  }
}
/*---------------------
       福利厚生
----------------------*/
.welfareTable {
  margin-bottom: 9%;
}
.welfareTable:nth-last-child(1) {
  margin-bottom: 0;
}
.welfareTable th {
  width: 36%;
  background-color: #BEBEBE;
  white-space: normal;
}
.welfareTable th.l-gray {
  background-color: #F0F0F0;
}
.welfareTable .top-ttl {
  background-color: #8B8B8B;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05rem;
}

.event_section-content {
  margin: 24px 0;
}
.event_section-content:nth-of-type(1) {
  margin-top: 8px;
}
.event_section-content:nth-last-child(1) {
  margin-bottom: 8px;
}
.event_section-content-ttl {
  background-color: #8B8B8B;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05rem;
  padding: 4px;
  border: 1px solid #000;
  margin-bottom: 12px;
  font-size: 1.5rem;
}
.event_section-content-imgWrap {
  display: flex;
  width: 100%;
}
.event_section-content-imgWrap img {
  width: 33.33333%;
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  height: auto;
  height: 33.33333%;
  height: -webkit-calc(100% / 3);
  height: 33.3333333333%;
}
.event_section-content-txt {
  margin-bottom: 8px;
}

@media screen and (min-width: 980px) {
  .welfareTable .top-ttl {
    font-size: 1.8rem;
  }
  .event_section {
    margin-bottom: 3%;
  }
  .event_section-content {
    margin: 8% 0;
  }
  .event_section-content-ttl {
    padding: 16px;
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
  .event_section-content-txt {
    margin-top: 8px;
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
}
/*---------------------
       メッセージ
----------------------*/
.message_section-leadCopy {
  font-size: 2rem;
  margin-bottom: 28px;
}
.message_section-mainTxt p {
  margin-bottom: 20px;
}
.message_section .author {
  text-align: right;
}

@media screen and (min-width: 980px) {
  .message_section {
    margin-bottom: 5%;
  }
  .message_section-leadCopy {
    font-size: 3.2rem;
    margin: 3% 0 6%;
  }
  .message_section-mainTxt p {
    line-height: 2;
    font-size: 1.8rem;
  }
  .message_section .author {
    font-size: 1.8rem;
  }
}
/*---------------------
 キャリアアップのための体制
----------------------*/
.training-img {
  width: 100%;
  overflow-x: scroll;
  text-align: center;
}
.training-img img {
  width: 1000px;
  max-width: none;
}

.developTable {
  margin-bottom: 10%;
}
.developTable .contest-img {
  margin: 12px 0;
}
.developTable th {
  width: 35%;
}

@media screen and (min-width: 980px) {
  .training-img img {
    width: 100%;
    margin: 5% 0;
  }
  .developTable {
    margin-bottom: 5%;
  }
  .developTable .contest-img {
    width: 280px;
  }
}
/*---------------------
リンク共通
----------------------*/
.worksLink {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.worksLink .worksLink__item {
  width: 50%;
}
.worksLink .worksLink__item .worksLink__link .worksLink__item-inner {
  position: relative;
}
.worksLink .worksLink__item .worksLink__link .worksLink__item-inner .worksLink__item-ttl {
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: rgba(255, 255, 255, 0.6);
  width: 90%;
  text-align: center;
  padding: 1rem;
  max-width: 12em;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.worksLink .worksLink__item .worksLink__link .worksLink__item-inner .worksLink__item-img {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.worksLink .worksLink__item .worksLink__link:hover .worksLink__item-inner .worksLink__item-ttl {
  background: #DC0917;
  color: #fff;
}
.worksLink .worksLink__item .worksLink__link:hover .worksLink__item-inner .worksLink__item-img {
  opacity: 0.8;
}

@media screen and (min-width: 750px) {
  .worksLink .worksLink__item .worksLink__link .worksLink__item-inner .worksLink__item-ttl {
    font-weight: normal;
    font-size: 2rem;
    max-width: none;
    padding: 6rem 0;
    width: 80%;
  }
}
/*---------------------
数字で見る
----------------------*/
.data .data__flex .data__ttl {
  text-align: center;
  background: #F4F4F4;
  font-size: 1.6rem;
  padding: 0.4rem 1rem;
}
.data .data__flex .data__ttl span {
  font-size: 1.2rem;
  display: block;
}
.data .data__flex [class^=data__block] {
  margin-bottom: 10%;
}
.data .data__flex [class^=data__block] figure {
  margin: 8% auto 0;
  width: 90%;
}
.data .data__flex .data__text {
  font-size: 1.2rem;
  margin-top: 1rem;
}

@media screen and (min-width: 750px) {
  .data .data__flex {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .data .data__flex [class^=data__block] {
    margin-bottom: 4rem;
  }
  .data .data__flex [class^=data__block] figure {
    margin: 4rem auto 0;
  }
  .data .data__flex .data__ttl {
    font-size: 1.8rem;
  }
  .data .data__flex .data__ttl span {
    display: inline-block;
  }
  .data .data__flex .data__block {
    width: 100%;
  }
  .data .data__flex .data__block .data__img-flex {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .data .data__flex .data__block .data__img-flex .data__img-left {
    width: 46%;
    margin-right: 4%;
  }
  .data .data__flex .data__block .data__img-flex .data__img-right {
    width: 48%;
  }
  .data .data__flex .data__block-left {
    width: 47%;
    margin-right: 6%;
  }
  .data .data__flex .data__block-right {
    width: 47%;
  }
}
/*---------------------
エントリーティザー
----------------------*/
.teaser {
  text-align: center;
}
.teaser .ttlArea__h1 {
  font-weight: bold;
  margin-bottom: 2rem;
  font-size: 1.8rem;
}

.teaser__btn {
  margin: 10% 0;
}
.teaser__btn .teaser__btn-link {
  opacity: 0.8;
  display: block;
  padding: 1rem;
  background: #F4F4F4;
}
.teaser__btn .teaser__btn-link:hover {
  background: #DC0917;
  color: #fff;
}

@media screen and (min-width: 750px) {
  .teaser .ttlArea__h1 {
    font-size: 2rem;
  }
  .teaser__btn {
    margin: 4rem auto;
    max-width: 500px;
  }
}
@media screen and (min-width: 980px) {
  .teaser .ttlArea__h1 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
.flow__ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10%;
}

.flow .flow__list .flow__item {
  width: 100%;
  background: #ccc;
  padding: 0.5rem;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 10%;
  position: relative;
}
.flow .flow__list .flow__item .flow__arrow {
  position: absolute;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  bottom: -6vw;
  width: 4vw;
}

.flow__text {
  text-align: center;
  margin-bottom: 1rem;
}

.flowBtn .flowBtn__btn1 {
  margin-bottom: 5%;
}

@media screen and (min-width: 980px) {
  .flow__ttl {
    margin-bottom: 5rem;
    font-size: 3.4rem;
  }
  .flow .flow__list {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flow .flow__list .flow__item {
    width: 15%;
    font-size: 1.8rem;
    margin-right: 5%;
  }
  .flow .flow__list .flow__item:last-child {
    margin-right: 0;
  }
  .flow .flow__list .flow__item .flow__arrow {
    position: static;
    top: 0;
    left: 0;
    transform: none;
    transform: rotate(-90deg);
    position: absolute;
    top: 1.5em;
    left: 106%;
    width: 30px;
  }
  .flowBtn {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flowBtn .flowBtn__btn1 {
    width: 45%;
  }
  .flowBtn .flowBtn__btn1:first-child {
    margin-right: 5%;
  }
}/*# sourceMappingURL=page-common.css.map */