@charset "UTF-8";
/* CSS Document */
/*共通*/
/*フォント*/
body{
    line-height: 1.5rem;
    text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
}
/* h1 */
body > h1 {
  font-size:1.2em;
  position:fixed;
  top:-3em;
  text-align: center;
}
/*ノト*/
@font-face {
  font-family: 'myfont-black';
    src: url('../fonts/new-NotoSansCJKjp-Black.eot'); /* IE9 Compat Modes */
    src:url('../fonts/new-NotoSansCJKjp-Black.woff') format('woff'), /* Modern Browsers */
    url('../fonts/new-NotoSansCJKjp-Black-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Bold';
    src: url('../fonts/new-NotoSansJP-Bold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/new-NotoSansJP-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/new-NotoSansJP-Bold-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Medium';
    src: url('../fonts/new-NotoSansJP-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/new-NotoSansJP-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/new-NotoSansJP-Medium-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Regular';
    src: url('../fonts/new-NotoSansCJKjp-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/new-NotoSansCJKjp-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/new-NotoSansCJKjp-Regular-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Light';
    src: url('../fonts/new-NotoSansJP-Light.eot'); /* IE9 Compat Modes */
    src:url('../fonts/new-NotoSansJP-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/new-NotoSansJP-Light-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-b {
  font-family: 'myfont-black';
}
.font_Noto-bold {
  font-family: 'myfont-Bold';
}
.font_Noto-m {
  font-family: 'myfont-Medium';
}
.font_Noto-r {
  font-family: 'myfont-Regular';
}
.font_Noto-l {
  font-family: 'myfont-Light';
}

/*アンドロイド　セリフ体用*/
@font-face {
  font-family: 'myfont-SemiBold';
    src: url('../fonts/NotoSerifJP-SemiBold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-SemiBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-SemiBold-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-SemiBold {
  font-family: 'myfont-SemiBold';
}

.Serif{
	font-family: 'Noto Serif Japanese', serif, sans-serif!important;
}
/*Sora*/
@font-face {
  font-family: 'myfont-italic';
  src: url('../fonts/SourceSansPro-BoldItalic.ttf') 
	format('opentype');
}
.font_italic {
  font-family: 'myfont-italic', sans-serif;
}
.mincho {font-family:"Sawarabi Mincho", serif;}

/*游明朝*/
@font-face {
	font-family: 'MyYuMinchoC';
	src: local('YuMincho-Demibold'),  /* for Win */
       local('YuMincho Demibold');  /* for Mac */
}
.yumincho{
	font-family :'Yu Mincho','YuMincho', sans-serif!important;
}
.yuminchoR{
	font-family :'Yu Mincho Regular', 'Yu Mincho','YuMincho Medium',sans-serif!important;
}
.yuminchoB{
	font-family :'Yu Mincho Demibold','YuMincho Demibold', sans-serif!important;
}
.yuminchoC{
	font-family : "MyYuMinchoC", sans-serif!important;
}
img{
	max-width: 100%;
    height: auto;
}
a {
	text-decoration: none!important;
}
ul {
    list-style: none;
    padding: 0;
}
.clear{
	clear: both;
}
/*余白*/
.line-mt{
	padding-top: 110px;
}
@media (max-width: 576px){
.line-mt{
    padding-top: 60px;
}
}
.mt-40{
	margin-top: 40px;
}
@media (max-width: 425px){
.mt-40{
	margin-top: 20px;
}
}
.pb-50{
	padding-bottom: 50px;
}
@media (max-width: 425px){
.pb-50{
    padding-bottom: 35px;
}
}
/*文字*/
p.con_title {
    font-size: 40px;
/*    margin-top: 30px;*/
	margin-bottom: 0rem;
	letter-spacing: 0.03em;
	text-align: center;
    display: block;
}
@media (max-width: 991px){
p.con_title {
    font-size: 35px;
}
}
@media (max-width: 576px){
p.con_title {
	font-size: 30px;
    margin-top: 20px;
}
}
@media (max-width: 425px) {
p.con_title {
	font-size: 25px;
}
}
p.con_title-l {
    font-size: 40px;
    margin-top: 30px;
	margin-bottom: 0rem;
	letter-spacing: 0.03em;
	font-weight: bold;
}
@media (max-width: 991px){
p.con_title-l {
    font-size: 35px;
}
}
@media (max-width: 767px){
p.con_title-l {
	text-align: center;
}
}
@media (max-width: 576px){
p.con_title-l {
	font-size: 30px;
    margin-top: 20px;
}
}
@media (max-width: 425px) {
p.con_title-l {
	font-size: 25px;
}
}

p.con_sub-title {
    font-size: 22px;
	text-align: center;
	font-weight: bold;
}
@media (max-width: 991px){
p.con_sub-title {
    font-size: 20px;
}
}
@media (max-width: 425px){
p.con_sub-title {
    font-size: 17px;
}
}
/*サブタイトルの余白*/
.con_sub-title-mb{
    margin-bottom: 60px;
}
@media (max-width: 1199px){
.con_sub-title-mb{
    margin-bottom: 40px;
}
}
@media (max-width: 767px){
.con_sub-title-mb{
    margin-bottom: 0px;
}
}

p.con_sub-title-l {
    font-size: 22px;
	margin-bottom: 40px;
	font-weight: bold;
}
@media (max-width: 991px){
p.con_sub-title-l {
    font-size: 20px;
}
}
@media (max-width: 767px){
p.con_sub-title-l {
    text-align: center;
}
}
@media (max-width: 425px){
p.con_sub-title-l {
    font-size: 17px;
}
}
p.con3_wrap_text-b {
    font-size: 20px;
	line-height: 2rem;
    color: #000;
    padding: 10px 6%;
}
@media (max-width: 1440px){
p.con3_wrap_text-b {
    font-size: 16px;
}
}
@media (max-width: 991px){
p.con3_wrap_text-b {
    font-size: 13px;
	padding: 10px 4%;
}
}
@media (max-width: 991px){
p.con3_wrap_text-b {
	line-height: 1.5rem;
}
}
/*カラー*/
.orange{
	color: #ff7512;
}
.dark-orange{
	color: #ff6000;
}
.bg-color_gray{
	background-color: #f6f6f6;
}
.bg-color_orange{
	background-color: #ff9119;
}
.line-white{
	width: 50px;
    border: 2px solid #fff;
    display: block;
    margin: 0 auto;
	margin-bottom: 30px;
}
@media (max-width: 425px) {
.line-white{
	width: 40px;
}
}
.line-white-a{
	width: 50px;
    border: 2px solid #fff;
	text-align: left;
    margin-bottom: 30px;
}
@media (max-width: 767px){
.line-white-a{
	text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}
}
.line-orange{
	width: 50px;
    border: 2px solid #ff7512;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.line-orange-a{
	width: 50px;
    border: 2px solid #ff7512;
	text-align: left;
    margin-bottom: 30px;
}
@media (max-width: 767px){
.line-orange-a{
	text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}
}
/*/////////////動き/////////////*/
/*//////上下にふわふわ動くアニメーション//////*/
.all-aiso{
	animation: all-aiso_01 3s linear infinite;
	transform-origin: 50% 50%;
}
@keyframes all-aiso_01{
	0% { transform:translateY(0)}
	33.33333% { transform:translateY(-15px)}
	66.66667% { transform:translateY(-5px)}
	100% { transform:translateY(0px)}
}
/*//////ブロックが現れて、伸びて、文字やコンテンツが残るブロックアニメーション//////*/
/*見出しタイトル　中央構え(位置が一番上で定位置関係ない場合の指定)*/
.block_extend_text{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: 40%;
}
.block_extend_text:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }
/*サブタイトル　中央構え*/
.block_extend_text-sub{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: 36%;
}
.block_extend_text-sub:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),                    secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-sub p {
  color: #000;
/*
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
*/
}

/*見出しタイトル　メディアサービスについて*/
.block_extend_text-about{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: -18%;
}
@media (max-width: 1511px) {
.block_extend_text-about{
    left: -25%;
}
}
@media (max-width: 1440px) {
.block_extend_text-about{
    left: -29%;
}
}
@media (max-width: 1199px) {
.block_extend_text-about{
    left: -26%;
}
}
@media (max-width: 1024px) {
.block_extend_text-about{
    left: -25%;
}
}
@media (max-width: 991px) {
.block_extend_text-about{
    left: -20%;
}
}
@media (max-width: 767px) {
.block_extend_text-about{
/*    left: -13%;*/
    left: -8%;
}
}
@media (max-width: 375px) {
.block_extend_text-about{
/*    left: -7%;*/
    left: -12%;
}
}
@media (max-width: 320px) {
.block_extend_text-about{
/*    left: -4%;*/
    left: -9%;
}
}
.block_extend_text-about:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#fff;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-about p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }
/*サブタイトル メディアサービスについて*/
.block_extend_text-sub-about{
  display:inline-block;
  overflow:hidden;
  position:relative;
	left: -34.9%;
}
@media (max-width:1440px) {
.block_extend_text-sub-about{
    left: -37.9%;
}
}
@media (max-width:1199px) {
.block_extend_text-sub-about{
    left: -36%;
}
}
@media (max-width: 991px) {
.block_extend_text-sub-about{
    left: -31%;
}
}
@media (max-width: 767px) {
.block_extend_text-sub-about{
    left: -22%;
}
}
@media (max-width: 375px) {
.block_extend_text-sub-about{
    left: -17%;
}
}
@media (max-width: 320px) {
.block_extend_text-sub-about{
    left: -12%;
}
}
.block_extend_text-sub-about:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#fff;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-sub-about p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}
/*見出しタイトル　WHAT'S MEDIASERVICE*/
.block_extend_text-whats{
  display:inline-block;
  overflow:hidden;
  position:relative;
}
.block_extend_text-whats:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-whats p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }

/*見出しタイトル　事業内容*/
.block_extend_text-project{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: -17%;
}
@media (max-width: 1511px) {
.block_extend_text-project{
    left: -25%;
}
}
@media (max-width: 1440px) {
.block_extend_text-project{
    left: -28%;
}
}
@media (max-width: 1199px) {
.block_extend_text-project{
    left: -24%;
}
}
@media (max-width: 1024px) {
.block_extend_text-project{
    left: -24%;
}
}
@media (max-width: 991px) {
.block_extend_text-project{
    left: -19%;
}
}
@media (max-width: 767px) {
.block_extend_text-project{
    left: -6%;
}
}
@media (max-width: 375px) {
.block_extend_text-project{
	left: 0%;
}
}
@media (max-width: 320px) {
.block_extend_text-project{
	left: 5%;
}
}
.block_extend_text-project:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-project p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }
/*サブタイトル 事業内容*/
.block_extend_text-sub-project{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: -45%;
}
@media (max-width:1440px) {
.block_extend_text-sub-project{
    left: -46%;
}
}
@media (max-width:1199px) {
.block_extend_text-sub-project{
    left: -45%;
}
}
@media (max-width: 991px) {
.block_extend_text-sub-project{
	left: -44%;
}
}
@media (max-width: 767px) {
.block_extend_text-sub-project{
    left: -41%;
}
}
@media (max-width: 375px) {
.block_extend_text-sub-project{
	left: -38%;
}
}
@media (max-width: 320px) {
.block_extend_text-sub-project{
    left: -35%;
}
}
.block_extend_text-sub-project:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),                    secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-sub-project p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}
/*見出しタイトル　採用情報*/
.block_extend_text-recruit{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: -41%;
}
@media (max-width: 1511px) {
.block_extend_text-recruit{
    left: -31%;
}
}
@media (max-width: 1440px) {
.block_extend_text-recruit{
    left: -28%;
}
}
@media (max-width: 1199px) {
.block_extend_text-recruit{
    left: -24%;
}
}
@media (max-width: 1024px) {
.block_extend_text-recruit{
    left: -24%;
}
}
@media (max-width: 991px) {
.block_extend_text-recruit{
    left: -19%;
}
}
@media (max-width: 767px) {
.block_extend_text-recruit{
    left: -31%;
}
}
@media (max-width: 375px) {
.block_extend_text-recruit{
    left: -30%;
}
}
@media (max-width: 320px) {
.block_extend_text-recruit{
    left: -29%;
}
}
.block_extend_text-recruit:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-recruit p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }
/*サブタイトル 採用情報*/
.block_extend_text-sub-recruit{
  display:inline-block;
  overflow:hidden;
  position:relative;
    left: -48%;
}
@media (max-width:1511px) {
.block_extend_text-sub-recruit{
    left: -36%;
}
}
@media (max-width:1440px) {
.block_extend_text-sub-recruit{
    left: -32%;
}
}
@media (max-width:1199px) {
.block_extend_text-sub-recruit{
    left: -29%;
}
}
@media (max-width: 991px) {
.block_extend_text-sub-recruit{
    left: -24%;
}
}
@media (max-width: 767px) {
.block_extend_text-sub-recruit{
    left: -36%;
}
}
@media (max-width: 375px) {
.block_extend_text-sub-recruit{
    left: -36%;
}
}
@media (max-width: 320px) {
.block_extend_text-sub-recruit{
    left: -35%;
}
}
.block_extend_text-sub-recruit:after{  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color:#ff7512;
  animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(.77,0,.175,1),                    secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(.77,0,.175,1);
  animation-fill-mode: both;
}
.block_extend_text-sub-recruit p {
  color: #000;
  animation:fadeIn 0.1s 0.5s; 
  animation-fill-mode: both;
}
/*//////背景がフェードインで表示するアニメーション//////*/
/*///背景色(白)から画像表示///*/
.img-curtain{
    overflow: hidden;
    position: relative;
}
.img-curtain__img{
    display: block;
    opacity: 0;
    position: relative;
    transition:all .5s .3s ease; 
    z-index: 0;
}
.img-curtain:before{
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition:all .8s 0s ease; 
    width: 100%;
    z-index: 1;     
}
/*アニメーションするプロパティ*/
.img-curtain.active img{
    opacity: 1;
}
.img-curtain.active:before{
    transform: translateX(100%);        
}

