@charset "UTF-8";
.center {
  margin: 0 0 50px;
}

.center img {
  width: 100%;
  height: auto;
}

.center .slick-next {
  right: 20px;
  z-index: 99;
}

.center .slick-prev {
  left: 15px;
  z-index: 100;
}

/******************************************************************************/
/******************************************************************************/
/*  ここから　横スライド */
/******************************************************************************/
/******************************************************************************/
.next {
  position: absolute;
  left: calc(50% + 75px);
  bottom: calc(-50% - 10px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 22px;
  color: #999;
  padding: 5px;
  display: inline-block;
}

.prev {
  position: absolute;
  left: calc(50% - 75px);
  bottom: calc(-50% - 10px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 22px;
  color: #999;
  padding: 5px;
  display: inline-block;
}

.next:hover, .prev:hover {
  cursor: pointer;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 80px;
}

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

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

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

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

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

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

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

.slick-slide {
  margin: 0 27px;
}

/***************TOP背景パララックス*************/
.back_back {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  overflow: hidden;
}

.back_back__on {
  opacity: 1;
}

.cr_01 {
  position: absolute;
  width: 14.6%;
  top: 12%;
  left: 7.5%;
  -webkit-animation: c002 15s ease-in-out infinite;
  animation: c002 15s ease-in-out infinite;
}

.cr_02 {
  position: absolute;
  width: 4.6%;
  top: 64%;
  left: 28.9%;
}

.cr_03 {
  position: absolute;
  width: 9.4%;
  top: 77%;
  left: 32%;
  -webkit-animation: c003 25s ease-in-out infinite;
  animation: c003 25s ease-in-out infinite;
}

.cr_04 {
  position: absolute;
  width: 30.8%;
  top: 58%;
  right: 3.8%;
}

@-webkit-keyframes c002 {
  0% {
    top: 12%;
  }
  50% {
    top: 40%;
  }
  100% {
    top: 12%;
  }
}

@keyframes c002 {
  0% {
    top: 12%;
  }
  50% {
    top: 40%;
  }
  100% {
    top: 12%;
  }
}

@-webkit-keyframes c003 {
  0% {
    top: 77%;
  }
  50% {
    top: 35%;
  }
  100% {
    top: 77%;
  }
}

@keyframes c003 {
  0% {
    top: 77%;
  }
  50% {
    top: 35%;
  }
  100% {
    top: 77%;
  }
}

/*****************TOPスライド******************/
#sec01 {
  padding-top: 145px;
}

#sec01 .top_sita {
  position: absolute;
  width: 6px;
  bottom: 50px;
  right: 16px;
  z-index: 10;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

#sec01 .top_sita__on {
  opacity: 0;
}

.topmain {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 600px; */
}

.topmain .top_under_white {
  position: absolute;
  bottom: -15px;
  left: 0;
  height: 100px;
  width: 100%;
  background-image: url(../images/common/top_white_under.png);
  background-size: 100% 100%;
  z-index: 5;
}

.topmain .photoleft {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 30px);
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  opacity: 0;
}

.topmain .photoright {
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
  height: calc(100% - 30px);
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  opacity: 0;
}

.topmain .photoon {
  opacity: 1;
}

.topmain .l01 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top01.jpg);
  background-size: cover;
  background-position: bottom right;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .l02 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top02_left.jpg);
  background-size: cover;
  background-position: top left;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .l03 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top03_left.jpg);
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .l04 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-image: url(../images/common/top04_left.jpg);
  background-size: cover;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .l05 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top05.jpg);
  background-size: cover;
  background-position: 50% 20%;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .l06 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-position: bottom right;
  background-image: url(../images/common/top01.jpg);
  background-size: cover;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .r01 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top01_right.jpg);
  background-size: cover;
  background-position: bottom left;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .r02 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top02_right.jpg);
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .r03 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top03_right.jpg);
  background-size: cover;
  background-position: center right;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.topmain .r04 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top04_right.jpg);
  background-size: cover;
  background-position: center right;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  z-index: 4;
}

.topmain .r05 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top05_right.jpg);
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  z-index: 4;
}

.topmain .r06 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/top01_right.jpg);
  background-size: cover;
  background-position: bottom left;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  z-index: 4;
}

.topmain .pos_0 {
  top: 0;
}

.topmain .pos_up {
  top: -100%;
  opacity: 0;
}

.topmain .pos_down {
  top: 100%;
  opacity: 0;
}

.topmain .fisrt_pos {
  top: 100%;
  -webkit-transition: all 0s ease-in-out !important;
  transition: all 0s ease-in-out !important;
}

.topmain .fisrt_pos_r {
  top: -100%;
  -webkit-transition: all 0s ease-in-out !important;
  transition: all 0s ease-in-out !important;
}

.topmain .nowpos {
  position: absolute;
  text-align: center;
  bottom: 26px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 10;
  font-size: 10px;
}

.topmain .nowpos p {
  display: inline-block;
  padding: 5px 5px;
}

