@charset "UTF-8";

/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** PCスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
******************************************************************************
** global nav
******************************************************************************
----------------------------------------------------------------------------*/
body {
  min-width: 1240px;
  overflow: hidden;
}

/*----
.video-wrap {
    position: relative;
}
.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; 
    cursor: pointer;
}-----*/
.breadcrumb {
  width: 100%;
  padding: 20px;
}

.breadcrumb.color01 {
  background-color: #f5f5f5;
}

.breadcrumb .breadcrumb_list {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb .breadcrumb_list li {
  margin-right: 30px;
  position: relative;
}

.breadcrumb .breadcrumb_list li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-right: solid 1px #111;
  border-bottom: solid 1px #111;
  position: absolute;
  top: 10px;
  right: -15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.breadcrumb .breadcrumb_list li:last-of-type::before {
  display: none;
}

.breadcrumb .breadcrumb_list li a,
.breadcrumb .breadcrumb_list li span {
  display: inline-block;
  font-size: 1em;
  color: #111;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
}

.breadcrumb .breadcrumb_list li a {
  -webkit-transition: .2s;
  transition: .2s;
}

.breadcrumb .breadcrumb_list li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.add_btn {
  width: 280px;
  color: #fff;
  font-size: 1.25em;
  background-color: #000;
  padding: 10px 20px;
  text-align: center;
  margin-top: 30px;
}

.add_btn:hover {
  opacity: 0.7;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  -webkit-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}

a[href*="tel:"] {
  pointer-events: none;
}

.sp {
  display: none !important;
}

.josefin {
  font-family: "Josefin Sans", sans-serif;
}

.ank {
  margin-top: -100px;
  padding-top: 100px;
  display: block;
}

.sp_tel {
  pointer-events: none;
}

.common_h2 {
  font-size: 1.5em;
  font-weight: 500;
  color: #888;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  position: relative;
  padding-top: 35px;
}

.common_h2::before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.common_h2 .eng {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  font-size: 2.084em;
  font-weight: 700;
  color: #000;
  font-family: "Josefin Sans", sans-serif;
}

.common_h2.color01 {
  color: #fff;
}

.common_h2.color01::before {
  background-color: #fff;
}

.common_h2.color01 .eng {
  color: #fff;
}

.common_h2_02 {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  font-size: 2.125em;
  position: relative;
  padding-bottom: 10px;
}

.common_h2_02::before {
  content: "";
  width: 60px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.common_h2_02.c_w {
  color: #fff;
}

.common_h2_02.c_w::before {
  background-color: #fff;
}

.common_h2_03 {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  font-size: 1em;
  position: relative;
  padding-top: 20px;
}

.common_h2_03 .eng {
  font-size: 3.125em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
}

.common_h2_03::before {
  content: "";
  width: 60px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.common_h2_03.c_w {
  color: #fff;
}

.common_h2_03.c_w::before {
  background-color: #fff;
}

.common_ttl01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common_ttl01 .en {
  width: 65px;
  height: 65px;
  font-size: 2.125em;
  line-height: 1;
  background-color: #000;
  color: #fff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 20px;
  padding-top: 7px;
}

.common_ttl01 .jp {
  width: calc(100% - 85px);
  font-size: 1.625em;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.common_ttl02 {
  width: 100%;
  font-size: 1.75em;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-left: 30px;
  position: relative;
}

.common_ttl02::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn {
  width: 80%;
  max-width: 350px;
  display: block;
  margin-top: 30px;
  padding: 15px;
  color: #000;
  position: relative;
  border: solid 1px #000;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.btn::before {
  content: "";
  background: url("../images/arrow_02.png") no-repeat;
  width: 61px;
  height: 7px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  right: -55px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.btn:hover::before {
  right: -65px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.btn span {
  font-size: 1em;
}

.nav {
  background: #000;
  color: #fff;
  height: 100vh;
  z-index: 102;
  width: 50%;
  overflow-x: none;
  overflow-y: auto;
  top: 0px;
  right: -50%;
  position: fixed;
  -webkit-transition: All 0.5s ease;
  transition: All 0.5s ease;
  padding: 100px 50px 20px;
}

.nav {
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.nav::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

.nav_list>li>a,
.nav_list>li>span {
  font-size: 1.125em;
  color: #fff;
  font-weight: bold;
  display: block;
  text-decoration: none;
  position: relative;
  padding: 10px 0;
}

.nav_list>li>a {
  -webkit-transition: .2s;
  transition: .2s;
}

.nav_list>li>a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.nav_list>li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}

.nav_list>li ul {
  margin-left: 30px;
}

.nav_list>li ul li {
  font-size: 1em;
  padding: 5px;
}

.nav_list>li ul li a {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.nav_list>li ul li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.sp_nav_open {
  right: 0 !important;
}

.sp_nav_trigger {
  cursor: pointer;
  width: 160px;
  height: 90px;
  background-color: #000000;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
}

.sp_nav_trigger span {
  display: inline-block;
  position: absolute;
  right: 36px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sp_nav_trigger span:nth-of-type(1) {
  top: calc(50% - 15px);
  width: 30%;
}

.sp_nav_trigger span:nth-of-type(2) {
  top: calc(50% - 2px);
  width: 45%;
}

.sp_nav_trigger span:nth-of-type(3) {
  top: calc(50% + 11px);
  width: 60%;
}

.sp_nav_trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
  background: #fff;
  width: 40%;
  top: calc(50% - 10px);
}

.sp_nav_trigger.active span:nth-of-type(2) {
  opacity: 0;
  background: #fff;
}

.sp_nav_trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
  background: #fff;
  width: 40%;
  top: calc(50% + 10px);
}

.hd_bg {
  width: 100%;
  height: 90px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.hd_bg .hd_01 {
  width: calc(100% - 530px);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
}

.hd_bg .hd_02 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 160px;
}

.hd_bg .hd_02 .hd_tel {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 40px;
  position: relative;
}

.hd_bg .hd_02 .hd_tel::before {
  content: "";
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 60%;
  position: absolute;
  top: 20%;
  right: 0;
}

.hd_bg .hd_02 .hd_tel p {
  color: #fff;
  font-size: 1em;
  line-height: 1.2;
}

.hd_bg .hd_02 .hd_tel p a {
  color: #fff;
  font-size: 1.625em;
}

.hd_bg .hd_02 .hd_tel p span {
  font-size: 0.75em;
}

.hd_bg .hd_02 .hd_mail {
  padding: 0 40px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hd_cv_area {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hd_cv_area .cv_area_01 {
  width: 100%;
  border-bottom: solid 1px #fff;
  padding: 20px 0;
}

.hd_cv_area .cv_area_01:last-of-type {
  border-bottom: none;
}

.hd_cv_area .cv_area_01 h2 {
  font-size: 1.125em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  color: #fff;
}

.hd_cv_area .cv_area_01 h2.red {
  color: #c0392b;
}

.hd_cv_area .cv_area_01 h2.green {
  color: #019875;
}

.hd_cv_area .cv_area_01 .tel {
  font-size: 1.25em;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.hd_cv_area .cv_area_01 .tel a {
  font-size: 1.25em;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

.hd_cv_area .cv_area_01 .tel_sub {
  font-size: 0.938em;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  margin-top: -10px;
}

.hd_cv_area .cv_area_01 .mail {
  width: 80%;
  border: solid 1px #fff;
  margin: 10px auto 0;
}

.hd_cv_area .cv_area_01 .mail a {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  padding: 10px;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.hd_cv_area .cv_area_01 .mail a:hover {
  opacity: 0.7;
}

.hd_cv_area .cv_area_01 .mail a span {
  font-size: 1.125em;
  color: #fff;
  padding-left: 40px;
  position: relative;
}

.hd_cv_area .cv_area_01 .mail a span::before {
  content: "";
  background: url("../images/mail.png");
  width: 31px;
  height: 20px;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}

.fv_bg {
  width: 100%;
  height: 100vh;
  min-height: 1080px;
}

.fv_bg .fv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.fv_bg .fv video {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fv_bg .fv .fv_txt {
  width: 610px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: opacity 0s ease 23s 1 alternate forwards;
  animation: opacity 0s ease 23s 1 alternate forwards;
}

.fv_bg .fv .fv_txt figure {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  width: 30vw;
  min-width: 200px;
  margin: auto;
}

.fv_bg .fv .fv_txt h2 {
  color: #fff;
  font-size: 2em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  padding-top: 100px;
  margin-top: 10%;
  position: relative;
}

.fv_bg .fv .fv_txt h2::before {
  content: "";
  width: 2px;
  height: 80px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}

.fv_bg .fv .fv_txt p {
  color: #fff;
  font-size: 1.5em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  margin-top: 20px;
}

.fv_bg .fv .fv_txt p .fz {
  font-size: 1.75em;
  -webkit-font-weight: bold;
  -moz-font-weight: bold;
  -ms-font-weight: bold;
  -o-font-weight: bold;
  font-weight: bold;
}

.fv_bg .fv .fv_txt p .bgc {
  font-size: 1.333em;
  color: #000;
  background-color: #fff;
  padding: 0px 8px;
  margin-right: 5px;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

.content_01_bg {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content_01_bg .content_01 {
  width: 100%;
}

.content_02_bg {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
}

.content_02_bg .content_02 {
  width: 100%;
  max-width: 1800px;
}

.content_03_bg {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
}

.content_03_bg .content_03 {
  width: 100%;
  max-width: 1450px;
}

.eng_layout_01_bg {
  padding-left: 3.125%;
  padding-top: 80px;
}

.eng_layout_01_bg .eng_layout_01 {
  padding-left: 8.8%;
  position: relative;
}

.eng_layout_01_bg .eng_layout_01::before {
  content: "";
  width: 8%;
  height: 2px;
  background-color: #1a1b1b;
  position: absolute;
  top: 90px;
  left: 0;
}

.eng_layout_01_bg .eng_layout_01 h2 {
  width: 500px;
  font-size: 2em;
  line-height: 1.4;
  float: left;
  margin-top: 60px;
  color: #888;
}

.eng_layout_01_bg .eng_layout_01 h2 span {
  font-size: 1.55em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  color: #000;
}

.eng_layout_01_bg .eng_layout_01 figure {
  width: calc(100% - 580px);
  min-width: 600px;
  float: right;
  -webkit-text-align: right;
  -moz-text-align: right;
  -ms-text-align: right;
  -o-text-align: right;
  text-align: right;
}

.eng_layout_01_bg .eng_layout_01 figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.eng_layout_01_bg .eng_layout_01 h3 {
  width: calc(100% - 620px);
  max-width: 500px;
  margin-top: 40px;
  font-size: 1.875em;
  float: left;
}

.eng_layout_01_bg .eng_layout_01 p {
  width: calc(100% - 650px);
  max-width: 500px;
  margin-top: 20px;
  font-size: 1.25em;
  float: left;
  line-height: 2;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.eng_02_bg {
  padding-top: 200px;
  padding-bottom: 200px;
}

.eng_02_bg .eng_02 .eng_list {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
}

.eng_02_bg .eng_02 .eng_list li {
  overflow: hidden;
  position: relative;
}

.eng_02_bg .eng_02 .eng_list li .border-l::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li .border-l::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li .border-r::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li .border-r::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li a {
  width: 100%;
  height: 100%;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  position: relative;
}
.eng_02_bg .eng_02 .eng_list li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(000,000,000,.6);
  position: absolute;
  top: 0;
  left: 0;
}

.eng_02_bg .eng_02 .eng_list li a h3 {
  color: #fff;
  font-size: 1.25em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

.eng_02_bg .eng_02 .eng_list li a h3 span {
  font-size: 1.666em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
}

.eng_02_bg .eng_02 .eng_list li:hover .border-l::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li:hover .border-l::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li:hover .border-r::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li:hover .border-r::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list li:hover a {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.eng_02_bg .eng_02 .eng_list.type_01 {
  margin-top: 30px;
}

.eng_02_bg .eng_02 .eng_list.type_01 li {
  width: 33.333%;
}

.eng_02_bg .eng_02 .eng_list.type_01 li a {
  padding: 150px 20px;
}

.eng_02_bg .eng_02 .eng_list.type_01 li:nth-child(1) a {
  background-image: url("../images/eng/block_02_01.jpg");
}

.eng_02_bg .eng_02 .eng_list.type_01 li:nth-child(2) a {
  background-image: url("../images/eng/block_02_02.jpg");
}

.eng_02_bg .eng_02 .eng_list.type_01 li:nth-child(3) a {
  background-image: url("../images/eng/block_02_03.jpg");
}

.eng_02_bg .eng_02 .eng_list.type_02 li {
  width: 25%;
}

.eng_02_bg .eng_02 .eng_list.type_02 li a {
  padding: 120px 20px;
}

.eng_02_bg .eng_02 .eng_list.type_02 li:nth-child(1) a {
  background-image: url("../images/eng/block_02_04.jpg");
}

.eng_02_bg .eng_02 .eng_list.type_02 li:nth-child(2) a {
  background-image: url("../images/eng/block_02_05.jpg");
}

.eng_02_bg .eng_02 .eng_list.type_02 li:nth-child(3) a {
  background-image: url("../images/eng/block_02_06.jpg");
}

.eng_02_bg .eng_02 .eng_list.type_02 li:nth-child(4) a {
  background-image: url("../images/eng/block_02_07.jpg");
}

.eng_02_bg .eng_02 .note_area {
  margin-top: 80px;
}

.note_area {
  width: 100%;
  padding: 40px 20px;
  background-color: #1a1b1b;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.note_area span {
  font-size: 1.875em;
  color: #fff;
  padding-left: 55px;
  position: relative;
}

.note_area span::before {
  content: "";
  background: url("../images/icon_01.png") no-repeat;
  width: 43px;
  height: 54px;
  position: absolute;
  top: -10px;
  left: 0;
}

.note_area02 {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto 0;
}

.note_area02 .ttl01 {
  background-color: #b22a2e;
  text-align: center;
  padding: 25px;
}

.note_area02 .ttl01 span {
  font-size: 1.85em;
  color: #fff;
  padding-left: 60px;
  position: relative;
}

.note_area02 .ttl01 span::before {
  content: "";
  background: url("../images/live/icon01.png") no-repeat center center;
  width: 47px;
  height: 41px;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.note_area02 .wrap01 {
  padding: 40px 100px;
  background-color: #f7e9ea;
}

.note_area02 .wrap01 .txt01 {
  font-size: 1.25em;
  text-align: center;
}

.note_area02 .wrap01 .ttl02 {
  font-size: 1.5em;
  color: #b22a2e;
  text-align: center;
  margin-top: 15px;
}

.note_area02 .wrap01 .wrap02 {
  background-color: #fff;
  padding: 30px;
  margin-top: 20px;
}

.note_area02 .wrap01 .wrap02 .ttl03 {
  font-size: 1.5em;
  color: #b22a2e;
  text-align: center;
  margin-bottom: 20px;
}

.note_area02 .wrap01 .wrap02 .txt02 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125em;
  margin: 10px auto 0;
  padding-left: 350px;
}

.note_area02 .wrap01 .wrap02 .txt02:first-of-type {
  margin-top: 0;
}

.note_area02 .wrap01 .wrap02 .txt02 .circle {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: #b22a2e;
  color: #fff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
  border-radius: 50%;
}

.eng_03_bg {
  padding-left: 3.125%;
  padding-top: 180px;
  padding-bottom: 180px;
  background: url("../images/eng/block_03_bg_01.jpg") no-repeat;
  background-size: cover;
  position: relative;
}

.eng_03_bg .eng_03 {
  padding-left: 8.8%;
  position: relative;
}

.eng_03_bg .eng_03::before {
  content: "";
  width: 8%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 30px;
  left: 0;
}

.eng_03_bg .eng_03 h2 {
  font-size: 1.5em;
  line-height: 1.4;
  color: #fff;
}

.eng_03_bg .eng_03 h2 span {
  font-size: 2.083em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  color: #fff;
}

.eng_03_bg .eng_03 dl {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.eng_03_bg .eng_03 dl:first-of-type {
  margin-top: 70px;
}

.eng_03_bg .eng_03 dl dt {
  color: #fff;
  font-size: 1.75em;
  padding-right: 20px;
}

.eng_03_bg .eng_03 dl dd {
  color: #fff;
  font-size: 1.5em;
  padding-left: 20px;
  border-left: solid 1px #fff;
}

.eng_03_bg .eng_03 .add_txt01 {
  font-size: 1.25em;
  color: #fff;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

.eng_03_bg figure {
  position: absolute;
  top: -70px;
  right: 7%;
}

.eng_04_bg {
  padding-top: 150px;
}

.eng_04_bg .eng_04 ul {
  width: 102%;
  margin: 40px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  left: -2%;
}

.eng_04_bg .eng_04 ul li {
  width: calc(100% - 60px / 4);
  margin-right: 20px;
}

.eng_04_bg .eng_04 ul li:last-of-type {
  margin-right: 0;
}

.eng_04_bg .eng_04 .note_area {
  margin-top: 60px;
}

.eng_05_bg {
  padding-top: 80px;
  padding-bottom: 150px;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}

.eng_05_bg .eng_05 {
  width: 100%;
  padding-left: 11.925%;
  position: relative;
  margin-top: 5%;
}

.eng_05_bg .eng_05:first-of-type {
  margin-top: 0;
}

.eng_05_bg .eng_05 h2 {
  width: calc(100% - 650px);
  max-width: 500px;
  font-size: 3.125em;
  line-height: 1.4;
  float: left;
  position: relative;
  padding-bottom: 30px;
  margin-top: 2%;
}

.eng_05_bg .eng_05 h2::before {
  content: "";
  width: 70px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 5px;
}

.eng_05_bg .eng_05 h2 .num {
  font-size: 1.75em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
}

.eng_05_bg .eng_05 h2 .sub {
  font-size: 0.6em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
}

.eng_05_bg .eng_05 figure {
  width: calc(100% - 580px);
  min-width: 600px;
  float: right;
  -webkit-text-align: right;
  -moz-text-align: right;
  -ms-text-align: right;
  -o-text-align: right;
  text-align: right;
  margin-top: 9%;
}

.eng_05_bg .eng_05 p {
  width: calc(100% - 650px);
  max-width: 500px;
  margin-top: 20px;
  font-size: 1.25em;
  float: left;
  line-height: 2;
}

.eng_05_bg .eng_05 p .h3 {
  max-width: 500px;
  margin-top: 30px;
  font-size: 1.2em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  -webkit-font-weight: bold;
  -moz-font-weight: bold;
  -ms-font-weight: bold;
  -o-font-weight: bold;
  font-weight: bold;
}

.eng_05_bg .eng_05.revese {
  padding-left: 0%;
  padding-right: 11.925%;
}

.eng_05_bg .eng_05.revese h2 {
  float: right;
}

.eng_05_bg .eng_05.revese h2::before {
  right: 5px;
}

.eng_05_bg .eng_05.revese figure {
  float: left;
  -webkit-text-align: left;
  -moz-text-align: left;
  -ms-text-align: left;
  -o-text-align: left;
  text-align: left;
}

.eng_05_bg .eng_05.revese h3 {
  float: right;
}

.eng_05_bg .eng_05.revese p {
  float: right;
}

.eng_06_bg {
  padding-top: 170px;
  padding-bottom: 170px;
  position: relative;
  overflow: hidden;
}

.eng_06_bg video {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.eng_06_bg .eng_06 .common_h2 {
  color: #fff;
}

.eng_06_bg .eng_06 .common_h2::before {
  background-color: #fff;
}

.eng_06_bg .eng_06 .common_h2 .eng {
  color: #fff;
}

.eng_06_bg .eng_06 figure {
  width: 100%;
  max-width: 1450px;
  margin: 60px auto 0;
}

.eng_07_bg {
  padding-top: 175px;
  padding-bottom: 150px;
}

.eng_07_bg .eng_07 .eng_07_block_01 {
  width: 100%;
  margin-top: 80px;
}

.eng_07_bg .eng_07 .eng_07_block_01:first-of-type {
  margin-top: 50px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_ttl {
  width: 100%;
  padding: 30px 20px 20px;
  background: #000;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_ttl p {
  width: 100%;
  color: #fff;
  font-size: 1.125em;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_ttl p span {
  padding: 3px 10px;
  color: #000;
  background-color: #fff;
  font-size: 0.889em;
  margin-left: 20px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_ttl h3 {
  font-size: 2.125em;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_01 {
  width: 29%;
  min-width: 550px;
  margin-right: 50px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_01 h4 {
  font-size: 1.625em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_01 ul {
  margin-top: 10px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_02 {
  width: calc((100% - 29%) - 50px);
  margin-top: 30px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_02 dl {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: solid 1px #dddddd;
  font-size: 1.25em;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_02 dl dt {
  width: 80px;
  margin-right: 50px;
}

.eng_07_bg .eng_07 .eng_07_block_01 .eng_07_block_01_contents .eng_07_block_01_contents_box_02 dl dd {
  width: calc(100% - 130px);
}

.eng_note_area {
  width: 100%;
  margin-top: 80px;
  padding: 30px 50px;
  background-color: #f5f5f5;
}

.eng_note_area h3 {
  font-size: 1.25em;
  padding-bottom: 10px;
  border-bottom: solid 1px #000;
}

.eng_note_area ul {
  margin-top: 10px;
}

.eng_note_area ul li {
  font-size: 1.125em;
  margin-top: 5px;
}

.eng_note_area ul li:first-of-type {
  margin-top: 0;
}

.eng_08_bg {
  padding-top: 180px;
  padding-bottom: 150px;
  background-color: #f5f5f5;
  background-image: url("../images/eng/block_08_bg_01.jpg");
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
}

.eng_08_bg .eng_08 .common_h2 {
  color: #fff;
}

.eng_08_bg .eng_08 .common_h2::before {
  background-color: #fff;
}

.eng_08_bg .eng_08 .common_h2 .eng {
  color: #fff;
}

.eng_08_bg .eng_08 .eng_08_block_01 {
  width: 100%;
  padding: 80px 70px;
  background-color: #fff;
  margin-top: 50px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description {
  margin-top: 60px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description:first-of-type {
  margin-top: 0;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description h3 {
  font-size: 2.125em;
  border-bottom: solid 1px #000;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul {
  width: 100%;
  margin-top: 30px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li {
  width: 48%;
  padding: 25px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: solid 1px #000;
  margin-top: 4%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li:nth-child(-n + 2) {
  margin-top: 0;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li figure {
  width: 40%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li div {
  width: 60%;
  padding: 3% 5%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li div h4 {
  font-size: 1.875em;
  line-height: 1.3;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li div h4.fz {
  font-size: 1.5em;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li div h4 span {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  font-size: 0.6em;
  -webkit-font-weight: 500;
  -moz-font-weight: 500;
  -ms-font-weight: 500;
  -o-font-weight: 500;
  font-weight: 500;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description>ul li div p {
  margin-top: 5%;
  background-color: #f5f5f5;
  padding: 3px 10px;
  font-size: 0.938em;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 figure {
  width: 48%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 ul {
  width: 48%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 ul li {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 ul li:first-of-type {
  margin-top: 0;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 ul li p {
  font-size: 1.5em;
  -webkit-font-weight: bold;
  -moz-font-weight: bold;
  -ms-font-weight: bold;
  -o-font-weight: bold;
  font-weight: bold;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_01 ul li span {
  font-size: 0.938em;
  padding: 3px 10px;
  background-color: #f5f5f5;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 {
  width: 100%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul {
  margin-top: 10px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_01 li {
  font-size: 1.75em;
  min-width: 180px;
  -webkit-font-weight: bold;
  -moz-font-weight: bold;
  -ms-font-weight: bold;
  -o-font-weight: bold;
  font-weight: bold;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  margin-right: 60px;
  margin-top: 10px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_02 li {
  font-size: 1.75em;
  min-width: 200px;
  -webkit-font-weight: bold;
  -moz-font-weight: bold;
  -ms-font-weight: bold;
  -o-font-weight: bold;
  font-weight: bold;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  margin-right: 40px;
  margin-top: 10px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_03 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_03 li {
  width: 31%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_04 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_04 li {
  width: 48%;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_04 li p {
  margin-top: 5px;
  font-size: 1.5em;
  font-weight: bold;
}

.eng_08_bg .eng_08 .eng_08_block_01 .tab_content .tab_content_description .eng_08_block_01_content_02 ul.type_04 li:last-of-type {
  width: 100%;
  margin-top: 2%;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  width: 100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(((100% - 90px) / 5) - 1px);
  margin-right: 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  padding: 15px 10px;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  border: solid 1px #000;
}

.tab_item:last-of-type {
  margin-right: 0;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
  margin-top: 60px;
}

/*選択されているタブのコンテンツのみを表示*/
#eng_08_tab_01:checked~#eng_08_tab_01_content,
#eng_08_tab_02:checked~#eng_08_tab_02_content,
#eng_08_tab_03:checked~#eng_08_tab_03_content,
#eng_08_tab_04:checked~#eng_08_tab_04_content,
#eng_08_tab_05:checked~#eng_08_tab_05_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
  background-color: #000;
  color: #fff;
  position: relative;
}

.tabs input:checked+.tab_item::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.eng_09_bg {
  padding-bottom: 50px;
}

.eng_09_bg .eng_09::before {
  top: 25px;
}

.eng_09_bg .eng_09 h2 {
  margin-top: 0;
}

.eng_10_bg {
  padding-top: 200px;
  padding-bottom: 140px;
  background-color: #f5f5f5;
  background-image: url("../images/eng/block_10_bg_01.jpg");
  background-size: auto 45%;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
}

.eng_10_bg .eng_10 .eng_10_block_01 {
  width: 100%;
  margin: 60px auto 0;
}

.eng_10_bg .eng_10 .eng_10_block_01 ul {
  margin-top: 30px;
}

.eng_10_bg .eng_10 .eng_10_block_01 ul li {
  color: #fff;
  margin-top: 5px;
  font-size: 1.25em;
}

.eng_10_bg .eng_10 .eng_10_block_01 ul li:first-of-type {
  margin-top: 0;
}

.eng_10_bg .eng_10 .eng_10_block_02 {
  padding: 80px 70px;
  margin-top: 50px;
  background-color: #fff;
}

.eng_10_bg .eng_10 .eng_10_block_02 table {
  width: 100%;
  table-layout: fixed;
  border: solid 1px #000;
  margin-top: 40px;
  margin-bottom: 90px;
}

.eng_10_bg .eng_10 .eng_10_block_02 table:nth-of-type(1) {
  margin-bottom: 0px;
}

.eng_10_bg .eng_10 .eng_10_block_02 table:nth-of-type(2) {
  margin-bottom: 90px !important;
}

.eng_10_bg .eng_10 .eng_10_block_02 table:nth-of-type(3) {
  margin-bottom: 0px;
}

.eng_10_bg .eng_10 .eng_10_block_02 table.border-top {
  border-top: none;
  margin: 0;
}

.eng_10_bg .eng_10 .eng_10_block_02 table.border-top tr:first-of-type th {
  border-top: solid 1px #fff;
}

.eng_10_bg .eng_10 .eng_10_block_02 table.border-top tr:first-of-type td {
  border-top: solid 1px #000;
}

.eng_10_bg .eng_10 .eng_10_block_02 table tr {
  border-bottom: solid 1px #000;
}

.eng_10_bg .eng_10 .eng_10_block_02 table tr th {
  width: 23%;
  background-color: #000;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  font-size: 1.5em;
}

.eng_10_bg .eng_10 .eng_10_block_02 table tr td {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  padding: 20px 20px 20px 60px;
  font-size: 1.5em;
}

.eng_10_bg .eng_10 .eng_10_block_02 table tr td.gray {
  background-color: #eeeeee;
}

.eng_10_bg .eng_10 .eng_10_block_02 table tr td .data_01 {
  width: 300px;
  margin-right: 50px;
}

.eng_10_bg .eng_10 .eng_10_block_02>p {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  margin-top: 30px;
  font-size: 1.4em;
}

.eng_11_bg {
  padding-top: 180px;
  padding-bottom: 80px;
  background-color: #f5f5f5;
  background-image: url("../images/eng/block_11_bg_01.jpg");
  background-size: auto 45%;
  background-repeat: no-repeat;
  background-position: top center;
}

.eng_11_bg .eng_11 .eng_11_block_01 {
  width: 100%;
  margin-top: 40px;
}

.eng_11_bg .eng_11 .eng_11_block_01 ul {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.eng_11_bg .eng_11 .eng_11_block_01 ul li {
  width: 31.8%;
  border: solid 1px #fff;
  margin-top: 2.3%;
}

.eng_11_bg .eng_11 .eng_11_block_01 ul li:nth-child(-n + 3) {
  margin-top: 0;
}

.eng_11_bg .eng_11 .eng_11_block_01 ul li a {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  padding: 20px;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  position: relative;
}

.eng_11_bg .eng_11 .eng_11_block_01 ul li a::before {
  content: "";
  background: url("../images/arrow_01.png");
  width: 18px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}

.eng_11_bg .eng_11 .eng_11_block_02 {
  width: 100%;
  padding: 60px 70px;
  margin-top: 50px;
  background-color: #fff;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content {
  width: 100%;
  background-color: #fff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 70px;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content:first-of-type {
  margin-top: 0;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content h2 {
  width: 100%;
  font-size: 1.875em;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
  margin-bottom: 20px;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content h2 span {
  width: 100px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content .eng_11_block_02_box {
  width: 48%;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content .eng_11_block_02_box h3 {
  width: 100%;
  font-size: 1.5em;
  padding: 15px 25px;
  color: #fff;
  background-color: #000;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content .eng_11_block_02_box ul li {
  padding: 25px 0;
  border-bottom: solid 1px #000;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content .eng_11_block_02_box ul li:last-of-type:not(.bb) {
  border-bottom: none;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content .eng_11_block_02_box ul li h4 {
  font-size: 1.4em;
}

.eng_11_bg .eng_11 .eng_11_block_02 .eng_11_block_02_content .eng_11_block_02_box ul li p {
  font-size: 1.25em;
}

.eng_11_bg .eng_11 .note_area {
  width: 100%;
  margin-top: 30px;
}

.ft_bg {
  width: 100%;
  padding-bottom: 86.67px;
  background-color: #000;
}

.ft_bg .cv_area {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/cv_area_bg_01.jpg") no-repeat;
  background-size: cover;
  padding: 130px 20px;
}

.ft_bg .cv_area .cv_area_01 {
  width: 27.6%;
  min-width: 500px;
  border-right: solid 2px #fff;
}

.ft_bg .cv_area .cv_area_01:last-of-type {
  border-right: none;
}

.ft_bg .cv_area .cv_area_01 h2 {
  font-size: 1.25em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  color: #fff;
}

.ft_bg .cv_area .cv_area_01 h2.red {
  color: #c0392b;
}

.ft_bg .cv_area .cv_area_01 h2.green {
  color: #019875;
}

.ft_bg .cv_area .cv_area_01 .tel {
  font-size: 1.5em;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.ft_bg .cv_area .cv_area_01 .tel a {
  font-size: 1.666em;
  color: #fff;
  font-family: robot;
  font-weight: 900;
}

.ft_bg .cv_area .cv_area_01 .tel_sub {
  font-size: 0.938em;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  margin-top: -10px;
}

.ft_bg .cv_area .cv_area_01 .mail {
  width: 80%;
  border: solid 1px #fff;
  margin: 10px auto 0;
}

.ft_bg .cv_area .cv_area_01 .mail a {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  padding: 10px;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.ft_bg .cv_area .cv_area_01 .mail a:hover {
  opacity: 0.7;
}

.ft_bg .cv_area .cv_area_01 .mail a span {
  font-size: 1.125em;
  color: #fff;
  padding-left: 40px;
  position: relative;
}

.ft_bg .cv_area .cv_area_01 .mail a span::before {
  content: "";
  background: url("../images/mail.png");
  width: 31px;
  height: 20px;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}

.ft_bg .ft_01 {
  width: 100%;
  padding: 70px 20px 50px;
  background-color: #1a1b1b;
}

.ft_bg .ft_01 p {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
}

.ft_bg .ft_01 .ft_01_block_01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

.ft_bg .ft_01 .ft_01_block_01>ul {
  width: 200px;
  margin-right: 30px;
}

.ft_bg .ft_01 .ft_01_block_01>ul:last-of-type {
  margin-right: 0;
}

.ft_bg .ft_01 .ft_01_block_01>ul:nth-of-type(2) {
  width: 500px;
  margin-right: 30px;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li {
  margin-top: 10px;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li:first-of-type {
  margin-top: 0;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li a,
.ft_bg .ft_01 .ft_01_block_01>ul>li span {
  font-size: 1em;
  color: #fff;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li a {
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li ul {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li ul li {
  width: 50%;
  margin-top: 5px;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li ul li:first-of-type {
  margin-top: 0;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li ul li a {
  font-size: 0.875em;
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_bg .ft_01 .ft_01_block_01>ul>li ul li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.ft_bg .ft_02 {
  width: 100%;
  background-color: #1a1b1b;
  border-top: solid 1px rgba(255, 255, 255, 0.4);
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  padding: 20px;
}

.ft_bg .ft_02 div {
  font-size: 0.875em;
  color: #fff;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  position: relative;
  padding-left: 20px;
}

.ft_bg .ft_02 div span {
  position: absolute;
  left: -0;
  top: 2px;
}

.floating_area_bg {
  width: 100%;
  background-color: #000;
  padding: 15px 20px;
}

.floating_area_bg.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.floating_area_bg .floating_area {
  width: 100%;
  max-width: 1450px;
  margin: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.floating_area_bg .floating_area .ttl {
  width: 200px;
  font-size: 1.75em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #fff;
  margin-right: 15px;
  padding-right: 70px;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.floating_area_bg .floating_area .ttl::before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.floating_area_bg .floating_area .tel {
  width: 420px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  margin-right: 40px;
}

.floating_area_bg .floating_area .tel div:first-of-type {
  width: 150px;
  padding: 5px 10px;
  color: #fff;
  font-size: 0.875em;
  line-height: 1.3;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c0392b;
  position: relative;
  margin-right: 20px;
}

.floating_area_bg .floating_area .tel div:first-of-type::before {
  content: "";
  width: 10px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #c0392b)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #c0392b)) no-repeat bottom right/100% 50%;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #c0392b 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #c0392b 50.5%) no-repeat bottom right/100% 50%;
  position: absolute;
  right: -10px;
  top: 0;
}

.floating_area_bg .floating_area .tel div:last-of-type p {
  color: #fff;
  line-height: 1.2;
}

.floating_area_bg .floating_area .tel div:last-of-type p:first-of-type {
  font-family: "Roboto", sans-serif;
  font-size: 1.125em;
}

.floating_area_bg .floating_area .tel div:last-of-type p:first-of-type a {
  font-size: 1.556em;
  color: #fff;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  color: #fff;
}

.floating_area_bg .floating_area .tel div:last-of-type p:last-of-type {
  font-size: 0.875em;
}

.floating_area_bg .floating_area .mail {
  width: 390px;
  background-color: #019875;
}

.floating_area_bg .floating_area .mail a {
  width: 100%;
  height: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.floating_area_bg .floating_area .mail a:hover {
  opacity: 0.7;
}

.floating_area_bg .floating_area .mail a span {
  color: #fff;
  font-size: 1em;
  padding-left: 40px;
  position: relative;
}

.floating_area_bg .floating_area .mail a span::before {
  content: "";
  background: url("../images/mail.png") no-repeat center center;
  width: 31px;
  height: 20px;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1100px) and (min-width: 871px) {
  .floating_area_bg .floating_area .ttl {
    display: none;
  }
}

@media screen and (max-width: 870px) {
  .floating_area_bg .floating_area .ttl {
    display: none;
  }

  .floating_area_bg .floating_area .tel {
    margin-right: 10px;
  }

  .floating_area_bg .floating_area .tel div:first-of-type {
    width: 110px;
  }
}

#pagetop {
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  position: fixed;
  bottom: 12px;
  right: 20px;
  z-index: 101;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

#pagetop.fixed {
  opacity: 1;
  -webkit-transition: .2s;
  transition: .2s;
}

.live_fv_bg {
  width: 100%;
  height: 100vh;
  min-height: 630px;
}

.live_fv_bg .live_fv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: url("../images/live/mv.jpg") no-repeat center center;
  background-size: cover;
}

.live_fv_bg .live_fv video {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.live_fv_bg .live_fv .live_fv_txt {
  width: 770px;
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /**
            animation: opacity 0s ease 23s 1 alternate forwards;**/
}

.live_fv_bg .live_fv .live_fv_txt figure {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  width: 30vw;
  min-width: 200px;
  margin: auto;
}

.live_fv_bg .live_fv .live_fv_txt h2 {
  color: #fff;
  font-size: 2em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  padding-top: 100px;
  margin-top: 10%;
  position: relative;
}

.live_fv_bg .live_fv .live_fv_txt h2::before {
  content: "";
  width: 2px;
  height: 80px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}

.live_fv_bg .live_fv .live_fv_txt h3 {
  color: #fff;
  background-color: #0968a7;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  text-align: center;
  padding: 0 20px;
  position: relative;
  left: -30px;
}

.live_fv_bg .live_fv .live_fv_txt h3>span {
  font-size: 6.43em;
  -webkit-transform: skewX(5deg);
  transform: skewX(5deg);
  display: inline-block;
}

.live_fv_bg .live_fv .live_fv_txt h3>span>span {
  font-size: 0.82em;
  -webkit-transform: skewX(5deg);
  transform: skewX(5deg);
  display: inline-block;
}

.live_fv_bg .live_fv .live_fv_txt p {
  color: #fff;
  font-size: 1.5em;
  margin-top: 20px;
}

.live_fv_bg .live_fv .live_fv_txt p .fz {
  font-size: 1.75em;
  -webkit-font-weight: bold;
  -moz-font-weight: bold;
  -ms-font-weight: bold;
  -o-font-weight: bold;
  font-weight: bold;
}

.live_fv_bg .live_fv .live_fv_txt p .bgc {
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  padding: 5px 10px 8px;
  margin-right: 5px;
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  margin-bottom: 10px;
}

.live_fv_bg .live_fv .live_fv_txt p .bgc:first-of-type {
  position: relative;
  margin-bottom: 40px;
}

.live_fv_bg .live_fv .live_fv_txt p.fz02 {
  font-size: 1.125em;
  position: relative;
}

.live_fv_bg .live_fv .live_fv_txt p.fz02::before {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: -10px;
  left: 0;
}

.live_01_bg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.live_01_bg .live_01 .eng_list {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
}

.live_01_bg .live_01 .eng_list li {
  overflow: hidden;
  position: relative;
}

.live_01_bg .live_01 .eng_list li .border-l::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li .border-l::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li .border-r::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li .border-r::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li a {
  width: 100%;
  height: 100%;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  position: relative;
}

.live_01_bg .live_01 .eng_list li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(000,000,000,.6);
  position: absolute;
  top: 0;
  left: 0;
}

.live_01_bg .live_01 .eng_list li a h3 {
  color: #fff;
  font-size: 1.25em;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

.live_01_bg .live_01 .eng_list li a h3 span {
  font-size: 1.666em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
}

.live_01_bg .live_01 .eng_list li:hover .border-l::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li:hover .border-l::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li:hover .border-r::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li:hover .border-r::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list li:hover a {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.live_01_bg .live_01 .eng_list.type_01 {
  margin-top: 30px;
}

.live_01_bg .live_01 .eng_list.type_01 li {
  width: 33.333%;
}

.live_01_bg .live_01 .eng_list.type_01 li a {
  padding: 150px 20px;
}


.live_01_bg .live_01 .eng_list.type_01 li:nth-child(1) a {
  background-image: url("../images/live/block01_01.jpg");
}

.live_01_bg .live_01 .eng_list.type_01 li:nth-child(2) a {
  background-image: url("../images/live/block01_02.jpg");
}

.live_01_bg .live_01 .eng_list.type_01 li:nth-child(3) a {
  background-image: url("../images/live/block01_03.jpg");
}

.live_01_bg .live_01 .eng_list.type_02 li {
  width: 50%;
}

.live_01_bg .live_01 .eng_list.type_02 li a {
  padding: 120px 20px;
}

.live_01_bg .live_01 .eng_list.type_02 li a h3 {
  position: relative;
}

.live_01_bg .live_01 .eng_list.type_02 li a h3::before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 45%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.live_01_bg .live_01 .eng_list.type_02 li a h3 .sub {
  display: inline-block;
  font-size: 0.875em;
  padding: 3px 5px;
  background-color: #fff;
  color: #000;
  position: relative;
  top: -5px;
  margin-right: 10px;
}

.live_01_bg .live_01 .eng_list.type_02 li a h3 .ttl {
  -webkit-display: inline-block;
  -moz-display: inline-block;
  -ms-display: inline-block;
  -o-display: inline-block;
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
}

.live_01_bg .live_01 .eng_list.type_02 li:nth-child(1) a {
  background-image: url("../images/live/block01_04.jpg");
}

.live_01_bg .live_01 .eng_list.type_02 li:nth-child(2) a {
  background-image: url("../images/live/block01_05.jpg");
}

.live_01_video01 {
  margin-bottom: 0 !important;
}

.live_02_bg {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
  background: url("../images/live/block02_bg01.jpg") no-repeat center center;
  background-size: cover;
}

.live_02_bg.mt {
  width: calc(100% - 40px);
  max-width: 1800px;
  margin: 50px auto 0;
}

.live_02_bg .live_02 .ttl01 {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  font-size: 2em;
  color: #fff;
  text-align: center;
  border: solid 2px #fff;
}

.live_02_bg .live_02 .list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px auto 0;
}

.live_02_bg .live_02 .list01 li {
  width: 50%;
  font-size: 1.25em;
  padding: 25px;
  padding-left: 50px;
  color: #fff;
  border-bottom: solid 1px #fff;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.live_02_bg .live_02 .list01 li::before {
  content: "";
  background: url("../images/live/icon02.png") no-repeat center center;
  width: 37px;
  height: 37px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.live_02_bg .live_02 .img01 {
  width: 100%;
  text-align: center;
}

.live_02_bg .live_02 .img02 {
  width: 100%;
  text-align: center;
}

.live_03_bg {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.live_03_bg .live_03 .txt01 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

.live_03_bg .live_03 .txt02 {
  max-width: 1000px;
  font-size: 1.25em;
  margin: 10px auto 0;
  border-left: solid 5px #c0392b;
  padding-left: 20px;
}

.live_03_bg .live_03 .txt02:nth-of-type(3) {
  margin-top: 80px;
}

.live_03_bg .live_03 .list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

.live_03_bg .live_03 .list01:first-of-type {
  margin-top: 30px;
}

.live_03_bg .live_03 .list01 li {
  width: 20%;
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.live_03_bg .live_03 .list01:nth-of-type(1) li {
  /**
                    &:nth-child(4){
                        img{
                            width: calc( 205/ 290 * 100%);
                        }
                    }**/
}

.live_03_bg .live_03 .list01:nth-of-type(1) li:nth-child(1) img {
  width: calc(135 / 290 * 100%);
}

.live_03_bg .live_03 .list01:nth-of-type(1) li:nth-child(2) img {
  width: calc(147 / 290 * 100%);
}

.live_03_bg .live_03 .list01:nth-of-type(1) li:nth-child(3) img {
  width: calc(179 / 290 * 100%);
}

.live_03_bg .live_03 .list01:nth-of-type(2) li {
  /**
                    &:nth-child(4){
                        img{
                            width: calc( 167/ 290 * 100%);
                        }
                    }
                    &:nth-child(5){
                        img{
                            width: calc( 205/ 290 * 100%);
                        }
                    }**/
}

.live_03_bg .live_03 .list01:nth-of-type(2) li:nth-child(1) img {
  width: calc(103 / 290 * 100%);
}

.live_03_bg .live_03 .list01:nth-of-type(2) li:nth-child(2) img {
  width: calc(228 / 290 * 100%);
}

.live_03_bg .live_03 .list01:nth-of-type(2) li:nth-child(3) img {
  width: calc(205 / 290 * 100%);
}

.live_03_bg .live_03 .note_area {
  max-width: 1450px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.live_03_bg .live_03 .note_area span::before {
  display: none;
}

.live_04_bg {
  overflow: hidden;
}

.live_04_bg .live_04 {
  margin: 0 auto;
}

.live_04_bg .live_04 .img02 {
  width: 100%;
  text-align: center;
}

.live_04_bg .live_04 .slider01 .slick-track {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
}

.live_04_bg .live_04 .slider01 li.clearfix {
  border: solid 1px #000;
  background-color: #ffffff;
  padding: 0.5%;
  margin: 0 0.2%;
  height: auto;
}

.live_04_bg .live_04 .slider01 li.clearfix .img01 {
  float: left;
  width: calc(400 / 920 * 100%);
}

.live_04_bg .live_04 .slider01 li.clearfix .ttl02 {
  float: right;
  font-size: 1.5em;
  width: calc(520 / 920 * 100%);
  padding-left: 3%;
}

.live_04_bg .live_04 .slider01 li.clearfix .ttl02 span {
  font-size: 0.75em;
  line-height: 1.5;
  display: inline-block;
}

.live_04_bg .live_04 .slider01 li.clearfix .txt03 {
  float: right;
  width: calc(520 / 920 * 100%);
  padding-left: 3%;
  margin-top: 0.5%;
}

@media screen and (max-width: 1330px) and (min-width: 1060px) {
  .live_04_bg .live_04 .slider01 li.clearfix .ttl02 {
    font-size: 1.8vw;
  }

  .live_04_bg .live_04 .slider01 li.clearfix .txt03 {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 1060px) {
  .live_04_bg .live_04 .slider01 li.clearfix .ttl02 {
    font-size: 19px;
  }

  .live_04_bg .live_04 .slider01 li.clearfix .txt03 {
    font-size: 12px;
  }
}

.live_05_bg {
  padding-top: 150px;
}

.live_05_bg .live_05 .txt01 {
  font-size: 1.25em;
  text-align: center;
  margin-top: 30px;
}

.live_05_bg .live_05 ul {
  width: 102%;
  margin: 40px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  left: -2%;
}

.live_05_bg .live_05 ul li {
  width: calc(100% - 60px / 4);
  margin-right: 20px;
}

.live_05_bg .live_05 ul li:last-of-type {
  margin-right: 0;
}

.live_05_bg .live_05 ul li a {
  display: inline-block;
}

.live_05_bg .live_05 ul li a:hover {
  opacity: 0.7;
}

.live_05_bg .live_05 .note_area {
  margin-top: 60px;
}

.live_06_bg {
  margin-top: 70px;
}

.live_06_bg .live_06 .txt01 {
  font-size: 1.25em;
  margin-top: 10px;
}

.live_06_bg .live_06 .img01 {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.live_07_bg {
  margin-top: 70px;
  background: url("../images/live/block07_bg01.jpg") no-repeat;
  background-position: center 60%;
  background-size: contain;
}

.live_07_bg .live_07 .txt01 {
  font-size: 1.25em;
  margin-top: 10px;
}

.live_07_bg .live_07 .list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

.live_07_bg .live_07 .list01:first-of-type {
  margin-top: 30px;
}

.live_07_bg .live_07 .list01 li {
  width: calc((100% - 120px) / 4);
  padding: 20px;
  margin: 0 5px;
  background-color: #fff;
}

.live_07_bg .live_07 .list01 li .img01 {
  text-align: center;
}

.live_07_bg .live_07 .list01 li .ttl01 {
  font-size: 1.125em;
  margin-top: 10px;
}

.live_07_bg .live_07 .list01 li .txt02 {
  font-size: 1em;
  margin-top: 10px;
}

.live_07_bg .live_07 .img02 {
  text-align: center;
  margin-top: 100px;
}

.live_08_bg {
  margin-top: 70px;
}

.live_08_bg .live_08 .list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.live_08_bg .live_08 .list01 li {
  width: calc((100% - 30px) / 2);
  padding: 30px 40px;
  margin-right: 30px;
  border: solid 1px #000;
  margin-top: 30px;
}

.live_08_bg .live_08 .list01 li:nth-child(-n + 2) {
  margin-top: 0;
}

.live_08_bg .live_08 .list01 li:nth-child(2n) {
  margin-right: 0;
}

.live_08_bg .live_08 .list01 li .ttl01 {
  font-size: 1.5em;
  padding-left: 50px;
  position: relative;
  line-height: 1.5;
}

.live_08_bg .live_08 .list01 li .ttl01::before {
  content: "";
  background: url("../images/live/icon03.png") no-repeat center center;
  width: 40px;
  height: 53px;
  position: absolute;
  left: 0;
  top: -10px;
}

.live_08_bg .live_08 .list01 li .txt01 {
  font-size: 0.936em;
  background-color: #f3f3f3;
  padding: 20px;
  margin-top: 15px;
}

.live_09_bg {
  padding: 70px 20px 150px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+16,f5f5f5+16,f5f5f5+100 */
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(10%, #ffffff), color-stop(10%, #f5f5f5), to(#f5f5f5));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #f5f5f5 10%, #f5f5f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  /* IE6-9 */
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.live_09_bg .common_ttl01 {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
}

.live_09_bg .txt01 {
  width: 100%;
  font-size: 1.25em;
  max-width: 1450px;
  margin: 10px auto 0;
}

.live_09_bg .add_btn_bg {
  width: 100%;
  text-align: center;
}

.live_09_bg .add_btn_bg a {
  display: block;
  margin: 30px auto 0;
}

.live_09_bg .live_09 {
  width: 100%;
  background-color: #fff;
  padding: 30px;
  padding-bottom: 50px;
}

.live_09_bg .live_09 .ttl02 {
  margin-top: 80px;
}

.live_09_bg .live_09 .txt02 {
  font-size: 1.25em;
  margin-top: 20px;
  text-align: center;
}

.live_09_bg .live_09 .img01 {
  width: 100%;
  margin-top: 60px;
  text-align: center;
  margin-bottom: 70px;
}

.live_09_bg .live_09 .ttl03 {
  font-size: 1.75em;
}

.live_09_bg .live_09 table {
  width: 100%;
  table-layout: fixed;
  border: solid 1px #000;
  margin-top: 10px;
  margin-bottom: 90px;
}

.live_09_bg .live_09 table tr {
  border-bottom: solid 1px #000;
}

.live_09_bg .live_09 table tr th {
  width: 33%;
  background-color: #000;
  color: #fff;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  font-size: 1.5em;
  border-bottom: solid 1px #fff;
}

.live_09_bg .live_09 table tr td {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  padding: 20px 20px 20px 60px;
  font-size: 1.5em;
}

.live_09_bg .live_09 table tr td.gray {
  background-color: #eeeeee;
}

.live_09_bg .live_09 table tr td .data_01 {
  width: 300px;
  margin-right: 50px;
}

.live_09_bg .live_09 .list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0 90px;
}

.live_09_bg .live_09 .list01 li {
  width: 50%;
  padding: 20px 20px 20px 60px;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #000;
  border: solid 1px #fff;
}

.live_09_bg .live_09 .eng_note_area {
  margin-top: 0;
}

.live_10_bg {
  background: url("../images/live/live10_bg01.jpg") no-repeat center center;
  background-size: cover;
  padding: 180px 20px 90px;
}

.live_10_bg .live_10 .common_h2 {
  color: #fff;
}

.live_10_bg .live_10 .common_h2::before {
  background-color: #fff;
}

.live_10_bg .live_10 .common_h2 .eng {
  color: #fff;
}

.live_10_bg .live_10 .img01 {
  margin-top: 70px;
  text-align: center;
}

.live_10_bg .live_10 ul {
  margin-top: 10px;
}

.live_10_bg .live_10 ul li {
  font-size: 1.125em;
  color: #fff;
}

.live_11_bg {
  padding: 140px 20px 150px;
  background-color: #f5f5f5;
}

.live_11_bg .live_11 .live_11_block_01 {
  background-color: #fff;
  padding: 60px 80px;
  margin-top: 30px;
}

.common_faq_ttl01 {
  width: 100%;
  padding-left: 20px;
  border-left: 4px solid #111;
  border-bottom: 1px solid #111;
  margin-top: 50px;
}

.common_faq_ttl01 .ttl {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-bottom: 3px;
  display: inline-block;
}

.common_faq_list01 {
  padding: 40px 0;
  border-bottom: solid 1px #000;
}

.common_faq_list01 dt {
  width: 100%;
  cursor: pointer;
  position: relative;
  padding-right: 40px;
}

.common_faq_list01 dt::before,
.common_faq_list01 dt::after {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 24px;
  right: 10px;
}

.common_faq_list01 dt::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: .2s;
  transition: .2s;
}

.common_faq_list01 dt.open::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .2s;
  transition: .2s;
}

.common_faq_list01 dt .dt_wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common_faq_list01 dt .dt_wrapper .question {
  width: 50px;
  height: 50px;
  background-color: #000;
  font-size: 1.875em;
  color: #fff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  padding-top: 10px;
}

.common_faq_list01 dt .dt_wrapper .question_box {
  width: calc(100% - 85px);
}

.common_faq_list01 dt .dt_wrapper .question_box .box_ttl {
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.common_faq_list01 dd {
  width: 100%;
  margin-top: 20px;
  display: none;
}

.common_faq_list01 dd .dd_wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common_faq_list01 dd .dd_wrapper .awnser {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: solid 2px #000;
  font-size: 1.875em;
  color: #000;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  padding-top: 10px;
}

.common_faq_list01 dd .dd_wrapper .awnser_box {
  width: calc(100% - 85px);
  padding-top: 10px;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_txt01 {
  font-size: 1.125em;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_txt01:first-of-type {
  margin-top: 0;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_txt01 .bold {
  font-weight: 700;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_txt01 a {
  color: #111;
  border-bottom: 1px solid #111;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 a {
  font-size: 1.125em;
  color: #111;
  display: inline-block;
  padding-right: 25px;
  padding-bottom: 3px;
  padding-left: 5px;
  position: relative;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 a::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #111;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 a::after {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #111;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 a:hover::before {
  left: 10px;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_faq_list01 dd .dd_wrapper .awnser_box .box_btn01 a:hover::after {
  right: -10px;
  -webkit-transition: .2s;
  transition: .2s;
}

.live_add_block02_bg {
  margin: 100px auto 0;
}

.live_add_block01_bg {
  margin: 100px auto 0;
}

.live_add_block01_bg .bg_wrapper {
  background: url("../images/live/add_bg01.jpg") no-repeat center bottom;
  background-size: cover;
  padding-bottom: 50px;
}

.live_add_block01_bg .live_add_block01 .common_h2 {
  color: #fff;
}

.live_add_block01_bg .live_add_block01 .common_h2 .eng {
  color: #fff;
}

.live_add_block01_bg .live_add_block01 .txt01 {
  font-size: 1.25em;
  text-align: center;
  margin-top: 30px;
  color: #fff;
}

.live_add_block01_bg .live_add_block01 .list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.live_add_block01_bg .live_add_block01 .list01 li {
  width: calc(700 / 1450 * 100%);
  border: solid 2px #000;
  background-color: #fff;
  position: relative;
  padding: calc(60 / 1450 * 100%) calc(40 / 1450 * 100%) calc(40 / 1450 * 100%);
  margin-top: calc(70 / 1450 * 100%);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.live_add_block01_bg .live_add_block01 .list01 li .ttl01 {
  width: calc(400 / 700 * 100%);
  background-color: #0968a7;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skewX(-15deg);
  transform: translate(-50%, -50%) skewX(-15deg);
  text-align: center;
}

.live_add_block01_bg .live_add_block01 .list01 li .ttl01 span {
  font-size: 1.5em;
  display: inline-block;
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  color: #fff;
}

.live_add_block01_bg .live_add_block01 .list01 li .txt02 {
  width: 100%;
  font-size: 1.125em;
}

.live_add_block01_bg .live_add_block01 .list01 li .img01 {
  width: calc(360 / 670 * 100%);
}

.live_add_block01_bg .live_add_block01 .img02 {
  text-align: center;
  margin-top: calc(50 / 1450 * 100%);
}

/***********202107追記************/
.common_ttl03 {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.common_ttl03 span {
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #0968a7;
  padding: 0 40px;
  position: relative;
}

.common_ttl03 span::before {
  content: "";
  width: 22px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 17px;
  left: 0;
}

.common_ttl03 span::after {
  content: "";
  width: 22px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 17px;
  right: 0;
}

.common_ttl04 {
  font-size: 2em;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.03em;
  background-color: #0968a7;
  display: inline-block;
  padding: 5px 30px 10px;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  margin-top: 15px;
}

.common_ttl04 .wrapper {
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  display: inline-block;
}

.common_ttl05 {
  width: 100%;
}

.common_ttl05 span {
  font-size: 1.125em;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #0968a7;
  padding-bottom: 10px;
  display: inline-block;
}

.common_txt01 {
  width: 100%;
  font-size: 1em;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: left;
}

.common_list01 {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.common_list01 li {
  width: 33.3333%;
  overflow: hidden;
  position: relative;
}

.common_list01 li.no_animation {
  pointer-events: none;
}

.common_list01 li .border-l::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li .border-l::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li .border-r::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li .border-r::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li a,
.common_list01 li>span:not(.border-l):not(.border-r) {
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px;
  /*pointer-events: none;*/
  position: relative;
}
.common_list01 li a::before,
.common_list01 li>span:not(.border-l):not(.border-r)::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(000,000,000,.6);
  position: absolute;
  top: 0;
  left: 0;
}
.common_list01 li.no_animation span::before{
  display: none;
}

.common_list01 li a .text_wrapper,
.common_list01 li>span:not(.border-l):not(.border-r) .text_wrapper {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.common_list01 li a .text_wrapper h3,
.common_list01 li>span:not(.border-l):not(.border-r) .text_wrapper h3 {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  color: #fff;
  font-size: 1.75em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  position: relative;
  padding-bottom: 20px;
}

.common_list01 li a .text_wrapper h3::before,
.common_list01 li>span:not(.border-l):not(.border-r) .text_wrapper h3::before {
  content: "";
  width: 40px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.common_list01 li a .text_wrapper p,
.common_list01 li>span:not(.border-l):not(.border-r) .text_wrapper p {
  font-size: 1em;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 20px;
}

.common_list01 li:hover .border-l::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li:hover .border-l::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li:hover .border-r::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li:hover .border-r::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list01 li:hover a {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.pararax_area {
  height: 600px;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.works_list>li {
  width: 25%;
  background-color: #fff;
  border-right: solid 1px #dbdbdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: flex-start;
}

.works_list>li:nth-of-type(4n) {
  border-right: none;
}

.works_list>li:nth-of-type(4n) .works_box {
  border-right: none;
}

.works_list>li a {
  width: 100%;
  display: block;
  color: #000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.works_list>li a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.works_list>li a .works_img {
  width: 100%;
  text-align: center;
}

.works_list>li a .works_img img {
  max-width: initial;
  width: 100%;
}

.works_list>li a .works_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px calc(30 / 360 * 100%) 35px;
  background-color: #fff;
}

.works_list>li a .works_box .works_list_ttl {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.works_list>li a .works_box .works_list_data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}

.works_list>li a .works_box .works_list_data dt {
  width: 25%;
  min-width: 70px;
  background-color: #eeeeee;
  border: solid 1px #dddddd;
  padding: 5px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.works_list>li a .works_box .works_list_data dd {
  width: 75%;
  max-width: calc(100% - 70px);
  background-color: #fff;
  border: solid 1px #dddddd;
  padding: 5px 5px 5px 20px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.works_client {
  padding: 25px calc(30 / 360 * 100%) 0;
  font-size: 1em;
}

.works_category_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px calc(30 / 360 * 100%) 0;
}

.works_category_list li {
  margin-right: 5px;
}

.works_category_list li a {
  font-size: 0.75em;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1;
  padding: 5px 15px;
  background-color: #444444;
  display: inline-block;
  -webkit-transition: .2s;
  transition: .2s;
}

.works_category_list li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.news_list {
  width: 100%;
  border-top: 1px solid #dddddd;
  margin-top: 50px;
}

.news_list li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 25px;
  border-bottom: 1px solid #dddddd;
}

.news_list li .news_list_day {
  font-size: 1em;
  letter-spacing: 0.1em;
  color: #888888;
  margin-right: 20px;
}

.news_list li .news_list_category {
  margin-right: 50px;
}

.news_list li .news_list_category a {
  min-width: 120px;
  font-size: 0.75em;
  color: #fff;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  background-color: #444444;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news_list li .news_list_category a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news_list li>a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news_list li>a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news_list li>a .news_list_ttl {
  width: 100%;
  font-size: 1.125em;
  color: #000;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.news_list li>a .news_list_txt {
  width: 100%;
  font-size: 1em;
  color: #000;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

/*タブ切り替え全体のスタイル*/
.common_tabs {
  width: 100%;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*タブのスタイル*/
}

.common_tabs .common_tab_item {
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0.1;
  padding: 10px 20px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.common_tabs .common_tab_item span::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #444444 transparent transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tabs .common_tab_item::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #444444;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.common_tabs .common_tab_item:last-of-type {
  border-right: none;
}

.common_tabs .common_tab_item:hover {
  color: #fff;
  background-color: #444444;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tabs .common_tab_item:hover::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #444444;
  position: absolute;
  top: 0;
  left: -1px;
}

.common_tabs .common_tab_item:hover span::before {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tabs .common_tab_item.view {
  color: #fff;
  background-color: #444444;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tabs .common_tab_item.view::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #444444;
  position: absolute;
  top: 0;
  left: -1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tabs .common_tab_item.view span::before {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tabs input[name="common_tab_item"] {
  display: none;
}

.common_tabs .common_tab_content {
  width: 100%;
  display: none;
  clear: both;
  overflow: hidden;
  margin-top: 60px;
}

.common_tabs #tab01:checked~#tab01_content,
.common_tabs #tab02:checked~#tab02_content,
.common_tabs #tab03:checked~#tab03_content,
.common_tabs #tab04:checked~#tab04_content,
.common_tabs #tab05:checked~#tab05_content,
.common_tabs #tab06:checked~#tab06_content,
.common_tabs #tab07:checked~#tab07_content,
.common_tabs #tab08:checked~#tab08_content {
  display: block;
}

.common_tabs #tab01:checked~#tab01_content+.tab_item,
.common_tabs #tab02:checked~#tab02_content+.tab_item,
.common_tabs #tab03:checked~#tab03_content+.tab_item,
.common_tabs #tab04:checked~#tab04_content+.tab_item,
.common_tabs #tab05:checked~#tab05_content+.tab_item,
.common_tabs #tab06:checked~#tab06_content+.tab_item,
.common_tabs #tab07:checked~#tab07_content+.tab_item,
.common_tabs #tab08:checked~#tab08_content+.tab_item {
  background-color: #5ab4bd;
  color: #fff;
}

.container_100 {
  width: 100%;
  padding: 140px 20px;
}

.index05 {
  padding: 0;
}

.container_100.first_section {
  padding-top: 70px;
}

.container_100 .top_container {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
}

.container_100 .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.common_ttl06 {
  width: 100%;
  text-align: center;
}

.common_ttl06 .en {
  display: inline-block;
  background-color: #000;
  -webkit-transform: skew(-25deg);
  transform: skew(-25deg);
}

.common_ttl06 .en span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.125em;
  line-height: 1;
  color: #fff;
  display: inline-block;
  -webkit-transform: skew(25deg);
  transform: skew(25deg);
  padding: 15px 35px 9px;
}

.common_ttl06 .jp {
  display: inline-block;
  font-size: 3.125em;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 0 55px;
  position: relative;
  margin-top: 20px;
}

.common_ttl06.type02 .jp::before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 30px;
  left: 0;
}

.common_ttl06.type02 .jp::after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 30px;
  right: 0;
}

.common_ttl07 {
  width: 100%;
  text-align: center;
}

.common_ttl07 .jp {
  font-size: 2.375em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
}

.common_ttl07 .en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.875em;
  font-weight: 500;
  color: #888888;
  display: inline-block;
  margin-top: 10px;
}

.common_ttl08 {
  width: 100%;
  text-align: center;
}

.common_ttl08 span {
  font-size: 1.375em;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  display: inline-block;
  padding: 0 35px;
  position: relative;
}

.common_ttl08 span::before {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.common_ttl08 span::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.common_ttl09 {
  width: 100%;
  padding-bottom: 10px;
  position: relative;
}

.common_ttl09::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.common_ttl09::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -3px;
  left: 0;
}

.common_ttl09 .ttl {
  width: 100%;
  font-size: 1.625em;
  letter-spacing: 0.1em;
  line-height: 1.4;
  position: relative;
  display: block;
  margin-top: 10px;
}

.common_ttl09 .ttl .small {
  font-size: .75em;
  display: inline-block;
  margin-left: 5px;
}

.common_ttl09 .sub {
  height: 40px;
  font-size: 1em;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 11px 20px;
  background-color: #000;
  display: inline-block;
  position: relative;
}

.common_ttl09 .sub::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 20px 0 0;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

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

.common_list02 li {
  width: 25%;
}

.common_list02 li h3 {
  width: 100%;
  font-size: 1em;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 15px;
  background-color: #00000c;
  text-align: center;
  border-right: solid 1px #fff;
}

.common_list02 li h3:nth-of-type(4n) {
  border-right: none;
}

.common_list02 li figure {
  width: 100%;
  text-align: center;
}

.common_list03 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 20px 30px;
  background-color: #fff;
  border: solid 1px #dddddd;
}

.common_list03 dt {
  width: 100%;
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.1;
  line-height: 1;
  padding: 9px 20px 9px 10px;
  position: relative;
}

.common_list03 dt::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #0968a7;
  position: absolute;
  top: 0;
  left: -20px;
}

.common_list03 dd {
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 0 10px;
  margin-top: 10px;
  position: relative;
}

.common_list03 dd::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.common_list03 dd:last-of-type::before {
  display: none;
}

.common_list04 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 3px #dddddd;
  margin-top: 20px;
}

.common_list04:first-of-type {
  margin-top: 50px;
}

.common_list04 dt {
  width: 230px;
  padding: 30px 25px;
  background-color: #0968a7;
  position: relative;
}

.common_list04 dt.arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 10px 0 10px;
  border-color: #0968a7 transparent transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.common_list04 dt .num {
  width: 100%;
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.875em;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  padding-bottom: 3px;
  position: relative;
}

.common_list04 dt .num::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #84b4d3;
  position: absolute;
  bottom: 0;
  left: 0;
}

.common_list04 dt .ttl {
  width: 100%;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
}

.common_list04 dd {
  width: calc(100% - 230px);
  padding: 30px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common_list04 dd p {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

.common_list04 dd p:first-of-type {
  margin-top: 0;
}

.common_list04 dd p .color01 {
  color: #0968a7;
}

.common_list04 dd p .bold {
  font-weight: 700;
}

.common_list04 dd p a {
  color: #0968a7;
  border-bottom: 1px solid #0968a7;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list04 dd p a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list04 dd ul {
  width: 100%;
}

.common_list04 dd ul li {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 8px;
  padding-left: 20px;
  position: relative;
}

.common_list04 dd ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0968a7;
  position: absolute;
  top: 9px;
  left: 0;
}

.common_list05 {
  width: 100%;
  padding: 40px 0 30px;
  border-bottom: 1px solid #dddddd;
}

.common_list05.bb_n {
  border-bottom: none;
}

.common_list05>dt {
  width: 190px;
  font-size: 1.25em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 15px;
  background-color: #84b3d3;
  float: left;
}

.common_list05>dd {
  width: calc(100% - 190px);
  float: right;
  padding-left: 40px;
}

.common_list05>dd .dd_box {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common_list05>dd .dd_box:first-of-type {
  margin-top: 0;
}

.common_list05>dd .dd_box .dd_img01 {
  width: 320px;
  margin-right: 30px;
}

.common_list05>dd .dd_box .dd_list01 {
  width: calc(100% - 350px);
}

.common_list05>dd .dd_box .dd_list01 dt {
  width: 100%;
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-left: 20px;
  position: relative;
}

.common_list05>dd .dd_box .dd_list01 dt::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #84b3d3;
  position: absolute;
  top: 12px;
  left: 0;
}

.common_list05>dd .dd_box .dd_list01 dd {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  padding-left: 20px;
  margin-top: 5px;
}

.common_list05.color02>dt {
  background-color: #478ebd;
}

.common_list05.color02>dd dl dt::before {
  background-color: #478ebd;
}

.common_list06 {
  width: 100%;
}

.common_list06 li {
  width: 100%;
  border: solid 3px #0968a7;
  padding: 40px 30px 30px;
  position: relative;
  margin-top: 50px;
}

.common_list06 li .ttl {
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ffea44));
  background: linear-gradient(transparent 70%, #ffea44 70%);
  display: inline-block;
  padding-bottom: 5px;
}

.common_list06 li .txt {
  font-size: 1em;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

.common_list06 li .point {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.875em;
  color: #0968a7;
  font-weight: 700;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 10px 0 85px;
}

.common_list06 li .point::before {
  content: "";
  width: 53px;
  height: 40px;
  background: url(../images/stage/item01.png) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.common_list06 li .point span {
  font-size: 1.2em;
  display: inline-block;
  margin-left: 5px;
}

.common_list06 li .add_flex_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common_list06 li .add_flex_box .box_img {
  width: 320px;
  margin-right: 40px;
}

.common_list06 li .add_flex_box .box_inner {
  width: calc(100% - 360px);
}

.common_list07 {
  width: 100%;
  margin-top: 50px;
}

.common_list07 li {
  width: 100%;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #000;
  margin-top: 30px;
}

.common_list07 li:first-of-type {
  margin-top: 0;
}

.common_list07 li:last-of-type span::before {
  display: none;
}

.common_list07 li>span {
  width: 80px;
  font-size: 2.25em;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  background-color: #00000c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.common_list07 li>span::before {
  content: "";
  width: 2px;
  height: 30px;
  border-right: dotted 2px #aaaaaa;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.common_list07 li dl {
  width: calc(100% - 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 25px;
}

.common_list07 li dl dt {
  width: 150px;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: solid 1px #cccccc;
}

.common_list07 li dl dd {
  width: calc(100% - 150px);
  font-size: 1em;
  letter-spacing: 0.1em;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common_list07 li dl dd .dd_txt01 {
  width: 100%;
}

.common_list07 li dl dd .dd_box01,
.common_list13 dd .dd_box01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.common_list07 li dl dd .dd_box01 a,
.common_list13 dd .dd_box01 a ,
.choose_box .dd_box01 a {
  padding: 3px 40px;
  background-color: #0968a7;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_list07 li dl dd .dd_box01 a::before,
.common_list13 dd .dd_box01 a::before ,
.choose_box .dd_box01 a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 11px;
  right: 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_list07 li dl dd .dd_box01 a span,
.common_list13 dd .dd_box01 a span ,
.choose_box .dd_box01 a span {
  font-size: 1em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5;
  display: inline-block;
}

.common_list07 li dl dd .dd_box01 a:hover,
.common_list13 dd .dd_box01 a:hover ,
.choose_box .dd_box01 a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_list07 li dl dd .dd_box01 a:hover::before,
.common_list13 dd .dd_box01 a:hover::before ,
.choose_box .dd_box01 a:hover::before {
  right: 10px;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_list07 li>p {
  width: calc(100% - 80px);
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-right: 30px;
  padding: 20px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common_list08 {
  width: 100%;
  border: solid 5px #dddddd;
  padding: 20px 190px;
  margin-top: 30px;
}

.common_list08 li {
  width: 100%;
  font-size: 1.25em;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 20px 10px 20px 70px;
  border-bottom: 1px solid #dddddd;
  position: relative;
}

.common_list08 li::before {
  content: "";
  width: 41px;
  height: 34px;
  background: url(../images/sound/icon.png) no-repeat center center;
  position: absolute;
  top: 15px;
  left: 20px;
}

.common_list08 li:last-of-type {
  border-bottom: none;
}

.common_list09 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.common_list09 li {
  width: 370px;
  height: 70px;
  font-size: 1em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.common_list09 li:nth-of-type(-n + 3) {
  margin-top: 0;
}

.common_list10 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #dddddd;
  border-bottom: none;
}

.common_list10:first-of-type {
  margin-top: 50px;
}

.common_list10:last-of-type {
  border-bottom: solid 1px #dddddd;
}

.common_list10>dt {
  width: 250px;
  padding: 20px;
  background-color: #eeeeeeee;
  position: relative;
}

.common_list10>dt .ttl {
  width: 100%;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: inline-block;
}

.common_list10>dt .ttl.size02,
.common_list10>dd .ttl.size02 {
  font-size: 1.125em;
}

.common_list10>dt .sub {
  font-size: 0.75em;
  color: #888888;
  font-weight: 700;
  display: inline-block;
}

.common_list10>dd {
  width: calc(100% - 250px);
  padding: 20px;
  background-color: #fff;
}

.common_list10>dd p {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

.common_list10>dd p:first-of-type {
  margin-top: 0;
}

.common_list10>dd p .color01 {
  color: #0968a7;
}

.common_list10>dd p .bold {
  font-weight: 700;
}

.common_list10>dd p a {
  color: #000;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list10>dd p a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_list10>dd ul {
  width: 100%;
}

.common_list10>dd ul li {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 8px;
  padding-left: 20px;
  position: relative;
}

.common_list10>dd ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0968a7;
  position: absolute;
  top: 9px;
  left: 0;
}

.common_list10>dd ul li:first-of-type {
  margin-top: 0;
}

.common_list10>dd dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  position: relative;
}

.common_list10>dd dl::before {
  content: "";
  width: calc(100% + 40px);
  height: 1px;
  background-color: #eeeeeeee;
  position: absolute;
  left: -20px;
  bottom: 0;
}

.common_list10>dd dl:first-of-type {
  padding-top: 0;
}

.common_list10>dd dl:last-of-type {
  padding-bottom: 0;
}

.common_list10>dd dl:last-of-type::before {
  display: none;
}

.common_list10>dd dl dt {
  width: 170px;
}

.common_list10>dd dl dd {
  width: calc(100% - 170px);
}

.common_list12 {
  width: 100%;
  margin-top: 50px;
}

.common_list12:first-of-type {
  margin-top: 0;
}

.common_list12 dt {
  width: 100%;
  font-size: 1.25em;
  color: #fff;
  letter-spacing: 0.5;
  padding: 13px 20px;
  background-color: #00000c;
}

.common_list12 dd {
  width: 100%;
  min-height: 30px;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 15px;
  padding-left: 40px;
  position: relative;
}

.common_list12 dd::before {
  content: "";
  font-family: "roboto";
  font-size: 1.125em;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: #aaaaaa;
  position: absolute;
  top: 0;
  left: 0;
}

.common_list12 dd:nth-of-type(1)::before {
  content: "1";
}

.common_list12 dd:nth-of-type(2)::before {
  content: "2";
}

.common_list12 dd:nth-of-type(3)::before {
  content: "3";
}

.common_list12 dd:nth-of-type(4)::before {
  content: "4";
}

.common_list12 dd:nth-of-type(5)::before {
  content: "5";
}

.common_list12 dd:nth-of-type(6)::before {
  content: "6";
}

.common_list12 dd:nth-of-type(7)::before {
  content: "7";
}

.common_list12 dd:nth-of-type(8)::before {
  content: "8";
}

.common_list12 dd:nth-of-type(9)::before {
  content: "9";
}

.common_list12 dd:first-of-type {
  margin-top: 30px;
}

.common_list13 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px;
  background-color: #eeeeee;
  border-radius: 6px;
  margin-bottom: 37px;
  position: relative;
}

.common_list13::before {
  content: "";
  background: url(../images/data_service/arrow.png) no-repeat center/contain;
  width: 20px;
  height: 37px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.common_list13:last-of-type {
  margin-bottom: 0;
}

.common_list13:last-of-type::before {
  display: none;
}

.common_list13:nth-of-type(1) dt span::before {
  content: "1";
}

.common_list13:nth-of-type(2) dt span::before {
  content: "2";
}

.common_list13:nth-of-type(3) dt span::before {
  content: "3";
}

.common_list13:nth-of-type(4) dt span::before {
  content: "4";
}

.common_list13:nth-of-type(5) dt span::before {
  content: "5";
}

.common_list13 dt {
  width: 280px;
  border-right: solid 1px #cccccc;
}

.common_list13 dt span {
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.5;
  position: relative;
  padding-left: 40px;
  display: inline-block;
}

.common_list13 dt span::before {
  content: "";
  font-family: "roboto";
  font-size: 1.125em;
  line-height: 1.3;
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  background-color: #0968a7;
  position: absolute;
  top: 1px;
  left: 0;
}

.common_list13 dd {
  width: calc(100% - 280px);
  padding-left: 30px;
}

.common_list13 dd .dd_txt01 {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.5;
}

.common_txt02 {
  width: 100%;
  font-size: 1.25em;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 20px;
}

.common_block01 {
  width: 100%;
  margin-top: 60px;
}

.common_block01 .common_block01_ttl01 {
  width: calc(580 / 1200 * 100%);
  float: left;
  margin-top: 50px;
}

.common_block01 .common_block01_ttl01 .sub {
  font-size: 1.125em;
  color: #888888;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.common_block01 .common_block01_ttl01 .ttl {
  width: 100%;
  font-size: 1.625em;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 20px;
  display: inline-block;
}

.common_block01 .common_block01_img01 {
  width: calc(580 / 1200 * 100%);
  float: right;
}

.common_block01 .common_block01_txt01 {
  font-size: 1em;
  line-height: 2.2;
  letter-spacing: 0.1em;
  width: calc(580 / 1200 * 100%);
  float: left;
  margin-top: 20px;
}

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

.common_link_list01 li {
  border: solid 1px #000;
  margin-top: 30px;
}

.common_link_list01 li:nth-of-type(-n + 2) {
  margin-top: 0;
}

.common_link_list01 li a {
  width: 570px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_link_list01 li a::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 19px 19px;
  border-color: transparent transparent #000 transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.common_link_list01 li a .list_img {
  width: 220px;
}

.common_link_list01 li a .list_box {
  width: calc(100% - 220px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common_link_list01 li a .list_box .box_inner {
  width: 100%;
  text-align: center;
}

.common_link_list01 li a .list_box .box_inner .box_ttl {
  font-size: 1.25em;
  color: #1a1b1b;
  line-height: 1.3;
  letter-spacing: 0.05em;
}

.common_link_list01 li a .list_box .box_inner .box_txt {
  font-family: "Josefin Sans", sans-serif;
  font-size: .75em;
  font-weight: 700;
  color: #aaaaaa;
  line-height: 1.3;
  margin-top: 10px;
}

.common_link_list01 li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.top {
  position: relative;
  overflow: hidden;
  background: url(../images/top/fv.jpg) no-repeat center center/cover;
}

.top video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.top .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top .container .fv_txt_area {
  width: 100%;
}

.top .container .fv_txt_area .fv_ttl01 {
  font-size: 2em;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.03em;
  background-color: #0968a7;
  display: inline-block;
  padding: 5px 30px 10px;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  margin-right: 20px;
}

.top .container .fv_txt_area .fv_ttl01:last-of-type {
  margin-right: 0;
}

.top .container .fv_txt_area .fv_ttl01 .wrapper {
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  display: inline-block;
}

.top .container .fv_txt_area .fv_ttl01 .wrapper span {
  font-size: 1.5625em;
  margin: 0 5px;
}

.top .container .fv_txt_area .fv_txt01 {
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  color: #fff;
  margin-top: 30px;
}

@media screen and (max-width: 1100px) {
  .top .container .fv_txt_area .fv_txt01 .pc {
    display: none;
  }
}

.top .container .fv_txt_area .fv_company_name {
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  position: relative;
  padding-top: 25px;
  margin-top: 30px;
}

.top .container .fv_txt_area .fv_company_name::before {
  content: "";
  width: 75px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.common_video {
  margin-bottom: 100px;
}

.common_video .wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.common_video .wrapper video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index01 .container {
  text-align: center;
}

.index01 .container .index01_video02 {
  margin-top: 50px;
  margin-bottom: 0;
}

.index01 .container .index01_txt01 {
  width: 100%;
  font-size: 1.125em;
  text-align: center;
  margin-top: 50px;
}

.index01 .container .index01_img01 {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.index01 .container .index01_txt02 {
  margin-top: 40px;
}

.index02 {
  background-image: url(../images/top/index02_img01.jpg);
}

.index03 {
  padding-bottom: 0;
}

.index03 .container {
  max-width: 1450px;
}

.index03 .container .common_list01 {
  margin-top: 50px;
}

.index03 .container .common_list01 li {
  width: calc((100% - 20px) / 3);
  border: 8px #000 solid;
  margin-right: 10px;
  margin-top: 10px;
}

.index03 .container .common_list01 li:nth-of-type(3n) {
  margin-right: 0;
}

.index03 .container .common_list01 li:nth-of-type(-n + 3) {
  margin-top: 0;
}

.index03 .container .common_list01 li:nth-of-type(1) {
  border-color: #153692;
}

.index03 .container .common_list01 li:nth-of-type(1) a,
.index03 .container .common_list01 li:nth-of-type(1)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img01.jpg);
}

.index03 .container .common_list01 li:nth-of-type(2) {
  border-color: #008542;
}

.index03 .container .common_list01 li:nth-of-type(2) a,
.index03 .container .common_list01 li:nth-of-type(2)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img02.jpg);
}

.index03 .container .common_list01 li:nth-of-type(3) {
  border-color: #de6c31;
}

.index03 .container .common_list01 li:nth-of-type(3) a,
.index03 .container .common_list01 li:nth-of-type(3)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img03.jpg);
}

.index03 .container .common_list01 li:nth-of-type(4) {
  border-color: #ea6088;
}

.index03 .container .common_list01 li:nth-of-type(4) a,
.index03 .container .common_list01 li:nth-of-type(4)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img04.jpg);
}

.index03 .container .common_list01 li:nth-of-type(5) {
  border-color: transparent;
}

.index03 .container .common_list01 li:nth-of-type(5) a,
.index03 .container .common_list01 li:nth-of-type(5)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img05.jpg);
}

.index03 .container .common_list01 li:nth-of-type(6) {
  border-color: #aecfed;
}

.index03 .container .common_list01 li:nth-of-type(6) a,
.index03 .container .common_list01 li:nth-of-type(6)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img06.jpg);
}

.index03 .container .common_list01 li:nth-of-type(7) {
  border-color: #00a0e8;
}

.index03 .container .common_list01 li:nth-of-type(7) a,
.index03 .container .common_list01 li:nth-of-type(7)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img07.jpg);
}

.index03 .container .common_list01 li:nth-of-type(8) {
  border-color: #efd500;
}

.index03 .container .common_list01 li:nth-of-type(8) a,
.index03 .container .common_list01 li:nth-of-type(8)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img08.jpg);
}

.index03 .container .common_list01 li:nth-of-type(9) {
  border-color: #efcfe2;
}

.index03 .container .common_list01 li:nth-of-type(9) a,
.index03 .container .common_list01 li:nth-of-type(9)>span:not(.border-l):not(.border-r) {
  background-image: url(../images/top/index03_img09.jpg);
}

.index04 .container .index04_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.index04 .container .index04_list01 li {
  width: calc(340 / 1450 * 100%);
}

.index04 .container .index04_list01 li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 30px 10px 70px;
  text-align: center;
  position: relative;
}

.index04 .container .index04_list01 li a::before {
  content: "";
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
  transform: translate(-50%, 50%) rotate(-45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.index04 .container .index04_list01 li a:hover::before {
  bottom: 30px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.index04 .container .index04_list01 li a span {
  font-size: 2.625em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.index04 .container .index04_list01 li a figure {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.index04 .container .index04_list01 li a p {
  width: 100%;
  font-size: 1.25em;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.06em;
  margin-top: 20px;
}

.index04 .container .index04_list01 li:nth-of-type(1) {
  background-color: #0968a7;
}

.index04 .container .index04_list01 li:nth-of-type(2) {
  background-color: #664288;
}

.index04 .container .index04_list01 li:nth-of-type(3) {
  background-color: #009e35;
}

.index04 .container .index04_list01 li:nth-of-type(4) {
  background-color: #c33b2d;
}

.index04 .container .index04_block01 {
  width: 100%;
  margin-top: 100px;
}

.index04 .container .index04_block01 .index04_box01 {
  width: 100%;
  min-height: 500px;
  padding-top: 50px;
  position: relative;
  margin-top: 100px;
}

.index04 .container .index04_block01 .index04_box01:first-of-type {
  margin-top: 0;
}

.index04 .container .index04_block01 .index04_box01 .common_ttl01,
.index04 .container .index04_block01 .index04_box01 .common_ttl05,
.index04 .container .index04_block01 .index04_box01 .common_txt01 {
  width: calc(620 / 1450 * 100%);
  padding-left: calc(30 / 1450 * 100%);
  margin-left: auto;
}

.index04 .container .index04_block01 .index04_box01 .index04_box01_img01 {
  width: calc(((100vw - 57.2916667vw) / 2) + (800 / 1450 * 100%));
  height: 100%;
  position: absolute;
  top: 0;
  left: calc((-100vw + 57.2916667vw) / 2);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.index04 .container .index04_block01 .index04_box01 .common_ttl05 {
  margin-top: 20px;
}

.index04 .container .index04_block01 .index04_box01 .common_txt01 {
  margin-top: 20px;
  text-align: justify;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(1) .common_ttl01 {
  color: #0968a7;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(1) .common_ttl01 .en {
  background-color: #0968a7;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(1) .common_ttl05 span {
  border-bottom: 1px solid #0968a7;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(1) .index04_box01_img01 {
  background-image: url(../images/top/index04_img01.jpg);
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(2) .common_ttl01 {
  color: #664288;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(2) .common_ttl01 .en {
  background-color: #664288;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(2) .common_ttl05 span {
  border-bottom: 1px solid #664288;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(2) .index04_box01_img01 {
  background-image: url(../images/top/index04_img02.jpg);
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(3) .common_ttl01 {
  color: #009e35;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(3) .common_ttl01 .en {
  background-color: #009e35;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(3) .common_ttl05 span {
  border-bottom: 1px solid #009e35;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(3) .index04_box01_img01 {
  background-image: url(../images/top/index04_img03.jpg);
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(4) .common_ttl01 {
  color: #c33b2d;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(4) .common_ttl01 .en {
  background-color: #c33b2d;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(4) .common_ttl05 span {
  border-bottom: 1px solid #c33b2d;
}

.index04 .container .index04_block01 .index04_box01:nth-of-type(4) .index04_box01_img01 {
  background-image: url(../images/top/index04_img04.jpg);
}

.index04 .container .index04_block01 .index04_box01.revese .common_ttl01,
.index04 .container .index04_block01 .index04_box01.revese .common_ttl05,
.index04 .container .index04_block01 .index04_box01.revese .common_txt01 {
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: calc(30 / 1450 * 100%);
}

.index04 .container .index04_block01 .index04_box01.revese .index04_box01_img01 {
  left: auto;
  right: calc((-100vw + 57.2916667vw) / 2);
  background-position: center left;
}

.common_works_section {
  background-color: #f5f5f5;
}

.common_works_section .container .common_tabs {
  font-size: 1em;
}

@media screen and (max-width: 1300px) {
  .common_works_section .container .common_tabs {
    font-size: 0.933em;
  }
}

.common_works_section .container .common_works_btn01 ul li a span {
  padding: 5px;
}

.index06 .container .index06_ttl01 {
  margin-top: 130px;
}

.index06 .container .index06_btn01 ul li a span {
  padding: 5px;
}

.container_100.fv {
  height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container_100.fv.stage {
  background: url(../images/stage/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.sound {
  background: url(../images/sound/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.company {
  background: url(../images/company/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.contact,
.container_100.fv.request {
  background: url(../images/contact/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.school {
  background: url(../images/school/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.machine {
  background: url(../images/machine/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.law {
  background: url(../images/law/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.data_service {
  background: url(../images/data_service/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.recruitment,
.container_100.fv.recruit,
.container_100.fv.recruit02,
.container_100.fv.recruitment_form,
.container_100.fv.confirm,
.container_100.fv.thanks {
  background: url(../images/recruitment/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.privacy {
  background: url(../images/privacy/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.works {
  background: url(../images/works/fv.jpg) no-repeat center center/cover;
}

.container_100.fv.news {
  background: url(../images/news/fv.jpg) no-repeat center center/cover;
}

.container_100.fv .container .fv_txt_area {
  width: 100%;
  padding-top: 50px;
}

.container_100.fv .container .fv_txt_area .fv_ttl01 {
  width: 100%;
  font-size: 3.25em;
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: center;
}

.container_100.fv .container .fv_txt_area .fv_txt01 {
  width: 100%;
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-top: 40px;
  text-align: center;
}

.container_100.fv .container .fv_txt_area .fv_txt02 {
  width: 100%;
  font-size: 3.25em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 20px;
}

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

.link_navigation li {
  width: calc(370 / 1200 * 100%);
}

.link_navigation li a {
  width: 100%;
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  display: block;
  padding: 20px;
  background-color: #0968a7;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.link_navigation li a::before {
  content: "";
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 20px;
  right: 5%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.link_navigation li a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.link_navigation li a:hover::before {
  top: 25px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sub_fv {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sub_fv.pararax_area {
  height: 400px;
}

.sub_fv.pararax_area.stage_events {
  background-image: url(../images/stage/stage_events_fv.jpg);
}

.sub_fv.pararax_area.stage_photo {
  background-image: url(../images/stage/stage_photo_fv.jpg);
}

.sub_fv.pararax_area.stage_sound {
  background-image: url(../images/stage/stage_sound_fv.jpg);
}

.sub_fv.pararax_area .common_ttl07 .jp {
  color: #fff;
}

.sub_fv.pararax_area .common_txt02 {
  color: #fff;
  margin-top: 30px;
}

/********stage**********/
.stage01 {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f5f5f5;
}

.stage01 .container .common_ttl06 {
  margin-top: 100px;
}

.stage02 {
  padding-top: 120px;
  min-width: 1200px;
  background: whitesmoke;
  background: -webkit-gradient(linear, left bottom, left top, from(whitesmoke), color-stop(55%, whitesmoke), color-stop(55%, white), to(white));
  background: linear-gradient(0deg, whitesmoke 0%, whitesmoke 55%, white 55%, white 100%);
}

.stage02 .container .wecando_ttl02 {
  margin-top: 0 !important;
}

.stage03_bg {
  padding-top: 150px;
  padding-bottom: 120px;
  background-color: #f5f5f5;
}

.stage03_bg .stage03 ul {
  width: 102%;
  margin: 40px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  left: -2%;
}

.stage03_bg .stage03 ul li {
  width: calc(100% - 40px / 3);
  margin-right: 20px;
}

.stage03_bg .stage03 ul li:last-of-type {
  margin-right: 0;
}

.stage03_bg .stage03 ul li a {
  display: inline-block;
  pointer-events: none;
}

.stage03_bg .stage03 ul li a:hover {
  opacity: 0.7;
}

.stage05 {
  padding: 120px 0;
}

.stage05 .stage05_txt01 {
  width: 100%;
  text-align: center;
  font-size: 1.125em;
  margin-top: 50px;
}

.stage05 .stage05_list_bg {
  width: 100%;
  margin: 50px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stage05 .stage05_list_bg ul.stage05_list {
  width: 100%;
  max-width: 1800px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.stage05 .stage05_list_bg ul.stage05_list>li {
  width: 33.3333333%;
  overflow: hidden;
  position: relative;
}

.stage05 .stage05_list_bg ul.stage05_list>li:nth-of-type(1) a {
  background: url("../images/stage/stage05_bg01.jpg") no-repeat center/cover;
}

.stage05 .stage05_list_bg ul.stage05_list>li:nth-of-type(2) a {
  background: url("../images/stage/stage05_bg02.jpg") no-repeat center/cover;
}

.stage05 .stage05_list_bg ul.stage05_list>li:nth-of-type(3) a {
  background: url("../images/stage/stage05_bg03.jpg") no-repeat center/cover;
}

.stage05 .stage05_list_bg ul.stage05_list>li.no_animation {
  pointer-events: none;
}

.stage05 .stage05_list_bg ul.stage05_list>li .border-l::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li .border-l::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li .border-r::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li .border-r::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li a {
  width: 100%;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px;
  padding-top: 100px;
  /*pointer-events: none;*/
  position: relative;
}
.stage05 .stage05_list_bg ul.stage05_list>li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(000,000,000,.6);
  position: absolute;
  top: 0;
  left: 0;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper h3 {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  color: #fff;
  font-size: 1.25em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  position: relative;
  padding-bottom: 20px;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper h3 span {
  display: block;
  font-size: 1.75em;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper .wrap_list01 {
  width: 400px;
  margin: 0 auto;
  border-top: 1px solid #fff;
  padding: 20px 0 0 20px;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper .wrap_list01>li {
  color: #fff;
  font-size: 1.05em;
  position: relative;
  padding-left: 20px;
  margin-top: 3px;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper .wrap_list01>li.wrap_clist01_bg::before {
  display: none;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper .wrap_list01>li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #b0aca9;
  position: absolute;
  top: 9px;
  left: 0;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper .wrap_list01>li .wrap_clist01 {
  width: 100%;
}

.stage05 .stage05_list_bg ul.stage05_list>li a .text_wrapper .wrap_list01>li .wrap_clist01 li {
  font-size: 1em;
  margin-top: 3px;
}

.stage05 .stage05_list_bg ul.stage05_list>li:hover .border-l::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li:hover .border-l::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li:hover .border-r::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li:hover .border-r::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage05 .stage05_list_bg ul.stage05_list>li:hover a {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage04 {
  background-color: #f5f5f5;
}

.stage04 .container .common_txt02 {
  margin-top: 30px;
}

.stage04 .container .common_list02 {
  margin-top: 40px;
}

.stage04 .container .common_list03 {
  margin-top: 50px;
}

.stage06 .container .stage06_ttl01 {
  margin-top: 100px;
}

.stage06 .container .stage06_block01 {
  margin-top: 50px;
}

.stage_events01 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.stage_events01 .container .common_list04 dt {
  position: relative;
}

.stage_events01 .container .common_list04 dt::after {
  content: "";
  width: 77px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 20px;
  right: 20px;
}

.stage_events01 .container .stage04_list01 dt::after {
  background-image: url(../images/school/school13_icon01.png);
}

.stage_events01 .container .stage04_list01 dd .dd_txt01 {
  margin-top: 8px;
}

.stage_events01 .container .stage04_list02 dt::after {
  background-image: url(../images/school/school13_icon02.png);
  top: 10px;
}

.stage_events01 .container .stage04_list03 dt::after {
  background-image: url(../images/school/school13_icon03.png);
}

.stage_events01 .container .stage04_list04 dt::after {
  background-image: url(../images/school/school13_icon04.png);
}

.stage_events01 .container .stage04_list05 dt::after {
  background-image: url(../images/school/school13_icon05.png);
}

.stage_events01 .container .stage_events01_img01 {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.stage_events01 .container .common_ttl09 {
  margin-top: 50px;
}

.stage_events01 .container .common_txt01 {
  margin-top: 20px;
}

.stage_events01 .container .stage_events01_ttl01 {
  width: 100%;
  padding: 30px;
  background-color: #b19250;
  margin-top: 70px;
}

.stage_events01 .container .stage_events01_ttl01 .ttl {
  width: 100%;
  font-size: 1.625em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05;
  display: inline-block;
}

.stage_events01 .container .stage_events01_ttl01 .sub {
  width: 100%;
  font-size: 1em;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-top: 5px;
}

.stage_events01 .container .siraberu_bnr {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.stage_events01 .container .siraberu_bnr a {
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage_events01 .container .siraberu_bnr a:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.stage_photo01 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f5f5f5;
}

.stage_photo01 .container {
  max-width: 1200px;
}

.stage_photo01 .container .stage_events01_img01 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  position: relative;
}

.stage_photo01 .container .stage_events01_img01 a {
  display: block;
  position: absolute;
  width: 30.5%;
  height: 23.82%;
  top: 34.16%;
  right: 1.58%;
  transition: .3s;
}

.stage_photo01 .container .stage_events01_img01 a:hover {
  background: rgba(255, 255, 255, .3);
  transition: .3s;
}

.stage_photo01 .container .stage_photo01_txt01 {
  margin-top: 35px;
}

.stage_photo01 .container .common_list04 dt {
  position: relative;
}

.stage_photo01 .container .common_list04 dt::before {
  content: "";
  width: 77px;
  height: 78px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.stage_photo01 .container .common_list04 dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stage_photo01 .container .common_list04 dd>p,
.stage_photo01 .container .common_list04 dd>ul,
.stage_photo01 .container .common_list04 dd>div {
  width: calc(100% - 330px);
}

.stage_photo01 .container .common_list04 dd .dd_img01 {
  width: 280px;
  margin-left: 50px;
}

.stage_photo01 .container .common_list04.stage_photo01_list01 dt::before {
  background: url(../images/stage/stage_photo01_icon01.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list02 dt::before {
  background: url(../images/stage/stage_photo01_icon02.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list03 dt::before {
  background: url(../images/stage/stage_photo01_icon03.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list04 dt::before {
  background: url(../images/stage/stage_photo01_icon04.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list05 dt::before {
  background: url(../images/stage/stage_photo01_icon05.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list06 dt::before {
  background: url(../images/stage/stage_photo01_icon06.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list07 dt::before {
  background: url(../images/stage/stage_photo01_icon07.png) no-repeat center;
}

.stage_photo01 .container .common_list04.stage_photo01_list08 dt::before {
  background: url(../images/stage/stage_photo01_icon08.png) no-repeat center;
}

.stage_photo01 .container .stage_photo01_block01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.stage_photo01 .container .stage_photo01_block01 .block_box01 {
  width: 700px;
}

.stage_photo01 .container .stage_photo01_block01 .block_box01 .box_txt01 {
  width: 100%;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

.stage_photo01 .container .stage_photo01_block01 .block_box01 .box_txt02 {
  width: 100%;
  font-size: 1em;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 10px;
}

.stage_photo01 .container .stage_photo01_block01 .block_box02 {
  width: 460px;
}

.stage_photo01 .container .stage_photo01_block01 .block_box02 .common_tv_btn01 ul li.photo a {
  color: #fff;
  background-color: #e37c2d;
  border: solid 1px #e37c2d;
}

.stage_photo01 .container .stage_photo01_block01 .block_box02 .common_tv_btn01 ul li.photo a::before,
.stage_photo01 .container .stage_photo01_block01 .block_box02 .common_tv_btn01 ul li.photo a::after {
  background-color: #e37c2d;
  -webkit-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
}

.stage_photo01 .container .stage_photo01_block02 {
  width: 100%;
  margin-top: 100px;
  border: solid 2px #0968a7;
  padding: 40px 45px 50px;
  position: relative;
}

.stage_photo01 .container .stage_photo01_block02::before {
  content: "";
  width: 800px;
  height: 10px;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.stage_photo01 .container .stage_photo01_block02 .block_ttl01 {
  width: 730px;
  padding: 5px 50px;
  background-color: #0968a7;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skew(-30deg);
  transform: translate(-50%, -50%) skew(-30deg);
}

.stage_photo01 .container .stage_photo01_block02 .block_ttl01 span {
  font-size: 2.375em;
  color: #fff;
  letter-spacing: 0.1em;
  display: inline-block;
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
}

.stage_photo01 .container .stage_photo01_block02 .block_txt01 {
  width: 100%;
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 10px;
}

.stage_photo01 .container .stage_photo01_block02 .block_txt02 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.stage_photo01 .container .stage_photo01_block02 .block_txt02 span {
  font-size: 2em;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
  padding: 0 20px;
}

.stage_photo01 .container .stage_photo01_block02 .block_txt02 span::before,
.stage_photo01 .container .stage_photo01_block02 .block_txt02 span::after {
  content: "";
  width: 2px;
  height: 40px;
  background-color: #0968a7;
  position: absolute;
  top: 50%;
}

.stage_photo01 .container .stage_photo01_block02 .block_txt02 span::before {
  -webkit-transform: translateY(-50%) rotate(-25deg);
  transform: translateY(-50%) rotate(-25deg);
  left: 0;
}

.stage_photo01 .container .stage_photo01_block02 .block_txt02 span::after {
  -webkit-transform: translateY(-50%) rotate(25deg);
  transform: translateY(-50%) rotate(25deg);
  right: 0;
}

.stage_photo01 .container .stage_photo01_block02 .block_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.stage_photo01 .container .stage_photo01_block02 .block_list01 li {
  width: 340px;
  margin-top: 30px;
}

.stage_photo01 .container .stage_photo01_block02 .block_list01 li:nth-of-type(-n + 3) {
  margin-top: 0;
}

.stage_photo01 .container .stage_photo01_block02 .block_list01 li .list_ttl01 {
  width: 100%;
  height: 90px;
  font-size: 1.25em;
  color: #0968a7;
  line-height: 1.4;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background-color: #dae8f2;
}

.stage_photo01 .container .stage_photo01_block02 .block_list01 li .list_box01 {
  width: 100%;
  height: 120px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stage_photo01 .container .stage_photo01_block02 .block_list01 li .list_box01 .box_txt01 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-align: center;
}

.stage_photo01 .container .stage_photo01_ttl01 {
  margin-top: 50px;
}

.stage_photo01 .container .stage_photo01_list01 {
  margin-top: 30px;
}

.stage_photo01 .container .stage_photo01_list01 li dl dt {
  width: 175px;
}

.stage_photo01 .container .stage_photo01_list01 li dl dd {
  width: calc(100% - 175px);
}

.stage_photo01 .container .stage_photo01_list01 li dl dd .dd_txt span {
  color: #0968a7;
  font-weight: 700;
}

.stage_sound01 {
  padding-top: 70px;
}

.stage_sound01 .container .common_ttl08 span::before,
.stage_sound01 .container .common_ttl08 span::after {
  display: none;
}

.stage_sound01 .container .stage_sound01_txt01 {
  margin-top: 20px;
  text-align: center;
}

.stage_sound01 .container .stage_sound01_img01 {
  margin-top: 30px;
}

.stage_sound01 .container .stage_sound01_ttl02 {
  margin-top: 50px;
}

.stage_sound01 .container .stage_sound01_list03 {
  margin-top: 30px;
}

.stage_sound01 .container .common_list04 dt {
  position: relative;
}

.stage_sound01 .container .common_list04 dt::before {
  content: "";
  width: 76px;
  height: 69px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.stage_sound01 .container .common_list04.stage_sound01_list01 dt::before {
  background: url(../images/stage/stage_sound01_list02_icon01.png) no-repeat center;
}

.stage_sound01 .container .common_list04.stage_sound01_list02 dt::before {
  background: url(../images/stage/stage_sound01_list02_icon02.png) no-repeat center;
}

.stage_sound01 .container .common_list04.stage_sound01_list03 dt::before {
  background: url(../images/stage/stage_sound01_list02_icon03.png) no-repeat center;
}

.stage_sound01 .container .common_list04.stage_sound01_list04 dt::before {
  background: url(../images/stage/stage_sound01_list02_icon04.png) no-repeat center;
}

.stage_sound01 .container .common_list04.stage_sound01_list05 dt::before {
  background: url(../images/stage/stage_sound01_list02_icon05.png) no-repeat center;
}

.stage_sound01 .container .stage_sound01_ttl03 {
  margin-top: 50px;
}

.stage_sound01 .container .stage_sound01_ttl04 {
  width: 100%;
  border-top: solid 2px #0968a7;
  border-bottom: solid 2px #0968a7;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 60px;
}

.stage_sound01 .container .stage_sound01_ttl04 .sub {
  font-family: "roboto";
  font-size: 1.375em;
  color: #fff;
  letter-spacing: 0.05em;
  display: inline-block;
  background-color: #0968a7;
  padding: 0 25px;
  border-radius: 20px;
  margin-right: 20px;
}

.stage_sound01 .container .stage_sound01_ttl04 .ttl {
  font-size: 1.5em;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.stage_sound01 .container .stage_sound01_block01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.stage_sound01 .container .stage_sound01_block01 .block_img01 {
  width: 450px;
  margin-right: 50px;
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 {
  width: calc(100% - 500px);
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 .box_ttl01 {
  width: 100%;
  font-size: 1.625em;
  letter-spacing: 0.1em;
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 .box_txt01 {
  width: 100%;
  font-size: 1em;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 .box_inner01 {
  width: 100%;
  padding: 20px 30px;
  background-color: #ecf3f8;
  border: solid 1px #0968a7;
  margin-top: 25px;
  position: relative;
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 .box_inner01::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #0968a7 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 .box_inner01 .inner_ttl01 {
  width: 100%;
  font-size: 1.125em;
  color: #0968a7;
  letter-spacing: 0.1em;
}

.stage_sound01 .container .stage_sound01_block01 .block_box01 .box_inner01 .inner_txt01 {
  width: 100%;
  font-size: 1em;
  margin-top: 10px;
  letter-spacing: 0.1em;
}

.stage_sound01 .container .common_list07 li dl dt {
  width: 190px;
}

.stage_sound01 .container .common_list07 li dl dd {
  width: calc(100% - 190px);
}

/********sound**********/
.sound01 {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 120px;
}

.sound01 .container .sound01_block .common_block01_ttl01 {
  margin-top: 40px;
}

.sound01 .container .sound01_block .common_block01_ttl01 .ttl {
  margin-top: 0;
}

.sound02 {
  padding-top: 100px;
  padding-bottom: 0;
}

.sound03 {
  padding-top: 120px;
  padding-bottom: 100px;
}

.sound04 {
  background-color: #f5f5f5;
  padding-top: 100px;
  padding-bottom: 100px;
}

.sound04 .container .common_list04 dt {
  position: relative;
  padding: 40px 25px;
}

.sound04 .container .common_list04 dt::before {
  content: "";
  width: 69px;
  height: 73px;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 20px;
  right: 20px;
}

.sound04 .container .common_list04 dt .ttl {
  white-space: nowrap;
}

.sound04 .container .common_list04.sound04_list01 {
  margin-top: 0;
}

.sound04 .container .common_list04.sound04_list01 dt::before {
  background-image: url(../images/sound/img02.png);
}

.sound04 .container .common_list04.sound04_list01 dd p {
  margin-top: 20px;
}

.sound04 .container .common_list04.sound04_list01 dd p:first-of-type {
  margin-top: 0;
}

.sound04 .container .common_list04.sound04_list02 dt::before {
  background-image: url(../images/sound/img03.png);
}

.sound04 .container .common_list04.sound04_list03 dt::before {
  background-image: url(../images/sound/img04.png);
}

.sound04 .container .common_list04.sound04_list04 dt::before {
  background-image: url(../images/sound/img05.png);
}

.sound04 .container .common_list04.sound04_list05 dt::before {
  background-image: url(../images/sound/img06.png);
}

.sound04 .container .common_list04.sound04_list06 dt::before {
  background-image: url(../images/sound/img07.png);
}

.sound04 .container .common_list04.sound04_list07 dt::before {
  background-image: url(../images/sound/img08.png);
}

.sound05 .container .sound05_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.sound05 .container .sound05_block .sound05_box {
  width: 33.3333%;
  border: solid 1px #1a1b1b;
  border-right: none;
}

.sound05 .container .sound05_block .sound05_box:last-of-type {
  border-right: solid 1px #1a1b1b;
}

.sound05 .container .sound05_block .sound05_box:last-of-type h3 {
  border-right: none;
}

.sound05 .container .sound05_block .sound05_box h3 {
  width: 100%;
  height: 60px;
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-color: #1a1b1b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: solid 1px #fff;
}

.sound05 .container .sound05_block .sound05_box ul {
  width: 100%;
  padding: 30px 20px;
}

.sound05 .container .sound05_block .sound05_box ul li {
  width: 100%;
  padding: 15px 20px 15px 50px;
  background-color: #eeeeee;
  border-radius: 5px;
  margin-bottom: 37px;
  position: relative;
}

.sound05 .container .sound05_block .sound05_box ul li::before {
  content: "";
  width: 20px;
  height: 37px;
  background: url(../images/sound/arrow.png) no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.sound05 .container .sound05_block .sound05_box ul li span {
  width: 26px;
  height: 26px;
  font-family: robot;
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  background-color: #0968a7;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 17px;
  left: 14px;
}

.sound05 .container .sound05_block .sound05_box ul li .ttl {
  width: 100%;
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.sound05 .container .sound05_block .sound05_box ul li .sub {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.sound05 .container .sound05_block .sound05_box ul li:last-of-type {
  margin-bottom: 0;
}

.sound05 .container .sound05_block .sound05_box ul li:last-of-type::before {
  display: none;
}

/********company**********/
.company01 {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 120px;
}

.company02 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.company02 .container .block {
  margin-top: 50px;
}

.company02 .container .block:first-of-type {
  margin-top: 30px;
}

.company02 .container .block .common_list10:first-of-type {
  margin-top: 20px;
}

.company03 {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 120px;
}

.common_ttl10 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 35px;
  position: relative;
}

.common_ttl10::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 12px;
  left: 0;
}

.common_ttl10 .ttl {
  font-size: 1.375em;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: inline-block;
  line-height: 1;
}

.common_ttl10 .eng {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.875em;
  color: #888888;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  margin-top: 10px;
  margin-left: 25px;
}

.common_ttl11 {
  width: 100%;
  padding-top: 30px;
  position: relative;
}

.common_ttl11::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}

.common_ttl11::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 3px;
  left: 0;
}

.common_ttl11 .ttl {
  width: 100%;
  font-size: 1.625em;
  letter-spacing: 0.1em;
  line-height: 1.4;
  position: relative;
  display: block;
}



.common_list11 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.common_list11::before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: #e4e4e4;
  position: absolute;
  top: 0;
  left: 3px;
}

.common_list11::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0968a7;
  position: absolute;
  top: 30px;
  left: 0;
}

.common_list11 dt {
  width: 180px;
  font-size: 1.75em;
  color: #0968a7;
  font-weight: 700;
  line-height: 1;
  padding-left: 25px;
  margin-top: 20px;
}

.common_list11 dd {
  width: calc(100% - 180px);
  border-top: 1px solid #dddddd;
  padding: 20px;
}

.common_list11 dd .dd_txt01 {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.common_list11:first-of-type {
  margin-top: 40px;
}

.common_list11:last-of-type::before {
  height: 40px;
}

.common_list11:last-of-type dd {
  border-bottom: 1px solid #dddddd;
}

.contact01 {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 0;
}

.contact01 .container .common_ttl09 .ttl {
  margin-top: 0;
}

.contact01 .container .block01 {
  width: 100%;
  padding: 40px 50px;
  background-color: #fff;
  border: solid 3px #dddddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.contact01 .container .block01 .box01 {
  width: 340px;
  border-right: solid 1px #dddddd;
}

.contact01 .container .block01 .box01 .img01 {
  width: 100%;
}

.contact01 .container .block01 .box01 .list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contact01 .container .block01 .box01 .list01:first-of-type {
  margin-top: 30px;
}

.contact01 .container .block01 .box01 .list01 dt {
  margin-right: 20px;
}

.contact01 .container .block01 .box02 {
  width: calc(100% - 340px);
  padding-left: 50px;
}

.contact01 .container .block01 .box02 .txt01 {
  width: 390px;
  font-size: 1.125em;
  color: #fff;
  background-color: #0968a7;
  text-align: center;
  float: left;
  border-radius: 3px;
  padding: 15px;
}

.contact01 .container .block01 .box02 .txt02 {
  width: 390px;
  text-align: center;
  margin-top: 10px;
  float: left;
}

.contact01 .container .block01 .box02 .txt02 a {
  font-size: 2.75em;
  line-height: 1;
  font-weight: 700;
  color: #0968a7;
}

.contact01 .container .block01 .box02 .txt02 a span {
  font-size: 0.6363em;
}

.contact01 .container .block01 .box02 .txt03 {
  width: 390px;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-align: center;
  float: left;
  margin-top: 5px;
}

.contact01 .container .block01 .box02 .img01 {
  width: 285px;
  float: right;
}

.contact02 {
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 140px;
}

.contact02 .container .common_ttl09 .ttl {
  margin-top: 0;
}

.contact02 .container .txt01 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 30px;
}

.contact02 .container .block01 {
  width: 100%;
  border: solid 3px #dddddd;
  background-color: #fff;
  padding: 50px;
  margin-top: 40px;
}

.contact_flow_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #0968a7;
  background-color: #fff;
  margin-top: 30px;
}

.contact_flow_list01 li {
  width: 33.33333%;
  font-size: 1.125em;
  color: #0968a7;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 9px;
  text-align: center;
  position: relative;
}

.contact_flow_list01 li::before {
  content: "";
  width: 15px;
  height: 57px;
  background: url(../images/company/flow_arrow02.png) no-repeat center center/contain;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.contact_flow_list01 li:last-of-type::before {
  display: none;
}

.contact_flow_list01 li span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #0968a7;
  letter-spacing: 0.05em;
  display: inline-block;
  background-color: #cee1ed;
  padding: 10px;
  border-radius: 3px;
  margin-right: 20px;
}

.contact_flow_list01 li.current {
  color: #fff;
  background-color: #0968a7;
}

.contact_flow_list01 li.current::before {
  background: url(../images/company/flow_arrow01.png) no-repeat center center/contain;
}

.contact_flow_list01 li.current span {
  background-color: #fff;
}

.contact_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #dddddd;
}

.contact_list:last-of-type {
  border-bottom: 1px solid #dddddd;
}

.contact_list dt {
  width: 300px;
  font-size: 1em;
  letter-spacing: 0.05em;
  padding: 20px;
  padding-top: 30px;
  background-color: #f5f5f5;
  position: relative;
}

.contact_list dt .type {
  font-size: 0.875em;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1;
  display: inline-block;
  padding: 5px 10px 7px;
  border-radius: 3px;
  position: absolute;
  top: 30px;
  right: 20px;
}

.contact_list dt .type.any {
  background-color: #888888;
}

.contact_list dt .type.must {
  background-color: #c33b2d;
}

.contact_list dd {
  width: calc(100% - 300px);
  padding: 20px;
}

.contact_list dd.choose_box {
  padding: 30px 20px;
}


.contact_list dd.choose_box span {
  font-weight: 500;
}

.contact_list dd input[type="text"],
.contact_list dd input[type="email"],
.contact_list dd select {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  padding: 10px 20px;
}

.contact_list dd input[type="radio"] {
  margin-right: 5px;
}

.contact_list dd label {
  margin-right: 10px;
}

.contact_list dd textarea {
  width: 100%;
  padding: 10px 20px;
  min-height: 300px;
}

.contact_list dd .zip {
  width: 100%;
  margin-bottom: 10px;
}

.contact_list dd .zip input {
  width: 9em;
  padding: 5px 20px;
  margin-left: 5px;
}

.confirm .contact_list dt,
.confirm .contact_list dd {
  padding: 30px 20px;
}

.contact_btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

.contact_btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 500px;
  font-size: 1.375em;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1;
  display: block;
  padding: 33px 20px 35px;
  background-color: #e37c2d;
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.contact_btn button::before {
  content: "";
  width: 12px;
  height: 12px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.contact_btn button.back {
  background-color: #ccc;
}

.contact_btn button:hover {
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.contact_btn button:hover::before {
  right: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.thanks_txt {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

.thanks_txt:first-of-type {
  margin-top: 0;
}

.archive01 {
  background-color: #f5f5f5;
}

.archive01 .container .archive01_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.archive01 .container .archive01_list01 li a {
  font-size: 1em;
  color: #111;
  line-height: 1;
  letter-spacing: 0.1;
  padding: 10px 20px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: inline-block;
  cursor: pointer;
}

.archive01 .container .archive01_list01 li a.view {
  color: #fff;
  background-color: #444444;
  pointer-events: none;
}

.archive01 .container .archive01_list01 li a.view span::before {
  opacity: 1;
}

.archive01 .container .archive01_list01 li a::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #444444;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.archive01 .container .archive01_list01 li a::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #444444;
  position: absolute;
  top: 0;
  left: -1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.archive01 .container .archive01_list01 li a span::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #444444 transparent transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.archive01 .container .archive01_list01 li a:hover {
  color: #fff;
  background-color: #444444;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.archive01 .container .archive01_list01 li a:hover span::before {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.archive01 .container .archive_ttl01 {
  width: 100%;
  font-size: 1.25em;
  letter-spacing: 0.03em;
  margin-top: 30px;
  border-bottom: 2px solid #111;
}

.archive01 .container .archive01_list02 {
  padding: 0;
  margin-top: 10px;
}

.archive01 .container .archive01_block01 {
  width: 100%;
  margin-top: 60px;
}

.wp-pagenavi {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  width: 50px;
  height: 50px;
  font-size: 1.25em;
  color: #444444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #444444;
  margin: 0 5px;
  -webkit-transition: .2s;
  transition: .2s;
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
  color: #fff;
  background-color: #444444;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
  width: auto;
  padding: 0 10px;
}

.wp-pagenavi a:hover {
  color: #fff;
  background-color: #444444;
  -webkit-transition: .2s;
  transition: .2s;
}

.news .container .news_list {
  margin-top: 0;
}

.news_single01 .container .news_single_ttl01 .ttl {
  width: 100%;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
  display: block;
}

.news_single01 .container .news_single_ttl01 .day {
  width: 100%;
  font-size: 1.25em;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
  display: block;
  margin-top: 5px;
}

.news_single01 .container .news_single_ttl01 .category {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.news_single01 .container .news_single_ttl01 .category a {
  min-width: 120px;
  font-size: 0.875em;
  color: #fff;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  background-color: #444444;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news_single01 .container .news_single_ttl01 .category a:hover {
  opacity: .7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news_single01 .container .news_single_block01 {
  width: 100%;
  margin-top: 50px;
}

.works_single01 .container .works_single_video {
  width: 1000px;
  margin: 0 auto;
}

.works_single01 .container .works_single_video .wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.works_single01 .container .works_single_video .wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.works_single01 .container .works_single_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.works_single01 .container .works_single_list01 li {
  width: 300px;
  height: 300px;
}

.works_single01 .container .works_single_list01 li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.works_single01 .container .works_single_ttl01 {
  width: 100%;
  margin-top: 50px;
}

.works_single01 .container .works_single_ttl01 .ttl {
  width: 100%;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
  display: block;
}

.works_single01 .container .works_single01_list01 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.works_single01 .container .works_single01_list01 li a {
  font-size: 1.25em;
  padding: 10px 15px;
}

.works_single01 .container .works_single_box01 {
  width: 100%;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px auto 0;
}

.works_single01 .container .works_single_box01 .works_list_data {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.works_single01 .container .works_single_box01 .works_list_data dt {
  width: 25%;
  background-color: #eeeeee;
  border: solid 1px #dddddd;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.works_single01 .container .works_single_box01 .works_list_data dd {
  width: 75%;
  background-color: #fff;
  border: solid 1px #dddddd;
  padding: 5px 5px 5px 20px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.works_single01 .container .works_single01_block01 {
  width: 100%;
  margin-top: 50px;
}

.works_single01 .container .works_single01_list02 {
  margin-top: 50px;
  padding: 0;
}

.works_single01 .container .works_single01_list02 li a {
  font-size: 1em;
}

.works_single01 .container .works_single_pagenavi {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 100px;
}

.works_single01 .container .works_single_pagenavi li a {
  padding: 10px;
  color: #111;
  display: inline-block;
  border: solid 1px transparent;
  -webkit-transition: .2s;
  transition: .2s;
}

.works_single01 .container .works_single_pagenavi li a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.works_single01 .container .works_single_pagenavi li .listback {
  display: inline-block;
}

.works_single01 .container .works_single_pagenavi li .listback a {
  width: 150px;
  text-align: center;
  border: solid 1px #111;
}

.works_single01 .container .works_single_pagenavi li.prev {
  position: absolute;
  top: 0;
  right: calc(50% + 130px);
}

.works_single01 .container .works_single_pagenavi li.next {
  position: absolute;
  top: 0;
  left: calc(50% + 130px);
}

.data_service_form01 {
  padding-top: 60px;
  padding-bottom: 140px;
  background-color: #f5f5f5;
}

.data_service_form01 .container .block01 {
  width: 100%;
  border: solid 3px #dddddd;
  background-color: #fff;
  padding: 50px;
  margin-top: 50px;
}

.data_service_form01 .container .block01 .block01_ttl {
  margin-bottom: 30px;
  margin-top: 50px;
}

.data_service_form01 .container .block01 .block01_ttl.block01_ttl02 {
  margin-top: 150px;
}
.data_service_form01 .container .block01 .block01_ttl:first-of-type {
  margin-top: 0;
}

.data_service_form01 .container .block01 .block01_ttl .ttl {
  font-size: 1.25em;
}

.data_service_form01 .container .block01 .data_service_list dt {
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.data_service_form01 .container .block01 .data_service_list dt .sample-img {
  display: inline-block;
  margin-left: 20px;
}

.data_service_form01 .container .block01 .data_service_list dd {
  width: calc(100% - 500px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.data_service_form01 .container .block01 .data_service_list dd input[type="text"] {
  width: 100px;
}

.data_service_form01 .container .block01 .data_service_list dd .hon {
  font-size: 1.125em;
  margin-left: 10px;
}

.data_service_form01 .container .block01 .data_service_list dd .error {
  position: absolute;
  left: 20px;
  bottom: 0;
}

.data_service_form01 .container .block01 .data_service_list.readonly dd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.data_service_form01 .container .block01 .data_service_list.readonly dd input {
  width: calc(100% - 3em);
  border: none;
  pointer-events: none;
  text-align: right;
  padding-right: 0;
}

.data_service_form01 .package-option.pointer-events,
.data_service_form01 .title-option.pointer-events {
  pointer-events: none;
  opacity: .5;
}

.data_service_form01 .confirm .package-option.pointer-events {
  pointer-events: auto;
  opacity: 1;
}

.data_service_form01 .sample-img {
  display: none !important;
}

.error {
  font-size: 1em;
}

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

.data_service_form_contact .template_list>span:not(.error) {
  width: 48%;
  margin-top: 30px;
  margin-left: 0 !important;
  position: relative;
}

.data_service_form_contact .template_list>span:not(.error):nth-of-type(-n + 2) {
  margin-top: 0;
}

.data_service_form_contact .template_list>span:not(.error) label {
  width: 100%;
  padding-bottom: 200px;
  margin-right: 0;
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 1;
}

.data_service_form_contact .template_list>span:not(.error):before {
  content: "";
  width: 100%;
  height: 190px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.data_service_form_contact .template_list .error {
  top: 0;
  bottom: auto;
}

.request01 {
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 140px;
}

.request01 .container .common_ttl09 .ttl {
  margin-top: 0;
}

.request01 .container .txt01 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 30px;
}

.request01 .container .block01 {
  width: 100%;
  border: solid 3px #dddddd;
  background-color: #fff;
  padding: 50px;
  margin-top: 40px;
}

.request01 .container .block01 .contact_list dd .hon {
  font-size: 1.125em;
}

.request01 .container .block01 .contact_list dd.size01 input {
  width: 100px;
  margin: 0 10px;
}

.request01 .container .block01 .contact_list dd .event_date {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.request01 .container .block01 .contact_list dd .event_date:first-of-type {
  margin-top: 0;
}

.request01 .container .block01 .contact_list dd .event_date .date_list {
  width: 150px;
}

.request01 .container .block01 .contact_list dd .event_date .date_list .hon {
  display: inline-block;
}

.request01 .container .block01 .contact_list dd .event_date .date_list .type {
  font-size: 0.875em;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1;
  display: inline-block;
  padding: 5px 10px 7px;
  border-radius: 3px;
  margin-left: 5px;
}

.request01 .container .block01 .contact_list dd .event_date .date_list .type.any {
  background-color: #888888;
}

.request01 .container .block01 .contact_list dd .event_date input {
  width: 200px;
}

.request01 .container .block01 .contact_list dd .event_date02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  position: relative;
}

.request01 .container .block01 .contact_list dd .event_date02 .error {
  position: absolute;
  bottom: -25px;
  left: 0;
}

.request01 .container .block01 .contact_list dd .event_date02 .date_list {
  margin-right: 10px;
}

.request01 .container .block01 .contact_list dd .event_date02 .date_list .hon {
  display: inline-block;
}

.request01 .container .block01 .contact_list dd .event_date02 input {
  width: 170px;
  margin-right: 20px;
}

.request01 .container .block01 .contact_list dd .event_date02 input:last-of-type {
  margin-right: 0;
}

.request01 .container .block01 .contact_list dd .performance_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.request01 .container .block01 .contact_list dd .performance_list01:first-of-type {
  margin-top: 0;
}

.request01 .container .block01 .contact_list dd .performance_list01 .inner01 {
  width: 370px;
  margin-right: 20px;
}

.request01 .container .block01 .contact_list dd .performance_list01 .inner02 {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

.request01 .container .block01 .contact_list dd .performance_list01 .inner02 input {
  width: 80px;
  margin: 0 5px;
}

.request01 .container .block01 .contact_list dd .performance_list01 .inner03 {
  width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.request01 .container .block01 .contact_list dd .performance_list01 .inner03 input {
  width: 80px;
  margin: 0 5px;
}

.request01 .container .block01 .contact_list dd .performance_list02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 390px;
  margin-top: 20px;
}

.request01 .container .block01 .contact_list dd .performance_list02:first-of-type {
  margin-top: 0;
}

.request01 .container .block01 .contact_list dd .performance_list02 .inner01 {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.1em;
  margin-right: 20px;
}

.request01 .container .block01 .contact_list dd .performance_list02 .inner01 input {
  width: 80px;
  margin: 0 5px;
  border: 1px solid transparent;
  pointer-events: none;
}

.request01 .container .block01 .contact_list dd .performance_list02 .inner02 {
  width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.request01 .container .block01 .contact_list dd .performance_list02 .inner02 input {
  width: 80px;
  margin: 0 5px;
  border: 1px solid transparent;
  pointer-events: none;
}

.request01 .container .block01 .contact_list dd .recording_list01 {
  width: 100%;
}

.request01 .container .block01 .contact_list dd .recording_list01 span {
  margin-left: 0;
}

.request01 .container .block01 .contact_list dd .recording_list01 span label {
  width: 100%;
  font-size: 1.125em;
  display: inline-block;
  margin-top: 5px;
}

.request01 .container .block01 .contact_list dd .recording_list01 span label:first-of-type {
  margin-top: 0;
}

.request01 .container .block01 .contact_list dd .recording_list02 {
  margin-top: 20px;
}

.request01 .container .block01 .contact_list dd .recording_list02>span {
  display: inline-block;
  margin-left: 0;
}

.request01 .container .block01 .contact_list dd .note {
  width: 100%;
  font-size: .875em;
  margin-top: 20px;
}

.request01 .container .block01 .contact_list dd.choose_box .choose_ttl,
.recruit01 .container .block01 .contact_list dd.choose_box .choose_ttl {
  font-size: 1.125em;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 5px;
}

.request01 .container .block01 .contact_list dd.choose_box .choose_ttl:first-of-type,
.recruit01 .container .block01 .contact_list dd.choose_box .choose_ttl:first-of-type {
  margin-top: 0;
}

.recruit01 .container .block01 .contact_list dd.choose_box>.separator:not(:last-child){
  padding-bottom: 10px;
  border-bottom: solid 1px #dddddd; 
  margin-bottom: 10px;
}

.request01 .container .block01 .contact_list dd.choose_box>span,
.recruit01 .container .block01 .contact_list dd.choose_box>.separator>span {
  display: inline-block;
  margin-left: 0;
}

.recruit01 {
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 140px;
}

.recruit01 .container .common_ttl09 .ttl {
  margin-top: 0;
}

.recruit01 .container .txt01 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 30px;
}

.recruit01 .container .block01 {
  width: 100%;
  border: solid 3px #dddddd;
  background-color: #fff;
  padding: 50px;
  margin-top: 40px;
}

.recruit01 .container .block01 .contact_list dd select {
  width: auto;
}

.recruit01 .container .block01 .contact_list dd.birthday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.recruit01 .container .block01 .contact_list dd.birthday .note {
  width: 100%;
  font-size: 1em;
  color: #c33b2d;
  margin-bottom: 10px;
}

.recruit01 .container .block01 .contact_list dd.birthday .year {
  width: 200px;
  margin-right: 20px;
}

.recruit01 .container .block01 .contact_list dd.birthday .year select {
  width: calc(100% - 2em);
  margin-right: 10px;
}

.recruit01 .container .block01 .contact_list dd.birthday .month {
  width: 120px;
  margin-right: 20px;
}

.recruit01 .container .block01 .contact_list dd.birthday .month select {
  width: calc(100% - 2em);
  margin-right: 10px;
}

.recruit01 .container .block01 .contact_list dd.birthday .day {
  width: 120px;
  margin-right: 20px;
}

.recruit01 .container .block01 .contact_list dd.birthday .day select {
  width: calc(100% - 2em);
  margin-right: 10px;
}

.recruit01 .container .block01 .contact_list dd.choose_box>span {
  display: inline-block;
  margin-left: 0;
}

.recruit01 .country_select.pointer-events {
  pointer-events: none;
  opacity: .5;
}

.recruit01 .country_select.pointer-events .type {
  display: none;
}

.recruit01 .country_select.pointer-events dd {
  position: relative;
}

.recruit01 .country_select.pointer-events dd .error {
  position: absolute;
  bottom: -5px;
  left: 20px;
}

.recruit01 .confirm .country_select.pointer-events {
  pointer-events: auto;
  opacity: 1;
}

.recruit01 .confirm .country_select.pointer-events .type {
  display: none;
}

.machine01 .container .block01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.machine01 .container .block01 .box01 {
  width: calc(100% - 420px);
}

.machine01 .container .block01 .box02 {
  width: 370px;
}

.machine01 .container .block01 .box02 .box02_ttl01 {
  margin-top: 0;
}

.machine01 .container .block01 .box02 .box02_img {
  width: 100%;
  margin-top: 30px;
}

.machine01 .container .block01 .box02 .box02_txt {
  width: 100%;
  font-size: 1em;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 15px;
}

.machine_list01 {
  width: 100%;
}

.machine_list01>dt {
  width: 100%;
  font-size: 1.375em;
  color: #fff;
  letter-spacing: 0;
  padding: 3px 20px;
  background-color: #111;
}

.machine_list01>dd {
  width: 100%;
}

.machine_list01>dd .machine_clist01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #111;
  padding: 15px 0;
}

.machine_list01>dd .machine_clist01 dt {
  width: 25%;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.machine_list01>dd .machine_clist01 dd {
  width: 25%;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/**footer**/
.privacy01 .container {
  margin: 0 auto;
}

.privacy01 .container .privacy01_ttl01 {
  width: 100%;
  font-size: 1.5em;
  color: #0968a7;
  letter-spacing: 0.05em;
}

.privacy01 .container .privacy01_txt01 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-top: 20px;
}
.privacy01 .container .privacy01_txt02 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-align: right;
}

.privacy01 .container .privacy01_block01 {
  width: 100%;
  margin-top: 20px;
}

.privacy01 .container .privacy01_block01 .block_ttl01 {
  width: 100%;
  font-size: 1.25em;
  color: #0968a7;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

.privacy01 .container .privacy01_block01 .block_txt01 {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 5px;
}

.privacy01 .container .privacy01_block01 .block_txt01 a{
  color: #0968a7;
  display: inline-block;
}
.privacy01 .container .privacy01_block01 .block_txt01.mt {
  margin-top: 30px;
}

.privacy01 .container .privacy01_block01 .block_txt01.tar {
  margin-top: 30px;
  text-align: right;
}


.privacy01 .container .privacy01_block01 .block_list01 {
  width: 100%;
  margin-top: 5px;
}

.privacy01 .container .privacy01_block01 .block_list01>li {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
}

.privacy01 .container .privacy01_block01 .block_list01>li:first-of-type {
  margin-top: 0;
}

.privacy01 .container .privacy01_block01 .block_list02 {
  width: 100%;
  margin-top: 5px;
}

.privacy01 .container .privacy01_block01 .block_list02>li {
  width: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
}

.privacy01 .container .privacy01_block01 .block_list02>li:first-of-type {
  margin-top: 0;
}

/*----------------------------------------------------------------------------
******************************************************************************
** 動画制作・映像制作ワーカー様大募集
******************************************************************************
----------------------------------------------------------------------------*/
.recruitment01 {
  background-color: #f5f5f5;
  padding-bottom: 80px;
}

.recruitment01 .container .recruitment01_block01 {
  width: 100%;
  padding: 50px 60px;
  background-color: #fff;
  position: relative;
  margin-top: 30px;
}

.recruitment01 .container .recruitment01_block01:first-of-type {
  margin-top: 0;
}

.recruitment01 .container .recruitment01_block01 .block_ttl01 {
  width: 100%;
  background-color: #0968a7;
  padding-bottom: 2px;
  text-align: center;
  padding: 20px 30px;
}

.recruitment01 .container .recruitment01_block01 .block_ttl01 span {
  font-size: 2.75em;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.recruitment01 .container .recruitment01_block01 .block_txt01 {
  width: 100%;
  font-size: 1.75em;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

.recruitment01 .container .recruitment01_block01 .block_box01 {
  width: 100%;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .recruitment01_ttl01 .ttl {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-right: 10px;
  padding-left: 30px;
  position: relative;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .recruitment01_ttl01 .ttl::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.recruitment01 .container .recruitment01_block01 .block_box01 .recruitment01_ttl01 .sub {
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: inline-block;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10:first-of-type {
  margin-top: 20px;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd ul li {
  width: auto;
  margin-top: 0;
  margin-right: 30px;
  line-height: 2;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd ul li::before {
  top: 12px;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd.worklist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd.worklist ul {
  width: calc(100% / 3);
  padding-right: 1em;
  box-sizing: border-box;
  display: block;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd.worklist ul li {
  margin-right: 0;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd.worklist ul:last-of-type li:last-child {
  margin-top: 1em;
}

.recruitment01 .container .recruitment01_block01 .block_box01 .common_list10 dd ul li {
  width: auto;
  margin-top: 0;
  margin-right: 30px;
  line-height: 2;
}

.recruitment02 .container .recruitment02_block01 {
  width: 100%;
  margin: 50px auto 0;
}

.recruitment02 .container .recruitment02_block01 .recruitment02_list dt {
  width: 100%;
  border-right: none;
}

.recruitment02 .container .recruitment02_block01 .recruitment02_list dd {
  display: none;
}

.recruitment02 .container .recruitment02_block01 .block_box01 {
  width: 100%;
  padding: 40px 90px;
  background-color: #0968a7;
  margin-top: 40px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner01 .inner_txt01 {
  width: 355px;
  font-size: 1.125em;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner01 .inner_txt02 {
  width: calc(100% - 355px);
  border-left: 1px solid #84b4d3;
  padding-left: 30px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner01 .inner_txt02 .main {
  width: 100%;
  font-size: 1.625em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  display: block;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner01 .inner_txt02 .sub {
  width: 100%;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 15px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner02 {
  width: 100%;
  padding: 16px 10px 10px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner02 .inner_txt01 {
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-right: 15px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner02 .inner_txt02 {
  font-size: 1.375em;
  color: #0968a7;
  font-weight: 700;
  margin-right: 15px;
  position: relative;
  top: -3px;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner02 .inner_txt02 a {
  font-family: "roboto";
  font-size: 1.4545em;
  font-weight: 900;
  color: #0968a7;
}

.recruitment02 .container .recruitment02_block01 .block_box01 .box_inner02 .inner_txt03 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.recruitment02 .container .recruitment02_block01 .block_txt01 {
  width: 100%;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.recruitment02 .container .recruitment02_block01 .block_btn01 {
  width: 100%;
  margin-top: 10px;
}

.recruitment02 .container .recruitment02_block01 .block_btn01 a {
  font-size: 1.125em;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 5px 20px;
  background-color: #0968a7;
  display: inline-block;
  -webkit-transition: .2s;
  transition: .2s;
}

.recruitment02 .container .recruitment02_block01 .block_btn01 a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.recruitment02 .container .recruitment02_block02 {
  width: 100%;
  margin-top: 50px;
}

.recruitment02 .container .recruitment02_block02 .block_ttl01 {
  width: 100%;
  font-size: 1.25em;
  color: #fff;
  letter-spacing: 0.5;
  padding: 10px 20px;
  background-color: #00000c;
}

.recruitment02 .container .recruitment02_block02 .block_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #000;
  padding: 20px;
}

.recruitment02 .container .recruitment02_block02 .block_list01:first-of-type {
  margin-top: 10px;
}

.recruitment02 .container .recruitment02_block02 .block_list01 dt {
  width: 250px;
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.recruitment02 .container .recruitment02_block02 .block_list01 dd {
  width: calc(100% - 250px);
}

.recruitment02 .container .recruitment02_block02 .block_list01 dd .dd_txt01 {
  width: 100%;
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

.recruitment02 .container .recruitment02_block02 .block_list01 dd .dd_txt01:first-of-type {
  margin-top: 0;
}

.recruitment02 .container .recruitment02_block02 .block_list01 dd .dd_txt01 span {
  font-weight: 700;
}

.recruitment02 .container .recruitment02_btn01 ul li a span {
  padding: 5px;
}

.recruitment03 {
  padding-top: 70px;
}

.recruitment03 .container .recruitment03_block01 {
  width: 100%;
}

.recruitment03 .container .recruitment03_block01 .common_list10 {
  margin-top: 0;
}

.recruitment03 .container .recruitment03_block01 .recruitment03_btn01 ul li a span {
  padding: 5px;
}

/*----------------------------------------------------------------------------
******************************************************************************
** データ変換サービス
******************************************************************************
----------------------------------------------------------------------------*/
.data_service01 {
  background-color: #f5f5f5;
}

.data_service01 .container .data_service01_block01 {
  width: 100%;
  padding: 50px 60px 100px;
  background-color: #fff;
  position: relative;
}

.data_service01 .container .data_service01_block01 .block_ttl01 {
  width: 100%;
  background-color: #0968a7;
  padding-bottom: 2px;
  text-align: center;
}

.data_service01 .container .data_service01_block01 .block_ttl01 span {
  font-size: 2.875em;
  color: #fff;
  letter-spacing: 0.1em;
}

.data_service01 .container .data_service01_block01 .block_txt01 {
  width: 100%;
  font-size: 1.75em;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 10px;
}

.data_service01 .container .data_service01_block01 .block_list01 {
  width: 100%;
  margin-top: 10px;
}

.data_service01 .container .data_service01_block01 .block_list01 li {
  width: 100%;
  background-color: #e1edf4;
  padding: 26px 50px 26px 130px;
  margin-top: 10px;
}

.data_service01 .container .data_service01_block01 .block_list01 li:first-of-type {
  margin-top: 0;
}

.data_service01 .container .data_service01_block01 .block_list01 li span {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: inline-block;
  padding-left: 60px;
  position: relative;
}

.data_service01 .container .data_service01_block01 .block_list01 li span::before {
  content: "";
  background: url(../images/data_service/data_service01_icon01.png) no-repeat center/contain;
  width: 52px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.data_service01 .container .data_service01_block01 .block_txt02 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.data_service01 .container .data_service01_txt01 {
  width: 100%;
  font-size: 3.25em;
  font-style: italic;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 70px;
}

.data_service01 .container .data_service01_txt01 span {
  font-size: 1.15em;
}

.data_service02 {
  padding-top: 150px;
  min-width: 1200px;
  background: whitesmoke;
  background: -webkit-gradient(linear, left bottom, left top, from(whitesmoke), color-stop(20%, whitesmoke), color-stop(20%, white), to(white));
  background: linear-gradient(0deg, whitesmoke 0%, whitesmoke 20%, white 20%, white 100%);
}

.data_service02 .data_service02_text_img {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.data_service02 .data_service02_text_img .data_service02_text {
  width: calc(100% - 52%);
  padding: 0 80px 0 20%;
}

.data_service02 .data_service02_text_img .data_service02_text h3 {
  font-size: 2em;
  color: #888888;
  font-weight: 700;
  position: relative;
}

.data_service02 .data_service02_text_img .data_service02_text h3 span {
  color: #1a1b1b;
  font-size: 1.5em;
  display: block;
}

.data_service02 .data_service02_text_img .data_service02_text h3::after {
  content: "";
  position: absolute;
  left: -172px;
  top: 33px;
  width: 150px;
  height: 2px;
  background: #1a1b1b;
}

.data_service02 .data_service02_text_img .data_service02_text p.data_service02_text_p01 {
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 50px 0 0 0;
}

.data_service02 .data_service02_text_img .data_service02_text p.data_service02_text_p01 span {
  display: block;
  font-size: 1.125em;
}

.data_service02 .data_service02_text_img .data_service02_text p.data_service02_text_p02 {
  font-size: 1.125em;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-top: 20px;
}

.data_service02 .data_service02_text_img .data_service02_img {
  width: 52%;
}

.data_service02 .data_service02_text_img .data_service02_img img {
  width: 100%;
  height: auto;
}

.data_service03_bg {
  padding-top: 150px;
  padding-bottom: 130px;
  background-color: #f5f5f5;
}

.data_service03_bg .data_service03 ul {
  width: 102%;
  margin: 40px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  left: -2%;
}

.data_service03_bg .data_service03 ul li {
  width: calc(100% - 40px / 3);
  margin-right: 20px;
}

.data_service03_bg .data_service03 ul li:last-of-type {
  margin-right: 0;
}

.data_service03_bg .data_service03 ul li a {
  display: inline-block;
  pointer-events: none;
}

.data_service03_bg .data_service03 ul li a:hover {
  opacity: 0.7;
}

.data_service04 {
  padding-bottom: 60px;
  position: relative;
}

.data_service04::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 120px 180px 0 180px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  z-index: 1;
}

.data_service04::after {
  content: "変換";
  font-size: 3.5em;
  color: #0968a7;
  font-weight: 700;
  letter-spacing: 0;
  font-style: italic;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  z-index: 1;
}

.data_service04 .container {
  max-width: 1450px;
}

.data_service04 .container .data_service04_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.data_service04 .container .data_service04_list01 li {
  width: 23.5%;
}

.data_service04 .container .data_service04_list01 li .list_ttl01 {
  width: 100%;
  height: 60px;
  font-size: 1.375em;
  color: #fff;
  letter-spacing: 0.05em;
  background-color: #0968a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.data_service04 .container .data_service04_list01 li .list_box01 {
  width: 100%;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
}

.data_service04 .container .data_service04_txt01 {
  width: 100%;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 30px;
}

.data_service05 {
  padding-top: 180px;
  background: url(../images/data_service/data_service05_bg01.jpg) no-repeat center/cover;
}

.data_service05 .container .data_service05_block01 {
  width: 100%;
  padding: 60px 70px 80px;
  background-color: #fff;
}

.data_service05 .container .data_service05_block01 .block_box01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 40px;
}

.data_service05 .container .data_service05_block01 .block_box01 .box_img01 {
  width: 410px;
  margin-right: 50px;
}

.data_service05 .container .data_service05_block01 .block_box01 .box_inner01 {
  width: calc(100% - 460px);
  padding-top: 20px;
}

.data_service05 .container .data_service05_block01 .block_box01 .box_inner01 .inner_ttl01 {
  width: 100%;
  font-size: 1.625em;
  color: #0968a7;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.05em;
}

.data_service05 .container .data_service05_block01 .block_box01 .box_inner01 .inner_txtl01 {
  width: 100%;
  font-size: 1em;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.data_service06 .container .common_list12:first-of-type {
  margin-top: 50px;
}

.data_service07 {
  background-color: #f5f5f5;
}

.data_service07 .container .data_service07_block01 {
  width: 100%;
  padding: 50px;
  background-color: #fff;
  margin-top: 50px;
}

.data_service07 .container .data_service07_block01 .data_service07_list dt {
  position: relative;
}

.data_service07 .container .data_service07_block01 .data_service07_list dt::after {
  content: "";
  width: 62px;
  height: 49px;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.data_service07 .container .data_service07_block01 .data_service07_list01 dt::after {
  background: url(../images/data_service/data_service07_list_icon01.png) no-repeat center;
}

.data_service07 .container .data_service07_block01 .data_service07_list02 dt::after {
  background: url(../images/data_service/data_service07_list_icon02.png) no-repeat center;
}

.data_service07 .container .data_service07_block01 .data_service07_list03 dt::after {
  background: url(../images/data_service/data_service07_list_icon03.png) no-repeat center;
}

.data_service07 .container .data_service07_block01 .data_service07_list04 dt::after {
  background: url(../images/data_service/data_service07_list_icon04.png) no-repeat center;
}

.data_service07 .container .data_service07_block01 .data_service07_list05 dt::after {
  background: url(../images/data_service/data_service07_list_icon05.png) no-repeat center;
}

.data_service07 .container .data_service07_block01 .block_box01 {
  width: 100%;
  padding: 40px 90px;
  background-color: #0968a7;
  margin-top: 40px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner01 .inner_txt01 {
  width: 355px;
  font-size: 1.125em;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner01 .inner_txt02 {
  width: calc(100% - 355px);
  border-left: 1px solid #84b4d3;
  padding-left: 30px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner01 .inner_txt02 .main {
  width: 100%;
  font-size: 1.625em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  display: block;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner01 .inner_txt02 .sub {
  width: 100%;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 15px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner02 {
  width: 100%;
  padding: 16px 10px 10px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner02 .inner_txt01 {
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-right: 15px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner02 .inner_txt02 {
  font-size: 1.375em;
  color: #0968a7;
  font-weight: 700;
  margin-right: 15px;
  position: relative;
  top: -3px;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner02 .inner_txt02 a {
  font-family: "roboto";
  font-size: 1.4545em;
  font-weight: 900;
  color: #0968a7;
}

.data_service07 .container .data_service07_block01 .block_box01 .box_inner02 .inner_txt03 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.data_service_form01 .container .data_service_form01_txt01 {
  width: 100%;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 30px;
}

/*----------------------------------------------------------------------------
******************************************************************************
** 学校・幼稚園、動画・映像制作
******************************************************************************
----------------------------------------------------------------------------*/
.school01 {
  padding: 120px 0;
}

.school01 .school01_video01 {
  margin-bottom: 0;
}

.school17 {
  padding-top: 0;
  background: whitesmoke;
  background: -webkit-gradient(linear, left bottom, left top, from(whitesmoke), color-stop(55%, whitesmoke), color-stop(55%, white), to(white));
  background: linear-gradient(0deg, whitesmoke 0%, whitesmoke 55%, white 55%, white 100%);
}

.school02 {
  padding-bottom: 30px;
  background-color: whitesmoke;
  min-width: 1200px;
}

.school02 .school02_text_img {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.school02 .school02_text_img .school02_text {
  width: calc(100% - 52%);
  padding: 0 20px 0 20%;
}

.school02 .school02_text_img .school02_text h3 {
  font-size: 2em;
  color: #888888;
  font-weight: 700;
  position: relative;
}

.school02 .school02_text_img .school02_text h3 span {
  color: #1a1b1b;
  font-size: 1.5em;
  display: block;
}

.school02 .school02_text_img .school02_text h3::after {
  content: "";
  position: absolute;
  left: -172px;
  top: 33px;
  width: 150px;
  height: 2px;
  background: #1a1b1b;
}

.school02 .school02_text_img .school02_text p.school02_text_p01 {
  font-size: 1.25em;
  margin: 50px 0 0 0;
}

.school02 .school02_text_img .school02_text p.school02_text_p01 span {
  display: block;
  font-size: 1.125em;
}

.school02 .school02_text_img .school02_text ul {
  margin: 25px 0 0 0;
}

.school02 .school02_text_img .school02_text ul li {
  font-size: 1.25em;
  padding: 0.5em 0 0 20px;
  position: relative;
}

.school02 .school02_text_img .school02_text ul li::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0968a7;
  position: absolute;
  left: 0;
  top: 22px;
}

.school02 .school02_text_img .school02_text p.school02_text_p02 {
  font-size: 1.125em;
  margin-top: 20px;
}

.school02 .school02_text_img .school02_img {
  width: 52%;
}

.school02 .school02_text_img .school02_img img {
  width: 100%;
  height: auto;
}

.school02 .school02_text_img .block01 {
  width: 100%;
  margin-top: 70px;
}

.school02 .school02_text_img .block01 .inner {
  width: 1200px;
  margin: 0 auto;
  border: solid 2px #0968a7;
  background-color: #fff;
}

.school02 .school02_text_img .block01 .inner .block_ttl01 {
  width: 100%;
  font-size: 1.75em;
  color: #fff;
  padding: 10px;
  background-color: #0968a7;
  text-align: center;
}

.school02 .school02_text_img .block01 .inner .block_txt01 {
  width: 100%;
  font-size: 1.125em;
  line-height: 1.7;
  padding: 30px;
}

.school02 .school02_text_img .school02_btn ul li a span {
  padding: 5px;
}

.school03_bg {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f5f5f5;
}

.school03_bg .school03 ul {
  width: 102%;
  margin: 40px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  left: -2%;
}

.school03_bg .school03 ul li {
  width: calc(100% - 40px / 3);
  margin-right: 20px;
}

.school03_bg .school03 ul li:last-of-type {
  margin-right: 0;
}

.school03_bg .school03 ul li a {
  display: inline-block;
  pointer-events: none;
}

.school03_bg .school03 ul li a:hover {
  opacity: 0.7;
}

.school04 {
  padding: 120px 0;
}

.school04 .school04_list_bg {
  width: 100%;
  margin: 50px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.school04 .school04_list_bg ul.school04_list {
  width: 100%;
  max-width: 1800px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.school04 .school04_list_bg ul.school04_list>li {
  width: 33.3333333%;
  overflow: hidden;
  position: relative;
}

.school04 .school04_list_bg ul.school04_list>li:nth-of-type(1) a {
  background: url("../images/school/school04_bg01.jpg") no-repeat center/cover;
}

.school04 .school04_list_bg ul.school04_list>li:nth-of-type(2) a {
  background: url("../images/school/school04_bg02.jpg") no-repeat center/cover;
}

.school04 .school04_list_bg ul.school04_list>li:nth-of-type(3) a {
  background: url("../images/school/school04_bg03.jpg") no-repeat center/cover;
}

.school04 .school04_list_bg ul.school04_list>li.no_animation {
  pointer-events: none;
}

.school04 .school04_list_bg ul.school04_list>li .border-l::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li .border-l::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li .border-r::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li .border-r::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li a {
  width: 100%;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px;
  padding-top: 100px;
  pointer-events: none;
  position: relative;
}

.school04 .school04_list_bg ul.school04_list>li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(000,000,000,.6);
  position: absolute;
  top: 0;
  left: 0;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper h3 {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  color: #fff;
  font-size: 1.25em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  position: relative;
  padding-bottom: 20px;
  font-weight: normal;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper h3 span {
  display: block;
  font-size: 1.75em;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper .wrap_list01 {
  width: 400px;
  margin: 0 auto;
  border-top: 1px solid #fff;
  padding: 20px 0 0 20px;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper .wrap_list01>li {
  color: #fff;
  font-size: 1.05em;
  position: relative;
  padding-left: 20px;
  margin-top: 3px;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper .wrap_list01>li.wrap_clist01_bg::before {
  display: none;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper .wrap_list01>li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #b0aca9;
  position: absolute;
  top: 9px;
  left: 0;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper .wrap_list01>li .wrap_clist01 {
  width: 100%;
}

.school04 .school04_list_bg ul.school04_list>li a .text_wrapper .wrap_list01>li .wrap_clist01 li {
  font-size: 1em;
  margin-top: 3px;
}

.school04 .school04_list_bg ul.school04_list>li:hover .border-l::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li:hover .border-l::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li:hover .border-r::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li:hover .border-r::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.school04 .school04_list_bg ul.school04_list>li:hover a {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_separation_mv.school05 {
  background: url(../images/school/school05_bg01.jpg) no-repeat center/cover;
}

.common_separation_mv.school09 {
  background: url(../images/school/school09_bg01.jpg) no-repeat center/cover;
}

.common_separation_mv .container {
  width: 100%;
  height: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.common_separation_mv .container .common_separation_ttl .ttl {
  font-size: 2.4em;
  color: #fff;
  display: block;
  text-align: center;
}

.common_separation_mv .container .common_separation_ttl .sub {
  font-size: 1.25em;
  color: #fff;
  opacity: .3;
  display: block;
  text-align: center;
  margin-top: 5px;
}

.school06 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.school06 .container .school06_list01 {
  width: 100%;
  margin-top: 85px;
}

.school06 .container .school06_list01 li {
  width: 33.333333%;
}

.school06 .container .school06_txt01 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.school06 .container .school06_txt01 span {
  font-size: 2.5em;
  color: #e37c2d;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.75;
  border-bottom: 4px solid #e37c2d;
}

.school07 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}

.school07 .container .school07_txt01 {
  font-size: 1.625em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 45px;
}

.school07 .container .school07_list01 {
  width: 100%;
  margin-top: 20px;
}

.school07 .container .school07_list01 li {
  width: 33.333333%;
}

.school08 {
  padding-top: 80px;
}

.school08 .container .school08_box01 .box_txt02 {
  margin-top: 5px;
}

.school10 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.school10 .container .school10_list01 {
  width: 100%;
  margin-top: 85px;
}

.school10 .container .school10_txt01 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.school10 .container .school10_txt01 span {
  font-size: 2.5em;
  color: #e37c2d;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.75;
  border-bottom: 4px solid #e37c2d;
}

.school11 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}

.school11 .container .school11_txt01 {
  font-size: 1.625em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 45px;
}

.school11 .container .school11_list01 {
  width: 100%;
  margin-top: 20px;
}

.school11 .container .school11_list01 li {
  width: 33.333333%;
}

.school12 {
  padding-top: 80px;
}

.school12 .container .school12_box01 .box_txt02 {
  margin-top: 5px;
}

.school13 {
  padding-top: 80px;
  padding-bottom: 180px;
  background-color: #f5f5f5;
}

.school13 .container .school13_list dt {
  position: relative;
}

.school13 .container .school13_list dt::after {
  content: "";
  width: 77px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 20px;
  right: 20px;
}

.school13 .container .school13_list dd .list_btn01 {
  margin-top: 20px;
  text-align: right;
  margin-right: 30px;
}

.school13 .container .school13_list dd .list_btn01 a {
  margin-left: auto;
}

.school13 .container .school13_list01 {
  margin-top: 0;
}

.school13 .container .school13_list01 dt::after {
  background-image: url(../images/school/school13_icon01.png);
}

.school13 .container .school13_list01 dd .dd_txt01 {
  margin-top: 8px;
}

.school13 .container .school13_list02 dt::after {
  background-image: url(../images/school/school13_icon02.png);
  top: 10px;
}

.school13 .container .school13_list03 dt::after {
  background-image: url(../images/school/school13_icon03.png);
}

.school13 .container .school13_list04 dt::after {
  background-image: url(../images/school/school13_icon04.png);
}

.school13 .container .school13_list05 dt::after {
  background-image: url(../images/school/school13_icon05.png);
}

.school13 .container .school13_list06 {
  margin-top: 50px;
}

.school13 .container .school13_list06 dt::after {
  background-image: url(../images/school/school13_icon06.png);
}

.school13 .container .school13_list07 dt::after {
  background-image: url(../images/school/school13_icon07.png);
}

.school13 .container .school13_list08 dt::after {
  background-image: url(../images/school/school13_icon08.png);
}

.school13 .container .common_list06 li {
  background-color: #fff;
}

.school13 .container .school13_ttl {
  font-size: 1.375em;
  letter-spacing: 0.1em;
  color: #0968a7;
  margin-top: 45px;
  padding-left: 40px;
  position: relative;
}

.school13 .container .school13_ttl::before {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 50%;
  left: 2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.school13 .container .school13_img01 {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.school13 .container .common_ttl09 {
  margin-top: 50px;
}

.school13 .container .common_txt01 {
  margin-top: 20px;
}

.school14 {
  padding: 130px 20px;
  background: url(../images/school/school14_bg01.jpg) no-repeat top center/contain;
}

.school14 .container .school14_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  background-color: #fff;
}

.school14 .container .school14_block .school14_box {
  width: 25%;
  border: solid 1px #1a1b1b;
  border-right: none;
}

.school14 .container .school14_block .school14_box:last-of-type {
  border-right: solid 1px #1a1b1b;
}

.school14 .container .school14_block .school14_box:last-of-type h3 {
  border-right: none;
}

.school14 .container .school14_block .school14_box h3 {
  width: 100%;
  height: 60px;
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-color: #1a1b1b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: solid 1px #fff;
}

.school14 .container .school14_block .school14_box ul {
  width: 100%;
  padding: 30px 20px;
}

.school14 .container .school14_block .school14_box ul li {
  width: 100%;
  padding: 15px 20px 15px 50px;
  background-color: #eeeeee;
  border-radius: 5px;
  margin-bottom: 37px;
  position: relative;
}

.school14 .container .school14_block .school14_box ul li::before {
  content: "";
  width: 20px;
  height: 37px;
  background: url(../images/sound/arrow.png) no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.school14 .container .school14_block .school14_box ul li span {
  width: 26px;
  height: 26px;
  font-family: "robot";
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  background-color: #0968a7;
  border-radius: 50%;
  text-align: center;
  padding-top: 6px;
  position: absolute;
  top: 17px;
  left: 14px;
}

.school14 .container .school14_block .school14_box ul li .ttl {
  width: 100%;
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.school14 .container .school14_block .school14_box ul li .sub {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.school14 .container .school14_block .school14_box ul li:last-of-type {
  margin-bottom: 0;
}

.school14 .container .school14_block .school14_box ul li:last-of-type::before {
  display: none;
}

.school15 {
  background-color: #f5f5f5;
}

.school16 {
  padding: 120px 20px;
}

.school16 .container .school16_block01 {
  margin-top: 60px;
}

.common_box01 {
  width: 100%;
  min-height: 340px;
  padding-right: 640px;
  position: relative;
}

.common_box01 .box_txt01 {
  font-size: 1.125em;
  height: 45px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 7px 20px 5px;
  background-color: #0968a7;
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.common_box01 .box_txt01::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 18px 0 0;
  border-color: #0968a7 transparent transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.common_box01 .box_ttl02 {
  font-size: 1.25em;
  color: #0968a7;
  letter-spacing: 0.1em;
  margin-top: 20px;
  padding-left: 20px;
  position: relative;
}

.common_box01 .box_ttl02::before {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.common_box01 .box_ttl01 {
  font-size: 1.625em;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

.common_box01 .box_img01 {
  position: absolute;
  top: 0;
  right: 0;
}

.common_box01 .box_txt02 {
  font-size: 1.125em;
  line-height: 2;
  margin-top: 20px;
}

.common_box02 {
  width: 100%;
  padding: 60px 20px 55px;
  border: solid 2px #0968a7;
  position: relative;
  margin-top: 120px;
}

.common_box02::before {
  content: "";
  width: 820px;
  height: calc(100% + 6px);
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}

.common_box02 .box_ttl01 {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

.common_box02 .box_ttl01 span {
  font-size: 2.1em;
  display: inline-block;
  position: relative;
  padding-left: 80px;
  white-space: nowrap;
}

.common_box02 .box_ttl01 span::before {
  content: "";
  background: url(../images/school/school06_icon01.png) no-repeat center/contain;
  width: 68px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
}

.common_box02 .box_list01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.common_box02 .box_list01 li {
  margin-right: 35px;
  margin-top: 20px;
}

.common_box02 .box_list01 li:nth-of-type(4n),
.common_box02 .box_list01 li:last-of-type {
  margin-right: 0;
}

.common_box02 .box_list01 li:nth-of-type(-n + 4) {
  margin-top: 0;
}

.common_box02 .box_arrow01 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 1;
}

.common_tv_btn01 {
  width: 100%;
  margin: 70px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.common_tv_btn01 ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
}

.common_tv_btn01 ul li {
  width: 420px;
  height: 70px;
  margin: 0 45px;
}

.common_tv_btn01 ul li.movie a span,
.common_tv_btn01 ul li.eng a span {
  background: url("../images/tv/tv_img_03.png") left center no-repeat;
}

.common_tv_btn01 ul li.movie a:hover span,
.common_tv_btn01 ul li.eng a:hover span {
  background: url("../images/tv/tv_img_03_ov.png") left center no-repeat;
}

.common_tv_btn01 ul li.live a span {
  background: url("../images/tv/tv_img_04.png") left center no-repeat;
}

.common_tv_btn01 ul li.live a:hover span {
  background: url("../images/tv/tv_img_04_ov.png") left center no-repeat;
}

.common_tv_btn01 ul li.photo a {
  -webkit-transition: .2s;
  transition: .2s;
}

.common_tv_btn01 ul li.photo a span {
  background: url("../images/stage/photo_icon01.png") left center no-repeat;
}

.common_tv_btn01 ul li.photo a:hover {
  opacity: .7;
  -webkit-transition: .2s;
  transition: .2s;
}

.common_tv_btn01 ul li a {
  font-size: 1.25em;
  display: block;
  color: #1a1b1b;
  width: 100%;
  height: 100%;
  border: 1px solid #1a1b1b;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tv_btn01 ul li a span {
  padding: 5px 5px 5px 47px;
}

.common_tv_btn01 ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 60px;
  height: 1px;
  background: #1a1b1b;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tv_btn01 ul li a::before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: -20px;
  width: 8px;
  height: 1px;
  background: #1a1b1b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_tv_btn01 ul li a:hover {
  color: #ffffff;
  background: #1a1b1b;
}

.common_tv_btn01 ul li a:hover::after {
  right: -30px;
  -webkit-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
}

.common_tv_btn01 ul li a:hover::before {
  right: -30px;
}

.common_btn01 {
  width: 100%;
}

.common_btn01 a {
  width: 300px;
  height: 50px;
  display: block;
  border: 1px solid #1a1b1b;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_btn01 a span {
  font-size: 1.125em;
  color: #1a1b1b;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_btn01 a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 60px;
  height: 1px;
  background: #1a1b1b;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_btn01 a::before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: -20px;
  width: 8px;
  height: 1px;
  background: #1a1b1b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_btn01 a:hover {
  background: #1a1b1b;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_btn01 a:hover span {
  color: #ffffff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.common_btn01 a:hover::after {
  right: -30px;
  -webkit-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
}

.common_btn01 a:hover::before {
  right: -30px;
}

/*----------------------------------------------------------------------------
******************************************************************************
** テレビ番組制作
******************************************************************************
----------------------------------------------------------------------------*/
.container_100.fv.tv {
  background: url(../images/tv/fv.jpg) no-repeat center center/cover;
}

.tv01 {
  background-color: #f5f5f5;
  padding: 120px 0;
}

.tv01 .tv01_video {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tv01 .tv01_text {
  margin: 120px 0 0 0;
  width: 100%;
}

.tv01 .tv01_text p {
  margin: 40px 0 0 0;
}

.tv02 {
  padding: 120px 0;
}

.tv03 {
  background-color: #f5f5f5;
  padding: 120px 0;
}

.tv03 .tv03_list_bg {
  width: 100%;
  margin: 50px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tv03 .tv03_list_bg ul.tv03_list {
  width: 100%;
  max-width: 1800px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tv03 .tv03_list_bg ul.tv03_list li {
  overflow: hidden;
  position: relative;
  width: calc(100% / 3);
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-child(1),
.tv03 .tv03_list_bg ul.tv03_list li:nth-child(2),
.tv03 .tv03_list_bg ul.tv03_list li:nth-child(3),
.tv03 .tv03_list_bg ul.tv03_list li:nth-child(4) {
  width: calc(100% / 4);
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(1) a {
  background-image: url("../images/tv/tv_img_05.png");
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(2) a {
  background-image: url("../images/tv/tv_img_06.png");
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(3) a {
  background-image: url("../images/tv/tv_img_07.png");
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(4) a {
  background-image: url("../images/tv/tv_img_08.png");
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(5) a {
  background-image: url("../images/tv/tv_img_09.png");
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(6) a {
  background-image: url("../images/tv/tv_img_10.png");
}

.tv03 .tv03_list_bg ul.tv03_list li:nth-of-type(7) a {
  background-image: url("../images/tv/tv_img_11.png");
}

.tv03 .tv03_list_bg ul.tv03_list li.no_animation {
  pointer-events: none;
}

.tv03 .tv03_list_bg ul.tv03_list li .border-l::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li .border-l::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li .border-r::before {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li .border-r::after {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li a {
  width: 100%;
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px;
  pointer-events: none;
  position: relative;
}
.tv03 .tv03_list_bg ul.tv03_list li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(000,000,000,.6);
  position: absolute;
  top: 0;
  left: 0;
}

.tv03 .tv03_list_bg ul.tv03_list li a .text_wrapper {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.tv03 .tv03_list_bg ul.tv03_list li a .text_wrapper h3 {
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  color: #fff;
  font-size: 1.1em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  position: relative;
  padding-bottom: 20px;
  font-weight: normal;
}

.tv03 .tv03_list_bg ul.tv03_list li a .text_wrapper h3 span {
  display: block;
  font-size: 1.5em;
}

.tv03 .tv03_list_bg ul.tv03_list li:hover .border-l::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li:hover .border-l::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li:hover .border-r::before {
  height: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li:hover .border-r::after {
  width: calc(100% - 20px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_list_bg ul.tv03_list li:hover a {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tv03 .tv03_production_bg {
  width: 100%;
  margin: 80px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tv03 .tv03_production_bg .tv03_production_box_bg {
  width: 1200px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box:nth-child(1) {
  width: 350px;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box:nth-child(2) {
  width: 820px;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box:nth-child(3) {
  width: 100%;
  margin: 70px 0 0 0;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box h3 {
  background: #0968a7;
  font-size: 1.25em;
  color: #ffffff;
  padding: 10px;
  text-align: center;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box h4 {
  font-size: 1.25em;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_img {
  width: 100%;
  margin: 25px 0 0 0;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_img img {
  width: 100%;
  height: auto;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_list {
  margin: 30px 0 0 0;
  width: 100%;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_list ul {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_list ul li {
  background: url("../images/tv/tv_img_16.png") right bottom #e8f0f4;
  background-size: 100% 100%;
  font-size: 1.25em;
  border: 2px solid #1a1b1b;
  padding: 16px;
  width: 190px;
  font-weight: bold;
  text-align: center;
  margin: 0 10px 10px 0;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_list ul li:nth-child(4n) {
  margin: 0 0px 10px 0;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_con_bg {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_con_bg .tv03_production_box_con {
  width: calc((100% - 40px) / 2);
  margin: 25px 0 0 0;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_con_bg .tv03_production_box_con .tv03_production_box_con_img_text {
  margin: 10px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_con_bg .tv03_production_box_con .tv03_production_box_con_img_text .tv03_production_box_con_img {
  width: 200px;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_con_bg .tv03_production_box_con .tv03_production_box_con_img_text .tv03_production_box_con_img img {
  width: 100%;
  height: auto;
}

.tv03 .tv03_production_bg .tv03_production_box_bg .tv03_production_box .tv03_production_box_con_bg .tv03_production_box_con .tv03_production_box_con_img_text .tv03_production_box_con_text {
  width: calc(100% - 220px);
}

.tv04 {
  background: url("../images/tv/tv_img_17.png") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
}

.tv05 {
  background-color: #f5f5f5;
  padding: 120px 0;
}

/*.tv05 h2 {
  font-size: 2.3em;
  text-align: center;
}

.tv05 h2 span {
  color: #888888;
  display: block;
  font-size: 0.4em;
}*/

.tv05 .tv05_box_bg {
  width: 100%;
}

.tv05 .tv05_box_bg .tv05_box {
  margin: 65px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tv05 .tv05_box_bg .tv05_box:nth-child(2) .tv05_box_text {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.tv05 .tv05_box_bg .tv05_box:nth-child(2) .tv05_box_img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text {
  width: calc((100% - 40px) / 2);
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text h3 {
  padding: 0 0 0 130px;
  position: relative;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text h3 .tv05_box_text_h3_no {
  position: absolute;
  left: 0;
  top: 8px;
  font-weight: 400;
  font-size: 6.5em;
  line-height: 1;
  color: #0968a7;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text h3 .tv05_box_text_h3_title01 {
  font-size: 2em;
  font-weight: bold;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text h3 .tv05_box_text_h3_title02 {
  font-size: 1.125em;
  font-weight: bold;
  margin: 5px 0 0 0;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text h3 .tv05_box_text_h3_title02 span {
  color: #ffffff;
  background: #0968a7;
  padding: 5px 20px;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_text p {
  margin: 20px 0 0 0;
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_img {
  width: calc((100% - 40px) / 2);
}

.tv05 .tv05_box_bg .tv05_box .tv05_box_img img {
  width: 100%;
  height: auto;
}

.tv06 {
  background: url("../images/tv/tv_img_21.png") center center no-repeat;
  background-size: cover;
  padding: 120px 0;
}

.tv06 h2 {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  position: relative;
  padding-top: 35px;
}

.tv06 h2::before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tv06 h2 .eng {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  font-size: 2.084em;
  font-weight: 700;
  color: #ffffff;
  font-family: "Josefin Sans", sans-serif;
}

.tv06 .tv06_flow_bg {
  width: 800px;
  margin: 45px auto 0;
}

.tv06 .tv06_flow_bg .tv06_flow {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #ffffff;
  border-radius: 6px;
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  padding: 15px 15px 15px 60px;
  position: relative;
  margin: 0 0 37px 0;
}

.tv06 .tv06_flow_bg .tv06_flow .tv06_flow_no {
  position: absolute;
  left: 24px;
  top: 16px;
  color: #000000;
  background: #ffffff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tv06 .tv06_flow_bg .tv06_flow::after {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  bottom: -37px;
  width: 20px;
  height: 37px;
  background: url("../images/tv/tv_img_22.png") center center no-repeat;
}

.tv06 .tv06_flow_bg .tv06_flow:last-child {
  margin: 0;
}

.tv06 .tv06_flow_bg .tv06_flow:last-child::after {
  display: none;
}

.tv07 {
  padding: 120px 0;
}

/*----------------------------------------------------------------------------
******************************************************************************
** 映像・Web 動画コンテンツ
******************************************************************************
----------------------------------------------------------------------------*/
.container_100.fv.video_webvideo {
  background: url("../images/video_webvideo/fv.jpg") no-repeat center center/cover;
}

.video_webvideo01 {
  background-color: #f5f5f5;
  padding: 120px 0;
}

.video_webvideo01 .video_webvideo01_video {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo01 .video_webvideo01_text01 {
  margin: 120px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo01 .video_webvideo01_text02 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.video_webvideo01 .video_webvideo01_text02 span {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #0968a7;
  padding: 0 32px;
  position: relative;
}

.video_webvideo01 .video_webvideo01_text02 span::before {
  content: "";
  width: 22px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 15px;
  left: 0;
}

.video_webvideo01 .video_webvideo01_text02 span::after {
  content: "";
  width: 22px;
  height: 2px;
  background-color: #0968a7;
  position: absolute;
  top: 15px;
  right: 0;
}

.video_webvideo01 .video_webvideo01_text03 {
  margin: 30px 0 0 0;
  line-height: 2;
}

.video_webvideo01 .video_webvideo01_text04 {
  margin: 110px 0 0 0;
}

.video_webvideo01 .video_webvideo01_text04 h3 {
  text-align: center;
  font-size: 1.75em;
  font-weight: bold;
  padding: 30px 0 40px;
  position: relative;
  letter-spacing: 0.1em;
}

.video_webvideo01 .video_webvideo01_text04 h3::after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  left: calc(50% - 25px);
  top: 0;
  background: #0968a7;
}

.video_webvideo01 .video_webvideo01_list01_bg {
  margin: 40px 0 0 0;
}

.video_webvideo01 .video_webvideo01_list01_bg .video_webvideo01_list01_outline p {
  text-align: center;
}

.video_webvideo01 .video_webvideo01_list01_bg .video_webvideo01_list01_box_bg {
  margin: 30px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo01 .video_webvideo01_list01_bg .video_webvideo01_list01_box_bg .video_webvideo01_list01_box {
  width: calc((100% - 90px) / 4);
  border: 1px solid #000000;
}

.video_webvideo01 .video_webvideo01_list01_bg .video_webvideo01_list01_box_bg .video_webvideo01_list01_box h4 {
  width: 100%;
  padding: 10px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
}

.video_webvideo01 .video_webvideo01_list01_bg .video_webvideo01_list01_box_bg .video_webvideo01_list01_box p {
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  width: 100%;
  height: 150px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo01 .video_webvideo01_list02_bg {
  margin: 40px 0 0 0;
}

.video_webvideo01 .video_webvideo01_list02_bg .video_webvideo01_list02_outline p {
  text-align: center;
}

.video_webvideo01 .video_webvideo01_list02_bg .video_webvideo01_list02_box_bg {
  margin: 30px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo01 .video_webvideo01_list02_bg .video_webvideo01_list02_box_bg .video_webvideo01_list02_box {
  width: calc((100% - 90px) / 3);
  border: 1px solid #000000;
}

.video_webvideo01 .video_webvideo01_list02_bg .video_webvideo01_list02_box_bg .video_webvideo01_list02_box h4 {
  width: 100%;
  padding: 10px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
}

.video_webvideo01 .video_webvideo01_list02_bg .video_webvideo01_list02_box_bg .video_webvideo01_list02_box p {
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  width: 100%;
  height: 120px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo01 .video_webvideo01_list02_bg .video_webvideo01_list02_box_bg .video_webvideo01_list02_box p.tal {
  text-align: left;
}

.video_webvideo01 .video_webvideo01_checklist_bg {
  margin: 70px 0 0 0;
  background: #ffffff;
}

.video_webvideo01 .video_webvideo01_checklist_bg h3 {
  background: #0968a7;
  font-size: 2.1em;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  position: relative;
}

.video_webvideo01 .video_webvideo01_checklist_bg h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px 600px 0 600px;
  border-color: #0968a7 transparent transparent transparent;
}

.video_webvideo01 .video_webvideo01_checklist_bg h3 br {
  display: none;
}

.video_webvideo01 .video_webvideo01_checklist_bg .video_webvideo01_checklist_box_bg {
  padding: 65px 65px 65px 65px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video_webvideo01 .video_webvideo01_checklist_bg .video_webvideo01_checklist_box_bg .video_webvideo01_checklist_box {
  width: calc((100% - 20px) / 2);
  margin: 20px 20px 0 0;
  font-size: 1.3em;
  line-height: 1.3;
  font-weight: bold;
  background: url("../images/video_webvideo/video_webvideo_img_02.png") 30px 50% no-repeat #e1edf4;
  padding: 30px 30px 30px 90px;
  min-height: 110px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo01 .video_webvideo01_checklist_bg .video_webvideo01_checklist_box_bg .video_webvideo01_checklist_box:nth-child(2n) {
  margin: 20px 0 0 0;
}

.video_webvideo02 {
  padding-top: 40px;
  min-width: 1200px;
}

.video_webvideo02 .video_webvideo02_text_img {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text {
  width: calc(100% - 52%);
  padding: 0 20px 0 20%;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text h3 {
  color: #888888;
  font-weight: normal;
  position: relative;
  margin: 0 0 50px 0;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text h3 span {
  color: #1a1b1b;
  font-size: 3em;
  font-weight: normal;
  display: block;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text h3::after {
  content: "";
  position: absolute;
  left: -172px;
  top: 33px;
  width: 150px;
  height: 2px;
  background: #1a1b1b;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text p.video_webvideo02_text_p01 {
  margin: 20px 0 0 0;
  position: relative;
  z-index: 1;
  padding: 10px 10px 10px 30px;
  line-height: 1.2;
  font-size: 1.9em;
  color: #ffffff;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text p.video_webvideo02_text_p01:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #0968a7;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text p.video_webvideo02_text_p01:nth-child(2) {
  width: 360px;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text p.video_webvideo02_text_p01:nth-child(3) {
  width: 300px;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_text p.video_webvideo02_text_p02 {
  margin: 40px 0 0 0;
  font-size: 1.5em;
  font-weight: bold;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_img {
  width: 52%;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_img img {
  width: 100%;
  height: auto;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box01_bg {
  width: 100%;
  max-width: 1450px;
  margin: 100px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo10 .video_webvideo02_box01_bg {
  width: 580px;
  margin-top: 20px;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box01_bg .video_webvideo02_box01_left,
.video_webvideo10 .video_webvideo02_box01_bg .video_webvideo02_box01_left {
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 1.25em;
  width: 144px;
  height: 44px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box01_bg .video_webvideo02_box01_left::after,
.video_webvideo10 .video_webvideo02_box01_bg .video_webvideo02_box01_left::after {
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 10px;
  border-color: transparent transparent transparent #000000;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box01_bg .video_webvideo02_box01_right {
  width: calc(100% - 180px);
}

.video_webvideo10 .video_webvideo02_box01_bg .video_webvideo02_box01_right {
  width: 100%;
  margin-top: 20px;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box01_bg .video_webvideo02_box01_right p span,
.video_webvideo10 .video_webvideo02_box01_bg .video_webvideo02_box01_right p span {
  border: 2px solid #0968a7;
  color: #0968a7;
  font-size: 1.2em;
  display: inline-block;
  line-height: 2;
  margin: 5px;
  padding: 0 8px;
  font-weight: bold;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box02_bg {
  width: 100%;
  max-width: 1450px;
  margin: 40px auto 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box02_bg .video_webvideo02_box02 {
  width: calc((100% - 60px) / 7);
  height: 120px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0968a7;
  font-size: 1.1em;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  background: #e4eff5;
  border: 10px solid #9dc3dc;
  position: relative;
}

.video_webvideo02 .video_webvideo02_text_img .video_webvideo02_box02_bg .video_webvideo02_box02::after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  border: 2px solid #0968a7;
}

.video_webvideo03 {
  padding: 120px 0;
}

.video_webvideo03 .video_webvideo03_title01 {
  text-align: center;
  font-size: 1.75em;
  font-weight: bold;
  padding: 30px 0 40px;
  position: relative;
  letter-spacing: 0.1em;
}

.video_webvideo03 .video_webvideo03_title01::after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  left: calc(50% - 25px);
  top: 0;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_title01 p {
  font-weight: normal;
  margin: 10px 0 0 0;
  font-size: 0.575em;
}

.video_webvideo03 .video_webvideo03_box01 {
  padding: 100px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: calc(50% - 50px);
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_img img {
  width: 100%;
  height: auto;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_text {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: calc(50% - 50px);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_text .video_webvideo03_box01_text_box {
  width: 100%;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_text .video_webvideo03_box01_text_box h3 {
  color: #0968a7;
  font-size: 2.875em;
  text-align: center;
  padding: 15px;
  border-top: 1px solid #0968a7;
  border-bottom: 1px solid #0968a7;
  position: relative;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_text .video_webvideo03_box01_text_box h3 p {
  position: absolute;
  left: 0;
  top: -60px;
  color: #ffffff;
  font-size: 0.43em;
  width: 140px;
  height: 40px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_text .video_webvideo03_box01_text_box h3 p:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #0968a7;
}

.video_webvideo03 .video_webvideo03_box01 .video_webvideo03_box01_text .video_webvideo03_box01_text_box p {
  margin: 20px 0 0 0;
  font-size: 1.375em;
  font-weight: bold;
  text-align: center;
}

.video_webvideo03 .video_webvideo03_box02 {
  margin: 40px 0 0 0;
  background: #e1edf4;
  padding: 40px 30px;
}

.video_webvideo03 .video_webvideo03_box02 ul li {
  margin: 0 0 1px 0;
  background: url("../images/video_webvideo/video_webvideo_img_02.png") 0px 4px no-repeat;
  font-size: 1.375em;
  padding: 10px 10px 10px 60px;
}

.video_webvideo03 .video_webvideo03_box03 {
  margin: 40px 0 0 0;
  padding: 40px;
  border: 2px solid #0968a7;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_title {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 50px;
  background: #0968a7;
  color: #ffffff;
  font-size: 1.375em;
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_title::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 20px 0 0;
  border-color: #0968a7 transparent transparent transparent;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_list {
  width: calc(100% - 470px);
  padding: 40px 0 0 0;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_list ul li {
  position: relative;
  padding: 5px 5px 5px 14px;
  font-size: 1.2em;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_list ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 19px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_img {
  width: 450px;
}

.video_webvideo03 .video_webvideo03_box03 .video_webvideo03_box03_img img {
  width: 100%;
  height: auto;
}

.video_webvideo03 .video_webvideo03_box04 {
  margin: 40px 0 0 0;
  padding: 40px;
  border: 2px solid #666666;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_title {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 50px;
  background: #666666;
  color: #ffffff;
  font-size: 1.375em;
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_title::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 20px 0 0;
  border-color: #666666 transparent transparent transparent;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_list {
  width: calc(100% - 470px);
  padding: 40px 0 0 0;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_list ul li {
  position: relative;
  padding: 5px 5px 5px 14px;
  font-size: 1.2em;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_list ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 19px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666666;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_img {
  width: 450px;
}

.video_webvideo03 .video_webvideo03_box04 .video_webvideo03_box04_img img {
  width: 100%;
  height: auto;
}

.video_webvideo03 .video_webvideo03_box05 {
  margin: 60px 0 0 0;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 100px 0;
}

.video_webvideo03 .video_webvideo03_box05 h4 {
  padding: 0 0 0 40px;
  position: relative;
  font-size: 1.5em;
}

.video_webvideo03 .video_webvideo03_box05 h4::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 19px;
  height: 3px;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg {
  margin: 20px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price {
  width: calc((100% - 60px) / 4);
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_title {
  background: #0968a7;
  color: #ffffff;
  font-weight: bold;
  font-size: 2.0em;
  text-align: center;
  padding: 20px;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time {
  background: #dae8f2;
  padding: 20px;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time .video_webvideo03_box05_price_list {
  min-height: 110px;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time .video_webvideo03_box05_price_list ul li {
  position: relative;
  padding: 3px 3px 3px 15px;
  font-size: 1.125em;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time .video_webvideo03_box05_price_list ul li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time .video_webvideo03_box05_price_time {
  margin: 20px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time .video_webvideo03_box05_price_time .video_webvideo03_box05_price_time_left {
  width: 100px;
  padding: 5px;
  background: #0968a7;
  color: #ffffff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bg .video_webvideo03_box05_price .video_webvideo03_box05_price_list_time .video_webvideo03_box05_price_time .video_webvideo03_box05_price_time_right {
  width: calc(100% - 100px);
  padding: 5px;
  border: 1px solid #0968a7;
  background: #ffffff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_text {
  margin: 20px 0 0 0;
}

.video_webvideo03 .video_webvideo03_box06 {
  margin: 60px 0 0 0;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 100px 0;
}

.video_webvideo03 .video_webvideo03_box06 h4 {
  padding: 0 0 0 40px;
  position: relative;
  font-size: 1.5em;
}

.video_webvideo03 .video_webvideo03_box06 h4::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 19px;
  height: 3px;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_bg {
  margin: 10px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
}

.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_bg .video_webvideo03_box06_price {
  width: 450px;
  margin: 0 30px 0 0;
}

.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_bg .video_webvideo03_box06_price .video_webvideo03_box06_price_title {
  letter-spacing: 0.1em;
  color: #ffffff;
  font-weight: bold;
  font-size: 2.5em;
  background: #0968a7;
  width: 100%;
  height: 140px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_bg .video_webvideo03_box06_price .video_webvideo03_box06_price_con {
  width: 100%;
  height: 100px;
  background: #dae8f2;
  font-size: 1.125em;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_bg .video_webvideo03_box06_price .video_webvideo03_box06_price_con strong {
  color: #0968a7;
  font-size: 2.2222em;
  letter-spacing: 0.1em;
}

.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_text {
  margin: 20px 0 0 0;
}

.video_webvideo03 .video_webvideo03_box05 .video_webvideo03_box05_price_bnr,
.video_webvideo03 .video_webvideo03_box06 .video_webvideo03_box06_price_bnr,
.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bnr {
  margin: 80px 0 0 0;
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo03 .video_webvideo03_box07 {
  margin: 60px 0 0 0;
}

.video_webvideo03 .video_webvideo03_box07 h4 {
  padding: 0 0 0 40px;
  position: relative;
  font-size: 1.5em;
}

.video_webvideo03 .video_webvideo03_box07 h4::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 19px;
  height: 3px;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg {
  margin: 20px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price {
  width: calc(100% / 4);
  border-right: 1px solid #0968a7;
  border-bottom: 1px solid #0968a7;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price:nth-child(1) {
  border-left: 1px solid #0968a7;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price:nth-child(4) .video_webvideo03_box07_price_title {
  border: none;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price .video_webvideo03_box07_price_title {
  background: #0968a7;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
  padding: 20px;
  border-right: 1px solid #ffffff;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price .video_webvideo03_box07_price_price {
  background: #dae8f2;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price .video_webvideo03_box07_price_list {
  padding: 20px;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price .video_webvideo03_box07_price_list ul li {
  position: relative;
  padding: 3px 3px 3px 15px;
  font-size: 1.125em;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_bg .video_webvideo03_box07_price .video_webvideo03_box07_price_list ul li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0968a7;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_text01 {
  margin: 10px 0 0 0;
}

.video_webvideo03 .video_webvideo03_box07 .video_webvideo03_box07_price_text02 {
  margin: 20px 0 0 0;
}

.video_webvideo04 {
  padding: 120px 0 240px 0 !important;
  background-color: #f5f5f5;
}

.video_webvideo04 .video_webvideo04_outline {
  width: 100%;
  text-align: center;
  margin: 50px 0 0 0;
}

.video_webvideo04 .video_webvideo04_list_bg {
  margin: 50px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list {
  width: calc(100% / 3);
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list:nth-child(3n) .video_webvideo04_list_title {
  border-right: none;
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list .video_webvideo04_list_title {
  background: #000000;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #ffffff;
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list .video_webvideo04_list_box {
  width: 100%;
  height: 260px;
  position: relative;
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list .video_webvideo04_list_box .video_webvideo04_list_box_text_be {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 10px 30px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list .video_webvideo04_list_box .video_webvideo04_list_box_text_be:hover {
  opacity: 1;
}

.video_webvideo04 .video_webvideo04_list_bg .video_webvideo04_list .video_webvideo04_list_box .video_webvideo04_list_box_text_be .video_webvideo04_list_box_text {
  color: #ffffff;
}

.video_webvideo05 {
  background-color: #ffffff;
  padding: 120px 0;
}

.video_webvideo05 .video_webvideo05_nav {
  margin: 40px auto 0;
  width: 100%;
  max-width: 1600px;
}

.video_webvideo05 .video_webvideo05_nav ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo05 .video_webvideo05_nav ul li {
  margin: 20px 10px;
}

.video_webvideo05 .video_webvideo05_nav ul li a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.video_webvideo05 .video_webvideo05_nav ul li a:hover {
  opacity: 0.5;
}

.video_webvideo05 .video_webvideo05_box_bg {
  margin: 120px 0 0 0;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box {
  margin: 70px 0 0 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text {
  width: calc(100% - 530px);
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text h3 {
  font-size: 1.625em;
  padding: 0 0 0 110px;
  position: relative;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text h3 .h3_no {
  z-index: 100;
  position: absolute;
  left: 0;
  top: -28px;
  color: #1a1b1b;
  font-size: 3.2em;
  font-weight: normal;
  font-family: "Josefin Sans", sans-serif;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text h3 .h3_no::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #666666;
  z-index: -5;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text h3 .h3_small {
  font-size: 0.6em;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text h3 .h3_small::after {
  content: "ー";
  margin: 0 0 0 3px;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text h3 .h3_small::before {
  content: "ー";
  margin: 0 3px 0 0;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text p {
  margin: 30px 0 0 0;
  line-height: 2;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_text p strong {
  font-size: 1.25em;
  font-weight: bold;
  display: block;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_img {
  width: 470px;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box .video_webvideo05_box_img img {
  width: 100%;
  height: auto;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_01 .video_webvideo05_box_text h3 .h3_no::before {
  background: #7abbdc;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_02 .video_webvideo05_box_text h3 .h3_no::before {
  background: #f8d61c;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_03 .video_webvideo05_box_text h3 .h3_no::before {
  background: #98d613;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_04 .video_webvideo05_box_text h3 .h3_no::before {
  background: #f991ac;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_05 .video_webvideo05_box_text h3 .h3_no::before {
  background: #ffaa25;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_06 .video_webvideo05_box_text h3 .h3_no::before {
  background: #62bcc7;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_06 .video_webvideo05_box_text p strong {
  color: #62bcc7;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_07 .video_webvideo05_box_text h3 .h3_no {
  top: -56px;
}

.video_webvideo05 .video_webvideo05_box_bg .video_webvideo05_box#video_webvideo05_07 .video_webvideo05_box_text h3 .h3_no::before {
  background: #ffaa25;
}

.video_webvideo06 {
  background: url("../images/video_webvideo/video_webvideo_img_34.png") center center no-repeat;
  background-size: cover;
  padding: 120px 0;
}

.video_webvideo06 h2 {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  -webkit-text-align: center;
  -moz-text-align: center;
  -ms-text-align: center;
  -o-text-align: center;
  text-align: center;
  line-height: 1.3;
  position: relative;
  padding-top: 35px;
}

.video_webvideo06 h2::before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.video_webvideo06 h2 .eng {
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  font-size: 2.084em;
  font-weight: 700;
  color: #ffffff;
  font-family: "Josefin Sans", sans-serif;
}

.video_webvideo06 .video_webvideo06_flow_bg {
  margin: 50px 0 0 0;
  background: #ffffff;
  width: 100%;
  padding: 50px;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow {
  width: 100%;
  background: #eeeeee;
  border-radius: 6px;
  padding: 30px 40px;
  margin: 0 0 37px 0;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow:last-child {
  margin: 0 0 0 0;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow:last-child::after {
  display: none;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow::after {
  content: "";
  position: absolute;
  bottom: -37px;
  left: calc(50% - 10px);
  background: url("../images/video_webvideo/video_webvideo_img_35.png") center center no-repeat;
  width: 20px;
  height: 37px;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box01 {
  width: 280px;
  font-size: 1.125em;
  font-weight: bold;
  padding: 0 0 0 32px;
  position: relative;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box01 span {
  position: absolute;
  left: 0;
  top: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #ffffff;
  background: #0968a7;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box02 {
  width: calc(100% - 280px);
  padding: 0 0 0 30px;
  border-left: 1px solid #cccccc;
  line-height: 2;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box03 {
  width: 100%;
  margin: 30px 0 0 0;
  padding: 40px 20px 30px 20px;
  background: #ffffff;
  position: relative;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box03 .video_webvideo06_flow_box03_title {
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  background: #000000;
  padding: 0px 20px;
  height: 35px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box03 .video_webvideo06_flow_box03_title::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 10px 0 0;
  border-color: #000000 transparent transparent transparent;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box03 .video_webvideo06_flow_box03_text {
  margin: 10px 0 0 0;
}

.video_webvideo06 .video_webvideo06_flow_bg .video_webvideo06_flow .video_webvideo06_flow_box03 .video_webvideo06_flow_box03_text strong {
  display: block;
  font-weight: bold;
  color: #0968a7;
}

.video_webvideo07 {
  padding: 120px 0;
  background: #f5f5f5;
}

.video_webvideo08 {
  padding: 120px 0;
}

.video_webvideo08 .video_webvideo08_nav_bg {
  margin: 50px 0 0 0;
  background: #f5f5f5;
  padding: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav {
  width: 100%;
}

.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav ul li a {
  margin: 0 30px;
  display: block;
  padding: 5px 25px 5px 5px;
  color: #000000;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav ul li a .en{
  width: 100%;
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  display: block;
}
.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav ul li a .jp{
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  display: block;
  margin-top: -3px;
}


.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav ul li a:hover {
  opacity: 0.7;
}

.video_webvideo08 .video_webvideo08_nav_bg .video_webvideo08_nav ul li a::after {
  position: absolute;
  right: 2px;
  top: 30px;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.video_webvideo08 .video_webvideo08_qa_box {
  border-bottom: 1px solid #dddddd;
  padding: 50px 0;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_q {
  position: relative;
  padding: 5px 0px 5px 70px;
  font-size: 1.6em;
  font-weight: bold;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_q::after {
  content: "Q";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 1.5em;
  padding: 5px 0 0 0;
  background: #000000;
  font-weight: normal;
  font-family: "Josefin Sans", sans-serif;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a {
  margin: 20px 0 0 0;
  position: relative;
  padding: 10px 0px 10px 70px;
  font-size: 1.1em;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a::after {
  content: "A";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 38px;
  padding: 10px 0 0 0;
  font-size: 2.3em;
  border: 1px solid #000000;
  font-weight: normal;
  font-family: "Josefin Sans", sans-serif;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 15px 0;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn a {
  color: #000000;
  padding: 0 35px 5px 10px;
  text-decoration: none;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn a:hover {
  color: #666666;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn a:hover::after {
  bottom: 0;
  right: -10px;
  background: #000000;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn a:hover::before {
  content: "";
  position: absolute;
  bottom: 3px;
  right: -10px;
  width: 14px;
  height: 1px;
  background: #000000;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #000000;
}

.video_webvideo08 .video_webvideo08_qa_box .video_webvideo08_a .video_webvideo08_a_btn a::before {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  width: 14px;
  height: 1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #000000;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

.video_webvideo08_a_box01 {
  margin: 5px 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video_webvideo08_a_box01 .video_webvideo08_a_box01_left {
  margin: 0 40px 0 0;
  background: #222222;
  font-size: 0.9em;
  color: #ffffff;
  padding: 3px 10px;
  position: relative;
}

.video_webvideo08_a_box01 .video_webvideo08_a_box01_left::after {
  position: absolute;
  right: -35px;
  top: 50%;
  content: "";
  border-top: 2px dotted #000000;
  width: 28px;
  height: 2px;
}

.video_webvideo08_a_box02 {
  margin: 10px 0;
}

.video_webvideo08_a_box02 ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 25px;
}

.video_webvideo08_a_box02 ul li {
  list-style-type: disc;
  margin: 5px 70px 5px 5px;
}

.video_webvideo09 {
  background: url("../images/video_webvideo/video_webvideo_img_37.jpg") center center no-repeat;
  background-size: cover;
  padding: 0 0 120px 0;
  min-width: 1200px;
}

.video_webvideo09 .video_webvideo09_text_img {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text {
  width: 45%;
  z-index: 10;
  margin: 0 -10% 0 0;
  padding: 0 20px 0 20%;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text h3 {
  color: #ffffff;
  font-weight: normal;
  position: relative;
  margin: 0 0 50px 0;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text h3 span {
  color: #ffffff;
  font-size: 3em;
  font-weight: normal;
  display: block;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text h3::after {
  content: "";
  position: absolute;
  left: -172px;
  top: 33px;
  width: 150px;
  height: 2px;
  background: #ffffff;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text p.video_webvideo09_text_p01 {
  width: 80px;
  height: 40px;
  margin: 20px 0 0 0;
  z-index: 1;
  font-weight: bold;
  font-size: 1.3em;
  background: #ffffff;
  color: #0968a7;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text p.video_webvideo09_text_p02 {
  margin: 10px 0 0 0;
  font-size: 1.2em;
  color: #ffffff;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_text p.video_webvideo09_text_p02 span {
  display: block;
  margin: 10px 0 0 0;
  font-size: 0.8em;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_img {
  width: 65%;
  margin: -3.9vw 0 0 0;
}

.video_webvideo09 .video_webvideo09_text_img .video_webvideo09_img img {
  width: 100%;
  height: auto;
}

.video_webvideo10 {
  padding-top: 120px !important;
}
.common_wecando.wecando_live {
  padding-left: 0;
}

.common_wecando.wecando_live .container{
  max-width: 1800px;
}
.common_wecando.wecando_live .container .wecando_img01 {
  width: calc(100% - 800px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}

.common_wecando {
  padding-top: 80px;
  padding-left: 20px;
}

.common_wecando .container {
  max-width: 1920px;
  min-height: 620px;
  margin: 0 auto;
  padding: 60px 0 30px 140px;
  position: relative;
}

.common_wecando .container .wecando_ttl01 {
  width: 600px;
  font-size: 2em;
  line-height: 1.4;
  color: #888;
  position: relative;
}

.common_wecando .container .wecando_ttl01::before {
  content: "";
  width: 120px;
  height: 2px;
  background-color: #1a1b1b;
  position: absolute;
  top: 30px;
  left: -140px;
}

.common_wecando .container .wecando_ttl01 span {
  font-size: 1.55em;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
  display: block;
  color: #000;
}

.common_wecando .container .wecando_img01 {
  width: calc((100% - 650px) + ((100vw - 100%) / 2));
  height: 100%;
  position: absolute;
  top: 0;
  left: 790px;
}

.common_wecando .container .wecando_img01 img {
  /*width: 100%;*/
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.common_wecando .container .wecando_ttl02 {
  width: 600px;
  margin-top: 40px;
  font-size: 1.875em;
}

.common_wecando .container .wecando_txt01 {
  width: 600px;
  margin-top: 20px;
  font-size: 1.25em;
  line-height: 2;
}

.common_wecando .container .wecando_txt02 {
  width: 600px;
  margin-top: 20px;
}

.common_wecando .container .wecando_txt02 span {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  padding: 10px 30px;
  display: inline-block;
}

.common_wecando .container .wecando_txt02 span:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #0968a7;
}

.common_wecando .container .wecando_txt03 {
  width: 600px;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #888888;
  margin-top: 30px;
}

.common_wecando .container .wecando_list01 {
  width: 600px;
  margin-top: 30px;
}

.common_wecando .container .wecando_list01 li {
  font-size: 1.25em;
  padding: 0.5em 0 0 20px;
  position: relative;
}

.common_wecando .container .wecando_list01 li::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0968a7;
  position: absolute;
  left: 0;
  top: 22px;
}

.notfound_txt01 {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

#ez-toc-container {
	margin-top: 80px !important;
	padding: 25px 35px !important;
	margin-bottom: 50px !important;
}

div#ez-toc-container ul li {
	margin-bottom: 10px !important;
}

div#ez-toc-container p.ez-toc-title {
	margin-bottom: 15px !important;
	display: inline-block !important;
}

.ez-toc-counter nav ul li a::before {
  content: counter(item, decimal) ". " !important;
}

/*# sourceMappingURL=style.css.map */