/*///背景色（オレンジ）から画像表示///*/
.img-curtain_orangi{
    overflow: hidden;
    position: relative;
}
.img-curtain__img_orangi{
    display: block;
    opacity: 0;
    position: relative;
    transition:all .5s .3s ease; 
    z-index: 0;
}
.img-curtain_orangi:before{
    background: #ff6000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition:all .8s 0s ease; 
    width: 100%;
    z-index: 1;     
}
/*アニメーションするプロパティ*/
.img-curtain_orangi.active img{
    opacity: 1;
}
.img-curtain_orangi.active:before{
    transform: translateX(100%);        
}

/*///背景色（オレンジ）タイトル表示///*/
.title-curtain_orangi{
    overflow: hidden;
    position: relative;
}
.title-curtain_orangi__text{
    display: block;
    opacity: 0;
    position: relative;
    transition:all .5s .3s ease; 
    z-index: 0;
}
.title-curtain_orangi:before{
    background: #ff6000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition:all .8s 0s ease; 
    width: 100%;
    z-index: 1;     
}
/*アニメーションするプロパティ*/
.title-curtain_orangi.active p{
    opacity: 1;
}
.title-curtain_orangi.active:before{
    transform: translateX(100%);        
}

/*///フェードイン///*/
@media (max-width: 991px){
.text-container.text-active-mb.active {
    margin-bottom: -1rem;
}
}
.text-container{
    opacity: 0;
    transition: all .8s .0s ease;
}
/*アニメーションするプロパティ*/
.text-container.active{
    opacity: 1;
}
.text-container_top{
    opacity: 0;
    transition: all .50s .5s ease;
}
/*アニメーションするプロパティ*/
.text-container_top.active{
    opacity: 1;
}
.text-container-recruit{
    opacity: 0;
    transition: all .80s .0s ease-in;
}
/*アニメーションするプロパティ*/
.text-container-recruit.active{
    opacity: 1;
}
/*左からフェードインで表示*/
.text-container__text {
    left: -50px;
    opacity: 0;
    position: relative;
    transition: all .5s .5s ease;
}
.text-container.active .text-container__text {
    left: 0;
    opacity: 1;
}

/*右からフェードインで表示*/
.text-container__text_right {
    right: -50px;
    opacity: 0;
    position: relative;
    transition: all .5s .5s ease;
}
.text-container.active .text-container__text_right {
    right: 0;
    opacity: 1;
}
.text-container__text_right-sp {
    right: -50px;
    opacity: 0;
    position: relative;
    transition: all .5s .5s ease;
}
@media (max-width: 991px){
.text-container__text_right-sp {
    left: -39px;
}
}
@media (max-width: 767px){
.text-container__text_right-sp {
    left: -50px;
}
}
.text-container.active .text-container__text_right-sp {
    right: 0;
    opacity: 1;
}
@media (max-width: 767px){
.text-container.active .text-container__text_right-sp {
    left: 0;
}
}
/*上記の左を削除する用のクラス名*/
@media (max-width: 991px){
.text-container__text_right-sp.sp-riset {
    left: 0px;
}
}

/*トップページ　メディアサービスの４つの特徴*/
/*背景色（白）からタイトル表示（定位置にきたら）*/
.text-container__title {
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 41%;
    z-index: 0;
}
@media (max-width: 1199px){
.text-container__title {
    left: 39%;
}
}
@media (max-width: 991px){
.text-container__title {
    left: 37.5%;
}
}
@media (max-width: 767px){
.text-container__title {
    left: 34%;
	margin-top: -24px;
}
}
@media (max-width: 375px){
.text-container__title {
    left: 32%;
}
}
@media (max-width: 320px){
.text-container__title {
    left: 28%;
}
}
.text-container__title:before {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
	transition: all .8s .8s ease;
    width: 102%;
    z-index: 1;
}

.text-container.active .text-container__title:before {
    transform: translateX(100%);
}
.text-container__title__inner{
	display: inline-block;
	opacity: 0;
	transition: all .8s .8s ease;
}
.text-container.active .text-container__title__inner{
	opacity: 1;
}
/*背景色（白）からサブタイトル表示（定位置にきたら）*/
.text-container__sub-title {
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 40%;
/*    left: 36%;*/
    margin-top: -25px;
    z-index: 0;
}
@media (max-width: 1440px){
.text-container__sub-title {
/*    left: 37%;*/
    left: 41%;
}
}
@media (max-width: 1199px){
.text-container__sub-title {
/*    left: 34%;*/
    left: 38%;
}
}
@media (max-width: 991px){
.text-container__sub-title {
/*    left: 31%;*/
	left: 35%;
}
}
@media (max-width: 767px){
.text-container__sub-title {
    left: 21%;
}
}
@media (max-width: 375px){
.text-container__sub-title {
    left: 18%;
}
}
@media (max-width: 320px){
.text-container__sub-title {
    left: 11%;
}
}
.text-container__sub-title:before {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
	transition: all .8s .8s ease;
    width: 102%;
    z-index: 1;
}