/****センター●*******/
.topmain_text {
  position: absolute;
  width: 52%;
  max-width: 300px;
  left: 50%;
  top: calc(55% - 50px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 6;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  opacity: 1;
}

.topmain_text__on {
  opacity: 1;
}

.tm_01 {
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transform: translate(-10%, 0%);
  transform: translate(-10%, 0%);
  opacity: 0;
}

.tm_02 {
  position: absolute;
  z-index: 7;
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transform: translate(10%, 0%);
  transform: translate(10%, 0%);
  opacity: 0;
}

.tm_03 {
  position: absolute;
  z-index: 8;
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  opacity: 0;
}

.tm__on {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

/*****TOPテキスト*****/
.top_text_h {
  position: absolute;
  width: 56%;
  top: 9%;
  left: 9%;
}

.top_text_p {
  position: absolute;
  width: 56%;
  top: 9%;
  right: 9%;
}

/*****切替ボタン*****/
.now1, .now2, .now3 {
  width: auto !important;
  display: inline-block !important;
  font-size: 10px !important;
  padding: 5px 5px !important;
}

.now1::after {
  content: "●";
  display: inline-block;
  position: relative;
  color: #cccccc;
}

.now1.active::after {
  color: #004e85;
}

.now2::after {
  content: "●";
  display: inline-block;
  position: relative;
  color: #cccccc;
}

.now2.active::after {
  color: #004e85;
}

.now3::after {
  content: "●";
  display: inline-block;
  position: relative;
  color: #cccccc;
}

.now3.active::after {
  color: #004e85;
}

.now4::after {
  content: "●";
  display: inline-block;
  position: relative;
  color: #cccccc;
}

.now4.active::after {
  color: #004e85;
}

.now5::after {
  content: "●";
  display: inline-block;
  position: relative;
  color: #cccccc;
}

.now5.active::after {
  color: #004e85;
}

/*******sec02*********************/
#sec02 {
  width: 90%;
  max-width: 660px;
  margin: 0 auto;
  padding: 100px 0 160px 0;
}

#sec02 .news_waku {
  width: 100%;
  margin-right: 0%;
  float: left;
}

#sec02 .ir_waku {
  width: 47%;
  float: left;
}

#sec02 h3 {
  font-size: 24px;
  padding-bottom: 24px;
  letter-spacing: 1px;
}

#sec02 li {
  padding: 24px 0;
  font-size: 16px;
  border-top: 1px solid #ababab;
}

#sec02 li p {
  color: #004E85;
}

#sec02 li div i {
  padding-left: 8px;
  color: #CB0201;
}

#sec02 li div a:hover {
  text-decoration: underline;
}

#sec02 li:last-child {
  border-bottom: 1px solid #ababab;
}

#sec02 .morebt {
  padding-top: 15px;
  font-size: 14px;
  text-align: right;
}

#sec02 .morebt i {
  font-size: 14px;
  padding-left: 6px;
}

/*******sec03*********************/
#sec03 {
  width: 100%;
  display: table;
  margin-bottom: 200px;
}

#sec03 .counter1, #sec03 .counter2, #sec03 .counter3 {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#sec03 .counter__on {
  opacity: 1;
}

#sec03 .contena__left {
  width: 43.5%;
  display: table-cell;
  background-color: #f0f5fa;
  text-align: center;
  vertical-align: middle;
  height: 450px;
  -webkit-transition: all 1.8s ease-out;
  transition: all 1.8s ease-out;
}

#sec03 .contena__left.contena__left__off {
  color: #fff;
  background-color: #000;
}

#sec03 .contena__left.contena__left__off a {
  color: #fff !important;
}

#sec03 .contena__left .family_logo {
  width: 56%;
  max-width: 324px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}

#sec03 .contena__left .family_logo .family_logo__in1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}

#sec03 .contena__left .family_logo .family_logo__in1__on {
  opacity: 0;
}

#sec03 .contena__left .family_logo .family_logo__in2 {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}

#sec03 .contena__left .family_line {
  width: 2px;
  height: 20px;
  background-color: #666;
  margin: 40px auto;
}

#sec03 .contena__left p.text {
  font-size: 16px;
  line-height: 180%;
  padding-bottom: 6px;
}

#sec03 .contena__left .morebt {
  padding-top: 15px;
  font-size: 14px;
  text-align: center;
}

#sec03 .contena__left .morebt i {
  font-size: 14px;
  padding-left: 6px;
}

#sec03 .contena__right {
  width: 66.5%;
  display: table-cell;
  background-image: url(../images/common/family_back.jpg);
  background-size: cover;
  background-position: center center;
  height: 450px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

#sec03 .contena__right .years_text {
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#sec03 .contena__right .ic_01 {
  display: inline-block;
  line-height: 100%;
  width: 50%;
  max-width: 190px;
}

#sec03 .contena__right .ic_01 .ic_01_1 {
  width: 32.6%;
  margin: 0 auto;
}

#sec03 .contena__right .ic_01 .ic_01_2 {
  line-height: 100%;
  font-size: 72px;
  text-align: center;
}

#sec03 .contena__right .ic_01 .ic_01_3 {
  width: 58.9%;
  margin: 5px auto 0 auto;
}

#sec03 .contena__right .ic_waku {
  width: 90%;
  max-width: 700px;
  margin: 15px auto 0 auto;
}

#sec03 .contena__right .ic_02 {
  display: inline-block;
  line-height: 100%;
  width: 50%;
  float: left;
  text-align: center;
  max-width: 350px;
  margin-top: 13px;
}

#sec03 .contena__right .ic_02 .ic_02_1 {
  width: 23.8%;
  margin: 0 auto;
}

#sec03 .contena__right .ic_02 .ic_02_2 {
  width: 100%;
  text-align: center;
}

#sec03 .contena__right .ic_02 .ic_02_2_yaku {
  display: inline-block;
  width: 5.7%;
  margin-left: 2%;
}

#sec03 .contena__right .ic_02 .ic_02_2_text {
  display: inline-block;
  font-size: 70px;
  line-height: 100%;
}

#sec03 .contena__right .ic_02 .ic_02_2_oku {
  display: inline-block;
  width: 5.7%;
  margin-left: 2%;
}

#sec03 .contena__right .ic_02 .ic_02_3 {
  width: 25.1%;
  margin: 0 auto;
  padding-top: 14px;
}

