/* -----------------------------------
    base
-------------------------------------- */
html {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-appearance: none; 
}

body{
    font-size: 1.6rem;
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    /*DNP 秀英角ゴシック銀 Std（DNP Shuei Gothic Gin Std）のfont-family*/
    font-family: "DNP ShueiGoGinStd", sans-serif;
}
img{
    max-width: 100%;
    vertical-align: bottom;
}
a{
    text-decoration: none;  /*テキストの装飾なし*/
}

/* ボタンコンテナ */ 
.work-btn {
    position: absolute;
    display: table-cell;
    top: 90%;
    left: 50%;
    transform: translate(-50%, 90%);
}

/* リンクのボタンデザイン */ 
.btn {
    width: 250px;
    height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;                 /* 文字位置   */
	cursor: pointer;                    /* カーソル   */	
	background: #0A1F9F;              /* 背景色     */
	transition: .3s;                    /* なめらか変化 */
	border: 2px solid #000066;        /* 枠の指定 */

    /* 書式設定 */
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 23px;
    text-align: center;
    color: #fff;
}

/* ボタン反転処理 */ 
.btn:hover {
	color:#0A1F9F;     /* 背景色     */
	background:#ffffff;     /* 文字色     */
  }

/* オレンジ横線 */
.boder-yoko{
    position: absolute;
    top: 50%;
    left: 110%;
    transform: translate(-110%, -50%);
    width: 40px;
    height: 0px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;    
}

/* オレンジ縦線 */
.boder-tate{
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -130%);
    width: 0px;
    height: 29px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;       
}

/* ヘッダー関連 */
.header-wrapper{
    position: absolute;
    background: transparent;
    font-family: "Source Han Sans JP", sans-serif; 
    width: 100%;
    z-index: 2;
}

.header-wrapper2{
    position: relative;
    background: transparent;
    font-family: "Source Han Sans JP", sans-serif; 
    width: 100%;
}

.header-inner{
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
    z-index: 999;
    position: relative;
}

.header-wrapper > .header-inner{
    height: 88px;
    display: flex;              /* 横並び */
    align-items: center;        /* 上下中央揃え */
}

/* ナビゲーションバー　会社名処理 */
.header-logo {
    display: flex;              /* 横並び */
    align-items: center;        /* 上下中央揃え */
    margin-left: 16px;
    position: relative;
}

.header-logo .toplink{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header-logo .logo {
    display: block;
}

.header-logo .logo img {
    height: 50px;
    vertical-align: bottom;
    margin: 10px;
}

.header-logo .title1 {
    margin: 10px;
    font-weight: bold;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    text-align: left;
    color: #191a24;
}

.header-logo .title2 {
    font-weight: 500;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    text-align: left;
    color: #191a24;
}

/* ナビメニュー */
/* ナビメニュー メニューボタン */
.header-navmenu {
    position: absolute;
    z-index : 9999;
    top: 20%;
    left: 85%;
    transform: translate(-85%, -20%);
    cursor: pointer;
    text-align: center;
}
.header-navmenu span {
    display: inline-block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #BBBBBB;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
}
.header-navmenu span:nth-child(1) {
    position: fixed;
    top: 10px;
}
.header-navmenu span:nth-child(2) {
    position: fixed;
    top: 20px;
}
.header-navmenu span:nth-child(3) {
    position: fixed;
    top: 30px;
}
/* ナビゲーションバー メニューが開いているときの処理  */
.header-navmenu.active span:nth-child(1) {
    position: fixed;
    top : 16px;
    left: 6px;
    background :#BBBBBB;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
}
  
.header-navmenu.active span:nth-child(2),
.header-navmenu.active span:nth-child(3) {
    position: fixed;
    top: 16px;
    background :#BBBBBB;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
}
/* ナビメニュー　表示*/
.header-nav {
    position:-webkit-fixed;
    position: fixed;
    z-index : -1;
    opacity: 0;
    top  : 0%;
    left: 0%;
    color: #fff;
    background: #0A1F9F;
    background-image: url("../img/index/ill_machine_01.svg");
    background-size: contain;
    background-attachment: fixed;
    background-position: center center;
    background-repeat:  no-repeat;
    text-align: left;
    width: 100%;
    transform: translateX(-100%);
    transition: all 0.6s;
    height: 100vh;
    width: 100%;
}
/* ナビメニュー　エントリー */
.nav-entry {
    position: absolute;
    display: table-cell;
    top: 0%;
    left: 5%;
    transform: translate(20%, 90%);
}

.nav-entry .btn {
    width: 180%;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;                 /* 文字位置   */
	cursor: pointer;                    /* カーソル   */	
	background: #ffffff;              /* 背景色     */
	transition: .3s;                    /* なめらか変化 */
	border: 2px solid #ffffff;        /* 枠の指定 */

    /* 書式設定 */
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: 23px;
    text-align: center;
    color: #0A1F9F;
    opacity: 1;
}

/* ボタン反転処理 */ 
.nav-entry .btn:hover {
	color:#ffffff;     /* 背景色     */
	background:#0A1F9F;     /* 文字色     */
  }

  /* オレンジ横線 */
.nav-entry .boder-yoko {
    position: absolute;
    top: 50%;
    left: 200%;
    transform: translate(-117%, -50%);
    width: 40px;
    height: 0px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;    
}

.nav-list {
    position: absolute;
    top: 25%;
    left: 0%;
    z-index : 100;
    font-family: "Source Han Sans JP", sans-serif;
    padding-right: 0px; 
}

.header-nav ul {
    z-index : 100;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.header-nav ul li {
    z-index : 100;
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
}
.header-nav ul li a {
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    padding: 1em 0;
    text-decoration :none;
    width: 100%;
    text-align: center;
}

.header-nav hr { 
    position: absolute;
    top: 70%;
    left: 50%;  
    transform: translate(-50%, 0%); 
    width: 80%;
    height: 0px;
    border: 1px solid #F8F9FF;
    opacity: 1;
}

.header-nav .info-tel {
    position: absolute;
    top:77%;
    left: 25%;
    align-items: center;
    margin-top: 15px;
}

.header-nav .info-tel img {
    width: 26px;
    height: 26px;
    background: transparent;  
    filter: brightness(0) invert(1);    /* 白に反転 */
    margin-right: 3px; 
}

.header-nav .info-tel .ftel {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: bold;
    font-size: 28px;
    font-size: clamp(20px, 3vw, 28px);
    letter-spacing: 2.1px;
    line-height: 11px;
    text-align: center;
    align-items: center;
    color: #ffffff;
    margin-right: 30px; 
}

.header-nav .info-tel .info-link {
    position: absolute;
    top: 150%;
    left: 0%;  
    width: 100%; 
    align-items: center;
    margin-top: 15px;
}
.header-nav .info-tel .info-link p {
    position: absolute;
    top: 0%;
    left: 50%;   
    transform: translate(-50%, 0%); 
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    color: #FFFFFF;
    letter-spacing: 0px;
    width: 270px;
}
.header-nav .info-tel .info-link .link1{
    position: absolute;
    top: 100%;
    left: 3.2%;   
    margin-top: 38px;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    color: #FFFFFF;
    width: 100%;
}
.header-nav .info-tel .info-link img{
    position: absolute;
    top: 100%;
    left: 75%;
    width: 30px;
    height: 30px;
    background: transparent;
    margin-top: 28px;
    width: 33px;
}

@media (min-width: 480px) {
    .header-nav .info-tel .info-link img{
        position: absolute;
        top: 100%;
        left: 95%;
        width: 30px;
        height: 30px;
        background: transparent;
        margin-top: 28px;
        width: 33px;
    }
 }

.header-nav .info-tel .info-link .link2{
    position: absolute;
    top: 80%;
    left: 15%;   
    align-items: center;
    margin-top: 78px;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 1.76px;
}
  /* このクラスを、jQueryで付与・削除する */
.header-nav.active {
    opacity: 1;
    transform: translateX(0%);
    z-index:999;
}


/* フッター関連 */
footer {
    background: #eff0f8;
}

.footer-inner {
    width: 100%;
    position: relative;
    height: 400px;
    margin: 0 auto;
    background: #eff0f8;
}

.footer-imgwra {
    width: 100%;
    height: 316px;
    margin: auto;
    display: grid;
    grid-template-columns: 50% 50%;
}

.footer-btnwra {
    height: 316px;
    margin-right: auto;
    background: transparent;
    grid-column: 1;
}

.footer-btn {
    left:8%;
    margin: 64px 0 0 0;
    position: relative;
}

/* オレンジ横線 */
.fboder-yoko{
    position: absolute;
    top: 50%;
    right: -25px;
    width: 40px;
    height: 0px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;   
}

.footer-infowra {
    position: absolute;
    top:40%;
    left:5%;
    width: 95%;
    height: 200px;
    background: transparent;
    grid-column: 2;
}

.footer-info {
    margin: 0;
    margin-top: 72px;
}

.info-title_f {
    display: flex;
    align-items: center;
}

.info-title_f img{
    width: 50px;
    height: 50px;   
    margin-right: 10px;
}

.info-title_f a{
    transition: .3s; 
}

.info-title_f a:hover {
    opacity: .7;
  }

.ftitle1 {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    text-align: left;
    color: #191a24;
    
}

.ftitle2 {
    margin-left: 5px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    text-align: left;
    color: #191a24;    
}

.info-add {
    margin-top: 20px;
}

.info-add p {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    line-height: 11px;
    text-align: left;
    color: #191a24;
}

.info-tel {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.info-tel img {
    width: 16px;
    height: 16.03px;
    background: transparent;  
    margin-right: 3px; 
}

.ftel {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: bold;
    font-size: 18px;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 0.08em;
    line-height: 11px;
    text-align: left;
    color: #191a24;
    margin-right: 30px; 
}

.ffax {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 0.08em;
    line-height: 11px;
    text-align: left;
    color: #191a24;
}

.info-link {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.info-link img {
    width: 27px;
    height: 27px;
    background: transparent;
    margin-top: 5px;
    margin-right: 45px;
}

.info-link a {
    transition: .3s;
  }
  
.info-link a:hover {
    opacity: .7;
  }
  
.link1 {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    text-decoration: underline;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    line-height: 11px;
    text-align: left;
    color: #191a24;
    margin-right: 2px;
}

.link2 {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    text-decoration: underline;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    line-height: 11px;
    text-align: left;
    color: #191a24;
}

.info-toplink {
    width: 8%;
    height: 179px;
    position: absolute;
    top: 0%;
    right: 0%;
    background: #fff;
    z-index: 1;
}

.page-top {
    /* div全体をリンク化 */
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.page-top:hover {
    transform: translate(0, 0px);
  }
  
.info-toplink img {
    margin:10px 0px 0px 5px;
}

/* -----------------------------------
    TOPページ
-------------------------------------- */
/* ヘッダー　画像処理 */
.header-imgwra {
    max-width: 100%;
    height: 100vh;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 1;
}

.imgmsg-block{
    position: absolute;
    width: 55%;
    height: auto;
    background: transparent;
    top: 35%;
    left: 100%;
    transform: translate(-100%,0);
    z-index: 99;
}

.img-msg{
    width: 85%;
}

.header-imgin1 {
    padding: 16px;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}


.h-img1 {
    height: 20%;
    width: 96%;
    margin-left: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
}

.h-img1 img {
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.h-img3 {
    width: 70%;
    height: 20%;
    margin-left: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
}

.h-img3 img {
    object-fit: cover;
    width: 331px;
    height: 409px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 37% 0;
}

.h-img4 {
    width: 30%;
    height: 35%;
    display: flex;
    align-items: flex-end;
    margin-left: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
}

.h-img4 img {
    object-fit: cover;
    width: 178px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.header-imgin3{
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    width: 100%;
    height: 80%;
    z-index: 2;
}

.header-imgin2 {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    z-index: 1;
}


.h-img5 {
    width: 45%;
    height: 35%;
    display: flex;
    align-items: flex-end;
    margin-left: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
}

.h-img5 img {
    object-fit: cover;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.h-img2 {
    width: 50%;
    height: 40%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.h-img2 img {
    object-fit: cover;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* キービジュアル */
.kv-wrapper {
    height: auto;
    margin: 0 auto;
    background-image: url(../img/index/img_message.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: bottom center;
}

.kv-cintent {
    height: 881px;
    display: flex;
    align-items: center;
}

.kv-copy {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: normal;
    font-size: 19px;
    font-size: clamp(11px, 5vw, 19px);
    letter-spacing: 0.03em;
    line-height: 49px;
    text-align: center;
    color: #fff;
}

/* セクション関連　仕事 */
.section-work {
    width: 100%;
    height: 1360px;
    margin: 0 auto;
    background: #0a1f9f;
}

.section-inner-work {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    width: 100%;
    height: 1366px;
    background: #fff;
    filter: drop-shadow(0px 0px 36px rgba(0, 0, 0, 0.12));
    position: relative;
}

.txtwork-title1 {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%, -7%);
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.05em;
    line-height: 23px;
    text-align: left;
    color: #ffbb3b;
}

.txtwork-title2 {
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translate(-50%, -11%);
    text-align: center;
    font-weight: bold;
    font-size: 64px;
    letter-spacing: 0.05em;
    line-height: 23px;
    text-align: left;
    color: #191a24;
}

.work-title1 {
    width: 171px;
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%, -7%);
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 0.05em;
    line-height: 23px;
    text-align: left;
    color: #ffbb3b;
}

.work-title2 {
    width: 231px;
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translate(-50%, -11%);
    text-align: center;
    font-weight: bold;
    font-size: 44px;
    font-size: clamp(36px, 3vw, 44px);
    letter-spacing: 0.05em;
    line-height: 23px;
    text-align: left;
    color: #191a24; 
}

.work-img-wrapper {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -35%);
    width:100%;
    height: 628px;
    background: #EFF0F8 url(../img/index/ill_machine_01.svg) no-repeat;
    background-size: 180% 180%;
    background-position: 70% 90%;
    animation: fluidrotate 30s ease 0s infinite;
  }
  
  /* 画像アニメーション */
  @keyframes fluidrotate {  
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }          
  }

.work-base-wra {
    padding: 16px 32px;
    position: relative;
    border-radius: 50px;
    background: #fff;
    display: inline-block;
}

.work-base-wra::before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 14px solid #fff;
}

  /* 吹き出し描写 */
  /* 丸枠 */
  .work-text-wra1 {
    position: absolute;
    display: inline-block;
    width: 350px;
    height: 60px;
    border-radius: 30px;
    background: #fff;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -15%);
  }
  /* 三角アイコン */
  .work-text-wra1:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff
  }

  .work-text-wra2 {
    position: absolute;
    display: inline-block;
    width: 330px;
    height: 60px;
    border-radius: 30px;
    background: #fff;    
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
  }
  /* 三角アイコン */
  .work-text-wra2:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff
  }

  .work-text-wra3 {
    position: absolute;
    display: inline-block;
    width: 260px;
    height: 60px;
    border-radius: 30px;
    background: #fff;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
  }
  /* 三角アイコン */
  .work-text-wra3:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff
  }

  .work-text-wra4 {
    position: absolute;
    display: inline-block;
    width: 320px;
    height: 60px;
    border-radius: 30px;
    background: #fff;    
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
  }
  /* 三角アイコン */
  .work-text-wra4:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff
  }

  .work-text-wra5 {
    position: absolute;
    display: inline-block;
    width: 360px;
    height: 60px;
    border-radius: 30px;
    background: #fff;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
  }
  /* 三角アイコン */
  .work-text-wra5:before {
    content: ""; 
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff
  }

  .work-text-wra6 {
    position: absolute;
    display: inline-block;
    width: 280px;
    height: 60px;
    border-radius: 30px;
    background: #fff;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -90%);
  }
  /* 三角アイコン */
  .work-text-wra6:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff
  }

  .work-img-wrapper p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
    font-size: clamp(12px, 5vw, 20px);
    letter-spacing: 0.11em;
    line-height: 29px;
    text-align: center;
    color: #191a24;
  }