.text-container.active .text-container__sub-title:before {
    transform: translateX(100%);
}
.text-container__title__inner{
	display: inline-block;
	opacity: 0;
	transition: all .8s .8s ease;
}
.text-container.active .text-container__title__inner{
	opacity: 1;
}
/*トップページ　背景色（オレンジ）からタイトル表示（定位置にきたら）*/
.text-container__title_orangi {
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
@media (max-width: 767px){
.text-container__title_orangi {
    margin-top: -25px;
}
}
.text-container__title_orangi:before {
    background: #ff6000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
	transition: all .8s .8s ease;
    width: 102%;
    z-index: 1;
}

.text-container.active .text-container__title_orangi:before {
    transform: translateX(100%);
}
.text-container__title__inner_orangi{
	display: inline-block;
	opacity: 0;
	transition: all .8s .8s ease;
}
.text-container.active .text-container__title__inner_orangi{
	opacity: 1;
}
/*背景色（オレンジ）からサブタイトル表示（定位置にきたら）*/
.text-container__sub-title_orangi {
    display: inline-block;
    overflow: hidden;
    position: relative;
	left: 0%;
    margin-top: -25px;
    z-index: 0;
}
.text-container__sub-title_orangi:before {
    background: #ff6000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
	transition: all .8s .8s ease;
    width: 102%;
    z-index: 1;
}

.text-container.active .text-container__sub-title_orangi:before {
    transform: translateX(100%);
}
.text-container__title__inner_orangi{
	display: inline-block;
	opacity: 0;
	transition: all .8s .8s ease;
}
.text-container.active .text-container__title__inner_orangi{
	opacity: 1;
}
/*左側追加*/
/*トップページ　採用情報*/
.title-left{
    left: 41.5%;
}
@media (max-width: 1199px){
.title-left{
    left: 40%;
}
}
@media (max-width: 991px){
.title-left{
    left: 38%;
}
}
@media (max-width: 767px){
.title-left{
    left: 35%;
}
}
@media (max-width: 375px){
.title-left{
    left: 33%;
}
}
@media (max-width: 320px){
.title-left{
    left: 30%;
}
}
.text-container__sub-title.sub-title-left {
    left: 46%;
}
@media (max-width: 1199px){
.text-container__sub-title.sub-title-left {
    left: 45%;
}
}
@media (max-width: 991px){
.text-container__sub-title.sub-title-left {
    left: 44%;
}
}
@media (max-width: 767px){
.text-container__sub-title.sub-title-left {
    left: 41%;
}
}
@media (max-width: 376px){
.text-container__sub-title.sub-title-left {
    left: 40%;
}
}
@media (max-width: 320px){
.text-container__sub-title.sub-title-left {
    left: 38%;
}
}
/*トップページ　最新情報*/
.text-container__title.title-left-top-5 {
    left: 0%;
}
@media (max-width: 767px){
.text-container__title.title-left-top-5 {
    left: 28%;
}
}
@media (max-width: 375px){
.text-container__title.title-left-top-5 {
    left: 27%;
}
}
@media (max-width: 320px){
.text-container__title.title-left-top-5 {
    left: 23%;
}
}
.text-container__sub-title.sub-title-left-top-5 {
    left: 0%;
}
@media (max-width: 767px){
.text-container__sub-title.sub-title-left-top-5 {
    left: 42%;
}
}
@media (max-width: 320px){
.text-container__sub-title.sub-title-left-top-5 {
    left: 40%;
}
}
/*トップページ　会社概要*/
.text-container__title.title-left-top-6 {
    left: 0%;
}
@media (max-width: 767px){
.text-container__title.title-left-top-6 {
    left: 35%;
}
}
@media (max-width: 320px){
.text-container__title.title-left-top-6 {
    left: 31%;
}
}
@media (max-width: 767px){
.text-container__title.title-left-top-5.title-left-top-6 {
    left: 35%;
}
}
@media (max-width: 375px){
.text-container__title.title-left-top-5.title-left-top-6 {
    left: 34%;
}
}
@media (max-width: 320px){
.text-container__title.title-left-top-5.title-left-top-6 {
    left: 31%;
}
}

/*下層　背景色（オレンジ）からタイトル表示（定位置にきたら）*/
.text-container__title_kaso-orangi {
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 39%;
    z-index: 0;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi {
    left: 37%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi {
    left: 35%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi {
    left: 32%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi {
    left: 30%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi {
    margin-top: -25px;
    left: 21%;
}
}

@media (max-width: 320px){
.text-container__title_kaso-orangi {
    left: 11%;
}
}
.text-container__title_kaso-orangi :before {
    background: #ff6000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
	transition: all .8s .8s ease;
    width: 102%;
    z-index: 1;
}

.text-container.active .text-container__title_kaso-orangi :before {
    transform: translateX(100%);
}
.text-container__title__inner_kaso-orangi{
	display: inline-block;
	opacity: 0;
	transition: all .8s .8s ease;
}
.text-container.active .text-container__title__inner_kaso-orangi{
	opacity: 1;
}
/*背景色（オレンジ）からサブタイトル表示（定位置にきたら）*/
.text-container__sub-title_kaso-orangi {
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 42%;
	margin-top: -25px;
    z-index: 0;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi {
    left: 40%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi {
    left: 38%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi {
    left: 36%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi {
    left: 29%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi {
    left: 27%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi {
    left: 23%;
}
}
.text-container__sub-title_kaso-orangi :before {
    background: #ff6000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition: all .8s .8s ease;
    width: 102%;
    z-index: 1;
}

.text-container.active .text-container__sub-title_kaso-orangi :before {
    transform: translateX(100%);
}
.text-container__title__inner_kaso-orangi{
	display: inline-block;
	opacity: 0;
	transition: all .8s .8s ease;
}
.text-container.active .text-container__title__inner_kaso-orangi{
	opacity: 1;
}
/*左側追加*/
/*下層　ブロードバンド事業*/
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 41%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 39%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 37%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 35%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 33%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 25%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 22%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-broad {
    left: 17%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 44%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 43%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 41%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 40%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 35%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 33%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-broad {
    left: 30%;
}
}
/*下層　group*/
.text-container__title.title_kaso-gp {
    left: 42%;
}
@media (max-width: 1440px){
.text-container__title.title_kaso-gp {
    left: 41%;
}
}
@media (max-width: 1199px){
.text-container__title.title_kaso-gp {
    left: 40%;
}
}
@media (max-width: 1024px){
.text-container__title.title_kaso-gp {
    left: 39%;
}
}
@media (max-width: 767px){
.text-container__title.title_kaso-gp {
    left: 38%;
}
}
@media (max-width: 375px){
.text-container__title.title_kaso-gp {
    left: 36%;
}
}
@media (max-width: 320px){
.text-container__title.title_kaso-gp {
    left: 34%;
}
}
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 42.5%;
}
@media (max-width: 1440px){
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 41%;
}
}
@media (max-width: 1199px){
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 40%;
}
}
@media (max-width: 1024px){
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 39%;
}
}
@media (max-width: 767px){
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 39%;
}
}
@media (max-width: 375px){
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 38%;
}
}
@media (max-width: 320px){
.text-container__sub-title.title_sub_kaso-broad-gp {
    left: 38%;
}
}
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 42%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 40%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 38%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 36%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 35%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 28%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 24%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-gp1 {
    left: 20%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 44%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 43%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 41%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 40%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 34%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 40%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-gp1 {
    left: 40%;
}
}
/*下層　Webクリエイティブ事業*/
.text-container__title.title_kaso-web {
    left: 46%;
}
@media (max-width: 1440px){
.text-container__title.title_kaso-web {
    left: 45%;
}
}
@media (max-width: 1199px){
.text-container__title.title_kaso-web {
    left: 44%;
}
}
@media (max-width: 1024px){
.text-container__title.title_kaso-web {
    left: 43%;
}
}
@media (max-width: 767px){
.text-container__title.title_kaso-web {
    left: 39%;
}
}
@media (max-width: 375px){
.text-container__title.title_kaso-web {
    left: 37%;
}
}
@media (max-width: 320px){
.text-container__title.title_kaso-web {
    left: 35%;
}
}
.text-container__sub-title.title_sub_kaso-broad {
    left: 44%;
}
@media (max-width: 1440px){
.text-container__sub-title.title_sub_kaso-broad {
    left: 43%;
}
}
@media (max-width: 1199px){
.text-container__sub-title.title_sub_kaso-broad {
    left: 41%;
}
}
@media (max-width: 1024px){
.text-container__sub-title.title_sub_kaso-broad {
    left: 40%;
}
}
@media (max-width: 767px){
.text-container__sub-title.title_sub_kaso-broad {
    left: 34%;
}
}
@media (max-width: 375px){
.text-container__sub-title.title_sub_kaso-broad {
    left: 32%;
}
}
@media (max-width: 320px){
.text-container__sub-title.title_sub_kaso-broad {
    left: 30%;
}
}
/*コンテンツ３*/
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 42%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 40%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 38%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 36%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 35%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 28%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 24%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-web1 {
    left: 20%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 44%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 43%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 41%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 40%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 34%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 32%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-web1 {
    left: 30%;
}
}
/*採用情報*/
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 44%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 43%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 40%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 39%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 34%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 32%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-recruit {
    left: 30%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 43.5%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 42.5%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 39.5%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 39%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 34%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 32%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit {
    left: 30%;
}
}
/*採用情報 コンテンツ3*/
.text-container__title.title_kaso-recruit3 {
    left: 46%;
}
@media (max-width: 1440px){
.text-container__title.title_kaso-recruit3 {
	left: 45.5%;
}
}
@media (max-width: 1199px){
.text-container__title.title_kaso-recruit3 {
    left: 45%;
}
}
@media (max-width: 1024px){
.text-container__title.title_kaso-recruit3 {
    left: 44%;
}
}
@media (max-width: 991px){
.text-container__title.title_kaso-recruit3 {
    left: 43%;
}
}
@media (max-width: 767px){
.text-container__title.title_kaso-recruit3 {
    left: 40%;
}
}
@media (max-width: 375px){
.text-container__title.title_kaso-recruit3 {
    left: 39%;
}
}
@media (max-width: 320px){
.text-container__title.title_kaso-recruit3 {
    left: 38%;
}
}
.text-container__sub-title.title_sub_kaso-recruit2 {
    left: 43.5%;
}
@media (max-width: 1440px){
.text-container__sub-title.title_sub_kaso-recruit2 {
	left: 42.5%;
}
}
@media (max-width: 1199px){
.text-container__sub-title.title_sub_kaso-recruit2 {
    left: 41%;
}
}
@media (max-width: 1024px){
.text-container__sub-title.title_sub_kaso-recruit2 {
    left: 39%;
}
}
@media (max-width: 767px){
.text-container__sub-title.title_sub_kaso-recruit2 {
    left: 35%;
}
}
@media (max-width: 375px){
.text-container__sub-title.title_sub_kaso-recruit2 {
    left: 33%;
}
}
@media (max-width: 320px){
.text-container__sub-title.title_sub_kaso-recruit2 {
    left: 30%;
}
}
/*採用情報 コンテンツ4*/
.text-container__title.title_kaso-recruit4 {
    left: 45%;
}
@media (max-width: 1440px){
.text-container__title.title_kaso-recruit4 {
	left: 44%;
}
}
@media (max-width: 1199px){
.text-container__title.title_kaso-recruit4 {
    left: 43%;
}
}
@media (max-width: 1024px){
.text-container__title.title_kaso-recruit4 {
    left: 41%;
}
}
@media (max-width: 991px){
.text-container__title.title_kaso-recruit4 {
    left: 40%;
}
}
@media (max-width: 767px){
.text-container__title.title_kaso-recruit4 {
    left: 36%;
}
}
@media (max-width: 375px){
.text-container__title.title_kaso-recruit4 {
    left: 34%;
}
}
@media (max-width: 320px){
.text-container__title.title_kaso-recruit4 {
    left: 31%;
}
}
.text-container__sub-title.title_sub_kaso-recruit4 {
    left: 46%;
}
@media (max-width: 1440px){
.text-container__sub-title.title_sub_kaso-recruit4 {
	left: 45.5%;
}
}
@media (max-width: 1199px){
.text-container__sub-title.title_sub_kaso-recruit4 {
    left: 44.5%;
}
}
@media (max-width: 1024px){
.text-container__sub-title.title_sub_kaso-recruit4 {
    left: 43%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 43%;
}
}
@media (max-width: 767px){
.text-container__sub-title.title_sub_kaso-recruit4 {
    left: 40%;
}
}
@media (max-width: 375px){
.text-container__sub-title.title_sub_kaso-recruit4 {
    left: 39%;
}
}
@media (max-width: 320px){
.text-container__sub-title.title_sub_kaso-recruit4 {
    left: 38%;
}
}

/*採用情報 コンテンツ5*/
.text-container__title_kaso-orangi.title_kaso-recruit1 {
	left: 46.5%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
	left: 45.5%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 45%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 44%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 43%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 40%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 39%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-recruit1 {
    left: 38%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 47%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
	left: 45.5%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 45%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 44%;
}
}
@media (max-width: 991px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 43%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 40%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 39%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 38%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 45.5%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
	left: 44%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 43.5%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 42%;
}
}
@media (max-width: 991px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 41%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 38%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 37%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit1 {
    left: 35%;
}
}
/*採用情報 コンテンツ6*/
.text-container__title_kaso-orangi.title_kaso-recruit2 {
    left: 0%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-recruit2 {
	left: 0.5%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-recruit2 {
    left: 0%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-recruit2 {
    left: 0%;
}
/*採用情報＞社員の声≫各個人ページ*/
.text-container__title_kaso-orangi.title_kaso-busyo {
    left: 0%;
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-busyo {
    margin-top: 10px;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-busyo {
    margin-top: 0px;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-busyo {
    margin-top: -7px;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-busyo {
    left: 0%;
}
.text-container__title_kaso-orangi.title_kaso-voice {
    left: 40%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-voice {
	left: 42%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-voice {
    left: 40%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-voice {
    left: 38%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-voice {
    left: 34%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-voice {
    left: 33%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-voice {
    left: 29%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-voice {
    left: 45%;
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-voice {
    left: 44%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-voice {
    left: 42%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-voice {
    left: 40%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-voice {
    left: 39%;
}
}
/*採用情報＞クロストーク*/
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left: 28%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left: 31%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left: 27%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left: 24%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left: 13%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left:9%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-crosstalk {
    left: 0%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-crosstalk {
    left: 45%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-crosstalk {
    left: 46%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-crosstalk {
    left:45%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-crosstalk {
    left: 41%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-crosstalk {
    left: 39%;
}
}
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left: 30%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left: 33%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left:30%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left:27%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left: 16%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left: 11%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-crosstalk1 {
    left: 4%;
}
}
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left: 32%;
}
@media (max-width: 1440px){
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left: 35%;
}
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left:32%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left:30%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left: 22%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left: 20%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-crosstalk2 {
    left: 16%;
}
}
/*会社概要*/
.text-container__title_kaso-orangi.title_kaso-outline {
    left: 46%;
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-outline {
    left:45%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi.title_kaso-outline {
    left:44%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-outline {
    left: 40%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-outline {
    left: 39%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-outline {
    left: 37%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-outline {
    left: 47%;
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-outline {
    left:46%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-outline {
    left:44%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-outline {
    left: 43%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-outline {
    left: 42%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-outline {
    left: 41%;
}
}
/*企業理念*/
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left: 46%;
}
@media (max-width: 1199px){
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left:45%;
}
}
@media (max-width: 1024px){
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left:44%;
}
}
@media (max-width: 991px){
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left:43%;
}
}
@media (max-width: 767px){
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left: 40%;
}
}
@media (max-width: 375px){
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left: 39%;
}
}
@media (max-width: 320px){
.text-container__title_kaso-orangi.title_kaso-philosophy {
    left: 36%;
}
}
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
    left: 45%;
}
@media (max-width: 1440px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
	left:44%;
}
}
@media (max-width: 1199px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
	left:42%;
}
}
@media (max-width: 1024px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
    left:41%;
}
}
@media (max-width: 991px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
    left:41%;
}
}
@media (max-width: 767px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
    left: 37%;
}
}
@media (max-width: 375px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
    left: 35%;
}
}
@media (max-width: 320px){
.text-container__sub-title_kaso-orangi.title_sub_kaso-philosophy {
    left: 32%;
}
}
/*//////画像は、背景色のあと表示、文字はフェードインで表示//////*/
/*ズームイン*/
/*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
/*/////////////Gナビ/////////////*/
/*gナビ全体*/
.header.header-pc {
    max-width: 1840px;
    width: 100%;
    margin: 0 auto;
    height: 80px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999999;
    padding: 0 80px;
}
@media (max-width: 1024px){
.header.header-pc {
    display: none;
}
}
/*gナビの帯*/
.header.header-inner {
    position: relative;
    left: 0;
    width: 100%;
    height: 80px;
    border-radius: 3px;
    background-color: #ffffff;
    display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	transition: border-radius 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), width 0.5s cubic-bezier(0.06, 0.01, 0, 0.99) 0.4s, background 0.8s cubic-bezier(0.06, 0.01, 0, 0.99)
}
@media (max-width: 1440px){
.header.header-inner {
    height: 65px;
}
}
/*左側のロゴ*/
.header.header-logo-link {
    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;
    padding-left: 15px;/*28px*/
    height: 100%;
    pointer-events: auto;
}
.header.header-logotext {
    display: inline-block;
    vertical-align: middle;
    width: auto;/*278px*/
    height: 52px;
    margin-left: 0;/*9px*/
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.06, 0.01, 0, 0.99) 1.2s;
    transition: opacity 1s cubic-bezier(0.06, 0.01, 0, 0.99) 1.2s;
}
@media (max-width: 1165px){
.header.header-logotext {
	width: 80%;
    height: auto;
	margin-left: -62px;
}
}
/*右側ナビ*/
.header.header-nav {
    padding-right: 10px;/*40px*/
    opacity: 1;
}
@media (max-width: 1165px){
.header.header-nav {
    padding-right: 5px;
}
}
.header.header-nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*ナビメニュー　文字*/
.header.header-item {
    margin-left: 38px;
}
@media (max-width: 1440px){
.header.header-item {
    margin-left: 25px;
}
}
.header.header-item.header-item_orange a{
	color: #ff7512!important;
}
/*ナビメニュー　文字リンク*/
.header.header-link {
    position: relative;
    color: #313233;
    display: block;
    padding-top: 29px;
    height: 80px;
    font-size: 14px;
    -webkit-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}
@media (max-width: 1440px){
.header.header-link {
    padding-top: 22px;
}
}
@media (max-width: 1165px){
.header.header-link {
    font-size: 13px;
}
}
/*ナビメニュー　文字横の下三角アイコン*/
.header.header-link-icon {
    width: 10px;
    height: 7px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    z-index: 1;
}
/*ナビメニュー　文字横の下三角アイコンのsvg*/
.header.header-link-icon svg {
    display: block;
    width: 10px;
    height: 7px;
    fill: #c6cbcc;
    position: relative;
    -webkit-transition: top 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), fill 0.6s cubic-bezier(0.06, 0.01, 0, 0.99), -webkit-transform 0.3s cubic-bezier(0.06, 0.01, 0, 0.99);
    transition: top 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), fill 0.6s cubic-bezier(0.06, 0.01, 0, 0.99), -webkit-transform 0.3s cubic-bezier(0.06, 0.01, 0, 0.99);
    transition: transform 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), top 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), fill 0.6s cubic-bezier(0.06, 0.01, 0, 0.99);
    transition: transform 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), top 0.3s cubic-bezier(0.06, 0.01, 0, 0.99), fill 0.6s cubic-bezier(0.06, 0.01, 0, 0.99), -webkit-transform 0.3s cubic-bezier(0.06, 0.01, 0, 0.99);
}
.header.header-link:after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background-image: url(../images/icon-drop.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 17px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out 0.1s, bottom 0.5s cubic-bezier(1, -0.01, 0, 0.99);
    transition: opacity 0.5s ease-out 0.1s, bottom 0.5s cubic-bezier(1, -0.01, 0, 0.99);
}
.header.header-link.in-icon-enabled:after {
    left: -10px;
}
/*ドロップメニュー内のホバー*/
.header.header-item:hover .header-link {
    color: #ff7512;
}
.header-sub-content.header-sub-content-inner {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header.header-item:hover .header-sub-content.header-sub-content-inner {
    opacity: 1;
    visibility: visible;
}
/*ドロップメニュー内全体 メディアサービスについて*/
.header-sub-content.header-sub-content-inner {
    width: 820px;
    height: auto;/*350px*/
    background-color: #ff7512;
    position: absolute;
    top: 80px;
    right: 21px;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	box-sizing: border-box;
}
@media (max-width: 1440px){
.header-sub-content.header-sub-content-inner {
    top: 65px;
}
}
@media (max-width: 1024px){
.header-sub-content.header-sub-content-inner {
    height: 0px;
    opacity: 1;
    box-shadow: none;
    transition: height 0.4s cubic-bezier(0.46, 0.1, 0.29, 1) 0.1s, box-shadow 0.5s cubic-bezier(0.06, 0.01, 0, 0.99) 0.35s;
}
}
/*ドロップメニュー内全体 事業内容*/
.header-sub-content.header-sub-content-inner.header-business {
    width: 820px;
    height: 300px;
    background-color: #ff7512;
    position: absolute;
    top: 80px;
    right: 21px;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	box-sizing: border-box;
}
@media (max-width: 1440px){
.header-sub-content.header-sub-content-inner.header-business {
    top: 65px;
}
}
@media (max-width: 1024px){
.header-sub-content.header-sub-content-inner.header-business {
    height: 0px;
    opacity: 1;
    box-shadow: none;
    transition: height 0.4s cubic-bezier(0.46, 0.1, 0.29, 1) 0.1s, box-shadow 0.5s cubic-bezier(0.06, 0.01, 0, 0.99) 0.35s;
}
}
/*ドロップメニュー内全体 採用情報*/
.header-sub-content.header-sub-content-inner.header-recruit {
    width: 820px;
    height: 430px;
    background-color: #ff7512;
    position: absolute;
    top: 80px;
    right: 21px;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	box-sizing: border-box;
}
@media (max-width: 1440px){
.header-sub-content.header-sub-content-inner.header-recruit {
    top: 65px;
}
}
@media (max-width: 1024px){
.header-sub-content.header-sub-content-inner.header-recruit {
    height: 0px;
    opacity: 1;
    box-shadow: none;
    transition: height 0.4s cubic-bezier(0.46, 0.1, 0.29, 1) 0.1s, box-shadow 0.5s cubic-bezier(0.06, 0.01, 0, 0.99) 0.35s;
}
}
/*ドロップメニュー内全体 企業情報*/
.header-sub-content.header-sub-content-inner.header-company {
    width: 820px;
    height: 200px;
    background-color: #ff7512;
    position: absolute;
    top: 80px;
    right: 21px;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	box-sizing: border-box;
}
@media (max-width: 1440px){
.header-sub-content.header-sub-content-inner.header-company {
    top: 65px;
}
}
@media (max-width: 1024px){
.header-sub-content.header-sub-content-inner.header-company{
    height: 0px;
    opacity: 1;
    box-shadow: none;
    transition: height 0.4s cubic-bezier(0.46, 0.1, 0.29, 1) 0.1s, box-shadow 0.5s cubic-bezier(0.06, 0.01, 0, 0.99) 0.35s;
}
}
/*ドロップメニュー内の見出し文字全体と３つの画像*/
.header-sub-content.header-sub-content-item {
    display: block;
    vertical-align: top;
    width: 100%;
    height: auto;
}
/*ドロップメニュー内の見出し文字*/
.header-sub-content.header-sub-content-title {
    font-size: 30px;
    font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.15em;
    color: #fff;
    display: block;
    margin: 40px 30px 30px;
}
/*ドロップメニュー内の見出し文字リンク*/
.header-sub-content.header-sub-content-title > a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: .05em;
    position: relative;
    color: #fff;
    padding-left: 35px;
}
.header-sub-content.header-sub-content-title > a:hover {
	color:gold;
	transition: color 0.5s ease-out;
}
.header-sub-content.header-sub-content-title > a:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 18px;
    border: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.header-sub-content.header-sub-content-item-inner {
    padding: 0px 30px;
}
.header-sub-content.header-sub-content-image {
    font-size: 0px;
    letter-spacing: 0px;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
/*ドロップメニュー内 各画像*/
.header-sub-content.header-sub-content-image-article a img {
    width: 90%;
    height: auto;
}
.header-sub-content.header-sub-content-list-link-image-article a img {
    width: 90%;
    height: auto;
}
/*ドロップメニュー内 各画像下の文字*/
h2.header-sub-content.header-sub-content-link-image-title {
    font-size: 15px;
	color: #fff;
}
h2.header-sub-content.header-sub-content-link-image-title:hover {
	color:gold;
	transition: color 0.5s ease-out;
}
/*ドロップメニュー内 画像なしの文字のみ 採用情報*/
.header-sub-content.header-sub-content-list-link-text {
    height: 100%;
    position: relative;
    padding-top: 17px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border-top: 1px dotted rgba(255, 255, 255, 0.5);
    margin: 27px 30px 0px;
}
/*ドロップメニュー内 画像なしの文字のみ 企業情報*/
.header-sub-content.header-sub-content-list-link-text-kigyou {
    height: 100%;
    position: relative;
    padding-top: 17px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border-top: 1px dotted rgba(255, 255, 255, 0.5);
}
.header-sub-content.header-sub-content-list-link-text-item {
    display: inline-block;
    width: 259px;
    position: relative;
    transition: opacity 1s cubic-bezier(0.06, 0.01, 0, 0.99) 0.8s, transform 2s cubic-bezier(0.06, 0.01, 0, 0.99) 0.7s, -webkit-transform 2s cubic-bezier(0.06, 0.01, 0, 0.99) 0.7s;
}
.header-sub-content.header-sub-content-list-link-text-item:not(:last-child) {
    margin-bottom: 6px;
}
.header-sub-content.header-sub-content-list-link-text-item a {
    color: rgb(255, 255, 255);
    font-size: 14px;
    letter-spacing: 0.1em;
    padding-left: 14px;
    position: relative;
    overflow: hidden;
}
.header-sub-content.header-sub-content-list-link-text-item a:hover {
	color:gold;
	transition: color 0.5s ease-out;
}
/*/////////////SPナビ/////////////*/
.header-sp{
	display: none;
}
@media (max-width: 1024px){
.header-sp{
	display:block;
}
}
@media (max-width: 767px){
img.logo-sp {
    width: 45%;
}
}
.header-logotext-sp {
    margin: 5px 0 0 15px;
}
@media (max-width: 767px){
.header-logotext-sp {
    margin: 13px 0 0 15px;
}
}
@media (max-width: 375px){
.header-logotext-sp {
    margin: 10px 0 0 15px;
}
}
@media (max-width: 375px){
img.logo-sp {
    width: 55%;
}
}

.header-sp {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  background-color: rgb(255,255,255,0.9);
  z-index: 100;
}
#gnav-btn {
	color: #ff7512;
    padding: 10px;
    font-size: 30px;
    position: fixed;
    top: 7px;
    right: 10px;
    z-index: 100;
    border-top: 0.5px solid transparent;
  }
  #gnav-input:checked ~ #gnav-content {
    top: 0;
  }
  #gnav-content {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10;
    transition: 0.3s;
    width: 100%;
  }


/*テスト*/
ul { list-style: none; }
a { text-decoration: none; color: black;}
/*
body {
   font-family: 'Dosis', sans-serif;
   background: #FF5722;
}
*/
#menu-wrapper {
    overflow: hidden;
    max-width: 100%;
    cursor: pointer;
}


#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 15px;
	float: right;
	margin-top: -36px;
}
@media (max-width: 767px){
#menu-wrapper #hamburger-menu {
	margin-top: -30px;
}
}
@media (max-width: 375px){
#menu-wrapper #hamburger-menu {
	margin-top: -27px;
}
}
#menu-wrapper #hamburger-menu span {
    opacity: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: black;
    background-color:#ff7512;
    position: absolute;
    transform: rotate(0deg);
    transition: .4s ease-in-out;
}

#menu-wrapper #hamburger-menu span:nth-child(1) {
    top: 0;
}
#menu-wrapper #hamburger-menu span:nth-child(2) {
    top: 9px;
}
#menu-wrapper #hamburger-menu span:nth-child(3) {
    top: 18px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    transform: translateY(9px) rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    transform: translateX(-60px);
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-135deg);
}