#sec03 .contena__right .ic_03 {
  display: inline-block;
  line-height: 100%;
  width: 50%;
  float: left;
  text-align: center;
  max-width: 350px;
  margin-top: 13px;
}

#sec03 .contena__right .ic_03 .ic_03_1 {
  width: 42.9%;
  margin: 0 auto;
}

#sec03 .contena__right .ic_03 .ic_03_2 {
  width: 100%;
  text-align: center;
}

#sec03 .contena__right .ic_03 .ic_03_2_zenkoku {
  display: inline-block;
  width: 5.7%;
  margin-left: 2%;
}

#sec03 .contena__right .ic_03 .ic_03_2_text {
  display: inline-block;
  font-size: 70px;
  line-height: 100%;
}

#sec03 .contena__right .ic_03 .ic_03_3 {
  width: 20%;
  margin: 0 auto;
  padding-top: 10px;
}

/*******sec04*************/
#sec04 {
  width: 90%;
  margin: 0 auto;
  display: table;
  padding-bottom: 600px;
  text-align: center;
}

#sec04 h2 {
  display: inline-block;
  font-size: 30px;
  letter-spacing: 1px;
  position: relative;
  padding: 0.5em 0.85em;
  line-height: 125%;
  margin-bottom: 0px;
}

#sec04 .k_left {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  width: 35px;
  height: 35px;
}

#sec04 .k_right_type_A {
  position: absolute;
  bottom: 0;
  right: 0em;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  width: 35px;
  height: 35px;
}

#sec04 .k_right_type_B {
  position: absolute;
  bottom: 0;
  right: 0.4em;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  width: 35px;
  height: 35px;
}

#sec04 .maintext {
  line-height: 240%;
  text-align: center;
}

/*******sec05*************/
#sec05 {
  padding-bottom: 300px;
  width: 100%;
  overflow: hidden;
}

#sec05 .listlink {
  position: absolute;
  display: inline-block;
  width: 90%;
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
  bottom: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#sec05 .pagetitle {
  padding: 0px 0 10px 0;
  text-align: center;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
}

#sec05 .pagetitle .komidashi {
  font-size: 16px;
  color: #004e85;
  line-height: 125%;
  padding-bottom: 10px;
}

#sec05 .pagetitle h1 {
  font-size: 30px;
}

#sec05 .sec05_line {
  width: 2px;
  height: 20px;
  background-color: #666;
  margin: 30px auto;
}

#sec05 .voice_waku {
  width: 100%;
  text-align: center;
  position: relative;
}

#sec05 .slide_p {
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0;
}

#sec05 .slide_p.slid_p__on {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#sec05 .slide_p img.photo {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

#sec05 .slide_p:hover > a img.photo {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

#sec05 .slide_p .text01 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 90%;
}

#sec05 .slide_p .text01:hover {
  cursor: pointer;
}

#sec05 .slide_p .text02 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 90%;
}

#sec05 .slide_p .text02:hover {
  cursor: pointer;
}

#sec05 .slide_p .text03 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 90%;
}

#sec05 .slide_p .text03:hover {
  cursor: pointer;
}

#sec05 .slide_p .text04 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 90%;
}

#sec05 .slide_p .text04:hover {
  cursor: pointer;
}

#sec05 .slide_p .text05 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 46%;
}

#sec05 .slide_p .text05:hover {
  cursor: pointer;
}

#sec05 .slide_p .text06 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 90%;
}

#sec05 .slide_p .text06:hover {
  cursor: pointer;
}

#sec05 .slide_p .text07 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: 68.3%;
}

#sec05 .slide_p .text07:hover {
  cursor: pointer;
}

/*******sec06*************/
#sec06 {
  padding-bottom: 280px;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

#sec06 .pagetitle {
  padding: 0px 0 10px 0;
  text-align: center;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
}

#sec06 .pagetitle .komidashi {
  font-size: 16px;
  color: #004e85;
  line-height: 125%;
  padding-bottom: 10px;
}

#sec06 .pagetitle h1 {
  font-size: 30px;
}

#sec06 .sec06_line {
  width: 2px;
  height: 20px;
  background-color: #666;
  margin: 30px auto;
}

#sec06 .voice_waku {
  width: 100%;
  text-align: center;
}

#sec06 .botan_sinsotu {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
  background-color: #004E80;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

#sec06 .botan_sinsotu .leftbeta {
  width: 42.5%;
  position: relative;
  z-index: 5;
}

#sec06 .botan_sinsotu:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
}

#sec06 .slider {
  position: absolute;
  width: 71.8%;
  top: 0;
  left: 28.2%;
  height: 100%;
}

#sec06 .slider .slider_01 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  background-image: url(../images/common/slider_p01.png);
  background-size: cover;
}

#sec06 .slider .slider_03 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  background-image: url(../images/common/slider_p03.png);
  background-size: cover;
}

#sec06 .slider .slider_04 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  background-image: url(../images/common/slider_p01.png);
  background-size: cover;
}

#sec06 .slider .slider_on {
  left: 100%;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

#sec07 {
  width: 100%;
  padding-bottom: 195px;
}

#sec07 .pagetitle {
  padding: 0px 0 10px 0;
  text-align: center;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
}

#sec07 .pagetitle .komidashi {
  font-size: 16px;
  color: #004e85;
  line-height: 125%;
  padding-bottom: 10px;
}

#sec07 .pagetitle h1 {
  font-size: 27px;
}

#sec07 .sec07_line {
  width: 2px;
  height: 20px;
  background-color: #666;
  margin: 20px auto 20px auto;
}