.work-bottom {
    position: absolute;
    display:flex;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
}

.img-q {
    position: absolute;
    display:flex;
    top: -20%;
    left: 90%;
    transform: translate(-90%, 20%);
    width: 100px;
    height: 200px;
    background: transparent;
}

/* セクション関連　インタビュー */
.section-interview {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}

.section-inner-interview {
    margin: 0 auto;
    border-top: 198px solid #eff0f8;
}

.int-top{
    position: relative;
    margin-top: 10px;
}

.interviewlist-interview-index {
    position: relative;
    top: 144px;
    width: 100%;
    height: 1664px;
    margin: 0 auto;
    background: #fff;
    z-index: 1;
}

.img-int {
    position: absolute;
    display:flex;
    top: 80%;
    left:50%;
    transform: translate(-50%, -80%);
    width: 426.14px;
    height: 103.92px;
    background: transparent;
    opacity: 0.5;
}

.int-title {
    width: 196px;
    position: absolute;
    display:flex;
    top: 0%;
    left:50%;
    transform: translate(-50%, 0%);
    text-align: center;
    font-weight: bold;
    font-size: 44px;
    font-size: clamp(36px, 3vw, 44px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: center;
    color: #000;
}

.int-wrapper1 {
    width: 100%;
    margin: 30% auto;
}

.int-wrapper2,
.int-wrapper3,
.int-wrapper4,
.int-wrapper5,
.int-wrapper6,
.int-wrapper7 {
    width: 100%;
    margin: 20% auto;
}


.int-block{
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 550px;
}

.int-probox{
    width: 100%;
}

.int-list{
    position:relative;
    height: 100%;
}


.int-info img {
    margin-top: -5%;
    margin-left: 5%;
    width: 35%;
    border-radius: 20px;
}


.int-list + .int-list{
    margin-top: 20%;
}

.int-info {
    width: 100%;
    height: 200px;
    background: #fff;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
}

.inf-top{
    display: flex;
}

.int-pro{
    position: absolute;
    top: 0%;
    left:85%;
    transform: translate(-85%, 0%);
}

.info-title {
    position: absolute;
    top: 0%;
    left:23%;
    transform: translate(-23%, 0%);

    display: flex;
    justify-content: center;
    align-items: center;
    width: 146px;
    height: 29px;
    background: #0a1f9f;
    margin-top: 27px;
    margin-left: 27px;

    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: 500;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: left;
    color: #fff;
}

.info-Position{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 29px;
    margin-top: 27px;
    margin-left: 70%;

    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: normal;
    font-size: 15px;
    font-size: clamp(7px, 3vw, 15px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: left;
    color: #0a1f9f;
}

.info-explain {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: 27px;
    width: 269px;
    height: 54px;

    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.05em;
    line-height: 26px;
    text-align: left;
    color: #191a24;
}

.info-name{
    position: absolute;
    top: 95%;
    left:25%;
    transform: translate(-25%, 0%);

    display: flex;
    margin-left: 27px;
}

.yyyy {
    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: normal;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: left;
    color: #9799ad;
}

.name {
    margin-left: 15px;
    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: normal;
    font-size: 15px;
    font-size: clamp(7px, 3vw, 15px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: left;
    color: #191a24;
}

/* セクション関連　会社 */
.section-inner-about{
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    margin-top: 20%;
}

.about-img-wrapper{
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 185px 0 80px;
    background-image: url(../img/index/img_about.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.about-top{
    position: relative;
}

.img-about {
    position: absolute;
    top: -82.5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 251.24px;
    height: 103px;
    background: transparent;
    opacity: 0.5;
    z-index: 1;
    object-fit: cover;      /* アス比維持 */
}

.about-title {
    position: absolute;
    top: -21px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: bold;
    font-size: 44px;
    font-size: clamp(36px, 3vw, 44px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.about-text-wrapper1 {
    width: 100%;
    height: 500px;
    margin-top: 20%;
    background: #0a1f9f;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
    z-index: 0;
    position: relative;
}

.about-text-wrapper2,
.about-text-wrapper3,
.about-text-wrapper4 {
    width: 100%;
    height: 400px;
    margin-top: 10%;
    background: #0a1f9f;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
    z-index: 0;
    position: relative;
}

.about-text-wrapper5 {
    width: 100%;
    height: 200px;
    margin-top: 10%;
    background: transparent;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
    z-index: 0;
    position: relative;
}

.age-title{
    position: absolute;
    top: 5%;
    left:50%;
    transform: translate(-50%, -5%);
    width: 250px;
    font-weight: normal;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: center;
    color: #fff;
}

.age-img {
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50%, -40%);
    background: transparent;
}
.age-img {
    width: 30%;
}

.age-age{
    display: flex;
    position: absolute;
    top: 90%;
    left:50%;
    transform: translate(-50%, -90%);
}

.age-num {
    font-weight: bold;
    font-size: 48px;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: left;
    color: #fff;
}

.age-sai{
    margin-top: 10px;
    font-weight: normal;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: left;
    color: #fff;
}

.about-bum {
    position: absolute;
    top: 110%;
    left:50%;
    transform: translate(-50%, -110%);
    width: 300px;
    height: 400px;
}

.bum-img {
    width: 100%;
    background: transparent;
}

.bum-title1 {
    position: absolute;
    top: 25%;
    left:50%;
    transform: translate(-50%, -25%);
    font-weight: normal;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: center;
    color: #fff;
}

.bum-title2 {
    position: absolute;
    top: -12%;
    left:-5%;
    transform: translate(5%, 12%);
    font-weight: normal;
    font-size: 20px;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}

.bum-title3 {
    position: absolute;
    top: -25%;
    left:40%;
    transform: translate(-40%, 25%);
    font-weight: normal;
    font-size: 20px;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}

.bum-title4 {
    position: absolute;
    top: 65%;
    left:75%;
    transform: translate(-55%, -0%);
    font-weight: normal;
    font-size: 20px;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
    width: 200px;
}

.about-graph1{
    display: flex;
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50%, -40%);
}

.about-graph2{
    display: flex;
    position: absolute;
    top: -2%;
    left:5%;
    transform: translate(-5%, 2%);
}

.about-graph3{
    display: flex;
    position: absolute;
    top: -15%;
    left:44%;
    transform: translate(-44%, 15%);
}

.about-graph4{
    display: flex;
    position: absolute;
    top: 80%;
    left:88%;
    transform: translate(0%, -40%);
}

.about-num1 {
    font-weight: bold;
    font-size: 48px;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}
.about-num2 {
    font-weight: bold;
    font-size: 38px;
    font-size: clamp(30px, 3vw, 38px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}
.about-num3 {
    font-weight: bold;
    font-size: 38px;
    font-size: clamp(30px, 3vw, 38px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}

.about-mei1{
    margin-top: 15px;
    font-weight: normal;
    font-size: 18px;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}

.about-mei2{
    margin-top: 10px;
    font-weight: normal;
    font-size: 18px;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: right;
    color: #fff;
}

.time-title{
    position: absolute;
    top: 5%;
    left:50%;
    transform: translate(-50%, -5%);
    width: 100%;
    font-weight: normal;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: center;
    color: #fff;
}

.time-img {
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50%, -40%);
    background: transparent;    
}

.time-time{
    display: flex;
    position: absolute;
    top: 80%;
    left:50%;
    transform: translate(-50%, -80%);
}

.time-time p {
    font-weight: bold;
    font-size: 48px;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: left;
    color: #fff;
    width: 100%;
}

.paid-title{
    position: absolute;
    top: 5%;
    left:50%;
    transform: translate(-50%, -5%);
    width: 250px;
    font-weight: normal;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: center;
    color: #fff;
}

.paid-img {
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50%, -40%);
    background: transparent; 
    width: 30%;
}

.paid-img img{
}


.paid-paid {
    display: flex;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -80%);
}

.paid-num {
    font-weight: bold;
    font-size: 58px;
    font-size: clamp(50px, 3vw, 58px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: left;
    color: #fff;
}

.paid-per {
    margin-top: 10px;
    font-weight: normal;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 0.11em;
    line-height: 43px;
    text-align: left;
    color: #fff;
}

/* ボタンコンテナ */ 
.about-btn {
    position: absolute;
    display: table-cell;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0%);
}

/* リンクのボタンデザイン */ 
.abtn {
    width: 250px;
    height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;                 /* 文字位置   */
	cursor: pointer;                    /* カーソル   */	
	background: #fff;                /* 背景色     */
	transition: .3s;                    /* なめらか変化 */
	border: 2px solid #000066;        /* 枠の指定 */

    /* 書式設定 */
    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 23px;
    text-align: center;
    color: #0a1f9f;
}

/* ボタン反転処理 */ 
.abtn:hover {
	color:#fff;             /* 背景色     */
	background:#0A1F9F;     /* 文字色     */
}

/* セクション関連　動画 */
.section-video {
    max-width: 100%;
    background: #fff;
}

.section-inner-video {
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    border-top: 100px solid #eff0f8;
    position: relative;
}

.video-block {
    width: 100%;
    margin: 0 auto;
    border-top: 420px solid #f8f9ff;
    position: absolute;
    display: table-cell;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.video-list {
    width: 100%;
    height: 664px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    display: table-cell;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
}

.video-logo{
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -5%);
}

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

.video-top img {
    position: absolute;
    display: table-cell;
    top:60%;
    left: 0%;
    transform: translate(0%, 0%);

    width: 160px;
    height: 162.78px;  
}

.video-top p {
    width: 100%;
    font-weight: normal;
    font-size: 22px;
    font-size: clamp(14px, 3vw, 22px);
    letter-spacing: 0.11em;
    line-height: 42px;
    text-align: center;
    color: #0a1f9f;   
}

.video-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.video-cm {
    width: 100%;
}

.video-cm img {
    position: absolute;
    top: 38%;
    left: 87%;
    transform: translate(-38%, -87%);
    z-index: 1;
    width: 20%;
}

@media (min-width: 700px) {
    .video-video {
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -70%);
        width: 100%;
        margin: auto;
        overflow: hidden;
        position: relative;
    }
 }

 @media (min-width: 900px) {
    .video-video {
        position: absolute;
        top: 90%;
        left: 50%;
        transform: translate(-50%, -90%);
        width: 100%;
        margin: auto;
        overflow: hidden;
        position: relative;
    }
 }

.video-video video{
    width: 100%;
}

.video-video img {
    width: 20%;
    background: transparent;
}

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}

/* -----------------------------------
bosyu
-------------------------------------- */
/* メイン関連 */

.main-bosyuwrapper{
    width: 100%;
    position: absolute;
    background: transparent;
    font: normal normal normal 48px/23px DNP ShueiGoGinStd, sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    z-index: 1;
}

.main-inner{
    max-width: 100%;
    max-height: 6085px; 
    /* max-height: 100%; */
    margin: 0 auto;
    background: #fff;
}

.main-bosyuwrapper > .main-inner{
    height: 88px;
    display: flex;              /* 横並び */
}
/* トップ画面 */
.main-style{
    top:0%;
    left:0%;
    width: 100%;
    height: 355px;
    background: transparent url('../img/recruit/img_head-mobile.jpg') 0% 0% no-repeat padding-box;
    background-size: contain;
    background-position: left;
    z-index:3;
    /* border: dotted; */
    }
/* テキスト募集要項 */
.text-bosyu{
    display: flex;
    align-items: center;
    position: absolute;
    top: 45%;
    left: 5%;
    width: 40%;
    height: 30px;
    opacity: 1;    
    z-index:11;
}

.text-bosyu b {
    font-family: "DNP ShueiGoGinStd", sans-serif;
    font-weight: bold;
    font-size: 30px;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 1.5px;
    line-height: 23px;
    text-align: center;
    color: #191a24;
}

.boder-title{
    position: absolute;
    top: -100%;
    left: 42px;
    transform: translate(-37%, -50%);
    width: 0px;
    height: 29px;
    background: transparent;
    border: 1px solid #ffbb3b;
    opacity: 1;    
}

/* リクルート背景 */
.img-bosyu{
    position: absolute;
    top: 270%;
    left: 0%;
    width: 95%;
    height: 158px;
    background-position: left;
    background:#FFFFFF;
    opacity: 1;
    z-index:2;
}
.text-title{
    position: absolute;
    top: -10%;
    left: 4.5%;
    width: 104px;
    height: 0px;
    opacity: 1;    
}
/* /トップ画面 */
/* ページ内リンク */
.plink-syokusyu {
    position: absolute;
    text-align:center; 
	top: 380%;
    left: 50%;
}
.plink-senkou {
    position: absolute;
	top: 480%;
    left: 50%;
    text-align:center; 
}   
.plink-entry {
	position: absolute;
    top: 580%;
	left: 50%;
    text-align:center;
}
/* リンクのボタンデザイン */ 
.bosyu-btn {
    width: 300px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;                 /* 文字位置   */
	cursor: pointer;                    /* カーソル   */	
	background: #0A1F9F;              /* 背景色     */
	transition: .3s;                    /* なめらか変化 */
	border: 2px solid #000066;        /* 枠の指定 */

    /* 書式設定 */
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1.54px;
    line-height: 23px;
    text-align: center;
    color: #fff;
}

/* /ページ内リンク */
/* 募集職種 */
.boayu-body{
    position: absolute;
    top:748px;
    width: 100%;
    height: 337px;
    opacity: 1;
}

/* 募集内容 */
.bosyunaiyou-header{
    position: absolute;
    top:85%;
    width: 105%;
    opacity: 1;
}
/* アコーディオンメニュー */
  .bosyunaiyou-menu {
    width: 100%;
    margin: 30px 0 30px 0;
    border-top: 1px solid #CFD0E0;
    border-bottom: 1px solid #CFD0E0;
  }
  .ac-child {
    width: 93%;
    padding: 5px 10px;
    display: none;
    margin:0 2% 2% 2%;
  }
.ac-parent {
    position: relative;
    height: 0%;
    line-height: 0px;
    width: 93%;
    text-align: left;
    cursor: pointer;
    color: #0A1F9F;    
    font: normal normal bold 18px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 1.35px;
    transition: .3s;
    padding: 3% 6% 3% 0px;
}
.ac-parent:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    /*横線*/
    width: 24px;
    height: 2px;
    background: #0A1F9F;
}
.ac-parent:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
    transition: all .3s;
    /*縦線*/
    width: 2px;
    height: 24px;
    background: #0A1F9F;
}
/* 縦線（after）だけ縦回転させる */
.ac-parent.open:after {
    top: 25%;
    transform: rotate(90deg);
    opacity: 0;
}
/* 募集内容 */
.company-info dl {
    width: 100%;
    right: 60px;
    max-width: 900px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.company-info dt {
    width: 93%;
    padding: 0px;
    justify-content: left;
    color: #191A24;
    text-align: left;
    margin: 5px 0 5px 0;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
}
.company-info dd {
    width: 100%;
    padding: 0px;
    text-align: left;
    font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    margin: 5px 0 5px 0;
    color: #191A24;
    line-height: 35px;
}
.company-border {
    border-bottom: 1px solid #CFD0E0;
 }
/* /アコーディオンメニュー */
/* /募集職種 */
/*　選考フロー　*/
.senkou-body{
    position: absolute;
    top:1450px;
    width: 100%;
    height: 337px;
    opacity: 1;
}

/* アコーディオン展開時にTOPを変える */
.senkou-body.open {
    top:3050px;
}

.flow_body{
    position: absolute;
    top: 100%;
    left: 10%;
    width: 72%;
    height: 258px;
    opacity: 1;    
}
.senkou-title{
    position: absolute;
    top: 0px;
    left: 43%;
    width: 23%;
    height: 50px;
    color:#0A1F9F;
    font: normal normal bold 20px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    opacity: 1;
    letter-spacing: 2.2px;
    border-bottom: 1px solid #0000001A;
    text-align:center;
}
.senkou-text{
    top: 70px;
    width: 112%;
    text-align:center;
    position: absolute;
    color:#191A24;
    font: normal normal normal 16px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
}
.senkou-box{
    position: absolute;
    top: 120px;
    width: 112%;
    height: 100px;
    background:#EFF0F8;
    opacity: 1;
    font: normal normal normal 16px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    line-height: 30px;
	margin-top: 0px;
    color: rgba(25,26,36,1);
    text-align:center;
    letter-spacing: 1.76px;
}
.senkou-textbox{
    top: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.flow_body2{
    position: absolute;
    top: 260%;
    left: 10%;
    width: 72%;
    height: 450px;
    opacity: 1;   
}
.senkou-box2{
    position: absolute;
    top: 50px;
    left: 25%;
    width: 57%;
    height: 48px;
    background:#EFF0F8;
    opacity: 1;
    font: normal normal normal 16px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    line-height: 10px;
	margin-top: 20px;
    color: rgba(25,26,36,1);
    text-align:center;
    letter-spacing: 1.76px;
}
.senkou_arrow{
    position: absolute;
    top: 27%;
    left: 51%;
    width: 30%;
    height: 48px;
    margin-top: 20px;
    align-items: center;
}
.senkou-box3{
    position: absolute;
    top: 190px;
    left: 25%;
    width: 57%;
    height: 48px;
    background:#EFF0F8;
    opacity: 1;
    font: normal normal normal 16px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    line-height: 10px;
	margin-top: 20px;
    color: rgba(25,26,36,1);
    text-align:center;
    letter-spacing: 1.76px;
}
.senkou_arrow2{
    position: absolute;
    top: 57%;
    left: 51%;
    width: 30%;
    height: 48px;
    margin-top: 20px;
    align-items: center;
}
.senkou-box4{
    position: absolute;
    top: 330px;
    left: 25%;
    width: 57%;
    height: 48px;
    background:#EFF0F8;
    opacity: 1;
    font: normal normal normal 16px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    line-height: 10px;
	margin-top: 20px;
    color: rgba(25,26,36,1);
    text-align:center;
    letter-spacing: 1.76px;
}
#arrow_a {
	fill: transparent;
	stroke: rgba(207,208,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.arrow_a {
	overflow: visible;
	position: absolute;
	width: 1px;
	height: 48px;
	left: 10.381px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#arrow_b {
	fill: transparent;
	stroke: rgba(207,208,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.arrow_b {
	overflow: visible;
	position: absolute;
	width: 21.469px;
	height: 11.441px;
	left: 0px;
	top: 37.619px;
	transform: matrix(1,0,0,1,0,0);
}
/*　/選考フロー　*/
/*　エントリーフォーム　*/
.entry-body{
    position: absolute;
    top:2500px;
    width: 100%;
    height: 337px;
    opacity: 1;
}

/* アコーディオン展開時にTOPを変える */
.entry-body.open {
    top:4100px;
}
.entry-form{
    position: absolute;
    top: 92%;
    width: 100%;
    height: 1202px;
    opacity: 1;
}
.entry-name{
    position: absolute;
    width: 100%;
    top: 0px;
    height: 50px;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
}
.entry-label{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 59px;
    height: 28px;
    background: #0A1F9F 0% 0% no-repeat padding-box;
    font: normal normal normal 15px/23px Source Han Sans JP sans-serif;
    font-size: clamp(7px, 3vw, 15px);
    color: #FFFFFF;
    line-height: 5px;
	margin-top: 10px;
    text-align:center;
    letter-spacing: 0.75px;
}
.entry-text{
    position: absolute;
    top: 40%;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.entry-koumoku{
    top: 10%;
    left: 25%;
    position: absolute;
    width: 50%;
    height: 100%;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.98px;
    color: #191A24;
    opacity: 1;
}
.entry-koumoku-kikkake{
    top: 10%;
    left: 5%;
    position: absolute;
    width: 95%;
    height: 100%;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.98px;
    color: #191A24;
    opacity: 1;
}
.entry-policylink{
    top: 17%;
    left: 43%;
    position: absolute;
    width: 75%;
    height: 100%;
    text-align: left;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.entry-aeg{
    position: absolute;
    top:12%;
    height: 50px;
    width: 100%;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
}
.entry-sai{
    top: 130%;
    left: 32%;
    position: absolute;
    width: 20%;
    height: 100%;
    letter-spacing: 1.76px;
    color: #191A24;
    text-align: left;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    opacity: 1;
}
.entry-tel{
    position: absolute;
    top: 24%;
    height: 50px;
    width: 100%;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    opacity: 1;
}
.entry-email{
    position: absolute;
    top: 36%;
    height: 50px;
    width: 100%;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    opacity: 1;
}
.entry-syokusyu{
    position: absolute;
    top: 48%;
    height: 50px;
    width: 100%;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    opacity: 1;
}
.entry-file{
    position: absolute;
    width: 100%;
    top: 59%;
    height: 50px;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    opacity: 1;
}
.entry-kikkake{
    position: absolute;
    width: 100%;
    top: 71%;
    height: 50px;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    opacity: 1;
}
.entry-policy{
    position: absolute;
    top: 83%;
    left:-26%;
    width: 100%;
    height: 50px;
    opacity: 1;
}
.entry-check {
    position: absolute;
    text-align:center; 
    top:84%;
    left: 45%;
}
.entry-nyuryoku {
	position: absolute;
	overflow: visible;
	top: 120%;
	left: 0%;
	width: 100%;
	height: 45px;
    text-align: left;
	font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
	letter-spacing: 1.76px;
	color: #7C7D95;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CFD0E0;
	border-radius: 10px;
	padding: 5px;
	opacity: 1;
}
.entry-nyuryokuaeg {
	position: absolute;
	overflow: visible;
	top: 120%;
	left: 0%;
	width: 25%;
	height: 45px;
	text-align: right;
	font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
	letter-spacing: 1.76px;
	color: #7C7D95;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #CFD0E0;
	border-radius: 10px;
	padding: 5px;
	opacity: 1;
}
#file {
	display: none;
}
.entry-fileslect {
	position: absolute;
	overflow: visible;
	top: 120%;
	left: 0%;
	width: 38%;
	height: 45px;
	text-align: center;
	font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
	letter-spacing: 1.76px;
	color: #7C7D95;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #CFD0E0;
	padding: 5px;
	opacity: 1;	
}
.entry-filestext{
	position: absolute;
	overflow: visible;
	top: 125%;
	left: 41%;
	width: 59%;
	height: 45px;
	text-align: left;
	font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
	letter-spacing: 1.76px;
	color: #7C7D95;
    line-height: 25px;
}
/* チェックボックスを非表示にする */
input#policy[type="checkbox"] {
    display: none;
}
/* カスタマイズしたチェックボックスを表示する */
input#policy[type="checkbox"]+label {
	position: absolute;
	top: 35%;
	left: 34%;
    width: 24px;
    height: 24px;
	text-align: left;
	font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
	letter-spacing: 1.76px;
	color: #7C7D95;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070; 
}

input#policy[type="checkbox"]+label::before {
    content: "";
    display: block;
	top: 35%;
	left: 34%;
    width: 24px;
    height: 24px;
    position: absolute;
    transform: translateY(-50%);
    border-radius: 3px;
    cursor: pointer;
}
input#policy[type=checkbox]:checked+label::after {
    /*チェックの?をつくる*/
    content: "";
    display: block;
    top: 20%;
    left: 10px;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-bottom: 2px solid #7C7D95;
    border-left: 2px solid #7C7D95;
    position: absolute;
    /*箱を斜めに傾けてチェック表示にする*/
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translateY(-50%);
}
#submit{
    display: none;
}
/* フッター */
.bosyu-footer{
    position: absolute;
    top:3969px;
    width: 100%;
    height: 337px;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    z-index:4;
}

/* アコーディオン展開時にTOPを変える */
.bosyu-footer.open {
    top:5569px;
}
/* -----------------------------------
kaisya
-------------------------------------- */
/* トップ画面 */
.kaisya-style{
    top:0%;
    left:0%;
    width: 100%;
    height: 355px;
    background: transparent url('../img/about/img_head-mobile.jpg') 0% 0% no-repeat padding-box;
    background-size: contain;
    background-position: left;
    z-index:3;
}
.kaisya-data{
    position: absolute;
    top: 460%;
    width: 100%;
    height: 1917px;
    background-position: right;
    background: #0A1F9F 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index:2;
    overflow :hidden
}
/* データで見る柳生基礎センター */
.kaisya-datatitle{
    position: absolute;
    top:2%;
    left: 0%;
    width: 100%;
    height: 61px;
    text-align: center;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #FFFFFF;
    opacity: 1;
    line-height: 35px;
}
.kaisya-sougyounen{
    position: absolute;
    top: 7%;
    left: 5%;
    width: 90%;
    height: 180px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    z-index: 10;
}
.kaisya-sekousuu{
    position: absolute;
    top: 17.5%;
    left: 5%;
    width: 90%;
    height: 180px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    z-index: 9;
}
.kaisya-zyugyouin{
    position: absolute;
    top: 28%;
    left: 5%;
    width: 90%;
    height: 906px;    
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    z-index: 8;
}
.kaisya-icon{
    position: absolute;
    top: 19%;
    left: 15%;
    width: 117px;
    height: 123px;
    opacity: 1;
}
.kaisya-title{
    position: absolute;
    top: 29%;
    left: 30%;
    width: 70%;
    height: 28px;
    text-align: center;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-suuzisougyo{
    position: absolute;
    top: 52%;
    left: 55%;
    width: 35%;
    height: 58px;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanisougyo{
    position: absolute;
    top: 54%;
    left: 80%;
    width: 25%;
    height: 24px;
    text-align: left;
    font: normal normal bold 28px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(20px, 3vw, 28px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-suuzisekou{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 81px;
    height: 58px;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 6.38px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanisekou{
    position: absolute;
    top: 54%;
    left: 80%;
    width: 24px;
    height: 24px;
    text-align: left;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-iconaeg{
    position: absolute;
    top: 14%;
    left: 50%;
    width: 132px;
    height: 114px;
    transform: translateX(-50%);
    opacity: 1;
}
.kaisya-titleaeg{
    position: absolute;
    top: 3%;
    left: 0%;
    width: 100%;
    height: 28px;
    text-align: center;
    font: normal normal bold 28px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(20px, 3vw, 28px);
    letter-spacing: 3.08px;
    color: #0A1F9F;
}
.kaisya-suuziaeg{
    position: absolute;
    top: 8%;
    left: 38%;
    width: 30%;
    height: 58px;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-taniaeg{
    position: absolute;
    top: 9%;
    left: 70%;
    width: 15%;
    height: 24px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-titlemin{
    position: absolute;
    top: 28%;
    left: 15%;
    width: 30%;
    height: 28px;
    text-align: center;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
}
.kaisya-suuzimin{
    position: absolute;
    top: 33%;
    left: 19%;
    width: 30%;
    height: 58px;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanimin{
    position: absolute;
    top: 34%;
    left: 37%;
    width: 15%;
    height: 24px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-titlemax{
    position: absolute;
    top: 28%;
    left: 50%;
    width: 30%;
    height: 28px;
    text-align: center;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
}
.kaisya-suuzimax{
    position: absolute;
    top: 33%;
    left: 55%;
    width: 30%;
    height: 58px;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanimax{
    position: absolute;
    top: 34%;
    left: 73%;
    width: 15%;
    height: 24px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-iconbumon{
    position: absolute;
    top: 59%;
    left: 50%;
    width: 291px;
    height: 291px;
    transform: translateX(-50%);
    opacity: 1;
}
.kaisya-titleeigyo{
    position: absolute;
    top: 53%;
    left: 3%;
    width: 25%;
    height: 20px;
    text-align: right;
    transform: translateX(30%);
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.2px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-suuzieigyo{
    position: absolute;
    top: 57%;
    left: 10%;
    width: 10%;
    height: 58px;
    text-align: right;
    transform: translateX(70%);
    font: normal normal bold 38px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(30px, 3vw, 38px);
    letter-spacing: 4.18px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanieigyo{
    position: absolute;
    top: 57.5%;
    left: 20%;
    width: 5%;
    height: 24px;
    text-align: right;
    transform: translateX(150%);
    font: normal normal bold 18px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 1.98px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-titlesoumu{
    position: absolute;
    top: 50%;
    left: 30%;
    width: 25%;
    height: 20px;
    text-align: right;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.2px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-suuzisoumu{
    position: absolute;
    top: 54%;
    left: 36%;
    width: 10%;
    height: 58px;
    text-align: right;
    font: normal normal bold 38px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(30px, 3vw, 38px);
    letter-spacing: 4.18px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanisoumu{
    position: absolute;
    top: 54.5%;
    left: 46%;
    width: 5%;
    height: 24px;
    text-align: right;
    font: normal normal bold 18px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 1.98px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-titlesousu{
    position: absolute;
    top: 69%;
    left: 36%;
    width: 30%;
    height: 20px;
    text-align: center;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-suuzisousu{
    position: absolute;
    top: 74%;
    left: 38%;
    width: 15%;
    height: 58px;
    text-align: right;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanisousu{
    position: absolute;
    top: 75%;
    left: 54.5%;
    width: 5%;
    height: 24px;
    text-align: right;
    font: normal normal bold 18px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 1.98px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-titlekouzi{
    position: absolute;
    top: 87%;
    left: 71%;
    width: 25%;
    height: 20px;
    text-align: center;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-suuzikouzi{
    position: absolute;
    top: 91%;
    left: 72%;
    width: 15%;
    height: 58px;
    text-align: right;
    font: normal normal bold 38px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(30px, 3vw, 38px);
    letter-spacing: 4.18px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanikouzi{
    position: absolute;
    top: 91.5%;
    left: 87%;
    width: 5%;
    height: 24px;
    text-align: right;
    font: normal normal bold 18px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 1.98px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-taikin{
    position: absolute;
    top: 76.5%;
    left: 5%;
    width: 90%;
    height: 180px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
}
.kaisya-icontaikin{
    position: absolute;
    top: 15%;
    left: 14%;
    width: 106px;
    height: 113px;
}
.kaisya-titletaikin{
    position: absolute;
    top: 25%;
    left: 50%;
    width: 50%;
    height: 28px;
    text-align: left;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-taikinzikan1{
    position: absolute;
    top: 51%;
    left: 44.5%;
    width: 25%;
    height: 35%;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-taikinzikan2{
    position: absolute;
    top: 53%;
    left: 65%;
    width: 10%;
    height: 35%;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-taikinzikan3{
    position: absolute;
    top: 51%;
    left: 72%;

    width: 25%;
    height: 35%;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-yukyu{
    position: absolute;
    top: 87%;
    left: 5%;
    width: 90%;
    height: 180px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
}
.kaisya-iconyukyu{
    position: absolute;
    top: 18%;
    left: 14%;
    width: 111px;
    height: 97px;
}
.kaisya-titleyukyu{
    position: absolute;
    top: 23%;
    left: 50%;
    width: 50%;
    height: 28px;
    text-align: left;
    font: normal normal bold 24px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-yukyunisuu{
    position: absolute;
    top: 46%;
    left: 50%;
    width: 15%;
    height: 58px;
    text-align: left;
    font: normal normal bold 48px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(40px, 3vw, 48px);
    letter-spacing: 5.28px;
    color: #0A1F9F;
    opacity: 1;
}
.kaisya-tanipsent{
    position: absolute;
    top: 53%;
    left: 68%;
    width: 5%;
    height: 24px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.64px;
    color: #0A1F9F;
    opacity: 1;
}
/* 会社の取り組み */
.torikumi-body{
    position: absolute;
    top:2322px;
    width: 100%;
    height: 337px;
    opacity: 1;
}
.torikumi-top{
    position: absolute;
    top:71%;
    left: 50%;
    width: 90%;
    height: 193px;
    max-width: 450px;
    transform: translateX(-50%);
}
.torikumi-kenketu{
    position: absolute;
    top:140%;
    left: 5%;
    width: 80%;
    height: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.torikumi-kenketutitle{
    position: absolute;
    top:-13%;
    left: 15%;
    width: 100%;
    height: 28px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 1.5px;
    color: #0A1F9F;
    opacity: 1;
}
.torikumi-boderyoko{
    position: absolute;
    top: 50%;
    left: 16%;
    transform: translate(-117%, -50%);
    width: 80px;
    height: 0px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;    
}
.torikumi-kenketutext{
    position: absolute;
    top:155%;
    left: 5%;
    width: 90%;
    text-align: left;
    font: normal normal normal 16px/28px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.torikumi-kansyazyou{
    position: absolute;
    top:310%;
    left: 5%;
    width: 90%;
    height: 193px;
    text-align: center;
}

.torikumi-kansyazyou2{
    position: absolute;
    top:410%;
    left: 5%;
    width: 90%;
    height: 193px;
    text-align: center;
}

.torikumi-kansyazyou3{
    position: absolute;
    top:505%;
    left: 5%;
    width: 90%;
    height: 193px;
    text-align: center;
}


/* スライドショー */
.slidwrapper {
    position: absolute;
    display:flex;
    max-width: 90%;
    top: 610%;
    left:5%;
    transform: translate(0%, 0%);
}

.slidwrapper ul {
    margin:0;
    padding: 0;
    list-style: none;
}
  
.slider li img {
    width: 100%;
    height: 250px;
    object-fit: cover;      /* アス比維持 */
}

.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:100%;
    margin:0 auto;
 }
 
 .slider img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }
 
 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
 .slider .slick-slide {
     margin:0 10px;
 }
 
 /*矢印の設定*/
 /*戻る、次へ矢印の位置*/
 .slick-prev, 
 .slick-next {
     position: absolute;/*絶対配置にする*/
     top: 42%;
     cursor: pointer;/*マウスカーソルを指マークに*/
     outline: none;/*クリックをしたら出てくる枠線を消す*/
     border-top: 2px solid #666;/*矢印の色*/
     border-right: 2px solid #666;/*矢印の色*/
     height: 15px;
     width: 15px;
 }
 
 .slick-prev {/*戻る矢印の位置と形状*/
     left: -1.5%;
     transform: rotate(-135deg);
 }
 
 .slick-next {/*次へ矢印の位置と形状*/
     right: -1.5%;
     transform: rotate(45deg);
 }
 
 /*ドットナビゲーションの設定(ボタン)*/
 .slick-dots {
     text-align:center;
   margin:20px 0 0 0;
 }
 
 .slick-dots li {
     display:inline-block;
   margin:0 5px;
 }
 
 .slick-dots button {
     color: transparent;
     outline: none;
     width:15px;/*ドットボタンのサイズ*/
     height:15px;/*ドットボタンのサイズ*/
     display:block;
     border-radius:50%;
     background:#ccc;/*ドットボタンの色*/
     border: transparent;
 }
 
 .slick-dots .slick-active button{
     background:#333;/*ドットボタンの現在地表示の色*/
 }

/* SDGsへの取り組み */
.torikumi-sdgs{
    position: absolute;
    top:700%;
    left: 5%;
    width: 90%;
    height: 56px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.torikumi-sdgstitle{
    position: absolute;
    top:15%;
    left: 10%;
    width: 100%;
    height: 28px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 1.5px;
    color: #0A1F9F;
    opacity: 1;
}
.torikumi-sdgsboderyoko{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-117%, -50%);
    width: 50px;
    height: 0px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;    
}

.torikumi-sdgstext{
    position: absolute;
    top:110%;
    left: 5%;
    width: 90%;
    text-align: left;
    font: normal normal normal 16px/28px Source Han Sans JP;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}

.sdgs-img1{
    position: absolute;
    top: 200%;
    left: 50%;
    width: 90%;
    opacity: 1;
    transform: translateX(-50%);
}

/* 健康経営優良法人取得 */
.torikumi-keiei{
    position: absolute;
    top:880%;
    left: 5%;
    width: 56%;
    height: 56px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.torikumi-keieititle{
    position: absolute;
    top:18%;
    left: 15%;
    width: 100%;
    height: 56px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 1.5px;
    color: #0A1F9F;
    opacity: 1;
}
.torikumi-keieitext{
    position: absolute;
    top:965%;
    left: 5%;
    width: 90%;
    text-align: left;
    font: normal normal normal 16px/28px Source Han Sans JP;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.torikumi-under{
    background: linear-gradient(transparent 50%, #FFEFD1 50%);
    font: normal normal bold 16px/28px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
}
.kaisya-iconkeiei{
    position: absolute;
    top: 895%;
    left: 50%;
    width: 293px;
    height: 235px;
    opacity: 1;
    transform: translateX(-50%);
}
/* 福利厚生 */
.torikumi-body2{
    position: absolute;
    top:5880px;
    width: 100%;
    height: 337px;
    margin:0 auto;
    opacity: 1;
}
.hukurikousei-box1{
    position: absolute;
    top: 70%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box2{
    position: absolute;
    top: 97%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box3{
    position: absolute;
    top: 124%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box4{
    position: absolute;
    top: 151%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box5{
    position: absolute;
    top: 178%;
    left: 5%;
    width: 90%;
    height: 144px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box6{
    position: absolute;
    top: 224%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box7{
    position: absolute;
    top: 251%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-box8{
    position: absolute;
    top: 278%;
    left: 5%;
    width: 90%;
    height: 80px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-img2{
    position: absolute;
    top:310%;
    left: 50%;
    width: 300px;
    height: 400px;
    transform: translateX(-50%);
    opacity: 1;
}
.hukurikousei-boxtext{
    position: absolute;
    top:25%;
    left: 0%;
    width: 100%;
    height: 24px;
    text-align: center;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.2px;
    color: #191A24;
    opacity: 1;
}
.hukurikousei-boxtextlong{
    position: absolute;
    top:25%;
    left: 0%;
    width: 875px;
    height: 24px;
    text-align: center;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.2px;
    color: #191A24;
    opacity: 1;
}
.hukurikousei-boxtextnigyou{
    position: absolute;
    top:15%;
    left: 0%;
    width: 100%;
    height: 50px;
    text-align: center;
    font: normal normal bold 16px/26px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.2px;
    color: #191A24;
    opacity: 1;
}
/* 表彰制度 */
.torikumi-hyosyou{
    position: absolute;
    top:430%;
    left: 5%;
    width: 272px;
    height: 107px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.torikumi-hyosyoutitle{
    position: absolute;
    top:33%;
    left: 15%;
    width: 300px;
    height: 28px;
    text-align: left;
    font: normal normal bold 20px/43px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.1px;
    color: #0A1F9F;
    opacity: 1;
}
.hukurikousei-img{
    position: absolute;
    top:460%;
    left: 50%;
    width: 340px;
    height: 175px;
    transform: translateX(-50%);
    opacity: 1;
}
.hukurikousei-text{
    position: absolute;
    top:520%;
    left: 5%;
    width: 90%;
    height: 61px;
    text-align: left;
    font: normal normal normal 16px/28px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.hukurikousei-einen{
    position: absolute;
    top:555%;
    left: 50%;
    width: 271px;
    height: 314px;
    transform: translateX(-50%);
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-unten{
    position: absolute;
    top:655%;
    left: 50%;
    width: 271px;
    height: 314px;
    transform: translateX(-50%);
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-zikan{
    position: absolute;
    top:755%;
    left: 50%;
    width: 271px;
    height: 314px;
    transform: translateX(-50%);
    background: #F8F9FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.hukurikousei-hyousyoutitle{
    position: absolute;
    top:13%;
    left: 15%;
    width: 200px;
    height: 24px;
    text-align: center;
    font: normal normal bold 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.2px;
    color: #191A24;
    opacity: 1;
}
.hukurikousei-hyousyouicon{
    position: absolute;
    top:30%;
    left: 30%;
    width: 111px;
    height: 74px;
    opacity: 1;
}
.hukurikousei-hyousyoutext{
    position: absolute;
    top:65%;
    left: 15%;
    width: 200px;
    height: 84px;
    text-align: left;
    font: normal normal normal 16px/28px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.28px;
    color: #191A24;
    opacity: 1;
}
/* 会社情報 */
.torikumi-body3{
    position: absolute;
    top:8800px;
    width: 100%;
    height: 337px;
    opacity: 1;
}
.kaisyazyohou-menu {
    position: absolute;
    top: 56%;
    left: 0%;
    width: 100%;
    margin: 30px 0 30px 0;
  }
.kaisyazyohou-info dl {
    width: 90%;
    right: 0%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.kaisyazyohou-info dt {
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: left;
    color: #191A24;
    text-align: left;
    margin: 10px 0 0px 0px;
    text-align: left;
    font: normal normal bold 18px/43px Source Han Sans JP sans-serif;
    font-size: clamp(10px, 3vw, 18px);
    letter-spacing: 1.98px;
}
.kaisyazyohou-info dd {
    width: 100%;
    padding: 0px;
    text-align: left;
    font: normal normal normal 16px/43px Source Han Sans JP sans-serif;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    margin: 5px 0 10px 0;
    color: #191A24;
}
.kaisyazyohou-border {
    border-bottom: 1px solid #CFD0E0;
 }
 /* 吹き出し */
.kaisya-hukidasiiti{
    position: absolute;
    top:90%;
    right: 0%;
    width: 100%;
    height: 70px;
    opacity: 1;
}
.kaisya-hukidasiiti2{
    position: absolute;
    top:40%;
    right: 0%;
    width: 100%;
    height: 60px;
    opacity: 1;
}
.kaisya-hukidasiiti3{
    position: absolute;
    top:80%;
    right: 0%;
    width: 100%;
    height: 60px;
    opacity: 1;
}
.kaisya-hukidasi{
    position: absolute;
    display: inline-block;
    background: #FFBB3B;
    border-radius: 30px;
    padding: 14px;
    left:25%;
    text-align: center;
    font: normal normal bold 14px/20px Source Han Sans JP sans-serif;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 0.7px;
    color: #FFFFFF;
}
.kaisya-hukidasi::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 45%;
    top: -10px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFBB3B;
    border-left: 10px solid transparent;
  }
.kaisya-hukidasi2{
    position: absolute;
    display: inline-block;
    background: #FFBB3B;
    border-radius: 30px;
    padding: 16px;
    font-weight: bold;
    color: #fff;
    width: 70%;
    height: 40px;
    left:10%;
    text-align: center;
    font: normal normal bold 14px/20px Source Han Sans JP sans-serif;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 0.7px;
    color: #FFFFFF;
}
.kaisya-hukidasi2::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 150px;
    top: -9px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFBB3B;
    border-left: 10px solid transparent;
  }
/* フッター */
.kaisya-footer{
    position: absolute;
    top:9950px;
    width: 100%;
    height: 337px;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    z-index:4;
}

/* 見出し用 */
.page-header{
    background: #EFF0F8 0% 0% no-repeat padding-box;
    height: 100%;
    width: 100%;
    height: 217px;
    z-index:1;
}
.body-header{
    position: absolute;
    top: 25%;
    left: 5%;
    width: 90%;
    height: 168px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.page-title{
    position: absolute;
    top: 48%;
    left: 0%;
    width: 100%;
    height: 38px;
    color:#0A1F9F;
    font: normal normal bold 24px/48px DNP ShueiGoGinStd sans-serif;
    font-size: clamp(16px, 3vw, 24px);
    opacity: 1;
    letter-spacing: 1.8px;
    text-align:center;
}
.boder-tate2{
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -130%);
    width: 0px;
    height: 80px;
    background: transparent;
    border: 0.5px solid #ffbb3b;
    opacity: 1;       
}
/* -----------------------------------
interview 一覧
-------------------------------------- */
.interview-main-wrapper {
    width: 100%;
    height: 2282px;
    margin: 0 auto;
}
/* トップ画面 */
.interviewlist-style{
    position: relative;
    top:0%;
    left:0%;
    width: 100%;
    height: 355px;
    background: transparent url('../img/interview/img_head-mobile.jpg') 0% 0% no-repeat padding-box;
    background-size: contain;
    background-position: left;
    z-index:1;
}
/* 白スクエア背景 */
.img-interview{
    position: absolute;
    top: 65%;
    left: 0%;
    width: 95%;
    height: 200px;
    background-position: right;
    background:#fff;
    opacity: 1;
}
.intboder-title{
    position: absolute;
    top: -60%;
    left: 30%;
    transform: translate(-95%, -50%);
    width: 0px;
    height: 29px;
    background: transparent;
    border: 1px solid #ffbb3b;
    opacity: 1;    
}
.text-intboder{
    display: flex;
    align-items: center;
    position: absolute;
    top: 86%;
    left: 5%;
    width: 45%;
    height: 48px;
    text-align:center;
    letter-spacing: 2.4px;
    color: #191A24;
    opacity: 1;
    line-height:60px;
    z-index:1;
    /* border: dotted; */
}
.text-intboder b {
    font-family: "DNP ShueiGoGinStd", sans-serif;
    font-weight: bold;
    font-size: 30px;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 1.5px;
    line-height: 23px;
    text-align: center;
    color: #191a24;
}

/* インタビュー　リンク */
.interviewlist-interview {
    position: absolute;
    top: 380px;
    width: 100%;
    height: 1664px;
    margin: 0 auto;
    background: #fff; 
    z-index: 1;
}
.interviewlist-int-wrapper {
    position: absolute;
    top:0%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-wrapper2 {
    position: absolute;
    top:14%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-wrapper3 {
    position: absolute;
    top:28%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-wrapper4 {
    position: absolute;
    top:42%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-wrapper5 {
    position: absolute;
    top:56%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-wrapper6 {
    position: absolute;
    top:70%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-wrapper7 {
    position: absolute;
    top:84%;
    width: 100%;
    height: 200px;
    margin: 0px auto;
}
.interviewlist-int-list{
    position: absolute;
    top:0%;
    left:5%;
    width: 85%;
    height: 100%;
}
.int-img{
    position: absolute;
    top:0%;
    z-index: 3;
}
.int-img img{
    width: 38%;
    height: 78%;
    object-fit: cover;
}
.int-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.interviewlist-int-info {
    position: absolute;
    top: 90%;
    left:67%;
    transform: translate(-50%, -90%);
    width: 63%;
    height: 90%;
    background: #fff;
    box-shadow: 0px 0px 26px #00000014;
    z-index: 2;
}

.interviewlist-inf-top{
    display: flex;
}

.interviewlist-info-title {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 29px;
    background: #0a1f9f;
    top: 10%;
    margin-left: 27px;

    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: 500;
    font-size: 14px;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: left;
    color: #fff;
}

.interviewlist-info-Position{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 29px;
    top: 10%;
    left:65%;
    margin-left: 5px;

    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: normal;
    font-size: 15px;
    font-size: clamp(7px, 3vw, 15px);
    letter-spacing: 0.11em;
    line-height: 51px;
    text-align: left;
    color: #0a1f9f;
}

.interviewlist-info-explain {
    position: absolute;
    display: flex;
    top: 36%;
    margin-left: 27px;
    width: 80%;
    height: 54px;

    font-family: "Source Han Sans JP", sans-serif; 
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.05em;
    line-height: 20px;
    text-align: left;
    color: #191a24;
}
.interviewlist-info-name{
    position: absolute;
    display: flex;
    top: 75%;
    height: 30px;
    margin-left: 27px;
}

/* フッター */
.interviewlist-footer{
    position: absolute;
    top:2100px;
    width: 100%;
    height: 337px;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    z-index:4;
}
/* -----------------------------------
    プライバシーポリシーページ
-------------------------------------- */
.pr_mainwra {
    width: 100%;
    height: 2900px;
    margin: 0 auto;
    background:#fff;
}

.pr_maintitle {
    width: 100%;
    height: 10%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.pr_maintitle p {
    font-weight: bold;
    font-size: 30px;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 1.5px;
    line-height: 23px;
    margin-left: 27px;
    text-align: center;
    color: #191a24;
}

.pr_bakcol {
    position: relative;
    top:-2%;
    width: 100%;
    height: 7px;
    margin: 0 auto;
    border-top: 209px solid #eff0f8;
}

.pr_txtwra {
    position: absolute;
    width: 90%;
    margin: 0 auto;
    top:-1700%;
    left: 5%;

    background:#fff;
}

.pr_headtxt {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15%;
    margin-left: 1%;
}

.pr_headtxt p {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 85%;
    height: 81px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txttitle {
    width: 100%;
    margin-top: 80px;
    margin-left: 0px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 28px;
    text-align: left;
    color: #191a24;
}

.pr_border {
    margin-left: 0px;
    width: 100%;
    height: 0px;
    background: transparent;
    border: 1px solid #cfd0e0;
}

.pr_txtarea {
    width: 90%;
    margin: 0 auto;
}

.pr_txt1 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 81px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txt2 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 152px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txt3 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 250px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}


.pr_txt4 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 76px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txt5 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 51px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txt6 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 25px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txt7 {
    margin-left: 0px;
    margin-bottom: 20px;
    width: 100%;
    height: 26px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.pr_txt8 {
    margin-left: 0px;
    margin-bottom: 80px;
    width: 100%;
    height: 102px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

/* -----------------------------------
    採用メッセージページ
-------------------------------------- */
/* トップ画面 */
.main-style-msg {
    top:0%;
    left:0%;
    width: 100%;
    height: 355px;
    background: transparent url('../img/message/img_head-mobile.jpg') 0% 0% no-repeat padding-box;
    background-size: contain;
    background-position: left;
    z-index:3;
}
/* テキストメッセージ */
.text-msg{
    position: absolute;
    top: 13%;
    left: 4%;
    width: 60%;
    height: 48px;
    text-align:center;
    letter-spacing: 2.4px;
    color: #191A24;
    opacity: 1;
    line-height:60px;
    z-index:3;
    display: flex;
    align-items: center;
}
.text-msg b {
    font-family: "DNP ShueiGoGinStd", sans-serif;
    font-weight: bold;
    font-size: 30px;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 1.5px;
    line-height: 23px;
    text-align: center;
    color: #191a24;
}

/* 白スクエア背景 */
.img-pass{
    position: absolute;
    top: 10%;
    left: 0%;
    width: 95%;
    height: 158px;
    background-position: left;
    background:#fff;
    opacity: 1;
    z-index:2;
}

/* タイトル用オレンジ横線 */
.msgboder-title{
    position: absolute;
    top: -50%;
    left: 15%;
    transform: translate(-37%, -50%);
    width: 0px;
    height: 29px;
    background: transparent;
    border: 1px solid #ffbb3b;
    opacity: 1;    
}

.msg-main-wrapper {
    position: absolute;
    width: 100%;
    height: 3080px;
    margin: 0 auto;
    z-index: 1;
}

.main-top {
    position: absolute;
    width: 100%;
    max-height: 2975px; 
    background: #fff;
}
.main-msg{
    width: 100%;
    max-height: 2000px;
}

.txt-msg {
    position: absolute;
    top:60px;
    width: 100%;
    height: 600px;
    background: #fff;
    position: relative;
}

.msg-msg{
    position: absolute;
    top: 0%;
    left: 0%;
    text-align: center;
    transform: translate(5%, 0%);
    z-index: 99;
    width: 90%;
    height: 600px;
    background: #f8f9ff;
}

.msg-msg p {
    margin: 10% 0% 10% 0%;
    font-weight:bold;
    font-size: 18px;
    font-size: clamp(12px, 3vw, 18px);
    letter-spacing: 0.9px;
    line-height: 45px;
    display: inline-block;
    text-align: left;
    color: #0a1f9f;
}

.txt-premsg {
    position: absolute;
    top:150px;    
    width: 100%;
    height: 1650px;
    background: #0a1f9f;
    overflow: hidden;
    position: relative;
}

.txt-premsg img {
    width: 100%;
    height: 1600px;
    background: transparent;
    position: relative;
    margin-left: 0px;
    object-fit: cover;
}

.txt-area{
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 100%;
    background: transparent;
    align-items: center;
}

.pre-title {
    position: relative;
    top: 20%;
    margin: 3% 0 0 0%;
    font-weight: normal;
    font-size: 30px;
    font-size: clamp(22px, 3vw, 40px);
    letter-spacing: 0.08em;
    line-height: 43px;
    text-align: center;
    color: #fff;
}

.pre-msg {
    position: absolute;
    top:24%;
    margin: 12% 0% 0% 10% ;
    width: 100%;
    height: 1300px;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    font-size: 15px;
    font-size: clamp(7px, 3vw, 18px);
    letter-spacing: 0.11em;
    line-height: 27px;
    text-align: left;
    color: #fff;
}
.pre-pre {
    position: absolute;
    top:106%;
    left:0%;
    margin-top: 8%;
    width: 87%;
    height: 40px;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 58px;
    text-align: right;
    color: #fff;
}
.pre-name {
    position: absolute;
    top:110.5%;
    left:0%;
    width: 87%;
    height: 40px;
    font-weight: normal;
    font-size: 20px;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 0.11em;
    line-height: 58px;
    text-align: right;
    color: #fff;
}
.msg-footer{
    position: absolute;
    top:2750px;
    width: 100%;
    height: 337px;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    z-index:4;    
}
/* -----------------------------------
    一覧　個人
-------------------------------------- */
.main-wrapper {
    width: 100%;
    height: 2735px;
    margin: 0 auto;
}
/* -----------------------------------
    仕事を知るページ
-------------------------------------- */
.work-main-wrapper{
    position: absolute;
    width: 100%;
    height: 9037px;
    margin: 0 auto;
    background:#fff;
    z-index: 1;
}

.work-main-top{
    max-width: 100%;
    max-height: 5585px; 
    margin: 0 auto;
    background: #fff;
}

/* トップ画面 */
.main-style-work {
    top:0%;
    left:0%;
    width: 100%;
    height: 355px;
    background: transparent url('../img/works/img_head-mobile.jpg') 0% 0% no-repeat padding-box;
    background-size: contain;
    background-position: left;
    z-index:3;
}

/* 白スクエア背景 */
.work-img-pass{
    position: absolute;
    top: 2.3%;
    left: 0%;
    width: 95%;
    height: 158px;
    background-position: left;
    background:#fff;
    opacity: 1;
    z-index:3;
}

/* テキストメッセージ */
.text-work1 {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 100%;
    height: 48px;
    text-align:center;
    letter-spacing: 2.4px;
    color: #191A24;
    opacity: 1;
    line-height:60px;
    z-index:1;
    display: flex;
    align-items: center;
}

.text-work2 {
    position: absolute;
    top: 30%;
    left: 5%;
    width: 100%;
    height: 48px;
    text-align:center;
    letter-spacing: 2.4px;
    color: #191A24;
    opacity: 1;
    line-height:60px;
    z-index:1;
    display: flex;
    align-items: center;
}

.text-work1 p {
    font-weight: bold;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.2px;
    line-height: 23px;
    text-align: left;
    color: #ffbb3b;
}

.text-work2 p {
    font-weight: bold;
    font-size: 30px;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 1.5px;
    line-height: 23px;
    text-align: left;
    color: #191a24;
    width: 400px;
}

.work-basewra {
    position: absolute;
    top:3.5%;
    width: 100%;
    height: 5300px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 400px;
}

.make-base {
    position: absolute;
    top:0%;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
}

.base-title {
    position: absolute;
    display: flex;
    align-items: center;
    top: -2%;
    left: 5%;
    width: 90%;
    height: 105px;
    z-index: 10;
}

.base-title p {
    position: absolute;
    margin-top: 30px;
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 33px;
    text-align: left;
    color: #0a1f9f;
}

.base-title img {
    position: absolute;
    left:60%;
    width: 69px;
    height: 105px;
}
.base-imgarea1 img {
    position: absolute;
    top: 12%;
    left: 15%;
    transform: translate(0%, -20%);
    width: 79%;
    height: 202px;
    z-index: 10;
    object-fit: cover;
}

.base-bakcol1 {
    position: absolute;
    top: 11%;
    left: 0%;
    width: 47%;
    height: 750px;
    background: #eff0f8;
    z-index: 9;
}

.base-bakcol2 {
    position: absolute;
    top: 55%;
    left: 78%;
    transform: translate(-78%, -55%);

    width: 732px;
    height: 316px;
    background: #fff;
    z-index: 2;
}

.base-txt {
    position: absolute;
    top: 27%;
    left:8%;
    width: 92%;
    height: 351px;
    z-index: 10;
}

.base-txt p {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.base-imgarea2 {
    position: absolute;
    top: 98%;
    left: 10%;
    transform: translate(0%, -100%);
    align-items: center;
    justify-content: space-between;
    z-index: 10;
}

.base-imgarea2 img {
    width: 92%;
    height: 263px;
    object-fit: cover;
}

.base-imgarea2 img + img {
    margin-top: 10px;
}

.make-make {
    position: absolute;
    top:24%;
    width: 100%;
    height: 1600px;
    margin: 0 auto;
    background:#fff;
}

.make-title {
    display: flex;
    align-items: center;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 95%;
}

.make-title p {
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 43px;
    text-align: left;
    color: #0a1f9f;
}

.make-title img {
    position: absolute;
    left:50%;
    width: 69px;
    height: 105px;
}

.make-imgarea1 img {
    position: absolute;
    top: 12%;
    left: 5%;
    width: 78%;
    height: 202px;
    z-index: 11;
}

.make-bakcol1 {
    position: absolute;
    top: 26%;
    left: 80%;
    transform: translate(-60%, -26.5%);
    width: 47%;
    height: 750px;
    background: #eff0f8;
    z-index: 10;
}

.make-bakcol2 {
    position: absolute;
    top: 51%;
    left: 0%;
    transform: translate(-0%, -51%);

    width: 732px;
    height: 316px;
    background: #fff;
    z-index: 2;
}

.make-txt {
    position: absolute;
    top: 27%;
    left: 5%;
    width: 92%;
    height: 157px;
    z-index: 11;
}

.make-txt p {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.make-imgarea2 {
    position: absolute;
    top: 42%;
    left: 0%;
    width: 100%;
    height: 500px;
    align-items: center;
    justify-content: space-between;
    z-index: 11;
}

.make-imgarea3 {
    position: absolute;
    top:0%;
    left: 25%;
    align-items: center;
    justify-content: space-between;
    z-index: 10;  
}

.make-imgarea3 img {
    width:100%;
    height: 368px;
    object-fit: cover;
}

.make-imgarea4 {
    position: absolute;
    top:76%;
    left: 6%;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
}

.make-imgarea4 img {
    width: 97%;
    height: 268px;
    object-fit: cover;
}

.make-imgarea4 img + img {
    margin-top: 10px;
}

.work-first {
    position: absolute;
    top:55%;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
    background: #fff;
}

.first-title {
    display: flex;
    align-items: center;
    position: absolute;
    top: 8%;
    left: 10%;
}

.first-title p {
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 43px;
    text-align: left;
    color: #0a1f9f;
}

.first-title img {
    position: absolute;
    left:100%;
    width: 69px;
    height: 105px;
}

.first-imgarea1 img {
    position: absolute;
    top: 17%;
    left: 30%;
    width: 69%;
    height: 202px;
    z-index: 1;
    object-fit: cover;
    z-index: 11;
}

.first-bakcol1 {
    position: absolute;
    top: 19%;
    left: 0%;
    width: 47%;
    height: 750px;
    background: #eff0f8;
    z-index: 10;
}

.first-bakcol2 {
    position: absolute;
    top: 65%;
    left: 78%;
    transform: translate(-78%, -65%);

    width: 732px;
    height: 316px;
    background: #fff;
    z-index: 2;
}

.first-txt {
    position: absolute;
    top: 35%;
    left: 5%;
    width: 92%;
    height: 157px;
    z-index: 11;
}

.first-txt p {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 0.11em;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.first-imgarea2 {
    position: absolute;
    top: 88%;
    left: 10%;
    transform: translate(0%, -100%);
    align-items: center;
    justify-content: space-between;
    z-index: 10;
}

.first-imgarea2 img {
    width: 92%;
    height: 228px;
    object-fit: cover;
}

.first-imgarea2 img + img {
    margin-top: 10px;
    margin-left: -30px;
}

.work-need {
    top:76.5%;
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
}

.need-title1 {
    display: flex;
    align-items: center;
    position: absolute;
    top: 14%;
    left: 5%;
}

.need-title1 p {
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 43px;
    text-align: left;
    color: #0a1f9f;
}

.need-title1 img {
    position: absolute;
    left:100%;
    width: 69px;
    height: 105px;
    margin-top: -70px;
    object-fit: cover;      /* アス比維持 */
}

.need-title2 {
    display: flex;
    align-items: center;
    position: absolute;
    top: 19%;
    left: 5%;
}

.need-title2 p {
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 43px;
    text-align: left;
    color: #0a1f9f;
}

.need-title2 img {
    position: absolute;
    left:100%;
    width: 69px;
    height: 105px;
    margin-top: -10px;
    object-fit: cover;      /* アス比維持 */
}

.need-imgarea1 img {
    position: absolute;
    top: 32%;
    left: 5%;
    transform: translate(0%, -20%);
    width: 79%;
    height: 202px;
    z-index: 11;
    object-fit: cover;
}

.need-bakcol1 {
    position: absolute;
    top: 46%;
    left: 80%;
    transform: translate(-60%, -26.5%);
    width: 47%;
    height: 560px;
    background: #eff0f8;
    z-index: 10;
}

.need-bakcol2 {
    position: absolute;
    top: 103%;
    left: 25%;
    transform: translate(-25%, -103%);

    width: 732px;
    height: 316px;
    background: #fff;
    z-index: 2;
}

.need-txt {
    position: absolute;
    top: 52%;
    left: 5%;
    width: 92%;
    height: 157px;
    z-index: 11;
}

.need-txt p {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.work-schedule {
    position: absolute;
    top:63%;
    width: 100%;
    height: 1100px;
    margin: 0 auto;
    background: #fff;
}

.schedule-title {
    position: absolute;
    display: flex;
    align-items: center;
    top: -35%;
    left: 5%;
    width: 90%;
    height: 105px;
    z-index: 10;
}

.schedule-title p {
    position: absolute;
    margin-top: 24px;
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 33px;
    text-align: left;
    color: #0a1f9f;
}

.schedule-title img {
    position: absolute;
    left:70%;
    width: 35px;
    height: 109px;
    object-fit: cover;      /* アス比維持 */
}

.work-border {
    width: 35%;
    height: 212px;
    background: #eff0f8;
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label1 {
    color: White;
    background: transparent;
    margin-right: 5px;
    padding: 3px 12px;
    order:-1;
    position: absolute;
    top: -24%;
    left: 20%;
    width: 179px;
    height: 179px;
    transform: translate(-40%, 0%);
}

.tab-label2 {
    color: White;
    background: transparent;
    margin-right: 5px;
    padding: 3px 12px;
    order:-1;

    position: absolute;
    top: -24%;
    left: 75%;
    width: 179px;
    height: 179px;
    transform: translate(-63%, 0%);
}

.tab-label1,
.tab-label2 {
  transition: .3s;
  cursor: pointer;
}

.tab-label1:hover,
.tab-label2:hover {
  opacity: .7;
}

.tab-content {
    width: 100%;
    display: none;
}

.tab-content img {
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translate(-50%, -1%);
}

.tab-switch:checked+.tab-label1+.tab-content {
    display: block;
}

.tab-switch:checked+.tab-label2+.tab-content {
    display: block;
}

.tab-switch {
    display: none;
}

.work-genba {
    position: absolute;
    top:74%;
    width: 100%;
    height: 1900px;
    margin: 0 auto;
    background: #fff;
}
.genba-bakcol1 {
    position: absolute;
    top: 8.5%;
    left: 50%;
    width: 47%;
    height: 750px;
    background: #eff0f8;
    z-index: 10;
}
.genba-title {
    display: flex;
    align-items: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.genba-title p {
    font-weight: bold;
    font-size: 24px;
    font-size: clamp(16px, 3vw, 24px);
    letter-spacing: 2.64px;
    line-height: 43px;
    text-align: left;
    color: #0a1f9f;
}

.genba-title img {
    position: absolute;
    left:103%;
    width: 36px;
    height: 110px;
    margin-top: -70px;
    object-fit: cover;      /* アス比維持 */
}

.genba-txt {
    position: absolute;
    top: 8%;
    left:5%;
    width: 92%;
    height: 130px;
    z-index: 11;
}

.genba-txt p {
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    line-height: 25px;
    text-align: left;
    color: #191a24;
}

.genba-wrapper {
    position: absolute;
    top: 17%;
    left:0%;
    width: 100%;
    height: 1200px;   
    margin: 0 auto;
    z-index: 11;
}

.genba-area1 {
    width: 100%;
    height: 246px;
    margin: 0 auto;
}

.genba-area1 img {
    width: 100%;
    height: 246px;
    object-fit: cover;      /* アス比維持 */
}

.genba-area2 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.genba-area2 img {
    width: 45%;
    margin: 1% 1% 1% 4%;
    height: 270px;    
    object-fit: cover;      /* アス比維持 */
}

.genba-area3 {
    width: 46%;
    height:270px ; 
}

.genba-area3 img {
    width: 100%;
    height: 130px;
    margin: 0px 0.5% 0px 1%;
    display:block;
    object-fit: cover;      /* アス比維持 */
}

.genba-area3 img + img {
    margin-top: 10px;
}

.genba-area4 {
    display: block;
    align-items: center;
    width: 100%;
}

.genba-area4 img {
    width: 92%;
    height: 280px;
    margin: 1% 1% 1% 4%;
    object-fit: cover;      /* アス比維持 */
}

.genba-area4 img + img {
    margin-top:5px;
}

.genba-area5 {
    top: 60%;
    width: 100%;
    margin: 0 auto;
}

.genba-area5 img {
    width: 100%;
    height: 194px;
    object-fit: cover;      /* アス比維持 */
}
/* フッター */
.work-footer{
    position: absolute;
    top:8700px;
    width: 100%;
    height: 337px;
    opacity: 1;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    z-index:4;
}

/* -----------------------------------
interview 個人
-------------------------------------- */
.interview-style{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_takahashi_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-style2{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_ishimoto_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-style3{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_yamasaki_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-style4{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_imai_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-style5{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_matsumoto_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-style6{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_yokobatake_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-style7{
    top:   0px;
    left:   0px;
    width: 100%;
    height: 411px;
    background: transparent url('../img/interview/img_kadowaki_head.jpg') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: left;
    z-index:3;
}
.interview-title{
    position: absolute;
    top: 300px;
    left: 0px;
    width: 95%;
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;  
}
.interview-title2{
    position: absolute;
    top: 300px;
    left: 0px;
    width: 95%;
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;  
}
.interview-animation{
    position: absolute;
    top: 0px;
    left: 10px;
}
.interview-animation2{
    position: absolute;
    top: 0px;
    left: 10px;
}
.interview-animation3{
    position: absolute;
    top: 0px;
    left: 10px;
}
.interview-bumon{
    position: absolute;
    top: 13%;
    left: 20px;
    width: 115px;
    height: 31px;
    background: #0A1F9F 0% 0% no-repeat padding-box;
    opacity: 1;
}
.interview-bumon2{
    position: absolute;
    top: 13%;
    left: 20px;
    width: 165px;
    height: 31px;
    background: #0A1F9F 0% 0% no-repeat padding-box;
    opacity: 1;
}
.interview-bumonname{
    position: absolute;
    top: -8px;
    left: 22px;
    text-align: center;
    font: normal normal normal 16px/51px Source Han Sans JP;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.54px;
    color: #FFFFFF;
    opacity: 1;
}
.interview-nyusya{
    position: absolute;
    top: 12%;
    left: 150px;
    width: 200px;
    height: 20px;
    text-align: left;
    font: normal normal normal 14px/51px Source Han Sans JP;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 1.54px;
    color: #9799AD;
    opacity: 1;
}
.interview-nyusya2{
    position: absolute;
    top: 12%;
    left: 200px;
    width: 150px;
    height: 20px;
    text-align: left;
    font: normal normal normal 14px/51px Source Han Sans JP;
    font-size: clamp(6px, 3vw, 14px);
    letter-spacing: 1.54px;
    color: #9799AD;
    opacity: 1;
}
.interview-name{
    position: absolute;
    top: 18%;
    left: 20px;
    width: 95%;
    height: 48px;
    text-align: left;
    font: normal normal bold 30px/23px DNP ShueiGoGinStd;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 2.4px;
    color: #191A24;
    opacity: 1;
}
.interview-name2{
    position: absolute;
    top: 18%;
    left: 20px;
    width: 95%;
    height: 48px;
    text-align: left;
    font: normal normal bold 30px/23px DNP ShueiGoGinStd;
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: 2.4px;
    color: #191A24;
    opacity: 1;
}
.interview-sigotonaiyouimg{
    position: absolute;
    top: 570px;
    left: 0px;
    width: 79%;
    height: 527px;
    opacity: 1;
}
.interview-sigotonaiyouimg img{
    margin: 0px 10px 0 0;
}
.interview-sigotonaiyoubox{
    position: absolute;
    top: 800px;
    left: 0px;
    width: 100%;
    height: 217px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.interview-sigotonaiyoutitle{
    position: absolute;
    top: 10px;
    left: 15px;
    width: 95%;
    height: 24px;
    text-align: left;
    font: normal normal bold 24px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 24px);
    letter-spacing: 5.08px;
    color: #0A1F9F;
    opacity: 1;
}
.interview-sigotonaiyoutext{
    position: absolute;
    top: 50px;
    left: 15px;
    width: 95%;
    height: 60px;
    text-align: left;
    font: normal normal normal 16px/30px Source Han Sans JP;
    font-size: clamp(13px, 3vw, 30px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.interview-insyoutitle{
    position: absolute;
    top: 1010px;
    left: 15px;
    width: 95%;
    height: 24px;
    text-align: left;
    font: normal normal bold 24px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 24px);
    letter-spacing: 3.08px;
    color: #0A1F9F;
    opacity: 1;
}

.interview-insyoutextr{
    position: absolute;
    top: 1055px;
    left: 15px;
    width: 95%;
    height: 122px;
    text-align: left;
    font: normal normal normal 16px/30px Source Han Sans JP;
    font-size: clamp(13px, 3vw, 30px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.interview-insyouimg{
    position: absolute;
    top: 1480px;
    left: 0px;
    width: 100%;
    height: 359px;
    opacity: 1;
}
.interview-insyouimg img{
    margin: 0px 0px 0px 0px;
}
.interview-yarigaibox{
    position: absolute;
    top: 1700px;
    left: 0px;
    width: 100%;
    height: 217px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.interview-yarigaititle{
    position: absolute;
    top: 10px;
    left: 15px;
    width: 95%;
    height: 28px;
    text-align: left;
    font: normal normal bold 24px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 24px);
    letter-spacing: 3.58px;
    color: #0A1F9F;
    opacity: 1;
}
.interview-yarigaitext{
    position: absolute;
    top: 50px;
    left: 15px;
    width: 95%;
    height: 121px;
    text-align: left;
    font: normal normal normal 16px/30px Source Han Sans JP;
    font-size: clamp(13px, 3vw, 30px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.interview-scheduleheader{
    position: absolute;
    top: 2313px;
    left: 0px;
    width: 100%;
    height: 565px;
    opacity: 1;
}
.schedule-boayuheader{
    position: absolute;
    top: 2475px;
    left: 10%;
    width: 80%;
    height: 960px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 16px #00000014;
    border-radius: 10px;
    opacity: 1;
}
.schedule-boayuheader2{
    position: absolute;
    top: 2475px;
    left: 10%;
    width: 80%;
    height: 960px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 16px #00000014;
    border-radius: 10px;
    opacity: 1;
}
.interview-schedultitle{
    position: absolute;
    top: 2100px;
    left: 15px;
    width: 95%;
    height: 28px;
    text-align: left;
    font: normal normal bold 28px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 24px);
    letter-spacing: 3.08px;
    color: #0A1F9F;
    opacity: 1;
}
.schedule-img{
    position: absolute;
    top: 2100px;
    left: 3%;
    width: 94%;
    height: 300px;
    clip: rect( 100px, 600px, 400px, 0px );
    text-align: center;
    opacity: 1;
}
.schedule-box{
    position: absolute;
    top: 2525px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-box2{
    position: absolute;
    top: 2652px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-box3{
    position: absolute;
    top: 2780px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-box4{
    position: absolute;
    top: 2908px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-box5{
    position: absolute;
    top: 3036px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-box6{
    position: absolute;
    top: 3164px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-box7{
    position: absolute;
    top: 3292px;
    left: 10px;
    width: 95%;
    height: 128px;
    opacity: 1;
}
.schedule-zikanbox{
    position: absolute;
    top: 10%;
    left: 15%;
    width: 80px;
    height: 80px;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    border-radius:50%;
    opacity: 1;
}
.schedule-zikan{
    position: absolute;
    top: 20%;
    left: 3%;
    width: 100%;
    height: 20px;
    text-align: center;
    font: normal normal bold 20px/51px DNP ShueiGoGinStd;
    font-size: clamp(12px, 3vw, 20px);
    letter-spacing: 2.2px;
    color: #0A1F9F;
    opacity: 1;
}
.schedule-sagyou{
    position: absolute;
    top: 35%;
    left: 120%;
    width: 160px;
    height: 20px;
    text-align: left;
    font: normal normal bold 16px/26px Source Han Sans JP;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.schedule-sagyou2{
    position: absolute;
    top: 5%;
    left: 120%;
    width: 160px;
    height: 20px;
    text-align: left;
    font: normal normal bold 16px/26px Source Han Sans JP;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.schedule-sagyou3{
    position: absolute;
    top: 20%;
    left: 120%;
    width: 160px;
    height: 24px;
    text-align: left;
    font: normal normal bold 16px/26px Source Han Sans JP;
    font-size: clamp(8px, 3vw, 16px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.schedule-border{
    position: absolute;
    top: 100%;
    left: 45%;
    width: 0px;
    height: 48px;
    border: 3px solid #EFF0F8;
    opacity: 1;
}
.interview-kongotitle{
    position: absolute;
    top: 3900px;
    left: 10px;
    width: 95%;
    height: 28px;
    text-align: left;
    font: normal normal bold 28px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 28px);
    letter-spacing: 3.08px;
    color: #0A1F9F;
    opacity: 1;
}
.interview-kongotitle2{
    position: absolute;
    top: 3900px;
    left: 10px;
    width: 95%;
    height: 28px;
    text-align: left;
    font: normal normal bold 28px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 24px);
    letter-spacing: 3.08px;
    color: #0A1F9F;
    opacity: 1;
}
.interview-kongoimg{
    position: absolute;
    top: 3541px;
    left: 10px;
    width: 95%;
    height: 303px;
    opacity: 1;
}
.interview-kongoimg2{
    position: absolute;
    top: 3541px;
    left: 10px;
    width: 95%;
    height: 303px;
    opacity: 1;
}
.interview-kongotext{
    position: absolute;
    top: 3950px;
    left: 15px;
    width: 95%;
    height: 242px;
    text-align: left;
    font: normal normal normal 16px/30px Source Han Sans JP;
    font-size: clamp(13px, 3vw, 30px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.interview-kongotext2{
    position: absolute;
    top: 3950px;
    left: 15px;
    width: 95%;
    height: 242px;
    text-align: left;
    font: normal normal normal 16px/30px Source Han Sans JP;
    font-size: clamp(13px, 3vw, 30px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
.interview-messagebox{
    position: absolute;
    top: 4250px;
    left: 0px;
    width: 100%;
    height: 750px;
    background: #F8F9FF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.interview-messagetitle{
    position: absolute;
    top: 4275px;
    left: 0px;
    width: 100%;
    height: 28px;
    text-align: center;
    font: normal normal bold 28px/28px DNP ShueiGoGinStd;
    font-size: clamp(20px, 3vw, 24px);
    letter-spacing: 3.08px;
    color: #0A1F9F;
    opacity: 1;
}
.interview-messagetext{
    position: absolute;
    top: 4320px;
    left: 10px;
    width: 95%;
    height: 182px;
    text-align: left;
    font: normal normal normal 16px/30px Source Han Sans JP;
    font-size: clamp(13px, 3vw, 30px);
    letter-spacing: 1.76px;
    color: #191A24;
    opacity: 1;
}
/* フッター */
.interview-footer{
    position: absolute;
    top:4760px;
    width: 100%;
    height: 360px;
    background: #EFF0F8 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index:4;
}

/* -----------------------------------

/* index */
/*
.h-img1,
.h-img2,
.h-img3,
.h-img4,
.h-img5 {
  visibility: hidden;
}
/*
/* message */
/* 
.text-msg{
  visibility: hidden;
} 
.main-msg{
  background: none;
}
.txt-msg{
  z-index: 2;
}
*/

/* work */
/*
.text-work1,
.text-work2{
  visibility: hidden;
}
*/
/* interview */
/*
.text-bosyu{
    visibility: hidden;
}
*/  
  /* kaisya */
/*.text-bosyu{
    visibility: hidden;
}
*/
  /* bosyu */
/*
.text-bosyu{
    visibility: hidden;
}
*/