#menu-container .menu-list {
    padding-left: 0;
    display: block;
    position: absolute;
    width: 100%;
    max-width: 100%;
	background: white;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
}

#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    font-size: 16px;
    padding: 10px 20px;
	text-transform: uppercase;
    border-top: 1px solid #dbdcd2;
}

#menu-container .menu-list li{
	border-bottom: solid 1px #d3d3d3;
	padding: 10px 20px;
}
#menu-container .menu-list li a{
	display: block;
}
.toggle.accordion-toggle:hover{
	background-color: #ff7512;
}
#menu-container .menu-list li:hover{
	background-color: #ff751280;
}
#menu-submenu .accordion-content li:hover{
	background-color: #FFAE7A;
}
#menu-container .menu-list li:first-of-type {
    border-top: 0;
}

.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}

  .accordion-content {
    display: none;
}

.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    transform-origin: 50% 50%;
    transition: all 0.3s ease-out;
}

.accordion-toggle a:before {
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  background: #ff7512;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    transform: rotate(0deg);
    background: #fff !important;
}

.accordion-toggle a.active:after {
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}

#menu-container .menu-list li.sp-nav-p{
    padding: 10px 20px;
}

/*/////////////ボタンの動き read more/////////////*/
.btn {
    background-color: #000;
    color: #fff;
	border-radius: 0rem;
}
.button_container {
	outline: none;
	overflow: hidden;
	position: relative;
    background-color: #000;
    width: 200px;
    padding: 10px 30px;
    margin-left: -25px;
    margin-top: 50px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
}



