@charset "UTF-8";

/* Scss Document */
._740_display_none {
  display: block;
}

._740_display_block {
  display: none;
}

#load {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999990;
  animation: out 1s linear 3s forwards;
}

.f_link a {
  color: #000;
  text-decoration: none;
}

.recMore {
  display: none;
}

#fancybox-overlay {
  z-index: 111111 !important;
  opacity: 0 !important;
}

#fancybox-wrap {
  width: 90vw !important;
  height: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
}

#fancybox-wrap img {
  width: 100%;
  height: auto;
}

#fancybox-content {
  width: 99% !important;
  height: auto !important;
}

@keyframes out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

body {
  position: relative;
}

#pageOut {
  background-color: #FFF;
  position: fixed;
  top: 100vh;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999980;
}

.t_eng p {
  line-height: 1.5em;
}

/*****/
.h100 {
  position: relative;
  height: 100vh;
}

#area1 {
  background-color: #000;
}

#area2 {
  background-color: #fdfdfd;
}

.zOut {
  animation: zOut 1s ease 0s forwards;
}

/*animation: zOut 1.5s ease 0s forwards;*/
@keyframes zOut {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

/****/
#news_box {
  position: absolute;
  right: 40px;
  bottom: 40px;
  width: 520px;
  z-index: 999;
}

.new_title span {
  background-color: #FFF;
  color: #000;
  padding: 5px 40px;
}

.news_table {
  width: 100%;
  display: table;
  font-size: 14px;
  border: 1px solid #FFF;
  padding: 15px 0;
  margin-top: -2px;
}

.news_table a {
  color: #FFF;
  text-decoration: none;
}

.n_cell1 {
  display: table-cell;
  width: 120px;
  border-right: 1px solid #FFF;
  padding-left: 20px;
}

.n_cell2 {
  display: table-cell;
  padding: 0 20px;
}

/********/
#cyCap {
  position: fixed;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

#cyCap li {
  padding: 10px 0;
  border-top: 1px solid #000;
  width: 20px;
  position: relative;
  color: #000;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

#cyCap li span {
  opacity: 0;
  position: absolute;
  right: -40px;
  top: -13px;
  width: 30px;
  transition: 0.3s ease-in-out;
}

#cyCap li:first-child {
  width: 40px;
}

#cyCap li:first-child span {
  opacity: 1;
}

#cyCap li:hover {
  width: 40px !important;
}

.lineNow {
  animation: lineNow 1s ease 0s forwards;
}

@keyframes lineNow {
  0% {
    width: 20px;
  }

  100% {
    width: 40px;
  }
}

.lineBack {
  animation: lineBack 1s ease 0s forwards;
}

@keyframes lineBack {
  0% {
    width: 40px;
  }

  100% {
    width: 20px;
  }
}

.pages {
  position: relative;
}

/*******************************************************************
*******************************************************************/
#logo {
  position: fixed;
  left: 60px;
  top: 5px;
  z-index: 101;
}

.flexslider_h100 {
  height: 100vh;
  z-index: 1;
}

/* #fade1 {
  background-image: url(../images/fade1.jpg);
}

#fade2 {
  background-image: url(../images/fade2.jpg);
} */

#fade1,
#fade2 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

#top_title {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  z-index: 500;
  transform: translateY(-50%);
  font-size: 32px;
  color: #FFF;
  text-shadow: 0 0 10px #000;
  text-align: center;
  font-weight: bold;
  text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
}

/***************

	area2

***************/
.flex_center {
  display: flex;
  align-items: center;
  height: 100%;
}

.max680 {
  width: 100%;
  max-width: 680px;
}

.num_box {
  display: table;
  width: 100%;
}

.num_left {
  display: table-cell;
  width: 90px;
  font-size: 74px;
  line-height: normal;
}

.num_left span {
  font-size: 34px;
  color: #d0d0d0;
  letter-spacing: 0.1em;
  position: relative;
  bottom: -2px;
}

.num_left span:before {
  content: "/";
  position: relative;
  bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
}

.num_right {
  display: table-cell;
  font-size: 22px;
}

.color_b {
  color: #fff;
  text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
}

.t_eng {
  font-size: 20px;
}

.midashi22 {
  font-size: 22px;
  line-height: normal;
}

.t-hi {
  line-height: 2.2em;
}

.more a {
  background-color: #000;
  color: #FFF;
  display: block;
  padding: 10px 0;
  width: 100%;
  max-width: 220px;
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #000;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.24);
  transition: 0.3s ease-in-out;
}

.more a:hover {
  background-color: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.24);
  color: #000;
}

.more_right a {
  margin: 0 0 0 auto;
}

#top_img1 {
  position: absolute;
  right: -310px;
  top: 0;
  height: 100vh;
  width: 720px;
  text-align: right;
  z-index: 1;
  background-position: center right;
}

/***************

	area3

***************/
#area3 {
  background-color: #FFF;
}

.num_top80_1 {
  margin-top: 80px;
}

.top_list {
  display: flex;
}

.top_list li {
  padding: 0 20px;
  width: 25%;
  font-size: 14px;
}

.top_list .bg_midashi {
  background-color: #000;
  color: #FFF;
  text-align: center;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.top_list .list_img {
  text-align: center;
  margin-top: 20px;
}

.top_list .list_img img {
  width: auto;
  height: 153px;
}

.top_list .list_eng {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
  display: flex;
  height: 50px;
  width: 100%;
  line-height: 1em;
  align-items: center;
  justify-content: center;
  display: none;
}

.top_list .list_text {
  margin-top: 20px;
}

.v_middle {
  vertical-align: middle;
}

.num_right2 {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 230px;
}

.num_right3 {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  bottom: 20px;
  padding-right: 240px;
}

.more_posi_right {
  position: absolute;
  right: 0;
  top: 0;
}

.more_posi_right a {
  width: 220px;
}

/***************

	area4

***************/
#area4 {
  background-color: #FFF;
}

.flexslider_staff {
  height: 100vh;
}

.fade_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

#staff_img1 {
  background-image: url(../images/top8_1.jpg);
}

#staff_img2 {
  background-image: url(../images/top8_2.jpg);
}

#staff_img3 {
  background-image: url(../images/top8_3.jpg);
}

#staff_img4 {
  background-image: url(../images/top8_4.jpg);
}

#staff_img5 {
  background-image: url(../images/top8_5.jpg);
}

.staff_size {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 60%;
}

.staff_right {
  width: 40%;
  padding: 0 0 0 60px;
}

.name {
  margin-top: 20px;
}

.name span {
  font-size: 64px;
  line-height: 1em;
  display: block;
  padding-top: 10px;
}

.message {
  margin: 40px 0 10px;
  font-size: 22px;
}

.max440 {
  max-width: 440px;
  width: 100%;
}

.min_t {
  min-height: 220px;
}

/*********/
#page_box {
  position: absolute;
  left: calc(60% + 40px);
  bottom: 60px;
  width: calc(40% - 40px);
}

#pagiNation {
  display: flex;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #f6f6f6;
  width: 100%;
  max-width: 440px;
}

#pagiNation li {
  width: 25%;
  height: 20px;
  position: relative;
}

#pagiNation li:after {
  content: "";
  border-right: 1px solid #000;
  position: absolute;
  right: -1px;
  top: 5px;
  height: 10px;
}

#pagiNation li:last-child:after {
  display: none;
}

#pagiNation li span {
  display: block;
  border-bottom: 2px solid #000;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
}

/***************

	area5

***************/
#area5 {
  background-color: #FFF;
}

.top_com_t {
  font-size: 22px;
  line-height: 1em;
}

#top_bg04 {
  background: url(../images/top9.jpg) 50% 0/cover no-repeat;
  height: 100vh;
  width: 60%;
}

.top_left04 {
  width: 40%;
}

.max440_right {
  width: 100%;
  max-width: 440px;
  padding-right: 60px;
  margin: 0 0 0 auto;
}

.message2 {
  margin: 10px 0 20px;
  font-size: 14px;
  line-height: normal;
}

.message2.z500.fz20 {
  font-size: 20px;
}

/***************

	area6

***************/
#area6 {
  background-color: #FFF;
  height: 100vh;
}

max740 {
  max-width: 640px;
}

#pcmovie {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
}

#pcmovie video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

#spm {
  display: none;
}

.rec_more {
  display: none;
}

/***************

	area7

***************/
#area7 {
  background-color: #f2f2f2;
  height: 100vh;
}

.banar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.banar li {
  padding: 0 20px;
  width: 33.333%;
  margin-bottom: 20px;
}

.banar .af_border {
  position: relative;
}

.banar .af_border img {
  width: 100%;
  height: auto;
}

.banar .af_border:before {
  content: "";
  border-top: 5px solid #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
}

.banar .af_border:after {
  content: "";
  border-left: 5px solid #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
}

.f_flex {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.f_left {
  width: 60%;
  font-size: 14px;
}

.f_logo {
  font-size: 26px;
}

#copy {
  margin-top: 10px;
}

.f_right {
  width: 50%;
  max-width: 520px;
  display: flex;
  justify-content: space-between;
}

.f_minileft {
  width: 49.5%;
}

.f_minileft img {
  width: 100%;
  height: auto;
  display: block;
  margin: 2px 0;
}

.f_mini_right {
  background-color: #FFF;
  text-align: center;
  width: 49.5%;
  display: flex;
  align-items: center;
}