#sec07 .sec07__in {
  width: 90%;
  max-width: 960px;
  height: 62.8vw;
  max-height: 660px;
  margin: 0 auto 30px auto;
  position: relative;
  /*
        @media all and (-ms-high-contrast: none){
          .crc_g{
            opacity: 0.5;
            z-index: 2;
          }
        }
        */
  /*
        @media all and (-ms-high-contrast: none){
          .crc_g2{
            opacity: 1;
          }
        }
        */
  /*1000ここから*/
  /*1000ここまで*/
  /*856ここから*/
  /*856ここまで*/
  /*856ここから*/
}

#sec07 .sec07__in .left_cr {
  width: 55%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 2;
}

#sec07 .sec07__in .right_cr {
  width: 55%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 3;
}

#sec07 .sec07__in .right_cr2 {
  width: 55%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 1;
}

#sec07 .sec07__in .mintext {
  font-size: 16px;
  line-height: 100%;
  padding-bottom: 15px;
  line-height: 100%;
}

#sec07 .sec07__in .logo {
  width: 39.2%;
  margin: 3.5% auto;
}

#sec07 .sec07__in .crc {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

#sec07 .sec07__in .crc_h {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #0088dd 0%, #004e8e 20%, #0088dd 40%, #004e8e 60%, #0088dd 80%, #004e8e 100%);
  -webkit-animation: crc_h_a1 20s ease infinite;
  animation: crc_h_a1 20s ease infinite;
  background-size: 300% 300%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 2;
}

@-webkit-keyframes crc_h_a1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes crc_h_a1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#sec07 .sec07__in .crc_g {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #00a458 0%, #006430 20%, #00a458 40%, #006430 60%, #00a458 80%, #006430 100%);
  -webkit-animation: crc_g_a1 15s ease infinite;
  animation: crc_g_a1 15s ease infinite;
  background-size: 300% 300%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 3;
}

#sec07 .sec07__in .crc_g2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #00a458 0%, #006430 20%, #00a458 40%, #006430 60%, #00a458 80%, #006430 100%);
  -webkit-animation: crc_g_a1 15s ease infinite;
  animation: crc_g_a1 15s ease infinite;
  background-size: 300% 300%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
}

@-webkit-keyframes crc_g_a1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes crc_g_a1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#sec07 .sec07__in .text_white {
  position: absolute;
  top: 41%;
  color: #fff;
  text-align: center;
  width: 94%;
  left: 3%;
  z-index: 4;
}

#sec07 .sec07__in .text_white h3 {
  font-size: 28px;
  line-height: 130%;
  padding-bottom: 15px;
}

#sec07 .sec07__in .text_white p {
  font-size: 16px;
  line-height: 210%;
}

#sec07 .sec07__in .br_1000 {
  display: block;
}

#sec07 .sec07__in .br_1000b {
  display: block;
}

@media screen and (max-width: 1000px) {
  #sec07 .sec07__in .text_white {
    position: absolute;
    top: 41%;
    color: #fff;
    text-align: center;
    width: 94%;
    left: 3%;
    z-index: 4;
  }
  #sec07 .sec07__in .text_white h3 {
    font-size: 21px;
    line-height: 140%;
    padding-bottom: 15px;
  }
  #sec07 .sec07__in .text_white p {
    font-size: 14px;
    line-height: 210%;
  }
  #sec07 .sec07__in .br_1000 {
    display: block;
  }
  #sec07 .sec07__in .br_1000b {
    display: block;
  }
}

@media screen and (max-width: 856px) {
  #sec07 .sec07__in .text_white {
    position: absolute;
    top: 40%;
    color: #fff;
    text-align: center;
    width: 90%;
    left: 5%;
    z-index: 4;
  }
  #sec07 .sec07__in .text_white h3 {
    font-size: 18px;
    line-height: 140%;
    padding-bottom: 15px;
  }
  #sec07 .sec07__in .text_white p {
    font-size: 13px;
    line-height: 210%;
  }
  #sec07 .sec07__in .br_1000 {
    display: none;
  }
  #sec07 .sec07__in .br_1000b {
    display: none;
  }
}

@media screen and (max-width: 790px) {
  #sec07 .sec07__in .text_white {
    position: absolute;
    top: 40%;
    color: #fff;
    text-align: center;
    width: 90%;
    left: 5%;
    z-index: 4;
  }
  #sec07 .sec07__in .text_white h3 {
    font-size: 18px;
    line-height: 140%;
    padding-bottom: 8px;
  }
  #sec07 .sec07__in .text_white p {
    font-size: 13px;
    line-height: 180%;
  }
  #sec07 .sec07__in .br_1000 {
    display: none;
  }
  #sec07 .sec07__in .br_1000b {
    display: none;
  }
}

#sec07 .contenabt {
  text-align: center;
  letter-spacing: 0.1em;
}

#sec07 .contenabt p {
  font-size: 16px;
  color: #004E85;
  line-height: 100%;
}

#sec07 .contenabt h4 {
  font-size: 24px;
  padding: 12px 0 22px 0;
  line-height: 100%;
}

#sec07 .contenabt div.yaji {
  width: 112px;
  margin: 0 auto;
  line-height: 0;
}

#sec07 a {
  color: #fff;
}

#sec07 .marumore {
  font-size: 14px;
  width: 55%;
  margin: 0 auto;
  text-align: right;
}

#sec07 .marumore i {
  padding-left: 8px;
}

/*******sec08*************/
#sec08 {
  padding-bottom: 200px;
  width: 100%;
  margin: 0 auto;
  padding-top: 180px;
  background-color: #f0f5fa;
}

#sec08 .sec08__in {
  width: 90%;
  margin: 0 auto;
}