.read-more-btn_black {/*ボタンのスタイル*/
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: #222;
  padding: 17px 60px;
  margin: 0 auto;
}
.btn span {/*内包されたテキスト要素。要素が被さっても文字が見えるよう、上のレイヤーにしておく*/
	position: relative; 
	z-index: 1;
	color: #fff;
}
 
.btn:after {/*印+ホバーで伸びてくる要素。疑似要素として追加し。回転、位置調整*/
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 420%;
	width: 183%;
    background: #78c7d2;
    transition: all .5s ease-in-out;
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}
 
.btn:hover:after {/*ホバー時に伸ばす*/
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
/*/////////////ローディング/////////////*/
.loading {
  text-align: center;
}
#loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
}
#loading .svg,#loading .gif {
  display: none;
}
#loader-wrap {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 10000;
}

/*参考サイト*/
.loader {
	color: #f3804f;
    font-size: 30px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 auto;
	margin-top: 20px!important;
    position:relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    z-index: 3;
/*
  color: #f3804f;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
*/
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*/////////////トップページ/////////////*/
.main_top-page{
    position: relative;
	z-index: 1;
}
.bg_video_wrap {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    max-height: 100%;
	z-index: 1;
}
/*メイン動画*/
.bg-video-wrap {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    max-height: 100%;
}
.movie{
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  vertical-align: top;
}
@media (max-width: 767px) {
.movie{
    object-fit: cover;
    width: 100%;
/*    height: 720px;*/
	height: 1014px;
/*    height: 1265px;*/
	z-index: 1;
}
}
video {
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  vertical-align: top;
}
@media (max-width: 767px) {
  video {
    object-fit: cover;
    width: 100%;
    height: 720px;
}
}
.pattern1:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-image: url("../img/movie-c.png");
    background-size: 6px 6px;
	mix-blend-mode: multiply;
}
.pattern:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAHUlEQVR4AWMAAilseOLEiTbY8MjUgEsCl0EjUgMAbTiSifwrdrcAAAAASUVORK5CYII=);
  background-size: 6px 6px;
}
.main-img_rogo{
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 3;
}
.main-text{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 6%;	
}
@media (max-width: 1024px) {
.main-text{
	margin-top: 6%;
    width: 74%;
}
}
@media (max-width: 991px) {
.main-text{
    margin-top: 10%;
}
}
img.main-text-SP{
    display: block;
    margin: auto;
	margin-top: -50px;
	width: 18%;
	height: auto;
}
/*/////////コンテンツ1/////////*/
.con1-business-title {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .con1-business-title {
    display: block;
}
}
.service_wrap {
    overflow: hidden;
}
.service_wrap {
    margin-left: calc(2vw + 1em);
}
/*文字の外側*/
span.top-content2-bg-text {
    display: inline-block;
    margin-top: 7px;
    overflow: hidden;
	padding: 0 10px;
}
span.top-content2-bg-text {
    background-color: #ffaa23;
}
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 1.7vw;
/*    font-size: 1.842105vw;*/
	 line-height: 1.943;
}
@media (max-width: 991px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 18px;
}
}
@media (max-width: 768px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 20px;
}
}
@media (max-width: 767px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 44px;
	background-color: #ffcd1f;
}
}
@media (max-width: 576px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 32px;
}
}
@media (max-width: 425px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 22px;
}
}
@media (max-width: 411px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 21px;
}
}
@media (max-width: 375px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 19px;
}
}
@media (max-width: 360px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 18px;
}
}
@media (max-width: 320px){
span.top-content2-bg-text, span.top-content3-bg-text {
    font-size: 16px;
}
}
/*動き*/
.scrollin .slide-right1 {
    transform: translateX(0);
    transition: all 1s 0s ease;
}
/*文字*/
.service_wrap {
	width: 34.5%;
    margin: 6% 0px 0px 0%;
}
@media (max-width: 1400px){
.service_wrap {
	width: 38%;
    margin: 11% 60px 0px 0%;
}
}
@media (max-width: 1260px){
.service_wrap {
	width: 42%;
    margin: 11% 60px 0px 0%;
}
}
@media (max-width: 1199px){
.service_wrap {
	width: 36%;
    margin: 11% 60px 0px 0%;
}
}
@media (max-width: 768px){
.service_wrap {
	width: 49%;
    margin: 11% 0px 0px 0%;
}
}
@media (max-width: 767px){
.service_wrap {
	width: auto;
    margin: 80px 20px;
}
}
@media (max-width: 576px){
.service_wrap {
    margin: 10px 20px 20px;
}
}
p.line-title {
    margin-bottom: 0rem;
}
span.top-content2-bg-text span {
    display: inline-block;
}
.top-content2-text {
    font-size: 1.3vw;
    margin: 72px 0;
    color: black;
}
@media (max-width: 1440px) {
.top-content2-text {
    margin: 45px 0;
}
}
@media (max-width: 1260px) {
.top-content2-text {
    margin: 30px 0;
}
}
@media (max-width: 991px) {
.top-content2-text {
    margin: 25px 0;
}
}
@media (max-width: 768px) {
.top-content2-text {
	font-size: 15px;
}
}
@media (max-width: 767px) {
.top-content2-text {
    margin-top: 74%;
    font-size: 31px;
    text-align: center;
}
}
@media (max-width: 576px) {
.top-content2-text {
font-size: 25px;
}
}
@media (max-width: 425px) {
.top-content2-text {
	font-size: 16px;
}
}
@media (max-width: 375px) {
.top-content2-text {
	font-size: 15px;
}
}
@media (max-width: 360px) {
.top-content2-text {
	font-size: 14px;
}
}