.f_mini_right img {
  width: 100%;
  height: auto;
  display: block;
  margin: 2px 0;
}

/**********************/
.cy_footer {
  background-color: #000;
  color: #FFF;
  padding: 27px 0 20px;
}

.fo_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#f_logo img {
  width: 100px;
  height: auto;
}

#f_nav li {
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
}

#f_nav a {
  color: #FFF;
  text-decoration: none;
}

#topFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

#area1,
#area2,
#area3,
#area4,
#area5,
#area6,
#area7,
#area8 {
  overflow: hidden;
}

.sp_more01 {
  display: none;
}

#recList {
  display: none;
}

/************************************************************************

	ライフエンディング企業として

*************************************************************************/
#h_bg {
  background-color: #3289ca;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  z-index: 9999;
}

#header_in {
  position: relative;
  z-index: 1;
}

/*****/
.bg_gray {
  background-color: #f9f9f9;
}

.af_bg_gray {
  position: relative;
}

.af_bg_gray:after {
  content: "";
  background-color: #f9f9f9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 650px;
}

.header_mt {
  margin-top: 105px;
}

.title_in {
  padding: 100px 0;
}

.title_in .t_ja {
  display: block;
}

.title_in .t_eng {
  font-size: 42px;
  text-transform: capitalize;
}

.bg_w {
  background-color: #FFF;
}

.padding100_0 {
  padding: 100px 0;
}

.pt100 {
  padding-top: 100px;
}

.padding150 {
  padding: 150px 0;
}

.policy_center_t {
  text-align: center;
  font-size: 22px;
  line-height: 2.4em;
}

/********************/
.midashi20 {
  font-size: 20px;
}

.policy_list {
  display: flex;
  justify-content: space-between;
}

.policy_list li {
  width: 46%;
}

.flex_center_span {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  height: auto;
}

.flex_left_span {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}

#footer_in {
  background-color: #f9f9f9;
  margin-top: 150px;
  padding: 150px 0;
  position: relative;
  z-index: 900;
}

/********************************************************************

	事業紹介

********************************************************************/
#header_business {
  height: 100vh;
  position: relative;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

#business_list {
  display: flex;
  height: 100vh;
}

#business_list li {
  width: 25%;
  position: relative;
  overflow: hidden;
}

#business_list li #business_main1 {
  background: url(../images/business_main1.jpg) 70% 50%/cover no-repeat;
}

#business_list li #business_main2 {
  background: url(../images/business_main2.jpg) 50% 50%/cover no-repeat;
}

#business_list li #business_main3 {
  background: url(../images/business_main3.jpg) 50% 50%/cover no-repeat;
}

#business_list li #business_main4 {
  background: url(../images/business_main4.jpg) 50% 50%/cover no-repeat;
}

#business_list li #business_main5 {
  background: url(../images/business_main5.jpg) 50% 50%/cover no-repeat;
}

#business_list li #business_main1,
#business_list li #business_main2,
#business_list li #business_main3,
#business_list li #business_main4,
#business_list li #business_main5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  transition: all 0.3s ease;
}

#business_list li.hovOn:after {
  content: "";
  background: url(../images/bgbg.png) left 0/100% 100% repeat-x;
  height: 300px;
  width: 100%;
  position: absolute;
  bottom: -300px;
  left: 0;
  z-index: 400;
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}

#business_list li:hover:after {
  bottom: 0;
}

#business_list a {
  display: block;
  width: 100%;
  height: 100vh;
  color: #000;
  position: relative;
  z-index: 999;
  text-decoration: none;
}

#business_list.orderList li:nth-child(1) {
  order: 3;
}

#business_list.orderList li:nth-child(2) {
  order: 2;
}

#business_list.orderList li:nth-child(3) {
  order: 1;
}

#business_list.orderList li:nth-child(4) {
  order: 4;
}

#business_list.orderList li:nth-child(5) {
  order: 5;
}

.business_name {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: normal;
  font-size: 1.6vw;
  z-index: 500;
  color: #FFF;
  letter-spacing: normal;
}

.business_name .font2 {
  display: block;
  font-size: 1vw;
}

/**************/
.mouseMove {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  border-radius: 50%;
  text-align: center;
  margin: -40px 0 0 -40px;
  background-color: transparent;
  width: 80px;
  height: 80px;
  border: 2px solid #FFF;
  transition: all 0.3s ease;
}

.c-arrow path {
  stroke: #fff;
  stroke-width: 2px;
}

.c-arrow.c-arrow--next {
  right: 100%;
  -webkit-transform: translateX(45px);
  transform: translateX(45px);
}

.c-arrow {
  position: absolute;
  width: 45px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: -webkit-transform .2s .2s;
  transition: transform .2s .2s;
}

/*
@keyframes mouseMove {
  0% {
    width: 0;
    height: 0;
    margin: 0;
    opacity: 1;
  }
  100% {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    opacity: 0;
  }
}
*/
/******/
.scrollauto {
  overflow-y: scroll;
  height: 100vh;
}

.body_hidden {
  overflow: hidden;
}

#header_business_in {
  position: relative;
  height: 100vh;
}

.more_button {
  background-color: rgba(255, 255, 255, 0.61);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 400;
  transition: all 0.3s ease;
}

.more_button:after {
  content: "";
  background-color: #FFF;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  border-radius: 50%;
}

.more_button .more_pluse {
  font-size: 24px;
  position: relative;
  z-index: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*************************
	フューネラル事業
**************************/
#funeral_main {
  background-image: url(../images/business_1.jpg);
}

.businessHeight {
  position: relative;
  z-index: 500;
}

.main_size {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

#business_left {
  width: 55%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 10;
}

.first_z_500 {
  z-index: 500;
}

.business_change {
  position: absolute;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  /*
		img {
			position:absolute;
			top:0;
			left:50%;
			transform:translateX(-50%);
		}
		*/
}

.business_change li {
  width: 100%;
  height: 33.33%;
  overflow: hidden;
  /*animation: business_change 1s ease 0.5s forwards;*/
}

.business_change li:nth-child(1),
.business_change li:nth-child(2),
.business_change li:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

.business_change li:nth-child(1) {
  top: 0;
}

.business_change li:nth-child(2) {
  top: 33.33%;
}

.business_change li:nth-child(3) {
  top: 66.66%;
}

.business_change:nth-child(1) {
  z-index: 100;
}

.business_change:nth-child(2) {
  z-index: 90;
}

.business_change:nth-child(3) {
  z-index: 80;
}

.business_change:nth-child(4) {
  z-index: 70;
}

.business_change:nth-child(5) {
  z-index: 60;
}

#business_right {
  float: right;
  width: 50%;
  max-width: 840px;
  position: relative;
  z-index: 100;
  background-color: #FFF;
  padding-bottom: 150px;
}

/****************/
.w600_auto {
  width: 94%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 60px;
}

.title_in.pb0 {
  padding-bottom: 0;
}

.big_midashi {
  font-size: 34px;
  line-height: normal;
}

.more_in a {
  display: block;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding: 30px 0;
  border: 1px solid #000;
  transition: 0.3s ease-in-out;
}

.more_in a:hover {
  background-color: #000;
  color: #FFF;
}

.mt0 {
  margin-top: 0 !important;
}

/*************************
	料飲事業
**************************/
#food_main {
  background-image: url(../images/business_2.jpg);
}

.business_list2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.business_list2 li {
  width: 49%;
  margin: 20px 0;
}

/*************************
	企画開発
**************************/
#plan_main {
  background-image: url(../images/business_3.jpg);
}

/*************************
	健康事業
**************************/
#health_main {
  background-image: url(../images/business_4.jpg);
}

/*************************
	映像事業
**************************/
#movie_main {
  background-image: url(../images/business_5.jpg);
}

/********************************************************************

	スタッフ

********************************************************************/
#header_staff {
  height: 100vh;
  position: relative;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

#business_list {
  display: flex;
  height: 100vh;
}

#business_list li {
  width: 25%;
  position: relative;
  overflow: hidden;
}

#business_list li #staff_main1 {
  background: url(../images/staff_main1.png) 50% 0/auto 100% no-repeat;
}

#business_list li #staff_main2 {
  background: url(../images/staff_main2.png) 50% 0/auto 100% no-repeat;
}

#business_list li #staff_main3 {
  background: url(../images/staff_main3.png) 50% 0/auto 100% no-repeat;
}

#business_list li #staff_main4 {
  background: url(../images/staff_main4.png) 50% 0/auto 100% no-repeat;
}

#business_list li #staff_main5 {
  background: url(../images/staff_main5.png) 50% 0/auto 100% no-repeat;
}

#business_list li #staff_main1,
#business_list li #staff_main2,
#business_list li #staff_main3,
#business_list li #staff_main4,
#business_list li #staff_main5 {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  transform: translateY(0);
  transition: all 0.3s ease;
}

#business_list a {
  display: block;
  width: 100%;
  height: 100vh;
  color: #000;
  position: relative;
  z-index: 999;
  text-decoration: none;
}

.staffBg {
  background-color: #0e5fa5;
  position: absolute;
  bottom: -50%;
  left: -50%;
  width: 200%;
  height: 40%;
  z-index: 500;
  transform: rotate(-20deg);
}

.bgWhite {
  background-color: #FFF;
  transition: all 0.3s ease;
}

#business_list .staffBgwhite {
  background-color: #0e5fa5;
}