#sec08 .pagetitle {
  padding: 0px 0 10px 0;
  text-align: center;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
}

#sec08 .pagetitle .komidashi {
  font-size: 16px;
  color: #004e85;
  line-height: 125%;
  padding-bottom: 10px;
}

#sec08 .pagetitle h1 {
  font-size: 30px;
}

#sec08 .sec08_line {
  width: 2px;
  height: 20px;
  background-color: #666;
  margin: 30px auto;
}

#sec08 .voice_waku {
  width: 100%;
  text-align: center;
}

#sec08 .bana660 {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
}

#sec08 .bana660 li {
  width: 27.2%;
  margin-right: 9.2%;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  float: left;
  margin-bottom: 50px;
}

#sec08 .bana660 li:nth-child(3n) {
  margin-right: 0%;
}

/**********************レスポンシブ**********************************/
/**********************レスポンシブ**********************************/
/**********************レスポンシブ**********************************/
@media screen and (max-width: 680px) {
  .slick-dots {
    position: absolute;
    bottom: -10%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }
  .next {
    position: absolute;
    left: calc(50% + 70px);
    bottom: calc(-22% - 10px);
  }
  .prev {
    position: absolute;
    left: calc(50% - 70px);
    bottom: calc(-22% - 10px);
  }
  #sec01 .top_sita {
    position: absolute;
    width: 7px;
    bottom: 20px;
    right: 12px;
    z-index: 10;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  #sec01 .top_sita__on {
    opacity: 0;
  }
  /***************TOP背景パララックス*************/
  .back_back {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    overflow: hidden;
  }
  .back_back__on {
    opacity: 1;
  }
  .cr_01 {
    position: absolute;
    width: 40%;
    top: 12%;
    left: -5%;
    -webkit-animation: c002 15s ease-in-out infinite;
    animation: c002 15s ease-in-out infinite;
  }
  .cr_02 {
    position: absolute;
    width: 10%;
    top: 64%;
    left: 33%;
  }
  .cr_03 {
    position: absolute;
    width: 20%;
    top: 77%;
    left: 44%;
    -webkit-animation: c003 25s ease-in-out infinite;
    animation: c003 25s ease-in-out infinite;
  }
  .cr_04 {
    position: absolute;
    width: 65%;
    top: 80%;
    right: -25%;
  }
  @-webkit-keyframes c002 {
    0% {
      top: 12%;
    }
    50% {
      top: 40%;
    }
    100% {
      top: 12%;
    }
  }
  @keyframes c002 {
    0% {
      top: 12%;
    }
    50% {
      top: 40%;
    }
    100% {
      top: 12%;
    }
  }
  @-webkit-keyframes c003 {
    0% {
      top: 77%;
    }
    50% {
      top: 35%;
    }
    100% {
      top: 77%;
    }
  }
  @keyframes c003 {
    0% {
      top: 77%;
    }
    50% {
      top: 35%;
    }
    100% {
      top: 77%;
    }
  }
  .topmain {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 68vw;
  }
  .topmain .top_under_white {
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 85px;
    width: 100%;
    background-image: url(../images/common/top_white_under_sp.png);
    background-size: 100%;
    background-position: center top;
    z-index: 5;
  }
  .topmain .photoleft {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .topmain .photoright {
    position: absolute;
    left: 0%;
    top: calc(50% - 30px);
    width: 100%;
    height: calc(50% - 30px);
    overflow: hidden;
  }
  .topmain .l01 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top01_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .l02 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top02_left_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .l03 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top03_left_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .l04 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-image: url(../images/common/top04_left_sp.jpg);
    background-size: cover;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .l05 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-position: left center;
    background-image: url(../images/common/top05_sp.jpg);
    background-size: cover;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .l06 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-image: url(../images/common/top01_sp.jpg);
    background-size: cover;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .r01 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top01_right_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .r02 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top02_right_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .r03 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top03_right_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
  }
  .topmain .r04 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top04_right_sp.jpg);
    background-size: cover;
    background-position: center bottom;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    z-index: 4;
  }
  .topmain .r05 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top05_right_sp.jpg);
    background-size: cover;
    background-position: center right;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    z-index: 4;
  }
  .topmain .r06 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/top01_right_sp.jpg);
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    z-index: 4;
  }
  .topmain .pos_0 {
    top: 0;
  }
  .topmain .pos_up {
    left: 100%;
  }
  .topmain .pos_down {
    left: -100%;
  }
  .topmain .fisrt_pos {
    left: -100%;
    -webkit-transition: all 0s ease-in-out !important;
    transition: all 0s ease-in-out !important;
  }
  .topmain .fisrt_pos_r {
    left: 100%;
    -webkit-transition: all 0s ease-in-out !important;
    transition: all 0s ease-in-out !important;
  }
  .topmain .nowpos {
    position: absolute;
    text-align: center;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 10;
    font-size: 10px;
  }
  .topmain .nowpos p {
    display: inline-block;
    padding: 5px 5px;
  }
  /****センター●*******/
  .topmain_text {
    position: absolute;
    width: 50%;
    max-width: 442px;
    left: 50%;
    top: calc(85% - 30px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 6;
  }
  /*****TOPテキスト*****/
  .top_text_h {
    position: absolute;
    width: 45%;
    top: 20%;
    left: auto;
    right: 8%;
  }
  .top_text_p {
    position: absolute;
    width: 45%;
    top: 35%;
    right: auto;
    left: 8%;
  }
  /*****切替ボタン*****/
  .now1, .now2, .now3, .now4, .now5 {
    width: auto !important;
    display: inline-block !important;
    font-size: 9px !important;
    padding: 5px 3px !important;
  }
  .now1::after {
    content: "●";
    display: inline-block;
    position: relative;
    color: #cccccc;
  }
  .now1.active::after {
    color: #004e85;
  }
  .now2::after {
    content: "●";
    display: inline-block;
    position: relative;
    color: #cccccc;
  }
  .now2.active::after {
    color: #004e85;
  }
  .now3::after {
    content: "●";
    display: inline-block;
    position: relative;
    color: #cccccc;
  }
  .now3.active::after {
    color: #004e85;
  }
  .now4::after {
    content: "●";
    display: inline-block;
    position: relative;
    color: #cccccc;
  }
  .now4.active::after {
    color: #004e85;
  }
  .now5::after {
    content: "●";
    display: inline-block;
    position: relative;
    color: #cccccc;
  }
  .now5.active::after {
    color: #004e85;
  }
  /*******sec02*********************/
  #sec02 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0px 0;
  }
  #sec02 .news_waku {
    width: 100%;
    padding: 20px 5% 60px 5%;
    float: none;
  }
  #sec02 .ir_waku {
    width: 100%;
    padding: 0px 5% 80px 5%;
    float: none;
    position: relative;
  }
  #sec02 h3 {
    font-size: 20px;
    padding-bottom: 16px;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
  }
  #sec02 ul {
    position: relative;
  }
  #sec02 li {
    padding: 18px 0;
    font-size: 14px;
    border-top: 1px solid #ababab;
  }
  #sec02 li p {
    color: #004E85;
  }
  #sec02 li div i {
    padding-left: 8px;
    color: #CB0201;
  }
  #sec02 li div a:hover {
    text-decoration: underline;
  }
  #sec02 li:last-child {
    border-bottom: 1px solid #ababab;
  }
  #sec02 .morebt {
    padding-top: 10px;
    text-align: right;
    font-size: 14px;
    position: relative;
  }
  #sec02 .morebt i {
    font-size: 14px;
    padding-left: 6px;
  }
  /*******sec03*********************/
  #sec03 {
    width: 100%;
    display: table;
    margin-bottom: 100px;
  }
  #sec03 .counter {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  #sec03 .counter__on {
    opacity: 1;
  }
  #sec03 .contena__left {
    width: 100%;
    display: block;
    background-color: #f0f5fa;
    text-align: center;
    vertical-align: middle;
    height: auto;
    padding: 80px 10px 60px 10px;
  }
  #sec03 .contena__left .family_logo {
    width: 70%;
    max-width: 324px;
    margin: 0 auto;
  }
  #sec03 .contena__left .family_line {
    width: 2px;
    height: 20px;
    background-color: #666;
    margin: 20px auto;
  }
  #sec03 .contena__left p.text {
    font-size: 14px;
    line-height: 180%;
    padding-bottom: 6px;
  }
  #sec03 .contena__left .morebt {
    padding-top: 15px;
    font-size: 14px;
    text-align: center;
  }
  #sec03 .contena__left .morebt i {
    font-size: 14px;
    padding-left: 6px;
  }
  #sec03 .contena__right {
    width: 100%;
    display: block;
    background-image: url(../images/common/family_back.jpg);
    background-size: cover;
    background-position: center center;
    height: auto;
    padding: 40px 10px 40px 10px;
    text-align: center;
    vertical-align: middle;
    position: relative;
  }
  #sec03 .contena__right .years_text {
    font-size: 12px;
    position: absolute;
    bottom: 6px;
    right: 6px;
  }
  #sec03 .contena__right .ic_01 {
    display: inline-block;
    line-height: 100%;
    width: 50%;
    max-width: 190px;
  }
  #sec03 .contena__right .ic_01 .ic_01_1 {
    width: 32.6%;
    margin: 0 auto;
  }
  #sec03 .contena__right .ic_01 .ic_01_2 {
    line-height: 100%;
    font-size: 40px;
    text-align: center;
  }
  #sec03 .contena__right .ic_01 .ic_01_3 {
    width: 58.9%;
    margin: 5px auto 0 auto;
  }
  #sec03 .contena__right .ic_waku {
    width: 90%;
    max-width: 700px;
    margin: 15px auto 0 auto;
  }
  #sec03 .contena__right .ic_02 {
    display: inline-block;
    line-height: 100%;
    width: 50%;
    float: left;
    text-align: center;
    max-width: 350px;
    margin-top: 13px;
  }
  #sec03 .contena__right .ic_02 .ic_02_1 {
    width: 23.8%;
    margin: 0 auto;
  }
  #sec03 .contena__right .ic_02 .ic_02_2 {
    width: 100%;
    text-align: center;
  }
  #sec03 .contena__right .ic_02 .ic_02_2_yaku {
    display: inline-block;
    width: 9%;
    margin-left: 2%;
  }
  #sec03 .contena__right .ic_02 .ic_02_2_text {
    display: inline-block;
    font-size: 40px;
    line-height: 100%;
  }
  #sec03 .contena__right .ic_02 .ic_02_2_oku {
    display: inline-block;
    width: 9%;
    margin-left: 2%;
  }
  #sec03 .contena__right .ic_02 .ic_02_3 {
    width: 36%;
    margin: 0 auto;
    padding-top: 6px;
  }
  #sec03 .contena__right .ic_03 {
    display: inline-block;
    line-height: 100%;
    width: 50%;
    float: left;
    text-align: center;
    max-width: 350px;
  }
  #sec03 .contena__right .ic_03 .ic_03_1 {
    width: 42.9%;
    margin: 0 auto;
    padding-bottom: 3px;
  }
  #sec03 .contena__right .ic_03 .ic_03_2 {
    width: 100%;
    text-align: center;
  }
  #sec03 .contena__right .ic_03 .ic_03_2_zenkoku {
    display: inline-block;
    width: 9%;
    margin-left: 2%;
  }
  #sec03 .contena__right .ic_03 .ic_03_2_text {
    display: inline-block;
    font-size: 40px;
    line-height: 100%;
  }
  #sec03 .contena__right .ic_03 .ic_03_3 {
    width: 20%;
    margin: 0 auto;
    padding-top: 6px;
  }
  /*******sec04*************/
  #sec04 {
    width: 100%;
    display: table;
    padding-top: 0px;
    padding-bottom: 200px;
    text-align: center;
  }
  #sec04 h2 {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 1px;
    position: relative;
    padding: 0.5em 0.85em;
    line-height: 135%;
    margin-bottom: 0px;
    text-align: left;
  }
  #sec04 .k_left {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    width: 22px;
    height: 22px;
  }
  #sec04 .k_right_type_A {
    position: absolute;
    bottom: 0;
    right: 0em;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    width: 22px;
    height: 22px;
  }
  #sec04 .k_right_type_B {
    position: absolute;
    bottom: 0;
    right: 0.4em;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    width: 22px;
    height: 22px;
  }
  #sec04 .maintext {
    line-height: 180%;
    text-align: left;
  }
  /*******sec05*************/
  #sec05 {
    padding-bottom: 180px;
  }
  #sec05 .pagetitle {
    padding: 0px 0 10px 0;
  }
  #sec05 .pagetitle .komidashi {
    font-size: 13px;
    padding-bottom: 5px;
  }
  #sec05 .pagetitle h1 {
    font-size: 24px;
  }
  #sec05 .sec05_line {
    width: 2px;
    height: 20px;
    background-color: #666;
    margin: 20px auto;
  }
  #sec05 .listlink {
    bottom: -22%;
  }
  #sec05 .slide_p {
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
  }
  #sec05 .slide_p img.photo {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  #sec05 .slide_p:hover > a img.photo {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
  }
  /*******sec06*************/
  #sec06 {
    padding-bottom: 100px;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
  }
  #sec06 .pagetitle {
    padding: 0px 0 10px 0;
    text-align: center;
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
  }
  #sec06 .pagetitle .komidashi {
    font-size: 16px;
    color: #004e85;
    line-height: 125%;
    padding-bottom: 10px;
  }
  #sec06 .pagetitle h1 {
    font-size: 30px;
  }
  #sec06 .sec06_line {
    width: 2px;
    height: 20px;
    background-color: #666;
    margin: 15px auto;
  }
  #sec06 .voice_waku {
    width: 100%;
    text-align: center;
  }
  #sec06 .botan_sinsotu {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    background-color: #004E80;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
  }
  #sec06 .botan_sinsotu .leftbeta {
    width: 100%;
    position: relative;
    z-index: 5;
  }
  #sec06 .botan_sinsotu:hover {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    opacity: 0.8;
  }
  #sec06 .slider {
    position: relative;
    width: 100%;
    top: auto;
    left: 0%;
    height: 34vw;
  }
  #sec06 .slider .slider_01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    background-image: url(../images/common/slider_p01_sp.png);
    background-size: cover;
  }
  #sec06 .slider .slider_03 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    background-image: url(../images/common/slider_p03_sp.png);
    background-size: cover;
  }
  #sec06 .slider .slider_04 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    background-image: url(../images/common/slider_p01_sp.png);
    background-size: cover;
  }
  #sec06 .slider .slider_on {
    left: 100%;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
  }
  #sec07 {
    width: 100%;
    padding-bottom: 195px;
    padding: 60px 0 150px 0;
  }
  #sec07 .sec07__in {
    width: 90%;
    max-width: 960px;
    height: auto;
    max-height: 9999px;
    margin: 0 auto 0px auto;
    position: relative;
    /*
            @media all and (-ms-high-contrast: none){
              .crc_g{
                opacity: 0.5;
                z-index: 2;
              }
            }
            */
    /* IE10〜11 */
    /*
            @media all and (-ms-high-contrast: none){
              .crc_g{
                opacity: 0.5;
                z-index: 2;
              }
            }

            /* Edge12〜14 */
    /*
            @supports (-ms-ime-align: auto) {
              .crc_g{
                opacity: 0.5;
                z-index: 2;
              }
            }
            */
    /*
            @media all and (-ms-high-contrast: none){
              .crc_g2{
                opacity: 1;
              }
            }
            */
  }
  #sec07 .sec07__in .left_cr {
    width: 55%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 2;
  }
  #sec07 .sec07__in .right_cr {
    width: 55%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 3;
  }
  #sec07 .sec07__in .right_cr2 {
    width: 55%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 1;
  }
  #sec07 .sec07__in .mintext {
    font-size: 13px;
    line-height: 100%;
    padding-bottom: 0px;
    line-height: 140%;
  }
  #sec07 .sec07__in .logo {
    width: 39.2%;
    margin: 3.5% auto;
  }
  #sec07 .sec07__in .crc {
    width: 100%;
    padding-top: 100%;
    position: relative;
  }
  #sec07 .sec07__in .crc_h {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, #0088dd 0%, #004e8e 20%, #0088dd 40%, #004e8e 60%, #0088dd 80%, #004e8e 100%);
    -webkit-animation: crc_h_a1 20s ease infinite;
    animation: crc_h_a1 20s ease infinite;
    background-size: 300% 300%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 2;
  }
  @-webkit-keyframes crc_h_a1 {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 50% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes crc_h_a1 {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 50% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  #sec07 .sec07__in .crc_g {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a458 0%, #006430 20%, #00a458 40%, #006430 60%, #00a458 80%, #006430 100%);
    -webkit-animation: crc_g_a1 15s ease infinite;
    animation: crc_g_a1 15s ease infinite;
    background-size: 300% 300%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 3;
    mix-blend-mode: multiply;
  }
  #sec07 .sec07__in .crc_g2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a458 0%, #006430 20%, #00a458 40%, #006430 60%, #00a458 80%, #006430 100%);
    -webkit-animation: crc_g_a1 15s ease infinite;
    animation: crc_g_a1 15s ease infinite;
    background-size: 300% 300%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 1;
  }
  @-webkit-keyframes crc_g_a1 {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 0%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes crc_g_a1 {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 0%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  #sec07 .sec07__in .text_white {
    position: relative;
    top: auto;
    color: #000;
    padding-top: 75vw;
    text-align: center;
    width: 100%;
    left: 0%;
    z-index: 4;
  }
  #sec07 .sec07__in .text_white h3 {
    font-size: 18px;
    line-height: 140%;
    padding-bottom: 15px;
  }
  #sec07 .sec07__in .text_white p {
    font-size: 14px;
    line-height: 210%;
    text-align: left;
  }
  #sec07 .sec07__in .br_1000 {
    display: none;
  }
  #sec07 .sec07__in .br_1000b {
    display: none;
  }
  #sec07 .contenabt {
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 40px;
  }
  #sec07 .contenabt p {
    font-size: 12px;
    color: #004E85;
    line-height: 100%;
  }
  #sec07 .contenabt h4 {
    font-size: 18px;
    padding: 10px 0 10px 0;
    line-height: 100%;
  }
  #sec07 .contenabt div.yaji {
    width: 112px;
    margin: 0 auto;
    line-height: 0;
  }
  #sec07 a {
    color: #000;
  }
  #sec07 .marumore {
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
    padding-top: 15px;
  }
  #sec07 .marumore i {
    padding-left: 8px;
  }
  /*******sec08*************/
  #sec08 {
    padding-bottom: 100px;
    width: 100%;
    margin: 0 auto;
    padding-top: 90px;
    background-color: #f0f5fa;
  }
  #sec08 .sec08__in {
    width: 90%;
    margin: 0 auto;
  }
  #sec08 .pagetitle {
    padding: 0px 0 10px 0;
    text-align: center;
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
  }
  #sec08 .pagetitle .komidashi {
    font-size: 16px;
    color: #004e85;
    line-height: 125%;
    padding-bottom: 10px;
  }
  #sec08 .pagetitle h1 {
    font-size: 27px;
  }
  #sec08 .sec08_line {
    width: 2px;
    height: 20px;
    background-color: #666;
    margin: 20px auto;
  }
  #sec08 .voice_waku {
    width: 100%;
    text-align: center;
  }
  #sec08 .bana660 {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
  }
  #sec08 .bana660 li {
    width: 48%;
    margin-right: 4%;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
    float: left;
    margin-bottom: 4vw;
  }
  #sec08 .bana660 li:nth-child(2n) {
    margin-right: 0%;
  }
  #sec08 .bana660 li:nth-child(3n) {
    margin-right: 4%;
  }
  #sec08 .bana660 li:nth-child(6) {
    margin-right: 0%;
  }
}