.top-content2-text1{
	font-size: 1vw;
	color: black;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	margin: 72px 12px 72px 0;
}
@media (max-width: 1440px) {
.top-content2-text1{
	font-size: 14px;
	margin: 40px 0px 72px 0;
}
}
@media (max-width: 1260px) {
.top-content2-text1{
	font-size: 13px;
	margin: 30px 0px 72px 0;
}
}
@media (max-width: 768px) {
.top-content2-text1{
	font-size: 13px;
    margin: 30px 0px 72px 0;
}
}
@media (max-width: 767px) {
.top-content2-text1{
	font-size: 22px;
	margin: auto;
	line-height: 2.0em;
}
}
@media (max-width: 425px) {
.top-content2-text1{
	font-size: 13px;
}
}
/*右の画像*/
.business-img-right {
	text-align: right;
}
@media (max-width: 767px) {
.business-img-right {
	text-align: center;
    margin-top: -130%;
}
}
@media (max-width: 576px) {
.business-img-right {
    margin-top: -166%;
}
}
@media (max-width: 425px) {
.business-img-right {
    margin-top: -570px;
/*    margin-top: -138%;*/
}
}
@media (max-width: 375px) {
.business-img-right {
    margin-top: -570px;
    /*	margin-top: -158%;*/
}
}
@media (max-width: 360px) {
.business-img-right {
    margin-top: -580px;
    /*    margin-top: -185%;*/
}
}
@media (max-width: 320px) {
.business-img-right {
    margin-top: -580px;
    /*    margin-top: -190%;*/
}
}
.con1-aiso {
	width: 48vw;
    height: auto;
	margin: 19% 36px 13% -34%;
}
@media (max-width: 1440px) {
.con1-aiso {
	width: 46vw;
}
}
@media (max-width: 1260px) {
.con1-aiso {
	width: 44vw;
}
}
@media (max-width: 768px) {
.con1-aiso {
	width: 44vw;
    margin: 20% 10px 13% -34%;
}
}
@media (max-width: 767px) {
.con1-aiso {
	width: 75%;
    height: auto;
    margin: 19% 0 0 -34%;
    margin: 0 auto;
}
}
/*/////////コンテンツ２/////////*/
.con2_bg{
	background-image: url("../img/con-2-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom: 110px;
}
@media (max-width: 767px) {
.con2_bg{
    margin-top: 75%;
	background-image: url("../img/con-2-bg-sp.png");
}
}
@media (max-width: 576px) {
.con2_bg{
    margin-top: 113%;
}
}
@media (max-width: 425px) {
.con2_bg{
    margin-top: 93%;
	padding-bottom: 77px;
}
}
@media (max-width: 375px) {
.con2_bg{
    margin-top: 113%;
}
}
.white-box {
    background-color: rgb(255,255,255,0.9);
	padding: 6.5%;
	height: 279px;
}
@media (max-width: 1199px) {
.white-box {
    height: 240px;
	padding: 5% 7%;
}
}
@media (max-width: 991px) {
.white-box {
    height: 200px;
	padding: 5% 6%;
}
}
@media (max-width: 425px) {
.white-box {
    padding: 5% 7%;
}
}
@media (max-width: 375px) {
.white-box {
    padding: 4% 7%;
}
}
@media (max-width: 320px) {
.white-box {
    height: 212px;
}
}

@media (max-width: 767px) {
.white-box.white-box-sp {
    margin-top: 40px;
}
}
@media (max-width: 425px) {
.white-box.white-box-sp {
    margin-top: 20px;
}
}
img.con_2-img {
    display: block;
    margin: auto;
    margin-top: 55px;
}
@media (max-width: 1199px) {
img.con_2-img {
    margin-top: 65px;
}
}
@media (max-width: 991px) {
img.con_2-img {
    margin-top: 52px;
}
}
@media (max-width: 767px) {
img.con_2-img {
	margin-top: 25px;
    width: 77%;
}
}
@media (max-width: 425px) {
img.con_2-img {
	margin-top: 55px;
    width: 90%;
}
}
.number-text-o{
	font-size: 40px;
	font-weight: 400;
}
@media (max-width: 991px) {
.number-text-o{
	font-size: 25px;
}
}
@media (max-width: 320px) {
.number-text-o{
	font-size: 20px;
}
}
p.con2_l-text {
    font-size: 18px;
	font-weight: bold;
}
@media (max-width: 991px) {
p.con2_l-text {
    font-size: 16px;
	margin-left: -12px;
}
}
@media (max-width: 320px) {
p.con2_l-text {
    font-size: 13px;
}
}
p.con2_l-content {
    font-size: 16px;
}
@media (max-width: 1199px) {
p.con2_l-content {
    font-size: 15px;
}
}
@media (max-width: 991px) {
p.con2_l-content {
    font-size: 13px;
	margin-left: -12px;
}
}
@media (max-width: 425px) {
p.con2_l-content {
	line-height: 1.3rem;
}
}
/*/////////コンテンツ３/////////*/
.con3-img{
	width: 100%;
	height: auto;
	filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
}
.con3_wrap_text {
	background-color: #fff;
    width: 90%;
    filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
    display: block;
    margin: auto;
    margin-top: -60px;
    padding-bottom: 20px;
    margin-bottom: 60px;
}
@media (max-width: 991px){
.con3_wrap_text {
    margin-top: -30px;
}
}
@media (max-width: 767px){
.con3_wrap_text {
	margin-bottom: 35px;
}
}
p.con3_wrap_text-a {
    font-size: 22px;
    padding-top: 30px;
}
@media (max-width: 991px){
p.con3_wrap_text-a {
    font-size: 16px;
	margin-bottom: 0rem;
}
}
/*フォントオーサム　右矢印アイコン*/
i.fas.fa-caret-right.icon-right {
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ff7512;
    padding: 1px 0 0 4px;
}
@media (max-width: 991px){
i.fas.fa-caret-right.icon-right {
    width: 15px;
    height: 15px;
}
}
@media (max-width: 767px){
i.fas.fa-caret-right.icon-right {
	padding: 1px 0 0 2px;
}
}

p.con3_wrap_text-c {
	letter-spacing: 0.05em;
    border-bottom: solid 1px #ff7512;
    font-size: 17px;
    color: #000;
    padding-bottom: 5px;
    width: 130px;
    display: block;
    margin: auto;
}
@media (max-width: 991px){
p.con3_wrap_text-c {
    font-size: 13px;
	width: 110px;
}
}
/*/////////コンテンツ４/////////*/
.con-4-stripe{
	background-image:url("../img/con-4-stripe.png");
    background-repeat: no-repeat;
	background-size: 1050px 620px;
}
@media (max-width: 1550px){
.con-4-stripe{
	background-size: 850px 620px;
}
}
@media (max-width: 1440px){
.con-4-stripe{
	background-size: 770px 580px;
}
}
@media (max-width: 1199px){
.con-4-stripe{
	background-size: 650px 530px;
}
}
@media (max-width: 1024px){
.con-4-stripe{
	background-size: 570px 480px;
}
}
@media (max-width: 991px){
.con-4-stripe{
	background-size:440px 430px;
}
}
@media (max-width: 767px){
.con-4-stripe{
	background-size:0px;
}
}
/*背景の余白*/
@media (max-width: 1199px){
.con4-bg-color_orange-pb{
	padding-bottom: 50px;
}
}
@media (max-width: 991px){
.con4-bg-color_orange-pb{
	padding-bottom: 0px;
}
}

/*左側の画像　背景色の後、画像が現れる*/
.top-con4-img-l{
	margin: 35px 0px 140px -210px;
    max-width: 116%;
}
@media (max-width: 1550px){
.top-con4-img-l{
    margin: 35px 0px 140px -20%;
	max-width: 107%;
}
}
@media (max-width: 1440px){
.top-con4-img-l{
	margin: 35px 0px 140px -14%;
    max-width: 95%;
}
}
@media (max-width: 1320px){
.top-con4-img-l{
	margin: 35px 0px 140px -8%;
    max-width: 90%;
}
}
@media (max-width: 767px){
.top-con4-img-l{
	max-width: 100%;
    display: block;
    margin: auto;
}
}
/*左側の画像*/
img.con4-img-l {
	margin: 35px 0px 140px -210px;
    max-width: 116%;
}
@media (max-width: 1550px){
img.con4-img-l {
    margin: 35px 0px 140px -20%;
	max-width: 107%;
}
}
@media (max-width: 1440px){
img.con4-img-l {
	margin: 35px 0px 140px -14%;
    max-width: 95%;
}
}
@media (max-width: 1320px){
img.con4-img-l {
	margin: 35px 0px 140px -8%;
    max-width: 90%;
}
}
@media (max-width: 767px){
img.con4-img-l {
	max-width: 100%;
    display: block;
    margin: auto;
}
}
/*右側の文字*/
img.con4-img-r {
    margin-left: -60px;
	max-width: 141%;
	position: relative;
    z-index: 10;
}
@media (max-width: 1440px){
img.con4-img-r {
    width: 112%;
}
}
@media (max-width: 767px){
img.con4-img-r {
	width: 100%;
    display: block;
    margin: auto;
    margin-top: 40px;
}
}
/*右側の文字下の線*/
img.con4-img-r-line {
	margin-top: -59px;
    max-width: 141%;
    mix-blend-mode: multiply;
    position: absolute;
    left: -60px;
}
@media (max-width: 1440px){
img.con4-img-r-line {
	width: 119%;
	margin-top: -48px;
    max-width: 112%;
}
}
@media (max-width: 1199px){
img.con4-img-r-line {
	margin-top: 3px;
}
}
@media (max-width: 767px){
img.con4-img-r-line {
	width: 100%;
    display: block;
    margin: auto;
	margin-top: -40px;
    margin-left: 55px;
}
}
@media (max-width: 425px){
img.con4-img-r-line {
	width: 97%;
    margin-top: -33px;
    margin-left: 69px;
}
}
@media (max-width: 375px){
img.con4-img-r-line {
    margin-top: -27px;
}
}
p.light-text {
    font-size: 19px;
    margin: 65px 0px 0 -30px;
	line-height: 2.03;
}
@media (max-width: 1440px){
p.light-text {
    font-size: 17px;
	margin: 65px 0px 0 -59px;
}
}
@media (max-width: 1199px){
p.light-text {
    margin: 40px 0px 0 -60px;
}
}

@media (max-width: 991px){
p.light-text {
	font-size: 13px;
}
}
@media (max-width: 767px){
p.light-text {
	text-align: center;	
	margin: 20px 0px 0 0px;
}
}
/*read-more　黒背景*/
.read-more-btn_black {
	background-color:#000;
    width: 200px;
    padding: 10px 30px;
    margin-left: -25px;
    margin-top: 50px;
	font-size: 18px;
    color: #fff;
	letter-spacing: 0.05em;
	text-align: center;
}
@media (max-width: 1440px){
.read-more-btn_black {
	margin-left: -55px;
    margin-top: 45px;
}
}
@media (max-width: 991px){
.read-more-btn_black {
	font-size: 13px;
    width: 150px;
    padding: 10px 0px;
    margin-top: 25px;
    margin-left: -60px;
}
}
@media (max-width: 767px){
.read-more-btn_black {
	display: block;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 90px;
}
}
@media (max-width: 576px){
.read-more-btn_black {
    margin-top: 40px;
	margin-bottom: 75px;
}
}
/*read-more　白背景のアイコン*/
.icon-right_black{
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
	padding: 1px 0 0 4px;
}
@media (max-width: 991px){
.icon-right_black{
    width: 15px;
    height: 15px;
}
}
/*/////////コンテンツ５/////////*/
/*左側*/
.con5_bg-img-l{
    background-image: url(../img/con-5-bg-l.png);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 50%;
	padding-left: 3%;
	padding-bottom: 3.5%;
}
@media (max-width: 1600px){
.con5_bg-img-l{
	padding-bottom: 4.5%;
}
}
@media (max-width: 1550px){
.con5_bg-img-l{
	padding-bottom: 5%;
}
}
@media (max-width: 1440px){
.con5_bg-img-l{
	padding-bottom: 5%;
}
}
@media (max-width: 1440px){
.con5_bg-img-l{
    padding-bottom: 4.5%;
}
}
@media (max-width: 1366px){
.con5_bg-img-l{
    padding-bottom: 4.9%;
}
}
@media (max-width: 1199px){
.con5_bg-img-l{
	padding-bottom: 5.5%;
}
}
@media (max-width: 1024px){
.con5_bg-img-l{
    padding-bottom: 7.5%;
}
}
@media (max-width: 991px){
.con5_bg-img-l{
	padding-bottom: 10.1%;
}
}
@media (max-width: 767px){
.con5_bg-img-l{
	width: 100%;
    padding-left: 0%;
    float: none;
    padding-bottom: 30px;
}
}
.con5_wrap-l {
    background-color: rgba(0,0,0,0.7);
	width: 95%;
	height: 450px;
}
@media (max-width: 1550px){
.con5_wrap-l {
	height: 380px;
}
}
@media (max-width: 1024px){
.con5_wrap-l {
	height: 320px;
}
}
@media (max-width: 991px){
.con5_wrap-l {
    height: 280px;
}
}
@media (max-width: 767px){
.con5_wrap-l {
	height: 360px;
    display: block;
    margin: auto;
}
}
dl.box {
	width: 90%;
	height: 450px;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */	
    display: block;
    margin: auto;
}
dl.box::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
}
@media (max-width: 1550px){
dl.box {
	height: 380px;
}
}
@media (max-width: 1024px){
dl.box {
	height: 320px;
}
}
@media (max-width: 991px){
dl.box {
    height: 280px;
}
}
@media (max-width: 767px){
dl.box {
	height: 360px;
}
}
.con5_wrap_box-l {
	width: 98%;
    min-height: 120px;
    display: block;
    margin: auto;
    margin-top: 36px;
	background-color: #fff;
    margin-bottom: 20px;
    padding: 20px 10px 5px 20px;
}
@media (max-width: 1550px){
.con5_wrap_box-l {
	padding: 15px 10px 5px 20px;
    min-height: 60px;
	margin-top: 30px;
}
}