.staff_name {
  position: absolute;
  left: 10px;
  bottom: 5%;
  z-index: 600;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #0e5fa5;
  opacity: 0;
}

.staff_name .name_bg {
  background-color: #FFF;
  padding: 10px 3px 10px 0;
}

.staff_name p {
  margin: 0 7px;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}

.staff_name .name1 {
  margin: 0;
  font-size: 28px;
  line-height: 1em;
  font-weight: bold;
}

.stMore {
  position: absolute;
  right: 10px;
  bottom: 5%;
  z-index: 500;
  transform: scale(0);
  transition: all 0.3s ease;
}

/*************/
#header_h100 {
  position: relative;
  height: 100vh;
}

/*************************
	成田
**************************/
#narita_main {
  background: url(../images/staff1.jpg) 50% bottom/auto 96% no-repeat;
  background-color: #0e5fa5;
}

.staff_mini {
  font-size: 14px;
  display: block;
}

.staff_title {
  position: absolute;
  left: 70%;
  top: 60%;
  transform: translateY(-50%);
}

/*************************
	村本
**************************/
#muramoto_main {
  background: url(../images/staff2.jpg) 50% bottom/auto 96% no-repeat;
  background-color: #0e5fa5;
}

/*************************
	加藤
**************************/
#kato_main {
  background: url(../images/staff3.jpg) 50% bottom/auto 96% no-repeat;
  background-color: #0e5fa5;
}

/*************************
	大館
**************************/
#odate_main {
  background: url(../images/staff4.jpg) 50% bottom/auto 96% no-repeat;
  background-color: #0e5fa5;
}

/*************************
	髙本
**************************/
#takamoto_main {
  background: url(../images/staff5.jpg) 50% bottom/auto 90% no-repeat;
  background-color: #0e5fa5;
}

/************************************************************************

	会社沿革

*************************************************************************/
.box_shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.midashi24 {
  font-size: 24px;
}

.history_list li {
  display: table;
  width: 100%;
  padding: 20px 0;
}

.history_list .h_cell1 {
  display: table-cell;
  width: 200px;
  vertical-align: top;
}

.history_list .h_cell2 {
  display: table-cell;
  vertical-align: top;
}

.history_list .hi_pl {
  padding-left: 42px;
}

.mt-150 {
  margin-top: 150px;
}

/**********************/
.under_banar {
  display: flex;
  flex-wrap: wrap;
}

.under_banar li {
  margin: 40px 1%;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  width: 31.33%;
  background-color: #3289ca;
}

.under_banar a {
  color: #000;
  text-decoration: none;
}

.b_img_box img {
  transition: 0.3s ease-in-out;
}

.under_banar li:hover .b_img_box img {
  border-radius: 20px;
  transform: scale(0.9);
}

.more_flex {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #FFF;
}

.banar_midashi {
  line-height: normal;
  font-size: 14px;
}

.banar_midashi span {
  display: block;
  font-size: 18px;
}

/************************************************************************

	代表ご挨拶

*************************************************************************/
.company_list {
  margin-top: 15px;
}

.company_list li {
  display: table;
  width: 100%;
}

.company_list .com_cell1 {
  display: table-cell;
  width: 220px;
  border-bottom: 1px solid #3289ca;
  padding: 15px 0;
}

.company_list .com_cell2 {
  display: table-cell;
  padding: 15px 0;
}

.company_list li:nth-child(1) .com_cell1 {
  border-top: 1px solid #3289ca;
}

/************************************************************************

	事業展開

*************************************************************************/
.pdf_jpeg {
  display: flex;
  justify-content: space-between;
}

.pdf_jpeg li {
  width: 48%;
}

.pdf_jpeg a {
  display: block;
  color: #000;
  text-decoration: none;
  text-align: center;
  border: 1px solid #000;
  padding: 20px;
}

.pdf_jpeg a:hover {
  background-color: #000;
  color: #FFF;
}

.sp_ex {
  display: none;
}

/************************************************************************

	採用情報

*************************************************************************/
.recruit_list {
  border-top: 1px solid #CBCBCB;
}

.recruit_list li {
  display: table;
  width: 100%;
  padding: 40px 0;
  border-bottom: 1px solid #CBCBCB;
}

.recruit_list .rec_cell1 {
  width: 250px;
  display: table-cell;
  vertical-align: top;
}

.recruit_list .rec_cell2 {
  display: table-cell;
  vertical-align: top;
}

.rec_left {
  padding-left: 100px;
}

.rec_pl2 {
  padding-left: 18px;
}

.border_box {
  border: 1px solid #CBCBCB;
  padding: 60px 40px;
}

.bb_midashi18 {
  text-align: center;
  font-size: 18px;
}

.bb_midashi18:after {
  content: "";
  border-bottom: 2px solid #CBCBCB;
  width: 30px;
  margin: 15px auto 0;
  display: block;
}

.recruit_more a {
  background-color: #3289ca;
  color: #FFF;
  text-align: center;
  padding: 15px;
  border-radius: 15px;
  position: relative;
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  text-decoration: none;
}

.recruit_more a:hover {
  background-color: #1769a7;
}

.recruit_more .fas {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

/************************************************************************

	お問い合わせ

*************************************************************************/
.con_tel {
  font-size: 30px;
  display: block;
}

.contact_list {
  border-top: 1px solid #CBCBCB;
}

.contact_list li {
  display: table;
  width: 100%;
  padding: 40px 0;
  border-bottom: 1px solid #CBCBCB;
}

.contact_list .con_cell1 {
  width: 250px;
  display: table-cell;
  vertical-align: top;
  position: relative;
  padding-left: 80px;
}

.contact_list .con_cell2 {
  display: table-cell;
  vertical-align: top;
}

.hissu {
  background-color: #e60012;
  color: #FFF;
  padding: 2px 15px;
  border-radius: 5px;
  position: absolute;
  top: -3px;
  left: 0;
}

.con_cell2 label {
  padding-right: 40px;
  font-weight: normal;
}

.c_size {
  padding: 0 10px;
  border: 0;
  background-color: #f2f2f2;
  width: 100%;
  max-width: 640px;
  height: 50px;
  border-radius: 10px;
}

.c_top {
  position: relative;
  top: 10px;
}

.c_yuubin {
  padding: 0 10px;
  border: 0;
  background-color: #f2f2f2;
  width: 100px;
  height: 50px;
  border-radius: 10px;
}

.c_yuubin2 {
  padding: 0 10px;
  border: 0;
  background-color: #f2f2f2;
  width: 150px;
  height: 50px;
  border-radius: 10px;
}

.c_select {
  padding: 0 10px;
  border: 0;
  background-color: #f2f2f2;
  width: 345px;
  height: 50px;
  border-radius: 10px;
}

::placeholder {
  color: #cacaca;
}

.c_tel {
  padding: 0 10px;
  border: 0;
  background-color: #f2f2f2;
  width: 190px;
  height: 50px;
  border-radius: 10px;
}

.c_area {
  padding: 0 10px;
  border: 0;
  background-color: #f2f2f2;
  width: 100%;
  max-width: 640px;
  height: 300px;
  border-radius: 10px;
}

.contact_banar {
  display: flex;
  justify-content: space-between;
}

.contact_banar li {
  width: 25%;
  text-align: center;
}

.contact_banar img {
  width: 100%;
  height: auto;
  max-width: 200px;
  transition: 0.3s ease-in-out;
}

.contact_banar li:hover img {
  transform: scale(1.1);
}

/************************************************************************

	お知らせ

*************************************************************************/
.news_links {
  text-align: center;
  padding: 40px 0;
}

.news_links li {
  display: inline-block;
  border-right: 1px solid #aaa;
}

.news_links li:last-child {
  border: 0;
}

.news_links a {
  padding: 0 20px;
  color: #000;
  text-decoration: none;
  display: block;
  transition: 0.3s ease-in-out;
}

.news_links a:hover {
  color: #3289ca;
}

.padding40_0 {
  padding: 40px 0;
}

.news_list_in {
  padding: 60px 0;
  background-color: #f9f9f9;
  border: 2px solid #f9f9f9;
  transition: 0.3s ease-in-out;
}

.news_list_in a {
  color: #000;
  text-decoration: none;
}

.news_list_in:hover {
  border-color: #3289ca;
}

.n_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news_cate span {
  background-color: #3289ca;
  color: #FFF;
  padding: 10px 20px;
}

.n_time_in {
  padding-right: 20px;
}

.n_title_in {
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
}

.w94_auto {
  width: 94%;
  margin: 0 auto;
}

.news_cont {
  display: flex;
  justify-content: space-between;
}

.news_cont_l {
  width: 48%;
}

.news_cont_r {
  width: 48%;
  font-size: 13px;
}

/****SCROLLDOWN***************/
#scrollDown {
  position: absolute;
  bottom: 140px;
  left: 50%;
  z-index: 999;
  opacity: 0;
  text-shadow: 0 0 5px #000;
  cursor: pointer;
}

#scrollDown.opDown1 {
  opacity: 1;
}

.scroll_p {
  position: absolute;
  top: 70px;
  left: 50%;
  color: #FFF;
  transform: translateX(-50%);
  font-family: CenturyGothicStd;
  font-size: 18px;
}

#scrollDown.blackD {
  text-shadow: 0 0 5px #FFF;
}

#scrollDown.blackD .scroll_p {
  color: #000;
}