/****TOPアニメーション*****/
.fadeintop {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeintop__on {
  opacity: 1;
}

.fadeintop_delay {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0.5s;
}

.fadeintop_delay1 {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0s;
}

.fadeintop_delay2 {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0.3s;
}

.fadeintop_delay3 {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0.6s;
}

.fadeintop_delay4 {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0s;
}

.fadeintop_delay5 {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0.3s;
}

.fadeintop_delay6 {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: 0.6s;
}

.fadeintop__on {
  opacity: 1;
}

.fadeinleft {
  opacity: 0;
  -webkit-transform: translate(-10%, 0%);
  transform: translate(-10%, 0%);
  -webkit-transition: all 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fadeinright {
  opacity: 0;
  -webkit-transform: translate(10%, 0%);
  transform: translate(10%, 0%);
  -webkit-transition: all 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fadeinright2 {
  opacity: 0;
  -webkit-transform: translate(10%, 0%);
  transform: translate(10%, 0%);
  -webkit-transition: all 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fadeinleftright__on {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

.fadeinleftright2__on {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

/**********TOP背景のアニメーション*************/
.c01 {
  -webkit-animation: c001 18s ease-in-out infinite;
  animation: c001 18s ease-in-out infinite;
}

@-webkit-keyframes c001 {
  0% {
    top: 30%;
  }
  50% {
    top: 5%;
  }
  100% {
    top: 30%;
  }
}

@keyframes c001 {
  0% {
    top: 30%;
  }
  50% {
    top: 5%;
  }
  100% {
    top: 30%;
  }
}

.c04 {
  -webkit-animation: c004 25s ease-in-out infinite;
  animation: c004 25s ease-in-out infinite;
}

@-webkit-keyframes c004 {
  0% {
    top: 70%;
  }
  50% {
    top: 35%;
  }
  100% {
    top: 70%;
  }
}

@keyframes c004 {
  0% {
    top: 70%;
  }
  50% {
    top: 35%;
  }
  100% {
    top: 70%;
  }
}

.tenmetu__on {
  animation: tenmetu1 1.5s infinite;
}

@keyframes tenmetu1 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

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

.cal_contena .slide_p {
  width: 48%;
  margin-bottom: 50px;
}

@media screen and (max-width: 680px) {
  .cal_contena .slide_p {
    width: 100%;
    margin-bottom: 30px;
  }
}