dt.con5_wrap_box_date {
    font-size: 20px;
}
@media (max-width: 1550px){
dt.con5_wrap_box_date {
    font-size: 18px;
}
}
@media (max-width: 991px){
dt.con5_wrap_box_date {
    font-size: 15px;
}
}
p.dd-text {
    color: #000;
	font-size: 20px;
    margin-bottom: 0rem;	
}
a p.dd-text:hover {
    color:darkorange;
}

@media (max-width: 1550px){
p.dd-text {    
	font-size: 15px;
}
}
@media (max-width: 1199px){
p.dd-text {    
	font-size: 14px;
}
}
@media (max-width: 991px){
p.dd-text {
	font-size: 13px;
}
}
/*read-more　白背景*/
.read-more-btn_white {
	background-color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.05em;
    width: 200px;
    padding: 10px 30px;
    display: block;
	margin: 50px 0px 9% 37%;
	color: #000!important;
}
@media (max-width: 2000px){
.read-more-btn_white {
	margin: 50px 0px 90px 37%;
}
}
@media (max-width: 1550px){
.read-more-btn_white {
	margin: 50px 0px 98px 32%;
}
}
@media (max-width: 1440px){
.read-more-btn_white {
	margin: 50px 0px 90px 32%;
}
}
@media (max-width: 1366px){
.read-more-btn_white {
	margin: 50px 0px 84px 32%;
}
}
@media (max-width: 1199px){
.read-more-btn_white {
	margin: 25px 0px 57px 32%;
}
}
@media (max-width: 991px){
.read-more-btn_white {
    font-size: 13px;
    width: 150px;
    padding: 10px 0px;
    margin-top: 25px;
    margin: 25px 0px 86px 28%;
}
}
@media (max-width: 767px){
.read-more-btn_white {
	display: block;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 20px;
}
}
span.text-black {
    color: #000;
}
/*read-more　黒背景のアイコン*/
.icon-right_white{
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
	padding: 1px 0 0 4px;
}
@media (max-width: 991px){
i.fas.fa-caret-right.icon-right_white {
    padding: 3px 0px 0 3px;
}
}
/*右側*/
.con5_bg-img-r{
	background-image:url("../img/con-5-bg-r.png");
    background-repeat: no-repeat;
    background-size: cover;
	float: right;
    width: 50%;
	padding-left: 3%;
    padding-bottom: 0.3%;
}
@media (max-width: 1760px){
.con5_bg-img-r{
    padding-bottom: 0%;
}
}
@media (max-width: 767px){
.con5_bg-img-r{
	background-image:url("../img/con-5-bg-r-sp.png");
	width: 100%;
    padding-left: 0%;
	float: none;
	padding-bottom: 12%;
	background-size:auto;
}
}
@media (max-width: 576px){
.con5_bg-img-r{
	padding-bottom: 15%;
}
}