#scrollDown.blackD .shape_down {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

#scrollDown .shape_down {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}

#scrollDown .shape_down:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

#scrollDown .shape_down:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}

#scrollDown .shape_down:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes sdb {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/****************************/
.displayNone {
  display: none;
}

.switch {
  cursor: pointer;
  position: relative;
  padding-left: 10px;
}

.pulse2 {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
}

.contentWrap {
  display: none;
}

.ppp p {
  padding: 10px 0 0 15px;
}

.businessA {
  padding: 10px 0 0 15px;
}

.rows {
  width: 100%;
  float: left;
}

ul.shop_item {
  width: 100%;
  float: left;
}

ul.shop_item li {
  width: 50%;
  float: left;
}

ul.shop_item li img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

#fade1,
#fade2 {
  background-size: contain;
  background-position: center center;
}

#fade1 {
  background-image: url(../images/slide01.png);
}

.show_sp {
  display: block;
}


/* .banar li{
	display: none !important;
} */
@media only screen and (max-height: 770px) {
  .banar {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .f_flex {
    margin-top: 10px !important;
  }

  .banar li {
    margin-bottom: 10px;
  }

  .banar .af_border:before{
    width: 20px;
  }

  .banar .af_border:after {
    height: 20px;
  }

  .message2 {
    font-size: 14px !important;
  }

  ul.shop_item li img {
    max-height: 100px;
    width: auto;
  }

  #area5 .mt-40, #area5 .mt-20 {
    margin-top: 10px !important;
  }

  .num_left {
    font-size: 33px !important;
    line-height: 100% !important;
  }
}


/* PC用
------------------------------------------------------------*/
@media only screen and (max-width: 1420px) {
  body {
    font-size: 14px;
  }

  /********/
  #cyCap {
    left: 10px;
  }

  /***************

	area2

***************/
  .max680 {
    width: 60%;
    max-width: 60%;
  }

  .num_box {
    display: table;
    width: 100%;
  }

  .num_left {
    width: 40px;
    font-size: 54px;
  }

  .num_left span {
    font-size: 28px;
  }

  .num_right {
    font-size: 18px;
  }

  .t_eng {
    font-size: 14px;
  }

  .midashi22 {
    font-size: 20px;
  }

  .t-hi {
    line-height: 2em;
  }

  #top_img1 {
    width: 100%;
    /* background-position: right 0; */
    background-position: center right !important;
  }

  /***************

	area3

***************/
  .top_list {
    display: flex;
  }

  .top_list li {
    padding: 0 10px;
    width: 20%;
    font-size: 14px;
  }

  .top_list .bg_midashi {
    height: 40px;
  }

  .top_list .list_img {
    margin-top: 20px;
  }

  .top_list .list_img img {
    width: auto;
    height: 100px;
  }

  .top_list .list_eng {
    font-size: 14px;
    margin-top: 10px;
    height: 30px;
  }

  .top_list .list_text {
    margin-top: 10px;
  }

  .num_top80_1 {
    margin-top: 20px;
  }

  .num_right3 {
    bottom: 10px;
  }

  .more_posi_right {
    position: absolute;
    right: 0;
    top: -25px;
  }

  .more_posi_right a {
    width: 220px;
  }

  /***************

	area4

***************/
  .staff_size {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 60%;
  }

  .staff_right {
    width: 40%;
    padding: 0 0 0 60px;
  }

  .name {
    margin-top: 20px;
  }

  .name span {
    font-size: 42px;
    padding-top: 10px;
  }

  .message {
    margin: 20px 0 10px;
    font-size: 18px;
  }

  .max440 {
    max-width: 440px;
    width: 100%;
  }

  .min_t {
    min-height: 160px;
  }

  /*********/
  #page_box {
    position: absolute;
    left: calc(60% + 30px);
    bottom: 20px;
    width: 35%;
  }

  #pagiNation {
    display: flex;
    border-left: 2px solid #3289ca;
    border-right: 2px solid #3289ca;
    border-bottom: 2px solid #f6f6f6;
    width: 100%;
    max-width: 440px;
  }

  /***************

	area5

***************/
  .top_com_t {
    font-size: 18px;
  }

  #top_bg04 {
    background: url(../images/top9.jpg) 50% 0/cover no-repeat;
    height: 100vh;
    width: 60%;
  }

  .top_left04 {
    width: 40%;
    padding-left: 100px;
  }

  .max440_right {
    width: 100%;
    max-width: 440px;
    padding-right: 60px;
    margin: 0 0 0 auto;
  }

  .message2 {
    font-size: 18px;
  }

  /***************

	area7

***************/
  .f_flex {
    margin-top: 40px;
  }

  .f_logo {
    font-size: 20px;
  }

  .cy_footer {
    background-color: #000;
    color: #FFF;
    padding: 17px 0 10px;
  }

  #f_logo img {
    width: 80px;
    height: auto;
  }

  #f_nav li {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
  }

  /*************************
	成田
**************************/
  .staff_mini {
    font-size: 14px;
    display: block;
  }

  .staff_title {
    position: absolute;
    left: 70%;
    top: 60%;
    transform: translateY(-50%);
  }

  .staff_title img {
    width: 40px;
    height: auto;
  }

  /************************************************************************

	お問い合わせ

*************************************************************************/
  .c_yuubin {
    width: 100px;
    height: 50px;
  }

  .c_yuubin2 {
    width: 150px;
    height: 50px;
  }

  .c_tel {
    width: 80px;
    height: 50px;
  }
}

@media only screen and (max-width: 1200px) {
  .banar_midashi {
    line-height: normal;
    font-size: 14px;
  }

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

@media only screen and (max-width: 1024px) {
  .zOut {
    animation: zOut 0.8s ease 0s forwards;
  }

  /*animation: zOut 1.5s ease 0s forwards;*/
  /***********/
  #fade2 {
    background-position: 70% 0;
  }

  #logo {
    position: fixed;
    left: 20px;
    top: 10px;
    z-index: 100;
  }

  /********/
  #cyCap {
    display: none;
  }

  .sp_more01 {
    display: block;
    margin-top: 40px;
  }

  .sp_more01 img {
    display: inline-block;
  }

  .sp_more01 a {
    color: #000;
    text-decoration: none;
    padding: 3px 0 0 0px;
  }

  /***************

	area3

***************/
  .top_list {
    display: block;
  }

  .top_list li {
    width: 98%;
    font-size: 14px;
    /*SLICK**/
    text-align: center;
    float: left;
    position: relative;
    z-index: 200;
    padding: 20px 0;
    margin: 0 1%;
  }

  .top_list .sp_shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
    padding: 40px 20px;
  }

  .top_list .bg_midashi {
    height: auto;
    display: block;
    padding: 15px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .top_list .list_img {
    margin-top: 20px;
  }

  .top_list .list_img img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100px;
  }

  .top_list .list_eng {
    font-size: 14px;
    margin-top: 15px;
    display: block;
    height: auto;
  }

  .top_list .list_text {
    margin-top: 20px;
    min-height: 60px;
  }

  .num_top80_1 {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 6%;
    height: 100vh;
    padding: 0 0 0 10px;
    width: 84%;
  }

  .sp_posi02 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -200px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  .v_middle {
    vertical-align: middle;
  }

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

  .num_right3 {
    display: block;
    bottom: 0;
    padding-right: 0;
  }

  .more_posi_right {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%);
    margin-top: 200px !important;
  }

  .more_posi_right a {
    width: 220px;
  }

  .none1024 {
    display: none;
  }

  .fade_flex .max440 {
    width: 94%;
  }

  #top_title {
    font-size: 24px;
    opacity: 0;
  }

  /***************

	area5

***************/
  .top_com_t {
    font-size: 18px;
    line-height: 1em;
  }

  .top_left04 {
    width: 40%;
    padding: 0 14px;
  }

  .max440_right {
    width: 100%;
    max-width: 440px;
    padding-right: 0;
    margin: 0 0 0 auto;
  }

  .message2 {
    margin: 10px 0 20px;
    font-size: 16px;
    line-height: normal;
  }

  /***************

	area6

***************/
  #area6 {
    background-color: #FFF;
    height: 100vh;
  }

  #pcm {
    display: none;
  }

  #spm {
    display: block;
  }

  #area6 .max680 {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  #area6 .max680 .num_box {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }

  #area6 .max680 .num_left {
    display: block;
    width: 100%;
  }

  #area6 .max680 .num_right {
    display: block;
    width: 100%;
  }

  #area6 .max680 .message2 {
    margin-top: 40px;
    font-size: 18px;
  }

  #area6 .max680 .more_right a {
    margin: 40px auto 0;
  }


  .order02_1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .order02_2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  #pcmovie {
    position: absolute;
    right: auto;
    bottom: auto;
    top: 0;
    left: 0;
    z-index: 1;
  }

  #pcmovie video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }

  /***************

	area7

***************/
  .banar {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* max-width: 480px; */
    margin: 0 auto;
    justify-content: space-between;
  }

  .banar li {
    width: 48%;
    padding: 5px 0;
    font-size: 12px;
    margin-right: 1%;
    margin-left: 1%;
  }


  /* .banar li:last-child {
    margin-right: 0%;
  } */

  .banar .af_border:before {
    display: none;
  }

  .banar .af_border:after {
    display: none;
  }

  .f_flex {
    display: block;
    margin: 5px auto 0;
    padding-top: 5px;
    width: 100%;
    /* max-width: 480px; */
    border-top: 1px solid #FFF;
  }

  .f_left {
    width: 100%;
    font-size: 12px;
  }

  .f_logo {
    font-size: 20px;
    color: #fff;
  }

  .f_left .font2 {
    color: #fff;
  }

  .f_left #copy {
    color: #fff;
  }

  #area7 .flex_center {
    background: #000;
  }

  .f_left #edit_button {
    color: #fff;
  }

  #copy {
    margin-top: 5px;
  }

  .f_right {
    display: none;
  }

  /**********************/
  .cy_footer {
    display: none;
  }

  /*************************
	フューネラル事業
**************************/
  #funeral_main {
    background-image: url(../images/business_1.jpg);
  }

  .businessHeight {
    position: relative;
    z-index: 500;
  }

  .main_size {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  }

  #business_left {
    display: none;
  }

  #business_right {
    float: none;
    width: 100%;
    max-width: 100%;
    padding-bottom: 80px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  /****************/
  .w600_auto {
    width: 94%;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 60px;
  }

  .big_midashi {
    font-size: 24px;
    line-height: normal;
  }

  .more_in a {
    padding: 20px 0;
  }

  /************************************************************************

	ライフエンディング企業として

*************************************************************************/
  #h_bg {
    height: 105px;
  }

  /*****/
  .af_bg_gray {
    position: relative;
  }

  .af_bg_gray:after {
    height: 450px;
  }

  .header_mt {
    margin-top: 40px;
  }

  .title_in {
    padding: 100px 0 40px;
  }

  .title_in .t_ja {
    display: block;
  }

  .title_in .t_eng {
    font-size: 24px;
  }

  .padding100_0 {
    padding: 40px 0;
  }

  .pt100 {
    padding-top: 40px;
  }

  .padding150 {
    padding: 40px 0;
  }

  .policy_center_t {
    font-size: 18px;
    line-height: 2em;
  }

  /********************/
  .midashi20 {
    font-size: 16px;
  }

  .policy_list {
    display: block;
  }

  .policy_list li {
    width: 100%;
    margin: 40px 0;
  }

  #footer_in {
    margin-top: 60px;
    padding: 60px 0;
  }

  /********************************************************************

	事業紹介

********************************************************************/
  #header_business {
    height: 100vh;
    position: relative;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #h_bg.b_headerNone {
    z-index: -1;
    opacity: 0;
  }

  #business_list {
    display: block;
    height: calc(100%);
    flex-wrap: wrap;
    margin-top: 0;
  }

  #business_list li {
    width: 100%;
    height: 20%;
    position: relative;
    overflow: hidden;
  }

  #business_list li:hover:after {
    bottom: 0;
  }

  #business_list li.hovOn:after {
    content: "";
    background: url(../images/spbg.png) left 0/100% 100% repeat-y;
    height: 100%;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 400;
    opacity: 0.7;
  }

  #business_list li.hovOn:nth-child(2):after,
  #business_list li.hovOn:nth-child(4):after {
    left: auto;
    right: 0;
    transform: rotate(180deg);
  }

  #business_list li:nth-child(2) .business_name,
  #business_list li:nth-child(4) .business_name {
    text-align: right;
    left: auto;
    right: 20px;
  }

  #business_list li #business_main1 {
    background: url(../images/business_main1.jpg) 50% 55%/cover no-repeat;
  }

  #business_list li #business_main2 {
    background: url(../images/business_main2.jpg) 50% 80%/cover no-repeat;
  }

  #business_list li #business_main3 {
    background: url(../images/business_main3.jpg) 50% 80%/cover no-repeat;
  }

  #business_list li #business_main4 {
    background: url(../images/business_main4.jpg) 50% 20%/cover no-repeat;
  }

  #business_list li #business_main5 {
    background: url(../images/business_main5.jpg) 50% 40%/cover no-repeat;
  }

  #business_list li #business_main1,
  #business_list li #business_main2,
  #business_list li #business_main3,
  #business_list li #business_main4,
  #business_list li #business_main5 {
    width: 100%;
    height: 100%;
    z-index: 100;
    transition: all 0s ease;
  }

  #business_list:after {
    display: none;
  }

  .business_name {
    position: absolute;
    bottom: auto;
    left: 20px;
    top: 50%;
    text-align: left;
    transform: translateY(-50%);
    font-size: 18px;
    text-shadow: 0 0 7px #000;
  }

  .business_name span {
    font-size: 2.5vw;
  }

  /**************/
  .mouseMove {
    display: none;
  }

  /******/
  .scrollauto {
    overflow-y: scroll;
    height: 100vh;
  }

  .body_hidden {
    overflow: hidden;
  }

  #header_business_in {
    position: relative;
    height: 100vh;
  }

  .more_button {
    background-color: rgba(255, 255, 255, 0.61);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 400;
    transition: all 0.3s ease;
  }

  .more_button:after {
    content: "";
    background-color: #FFF;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 500;
    border-radius: 50%;
  }

  .more_button .more_pluse {
    font-size: 24px;
    position: relative;
    z-index: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /********************************************************************

	事業展開

********************************************************************/
  .sp_ex {
    display: block;
  }

  .ex_logo {
    text-align: center;
  }

  .ex_logo.ex_blue {
    padding: 25px 0;
  }

  .ex_blue {
    background-color: #3289ca;
    color: #FFF;
    padding: 15px 0;
  }

  .ex_switch {
    background-color: #3289ca;
    color: #FFF;
    padding: 17px 0 15px;
    text-align: center;
    margin-top: 20px;
    position: relative;
    font-size: 18px;
    line-height: 1em;
  }

  .ex_pluse {
    background-color: #1CA9DC;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
  }

  .ex_padding {
    padding: 20px;
    border: 1px solid #3289ca;
    margin-top: 10px;
  }

  .ex_midashi {
    font-size: 16px;
    font-weight: bold;
    text-indent: -1.2em;
    padding-left: 16px;
  }

  .flex1024 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .ex_left {
    width: 48%;
  }

  .ex_right {
    width: 48%;
  }

  .ex_list {
    margin-top: 5px;
  }

  .ex_list li {
    padding: 3px 0;
  }

  .ex_close a {
    background-color: #1CA9DC;
    color: #FFF;
    text-align: center;
    padding: 10px;
    margin: 20px auto 0;
    width: 100%;
    max-width: 240px;
    text-decoration: none;
    display: block;
  }

  /********************************************************************

	スタッフ

********************************************************************/
  #header_staff {
    height: 100vh;
    position: relative;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #business_list {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }

  #business_list li {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }

  #business_list li #staff_main1 {
    background: url(../images/staff_main1.png) left 12%/auto 400% no-repeat;
    margin-left: -100px;
  }

  #business_list li #staff_main2 {
    background: url(../images/staff_main2.png) right 12%/auto 400% no-repeat;
    margin-left: 100px;
  }

  #business_list li #staff_main3 {
    background: url(../images/staff_main3.png) left 12%/auto 400% no-repeat;
    margin-left: -100px;
  }

  #business_list li #staff_main4 {
    background: url(../images/staff_main4.png) right 14%/auto 400% no-repeat;
    margin-left: 100px;
  }

  #business_list li #staff_main5 {
    background: url(../images/staff_main5.png) left 18%/auto 400% no-repeat;
    margin-left: -100px;
  }

  #business_list li #staff_main1,
  #business_list li #staff_main2,
  #business_list li #staff_main3,
  #business_list li #staff_main4,
  #business_list li #staff_main5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0s ease;
  }

  #business_list li:nth-child(1) .staffBg,
  #business_list li:nth-child(3) .staffBg,
  #business_list li:nth-child(5) .staffBg {
    left: auto;
    right: 0;
  }

  #business_list li:nth-child(1) .staff_name,
  #business_list li:nth-child(3) .staff_name,
  #business_list li:nth-child(5) .staff_name {
    left: auto;
    right: 10px;
    text-align: right;
  }

  #business_list li:nth-child(1) .stMore,
  #business_list li:nth-child(3) .stMore,
  #business_list li:nth-child(5) .stMore {
    left: 10px;
    right: auto;
    bottom: 50%;
    transform: translateY(50%);
    border: 1px solid #3289ca;
    border-radius: 50%;
  }

  .staffBg {
    background: url(../images/spbg.png) left 0/100% 100% repeat-y;
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 70%;
    height: 100%;
    z-index: 500;
    transform: rotate(0);
  }

  #business_list li:nth-child(1) .staffBg,
  #business_list li:nth-child(3) .staffBg,
  #business_list li:nth-child(5) .staffBg {
    left: auto;
    right: 0;
    transform: rotate(180deg);
  }

  .bgWhite {
    transition: all 0s ease;
  }

  #business_list .staffBgwhite {
    background-color: #0e5fa5;
  }

  .staff_name {
    opacity: 1;
    -ms-writing-mode: lr-tb;
    /* for MS IE8+ */
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    bottom: 50%;
    transform: translateY(50%);
    color: #FFF;
  }

  .staff_name .name_bg {
    background-color: transparent;
    padding: 0;
  }

  .staff_name p {
    margin: 2px 0;
    font-size: 12px;
    display: block;
  }

  .staff_name .name1 {
    margin: 0;
    font-size: 28px;
    line-height: 1em;
    font-weight: bold;
  }

  .name_span {
    padding-left: 10px;
  }

  .stMore {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 5%;
    z-index: 500;
    transform: scale(1);
    transition: all 0s ease;
  }

  /*

#business_list {
	display:flex;
	height:100vh;
	
	li {
		width:25%;
		position:relative;
		overflow:hidden;
	
		#staff_main1 {
			background:url(../images/staff_main1.png) 50% 0/auto 100% no-repeat;
		}
		#staff_main2 {
			background:url(../images/staff_main2.png) 50% 0/auto 100% no-repeat;
		}
		#staff_main3 {
			background:url(../images/staff_main3.png) 50% 0/auto 100% no-repeat;
		}
		#staff_main4 {
			background:url(../images/staff_main4.png) 50% 0/auto 100% no-repeat;
		}
		#staff_main5 {
			background:url(../images/staff_main5.png) 50% 0/auto 100% no-repeat;
		}
		#staff_main1,
		#staff_main2,
		#staff_main3,
		#staff_main4,
		#staff_main5 {
			position:absolute;
			top:200px;
			left:0;
			width:100%;
			height:100vh;
			z-index:100;
			transform:translateY(0);
			transition: all  0.3s ease;
		}
	}
	
	a {
		display:block;
		width:100%;
		height:100vh;
		color:#000;
		position:relative;
		z-index:999;
		text-decoration:none;
	}
}
.staffBg {
	background-color:#0e5fa5;
	position:absolute;
	bottom:-50%;
	left:-50%;
	width:200%;
	height:40%;
	z-index:500;
	transform:rotate(-20deg);
}

.bgWhite {
	background-color:#FFF;
	transition: all  0.3s ease;
}

#business_list .staffBgwhite{
	background-color:#0e5fa5;
}
	


.staff_name {
	position:absolute;
	left:10px;
	bottom:5%;
	z-index:600;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color:#0e5fa5;
	opacity:0;
	
	.name_bg {
		background-color:#FFF;
		padding:10px 3px 10px 0;
	}
	
	p {
		margin:0 7px;
		font-size:14px;
		display:flex;
		justify-content:flex-end;
	}
	
	.name1 {
		margin:0;
		font-size:28px;
		line-height:1em;
		font-weight:bold;
	}
	
}
.stMore {
	position:absolute;
	right:10px;
	bottom:5%;
	z-index:500;
	transform:scale(0);
	transition: all  0.3s ease;
}
*/
  /*************/
  /*************************
	成田
**************************/
  #narita_main {
    background: url(../images/staff1.jpg) 50% bottom/auto 84% no-repeat;
  }

  /*************************
	村本
**************************/
  #muramoto_main {
    background: url(../images/staff2.jpg) 50% bottom/auto 84% no-repeat;
    background-color: #0e5fa5;
  }

  /*************************
	加藤
**************************/
  #kato_main {
    background: url(../images/staff3.jpg) 50% bottom/auto 84% no-repeat;
    background-color: #0e5fa5;
  }

  /*************************
	大館
**************************/
  #odate_main {
    background: url(../images/staff4.jpg) 50% bottom/auto 84% no-repeat;
    background-color: #0e5fa5;
  }

  /*************************
	髙本
**************************/
  #takamoto_main {
    background: url(../images/staff5.jpg) 50% bottom/auto 84% no-repeat;
    background-color: #0e5fa5;
  }

  #header_h100 {
    position: relative;
    height: 100vh;
  }

  .staff_title {
    position: absolute;
    left: 80%;
    top: 160px;
    transform: translateY(0);
    z-index: 500;
  }

  .staff_title img {
    width: 40px;
    height: auto;
  }

  /************************************************************************

	会社沿革

*************************************************************************/
  .midashi24 {
    font-size: 18px;
  }

  .history_list li {
    display: table;
    width: 100%;
    padding: 10px 0;
  }

  .history_list .h_cell1 {
    display: table-cell;
    width: 150px;
  }

  .history_list .h_cell2 {
    display: table-cell;
  }

  .history_list .hi_pl {
    padding-left: 42px;
  }

  .mt-150 {
    margin-top: 40px;
  }

  /**********************/
  .under_banar {
    display: flex;
    flex-wrap: wrap;
  }

  .under_banar li {
    margin: 40px 1%;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: 48%;
    background-color: #3289ca;
  }

  .under_banar a {
    color: #000;
    text-decoration: none;
  }

  .b_img_box img {
    transition: 0.3s ease-in-out;
  }

  .under_banar li:hover .b_img_box img {
    border-radius: 20px;
    transform: scale(0.9);
  }

  .more_flex {
    padding: 20px 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background-color: #FFF;
  }

  .banar_midashi {
    line-height: normal;
    font-size: 14px;
    min-height: 70px;
  }

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

  .banar_more {
    padding-bottom: 25px;
  }

  /************************************************************************

	お問い合わせ

*************************************************************************/
  .con_tel {
    font-size: 24px;
  }

  .contact_list {
    border-top: 0;
  }

  .contact_list li {
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: 0;
    overflow: hidden;
  }

  .contact_list .con_cell1 {
    width: 100%;
    display: block;
    background-color: #3289ca;
    color: #FFF;
    padding: 12px 0 10px 10px;
  }

  .contact_list .con_cell2 {
    display: block;
    padding: 30px 0 20px;
  }

  .hissu {
    position: relative;
    padding: 2px 10px 0;
    top: 0;
    left: 0;
    display: inline-block;
    margin-right: 10px;
  }

  .con_cell2 label {
    padding-right: 20px;
  }

  .c_size {
    max-width: 100%;
    padding: 0;
    height: 40px;
  }

  .c_top {
    position: relative;
    top: 0;
  }

  .c_yuubin {
    width: 100px;
    height: 40px;
  }

  .c_yuubin2 {
    width: 150px;
    height: 40px;
  }

  .c_select {
    width: 345px;
    height: 40px;
  }

  .c_tel {
    width: 80px;
    height: 50px;
  }

  .c_area {
    width: 100%;
    max-width: 640px;
    height: 300px;
  }

  .contact_banar {
    display: flex;
    justify-content: space-between;
  }

  .contact_banar li {
    width: 25%;
    text-align: center;
  }

  .contact_banar img {
    width: 100%;
    height: auto;
    max-width: 200px;
    transition: 0.3s ease-in-out;
  }

  .contact_banar li:hover img {
    transform: scale(1.1);
  }

  .scrollauto {
    overflow-y: visible;
    height: auto;
  }

  .sp_hiddenNone {
    overflow: visible !important;
  }
}