@media (max-width: 1760px){
img.con-5-r-logo-company {
    padding-bottom: 0.7%;
}
}
.con5_wrap-r {
    position: relative;
    background-color: #fff;
    width: 95%;
	padding: 4% 4% 2% 4%;
    margin-bottom: 67px;
	filter: drop-shadow(-2px 4px 5px rgba(0, 0, 0, 0.2));
    z-index: 1;
}
@media (max-width: 1600px){
.con5_wrap-r {
	margin-bottom: 81px;
}
}
@media (max-width: 1440px){
.con5_wrap-r {
	margin-bottom: 67px;
	height: 380px;
}
}
@media (max-width: 1260px){
.con5_wrap-r {
	margin-bottom: 80px;
}
}
@media (max-width: 1199px){
.con5_wrap-r {
	margin-bottom: 66px;
}
}
@media (max-width: 1024px){
.con5_wrap-r {
	margin-bottom: 79px;
    height: 320px;
}
}
@media (max-width: 991px){
.con5_wrap-r {
    height: 280px;
}
}
@media (max-width: 767px){
.con5_wrap-r {
	display: block;
    margin: auto;
	height: auto;
}
}
@media (max-width: 576px){
.con5_wrap-r {
	padding: 7% 4% 7% 4%;
}
}


@media (max-width: 1550px){
img.con-5-r-logo-company {
    width: 56%;
}
}
@media (max-width: 767px){
img.con-5-r-logo-company {
    width: 67%;
}
}
.con5_company {
    font-size: 23px;
    margin-top: 20px;
}
@media (max-width: 1550px){
.con5_company {
    font-size: 18px;
}
}
@media (max-width: 1199px){
.con5_company {
    font-size: 15px;
}
}
@media (max-width: 991px){
.con5_company {
    font-size: 13px;
    margin-top: 10px;
}
}
@media (max-width: 767px){
.con5_company {
	font-size: 25px;
}
}
@media (max-width: 425px){
.con5_company {
	font-size: 18px;
}
}
ul.con5_company_text li{
    font-size: 20px;
	font-family: NotoSansCJKjp-Regular, sans-serif;
}
@media (max-width: 1550px){
ul.con5_company_text li{
    font-size: 17px;
}
}
@media (max-width: 1199px){
ul.con5_company_text li{
    font-size: 13px;
}
}
@media (max-width: 767px){
ul.con5_company_text li{
    font-size: 22px;
}
}
@media (max-width: 425px){
ul.con5_company_text li{
    font-size: 15px;
}
}


ul.con5_company_text {
    margin: 20px 0 0 -33px;
	padding-left: 4%;
}
@media (max-width: 1550px){
ul.con5_company_text {
    margin: 20px 0 0 -25px;
}
}
@media (max-width: 1199px){
ul.con5_company_text {
    margin: 20px 0 0 -20px;
}
}
@media (max-width: 991px){
ul.con5_company_text {
    margin: 10px 0 0 -13px;
}
}
@media (max-width: 767px){
ul.con5_company_text {
    margin: 10px 0 0 -27px;
}
}
@media (max-width: 576px){
ul.con5_company_text {
	line-height: 2.3rem;
}
}
@media (max-width: 425px){
ul.con5_company_text {
	line-height: 1.5rem;
    margin: 10px 0 0 -17px;
}
}

@media (max-width: 576px){
.con5_company_namber {
    margin-top: 20px;
}
}
.con5_company_namber a{
    font-size: 50px;
    font-weight: 500;
	color: #ea5504;
}
@media (max-width: 1550px){
.con5_company_namber a{
    font-size: 37px;
}
}
@media (max-width: 1260px){
.con5_company_namber a{
    font-size: 33px;
}
}
@media (max-width: 1199px){
.con5_company_namber a{
    font-size: 27px;
}
}
@media (max-width: 991px){
.con5_company_namber a{
    font-size: 22px;
}
}
@media (max-width: 767px){
.con5_company_namber a{
    font-size: 50px;
}
}
@media (max-width: 576px){
.con5_company_namber a{
    font-size: 41px;
}
}
@media (max-width: 425px){
.con5_company_namber a{
    font-size: 25px;
}
}
/*read-more　会社概要用*/
.read-more-btn_black-a {
	background-color: #000;
    font-size: 18px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.05em;
	width: 200px;
    padding: 10px 30px;
    margin: 10px 0 10px 0;
}
@media (max-width: 991px){
.read-more-btn_black-a {
	font-size: 13px;
    width: 150px;
    padding: 10px 0px;
    margin-top: 25px;
}
}
/*キャラクター*/
img.con-5-r-company-doll {
    position: absolute;
    right: 7%;
    margin-top: -291px;
    z-index: 2;
}
@media (max-width: 1550px){
img.con-5-r-company-doll {
	margin-top: -229px;
    width: 165px;
    height: auto;
}
}
@media (max-width: 1199px){
img.con-5-r-company-doll {
	margin-top: -214px;
    width: 145px;
}
}
@media (max-width: 991px){
img.con-5-r-company-doll {
	margin-top: -165px;
    width: 100px
}
}
@media (max-width: 767px){
img.con-5-r-company-doll {
	margin-top: -196px;
    width: 27%;
}
}
@media (max-width: 576px){
img.con-5-r-company-doll {
	margin-top: -154px;
    width: 28%;
}
}
@media (max-width: 425px){
img.con-5-r-company-doll {
	margin-top: -112px;
}
}
@media (max-width: 320px){
img.con-5-r-company-doll {
	margin-top: -85px;
}
}
/*////////フッター/////////*/
footer {
    background-color: #f3f3f3;
    clear: both;
}
@media (max-width: 767px){
footer {
    background-color: #d7d7d7;
}
}
ul.footer-nav{
    padding-top: 60px;
}
@media (max-width: 991px){
ul.footer-nav{
    font-size: 13px;
}
}
.footer-nav li {
    float: left;
    padding: 5px 30px;
}
@media (max-width: 1199px){
.footer-nav li {
    padding: 5px 17px;
}
}
@media (max-width: 1024px){
.footer-nav li {
    padding: 5px 26px;
}
}
@media (max-width: 991px){
.footer-nav li {
	padding: 5px 8px;
}
}

.footer-nav li a{
	color: #000;
}
.footer-nav li.otoiawase-text a{
	color: #ef7a02;
}
mg.logo-footer {
    position: relative;
}
span.cope-text-c {
    position: absolute;
    margin: 34px 0px 0px 30px;
}
@media (max-width: 991px){
span.cope-text-c {
	margin: 20px 0px 0px 30px;
    font-size: 13px;
}
}
@media (max-width: 767px){
span.cope-text-c {
    position: sticky;
}
}
@media (max-width: 991px){
img.logo-footer {
    width: 35%;
}
}@media (max-width: 767px){
img.logo-footer {
	width: 63%;
    display: block;
    margin: auto;
}
}
@media (max-width: 767px){
p.footer-nav-logo-sp.font-weight-bold {
    margin-bottom: 0rem;
	padding-bottom: 20px;
}
}
@media (max-width: 767px){
.container.footer-nav-box {
    text-align: center;
}
}
.banner{
  width: 85%;
  margin: 50px auto 0;
}
.banner ul{
  display: flex;
  justify-content: space-between;
}

.banner ul li{
  width: 48%;
}
@media (max-width: 767px){
  .banner{
  width: 95%;
  margin: 20px auto;
}
.banner ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.banner ul li{
  width: 100%;
  margin-bottom: 20px;
}
}
.ttl_agt{
  font-size: 30px;
  padding-top: 50px;
  color: #ff7512;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px){
  .ttl_agt{
  font-size: 26px;
  padding-top: 50px;
  color: #ff7512;
  font-weight: bold;
  text-align: center;
}
}