@media only screen and (max-width: 740px) {


  #area3 .flex_center {
    align-items: flex-end;
  }

  #area3 .flex_center .container1440 {
    margin-bottom: 10px;
  }

  .top_list {
    height: 405px;
    overflow-y: auto;
  }

  #fade1 {
    background-image: url(../images/slide01_sp.png);
  }

  .banar li {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 10px;
  }

  .banar li .af_border img {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }

  .banar li .af_border {
    text-align: center;
  }

  .spshadow_w_p p {
    text-shadow: 0 0 5px #FFF;
  }

  .spshadow_w {
    text-shadow: 0 0 5px #FFF;
  }

  body {
    font-size: 14px;
  }

  #logo {
    position: fixed;
    left: 10px;
    top: 5px;
    z-index: 100;
  }

  #logo img {
    width: 80px;
    height: auto;
  }

  /****/
  #news_box {
    position: absolute;
    right: 3%;
    bottom: 10px;
    width: 94%;
    z-index: 999;
  }

  .new_title {
    display: none;
  }

  .news_table {
    font-size: 12px;
    padding: 5px 0;
    margin-top: 0;
  }

  .n_cell1 {
    width: 90px;
    padding-left: 10px;
  }

  .n_cell2 {
    padding: 0 10px;
  }

  #top_title {
    font-size: 14px;
    line-height: normal;
  }

  /***************

	area2

***************/

  .max680 {
    width: 100%;
    max-width: 680px;
  }

  .pl20_1024 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .num_box {
    display: block;
    width: 100%;
  }

  .num_left {
    display: block;
    width: 100%;
    font-size: 30px;
    letter-spacing: 0.01em;
  }

  .num_left span {
    font-size: 20px;
  }

  .num_left span:before {
    bottom: 2px;
    padding: 0;
  }

  .num_right {
    display: block;
    font-size: 16px;
    letter-spacing: 0.01em;
  }

  .t_eng {
    font-size: 12px;
    letter-spacing: 0.01em;
  }

  .midashi22 {
    font-size: 12px;
    line-height: normal;
  }

  .t-hi {
    line-height: 1.8em;
  }

  .sp_more01 {
    margin-top: 5px;
    width: 230px;
  }

  .sp_more01 a {
    padding: 3px 0 0 0;
  }

  #top_img1 {
    /* background: url(../images/top100_sp.jpg) right 50%/auto 100% no-repeat; */
    width: 100%;
    z-index: 1;
    opacity: 0.5;
    background-position: center center !important;
    right: 0px;
  }

  ._740_display_none {
    display: none;
  }

  ._740_display_block {
    display: block;
  }

  .cont100_1024 {
    width: 100%;
  }

  /***************

	area3

***************/
  .top_list {
    display: block;
  }

  .top_list li {
    padding: 10px 0 0 0;
    width: 98%;
    font-size: 14px;
    margin: 0 1%;
  }

  .top_list .sp_shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
    padding: 10px 0 10px;
  }

  .top_list .bg_midashi {
    height: auto;
    display: block;
    padding: 5px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: none;
  }

  .top_list .list_img {
    margin-top: 10px;
    display: none;
  }

  .top_list .list_img img {
    height: 100px;
  }

  .top_list .list_eng {
    font-size: 12px;
    margin-top: 15px;
    display: none;
  }

  .top_list .list_text {
    text-align: left;
    min-height: 60px;
    font-size: 12px;
    line-height: normal;
    width: 100%;
    max-width: 300px;
    margin: 0px auto 0;
    padding: 0 10px;
  }

  .num_top80_1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 96%;
    width: 90%;
  }

  .sp_posi02 {
    position: absolute;
    top: 37%;
    padding-left: 20px;
    transform: translateY(-50%);
    margin-top: -80px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }

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

  .num_right3 {
    display: block;
    bottom: 0;
    padding-right: 0;
  }

  .sp_minus {
    margin-top: -15px;
  }

  .more_posi_right {
    position: absolute;
    right: 50%;
    bottom: 0;
    top: auto;
    margin-right: -15px !important;
  }

  .more_posi_right a {
    width: 180px;
  }

  .none1024 {
    display: none;
  }

  #area3 .num_top80_1 {
    height: 98%;
  }

  /***************

	area4

***************/
  #staff_img5 {
    background-image: url(../images/top8_5sp.jpg);
  }

  #staff_img4 {
    background-image: url(../images/top8_4sp.jpg);
    background-size: contain;
  }

  #area4.top_page3 #staff_img4 {
    background-size: contain;
    background-position: center center;
  }

  #staff_img3 {
    background-image: url(../images/top8_3sp.jpg);
  }

  #staff_img2 {
    background-image: url(../images/top8_2sp.jpg);
  }

  #staff_img1 {
    background-image: url(../images/top8_1sp.jpg);
  }

  .staff_size {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 110%;
    height: 100vh;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    /*animation: anime200 8s ease 0s forwards;*/
  }

  .Animation {
    animation: anime200 6s linear 0s forwards;
  }

  @keyframes anime200 {
    0% {
      background-position: 0% 0;
    }

    100% {
      background-position: 100% 0;
    }
  }

  .none740 {
    display: none;
  }

  .spOpen {
    /* bottom: 10px; */
    opacity: 1;
    position: relative;
    /* top: auto; */
    /* left: 0; */
    /* padding: 0 10px; */
    transform: none;
    color: #000;
    z-index: 100;
    font-size: 11px;
    margin-top: 10px;
  }

  .spOpen .sp_more01 {
    font-size: 14px;
  }

  .dis_box03 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    color: #000;
    padding-top: 0px;
    position: relative;
    z-index: 600;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .dis_box03 .num_left span {
    color: #FFF;
  }

  .staff_right {
    width: 100%;
    padding: 0 10px 0 10px;
    height: 100vh;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .name {
    margin-top: 0;
    position: absolute;
    bottom: 80px;
    left: 10px;
    color: #000;
    z-index: 10;
    display: none;
  }

  .name span {
    font-size: 32px;
    padding-top: 5px;
  }

  .flexslider_staff {
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  .flexslider_staff li {
    position: relative;
  }

  .flexslider_staff li:after {
    content: "";
    background-color: rgba(50, 137, 202, 0.9);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
  }

  .posi_none {
    position: static !important;
  }

  .message {
    margin: 5px 0 5px;
    font-size: 18px;
  }

  .max440 {
    max-width: 440px;
    width: 100%;
  }

  .min_t {
    min-height: 0;
    color: #000;
    padding-right: 60px;
  }

  .moreOpen {
    position: absolute;
    right: 10px;
    bottom: 25px;
    z-index: 500;
  }

  .show_sp {
    display: inline-block;
  }

  .moreNext {
    position: absolute;
    right: 10px;
    bottom: 30px;
    z-index: 300;
    opacity: 0;
  }

  .moreNext a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .moreClose {
    position: absolute;
    right: 75px;
    bottom: 30px;
    z-index: 100;
    opacity: 0;
  }

  /*********/
  #page_box {
    display: none;
  }

  /**ANIMATION OPEN**/
  .flexslider_staff .staffOpen:after {
    animation: anime1 1s ease 0s forwards;
  }

  @keyframes anime1 {
    0% {
      top: 100%;
    }

    100% {
      top: 0;
    }
  }

  .flexslider_staff .staffOpen .spOpen {
    animation: anime2 1s ease 0.5s forwards;
  }

  @keyframes anime2 {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .flexslider_staff .staffOpen .moreOpen {
    animation: anime3 0.5s ease 0s forwards;
  }

  @keyframes anime3 {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .flexslider_staff .staffOpen .moreNext,
  .flexslider_staff .staffOpen .moreClose {
    animation: anime4 1s ease 0.5s forwards;
  }

  @keyframes anime4 {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  /**ANIMATION CLOSE**/
  .flexslider_staff .staffClose:after {
    top: 0;
    animation: anime10 1s ease 0.5s forwards;
  }

  @keyframes anime10 {
    0% {
      top: 0;
    }

    99% {
      top: -120%;
    }

    100% {
      top: 100%;
    }
  }

  .flexslider_staff .staffClose .spOpen {
    animation: anime20 1s ease 0s forwards;
  }

  @keyframes anime20 {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .flexslider_staff .staffClose .moreOpen {
    opacity: 0;
    animation: anime30 0.5s ease 0.5s forwards;
  }

  @keyframes anime30 {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .flexslider_staff .staffClose .moreNext,
  .flexslider_staff .staffClose .moreClose {
    animation: anime40 1s ease 0s forwards;
  }

  @keyframes anime40 {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  /***************

	area5

***************/
  #area5 {
    background: url(../images/top9.jpg) 80% 0/cover no-repeat;
  }

  .top_com_t {
    font-size: 14px;
    line-height: 1em;
  }

  #top_bg04 {
    display: none;
  }

  .top_left04 {
    width: 100%;
    height: 100%;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.8);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .max440_right {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    margin: 0;
  }

  .message2 {
    margin: 10px 0 20px;
    font-size: 14px;
    line-height: normal;
  }

  /***************

	area6

***************/
  #area6 .max680 .num_box {
    color: #000;
  }

  #area6 .max680 .num_box span {
    color: #000;
  }

  #area6 .max680 .message2 {
    margin-top: 20px;
    font-size: 14px;
  }

  #area6 .max680 .more_right a {
    margin: 20px auto 0;
  }

  .order02_1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 2;
    color: #000 !important;
  }

  .order02_2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 1;
    color: #000;
  }

  #pcmovie {
    position: absolute;
    right: auto;
    bottom: auto;
    top: 0;
    left: 0;
    z-index: 1;
  }

  #pcmovie video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }

  /***/
  #area6 {
    position: relative;
  }

  #area6:after {
    content: "";
    background-color: #3289ca;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 550;
  }

  .topBg:after {
    animation: anime1 1s ease 0s forwards;
  }

  .area06Color {
    animation: area06Color 2s ease 0s forwards;
  }

  .area06Color span {
    animation: area06Color 2s ease 0s forwards;
  }

  .topBg_remove:after {
    animation: anime10 1s ease 0s forwards;
  }

  @keyframes area06Color {
    0% {
      color: #000;
      opacity: 0;
      z-index: 10;
    }

    30% {
      opacity: 0;
    }

    100% {
      opacity: 1;
      color: #FFF;
      z-index: 900;
    }
  }

  .area06_text {
    display: none;
    position: relative;
    z-index: 900;
    color: #FFF;
    font-size: 14px;
    opacity: 0;
    text-align: left;
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
  }

  .area06_text br {
    display: none;
  }

  .z900 {
    position: relative;
    z-index: 900;
  }

  .recMore {
    display: block;
    text-align: center;
    width: 100%;
    max-width: 200px;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    padding: 10px;
    margin: 10px auto 0;
    position: relative;
    z-index: 10;
  }

  #recList {
    display: block;
    margin-top: 20px;
    text-align: center;
    position: relative;
    z-index: 9000;
    opacity: 0;
  }

  #recList li {
    display: inline-block;
    padding: 0 10px;
  }

  /************************************************************************

	ライフエンディング企業として

*************************************************************************/
  #h_bg {
    height: 80px;
  }

  .businessHeight {
    overflow: hidden;
  }

  /*****/
  .af_bg_gray {
    position: relative;
  }

  .af_bg_gray:after {
    height: 450px;
  }

  .header_mt {
    margin-top: 40px;
  }

  .title_in {
    padding: 80px 0 40px;
  }

  .title_in .t_eng {
    font-size: 22px;
  }

  .policy_center_t {
    font-size: 14px;
    line-height: 2em;
  }

  /********************/
  .midashi20 {
    font-size: 14px;
  }

  .policy_list {
    display: block;
  }

  .policy_list li {
    width: 100%;
    margin: 40px 0;
  }

  .policy_list li:last-child {
    margin: 40px 0 0;
  }

  #footer_in {
    margin-top: 60px;
    padding: 60px 0;
  }

  /********************************************************************

	事業紹介

********************************************************************/
  #business_list {
    display: block;
    height: calc(100%);
    flex-wrap: wrap;
    margin-top: 0;
  }

  #business_list li {
    width: 100%;
    height: 20%;
    position: relative;
    overflow: hidden;
  }

  #business_list li:hover:after {
    bottom: 0;
  }

  #business_list li.hovOn:after {
    width: 80%;
  }

  #business_list li.hovOn:nth-child(2):after,
  #business_list li.hovOn:nth-child(4):after {
    right: 0;
    left: auto;
    width: 80%;
  }

  #business_list li.hovOn:nth-child(2) .business_name,
  #business_list li.hovOn:nth-child(4) .business_name {
    text-align: right;
    left: auto;
    right: 10px;
  }

  .business_name {
    font-size: 18px;
    left: 10px;
  }

  .business_name span {
    font-size: 18px;
  }

  /*************************
	フューネラル事業
**************************/
  #business_right {
    padding-bottom: 60px;
  }

  /****************/
  .big_midashi {
    font-size: 20px;
  }

  /*************************
	料飲事業
**************************/
  .business_list2 {
    display: block;
  }

  .business_list2 li {
    width: 100%;
    margin: 20px 0;
  }

  /********************************************************************

	スタッフ

********************************************************************/
  .name_span_pr {
    padding-right: 5px;
  }

  .staff_name p {
    margin: 0;
    font-size: 10px;
    display: block;
  }

  .staff_name .name1 {
    margin: 0;
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
  }

  .staff_name .name_bg {
    padding: 0px 5px 0px 10px;
  }

  .stMore {
    right: 5px;
    bottom: 0;
    z-index: 500;
    transform: scale(0.5);
  }

  /*************************
	成田
**************************/
  .staff_mini {
    font-size: 12px;
    display: block;
  }

  .staff_title {
    position: absolute;
    left: 80%;
    top: 100px;
    transform: translateY(0);
    z-index: 500;
  }

  .staff_title img {
    width: 32px;
    height: auto;
  }

  /************************************************************************

	会社沿革

*************************************************************************/
  .midashi24 {
    font-size: 14px;
  }

  .history_list li {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .history_list .h_cell1 {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #f1f1f1;
    margin: 0;
  }

  .history_list .h_cell2 {
    display: block;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
  }

  .history_list .hi_pl {
    padding-left: 30px;
  }

  .mt-150 {
    margin-top: 40px;
  }

  /**********************/
  .under_banar {
    display: block;
    flex-wrap: wrap;
  }

  .under_banar li {
    margin: 20px 0%;
    width: 100%;
  }

  .more_flex {
    padding: 20px;
    display: flex;
  }

  .banar_midashi {
    line-height: normal;
    font-size: 14px;
    min-height: 0;
  }

  .banar_midashi span {
    display: block;
    font-size: 12px;
  }

  .banar_more {
    padding-bottom: 5px;
  }

  /************************************************************************

	代表ご挨拶

*************************************************************************/
  .message_sp .flex_left_span {
    display: block;
  }

  .company_list {
    margin-top: 10px;
  }

  .company_list li {
    display: block;
    width: 100%;
  }

  .company_list .com_cell1 {
    display: block;
    width: 100%;
    border-bottom: 0;
    padding: 10px;
    background-color: #f1f1f1;
  }

  .company_list .com_cell2 {
    display: block;
    padding: 10px 10px 20px;
  }

  .company_list li:nth-child(1) .com_cell1 {
    border-top: 0;
  }

  /************************************************************************

	事業展開

*************************************************************************/
  .pdf_jpeg {
    display: flex;
    justify-content: space-between;
  }

  .pdf_jpeg li {
    width: 48%;
  }

  .pdf_jpeg a {
    padding: 10px;
  }

  /************************************************************************

	採用情報

*************************************************************************/
  .recruit_list {
    border-top: 0;
  }

  .recruit_list li {
    display: block;
    width: 95%;
    padding: 0;
    border-bottom: 0;
  }

  .recruit_list .rec_cell1 {
    width: 100%;
    display: block;
    background-color: #f1f1f1;
    padding: 10px 0 10px 10px;
  }

  .recruit_list .rec_cell2 {
    vertical-align: top;
    padding: 10px 10px 20px;
  }

  .rec_left {
    padding-left: 0;
    display: block;
  }

  .rec_pl2 {
    padding-left: 12px;
  }

  .border_box {
    border: 1px solid #CBCBCB;
    padding: 20px;
  }

  .bb_midashi18 {
    text-align: center;
    font-size: 14px;
  }

  .recruit_more a {
    padding: 10px;
  }

  .recruit_more .fas {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-60%);
  }

  /*
.recruit_more {
	a {
		background-color:#3289ca;
		color:#FFF;
		text-align:center;
		padding:15px;
		border-radius:15px;
		position:relative;
		display:block;
		width:100%;
		max-width:480px;
		margin:0 auto;
		text-decoration:none;
		
		&:hover {
			background-color:#1769a7;
		}
	}
	
	.fas {
		position:absolute;
		right:30px;
		top:50%;
		transform:translateY(-50%);
	}
}
*/
  .font18 {
    font-size: 14px;
  }

  /************************************************************************

	お問い合わせ

*************************************************************************/
  .con_tel {
    font-size: 18px;
  }

  .contact_list {
    border-top: 0;
  }

  .contact_list li {
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: 0;
    overflow: hidden;
  }

  .contact_list .con_cell1 {
    width: 100%;
    display: block;
    background-color: #3289ca;
    color: #FFF;
    padding: 10px 0 10px 10px;
  }

  .contact_list .con_cell2 {
    display: block;
    padding: 10px 0 20px;
  }

  .hissu {
    position: relative;
    padding: 2px 10px 0;
    top: 0;
    left: 0;
    display: inline-block;
    margin-right: 10px;
  }

  .con_cell2 label {
    padding-right: 20px;
  }

  .c_size {
    max-width: 100%;
    padding: 0;
    height: 40px;
  }

  .c_top {
    position: relative;
    top: 0;
  }

  .c_yuubin {
    width: 50px;
    height: 40px;
  }

  .c_yuubin2 {
    width: 100px;
    height: 40px;
  }

  .c_select {
    width: 345px;
    height: 40px;
  }

  .c_tel {
    width: 60px;
    height: 40px;
  }

  .c_area {
    width: 100%;
    max-width: 100%;
    height: 200px;
  }

  .contact_banar {
    display: flex;
    flex-wrap: wrap;
  }

  .contact_banar li {
    width: 46%;
    text-align: center;
    margin: 20px 0;
  }

  .contact_banar img {
    width: 100%;
    height: auto;
    max-width: 150px;
    transition: 0.3s ease-in-out;
  }

  /************************************************************************

	お知らせ

*************************************************************************/
  .news_links {
    padding: 20px 0;
  }

  .news_links li {
    display: block;
    border-right: 0;
  }

  .news_links li:last-child {
    border: 0;
  }

  .news_links a {
    padding: 3px 0;
  }

  .news_list_in {
    padding: 20px 0;
  }

  .news_cont {
    display: block;
  }

  .news_cont_l {
    width: 100%;
  }

  .news_cont_r {
    width: 100%;
    font-size: 14px;
    margin-top: 20px;
  }

  .left_sp {
    justify-content: flex-start;
    text-align: left !important;
  }

  .a_block a {
    display: block;
  }

  #scrollDown {
    bottom: 120px;
  }

  .scroll_p {
    top: 70px;
    font-size: 14px;
  }

  /***********/
  .news_cate span {
    background-color: #3289ca;
    color: #FFF;
    padding: 5px 10px;
  }

  .n_flex {
    display: block;
  }

  .n_time_in {
    padding-right: 10px;
    padding-top: 5px;
    text-align: right;
  }

  /********************************************************************

	事業展開

********************************************************************/
  .ex_logo {
    text-align: center;
  }

  .ex_logo.ex_blue {
    padding: 20px 0;
  }

  .ex_blue {
    padding: 10px 0;
  }

  .ex_switch {
    padding: 10px 0 8px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1em;
  }

  .ex_pluse {
    width: 35px;
    height: 35px;
    right: 10px;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 0;
    letter-spacing: 0em;
  }

  .ex_padding {
    padding: 20px;
    margin-top: 10px;
  }

  .ex_midashi {
    font-size: 14px;
  }

  .ex_midashi.ex_mini {
    letter-spacing: 0.01em;
  }

  .flex1024 {
    display: block;
  }

  .ex_left {
    width: 100%;
  }

  .ex_right {
    width: 100%;
    margin-top: 20px;
  }

  .ex_list {
    margin-top: 5px;
  }

  .ex_list li {
    padding: 3px 0;
  }
}

/* スマートフォン 縦(ポートレート) */
/**ノート用**/
@media only screen and (min-width: 1024px) and (max-height: 740px) {
  .top_list {
    padding-top: 40px;
  }

  .top_list .bg_midashi {
    height: 30px;
    border-radius: 50px;
  }

  .top_list .list_img {
    margin-top: 10px;
  }

  .top_list .list_img img {
    width: auto;
    height: 70px;
  }

  /***************

	area4

***************/
  .name {
    margin-top: 10px;
  }

  .name span {
    font-size: 38px;
    padding-top: 5px;
  }

  .message {
    margin: 20px 0 5px;
    font-size: 18px;
  }

  .min_t {
    padding-right: 20px;
    font-size: 14px;
    min-height: 120px;
  }

  .staff_title {
    position: absolute;
    left: 70%;
    top: 140px;
    transform: translateY(0);
  }

  .staff_title img {
    width: 40px;
    height: auto;
  }
}