@charset "UTF-8";

/* =========================================================
  #profile
========================================================= */
main{padding:145px 0 0;}
#profile{margin:20px auto 0;overflow:hidden;}
#profile .inner{padding:0;max-width:100%;display:flex;/*flex-direction:column;*/justify-content: flex-start;align-content:flex-start;flex-wrap:nowrap;width:100%;height:635px;}
#profile .prof_box{margin: 0 auto;padding: 0 2%;}
#profile .prof_name{padding:0;font-size:50px;font-weight:400;margin:105px 0 0;letter-spacing:2.5px;}
#profile .prof_name span{display:block;font-size:16px;font-family:"Montserrat";font-weight:400;}
#profile .prof_date{margin:20px 0 0;font-size:16px;width: 400px;}
#profile .prof_date dl{display:flex;flex-wrap: nowrap;letter-spacing:0.8px;line-height:2;}
#profile .prof_date dl dt{width:90px;}
#profile .prof_date dl dd{margin:0;width: calc(100% - 80px);}
#profile .prof_date .link_box{margin:97px auto 0;display:flex;justify-content:right;}
#profile .prof_date .link_box li{margin:0 5px;font-family:"Montserrat";font-weight:400;font-size:16px;letter-spacing:0.8px;}
#profile .prof_date .link_box li:last-of-type{margin:0 0 0 5px;}
#profile .prof_date .link_box li a{line-height:1;display:flex;justify-content:center;align-items:center;border:1px solid #000000;padding:10px;height:40px;}
.wrapper{max-width:59.02777vw;width:59.02777vw;height:1090px;}
@media only screen and (max-width:1240px){
  #profile .prof_date .link_box{margin:97px 0 0;}
  #profile .prof_name{padding:0;margin:105px 0 0;width:auto;letter-spacing:2.5px;}
  #profile .prof_date{margin:20px 0 0;max-width:100%;width: auto;}
  #profile .prof_box{}
}
@media only screen and (max-width:1000px){
/*  .wrapper{max-width:47vw;width:47vw;}*/
}
@media only screen and (max-width:768px){
  main{padding:37.333vw 0 0;}
  #profile{margin:0 auto 0;}
  #profile .inner{height:auto;flex-wrap:wrap;}
  #profile .prof_name{order:1;font-size:8vw;margin:0 auto;width:89.333vw;letter-spacing:.5vw;padding:0;}
  #profile .prof_name span{font-size:3.73vw;}
  .wrapper{order:2;margin:8vw 0 0 0;width:100%;max-width:100%;height:auto;}
  #profile .prof_box{order:3;width:auto;padding: 0;}
  #profile .prof_date{margin:7vw auto 0;max-width:100%;width:89.333vw;font-size:3.7333vw;}
  #profile .prof_date dl dt{width:16vw;}
  #profile .prof_date dl dd{margin:0 0 0 5.333vw;width:68.53vw;}
  #profile .prof_date .link_box{margin:11.33vw auto 0;}
  #profile .prof_date .link_box li{margin:0 1.33vw;font-size:3.7333vw;height:10.66vw;width:10.66vw;}
  #profile .prof_date .link_box li.txt_link{width:auto;}
  #profile .prof_date .link_box li img{width:100%;}
  #profile .prof_date .link_box li:last-of-type{margin:0 0 0 1.33vw;}
  #profile .prof_date .link_box li a{padding:2.66vw;height:10.66vw;}
}

/* =========================================================
  #career
========================================================= */
#career{margin:90px auto 0;}
#career .content_titie{font-size:40px;text-align:left;}
#career .career_top{display:flex;justify-content:left;align-items:center;font-family:"Montserrat";font-weight:400;}
#career .link_box{display:flex;justify-content:left;align-items:center;margin:0 0 0 70px;}
#career .link_box li{position:relative;display:inline-block;text-decoration:none;color:#000;font-size:16px;}
#career .link_box li::after{position:absolute;bottom:-4px;left:0;content:'';width:100%;height:1px;background:#000;transform:scale(0,1);transform-origin:center top;transition:transform .3s;}
#career .link_box li:nth-child(n+2){margin:0 0 0 55px;}
#career .link_box li:hover::after{transform:scale(1,1);}
#career .career_category{margin:50px auto 0;}
#career .career_title{font-size:20px;letter-spacing:1px;}
#career .career_category ul.career_naiyou{border-bottom:1px solid #e8e8e8;padding:15px 0;line-height:1.63;font-size:16px;}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:768px){
  #career{margin:24.66vw auto 0;}
  #career .content_titie{font-size:9.333vw;}
  #career .career_top{display:block;}
  #career .link_box{margin:5vw 0 0 0;justify-content: left;}
  #career .link_box li{font-size:4.26vw;margin:0 5.333vw 0 0;}
  #career .link_box li:nth-child(n+2){margin: 0 5.333vw 0 0;}
  #career .career_category{margin:14.666vw auto 0;}
  #career .career_title{font-size:5.333vw;}
  #career .career_category ul.career_naiyou{padding:3.733vw 0;font-size:3.7333vw;}
}

/* =========================================================
  #スライダー
========================================================= */
.splide__slide img{height:auto;width:100%;}

/* 矢印のクリック範囲など */
.button{background-color:transparent; /* ボタンの背景を透明にする */height:71.84px;width:40px;transition:.2s;border-radius:0;opacity:1;}

/* 矢印共通のスタイル */
.button::before{background-repeat:no-repeat;background-size:100%;bottom:0;content:"";height:81.84px;width:50px;left:0;margin:auto;position:absolute;top:0;}

/* 前の矢印 */
.prev::before{background-image:url(/assets/images/common/arrow_next.svg);}

/* 次の矢印 */
.next::before{background-image:url(/assets/images/common/arrow_prev.svg);}

/* 選択されていないサムネイルは薄くする */
.splide__slide{opacity:1;}

/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active{opacity:1;}

/* スライダーの幅 */
.splide__track--nav > .splide__list > .splide__slide.is-active{border:none;}

/* 矢印のクリック範囲など */
.button{background-color:transparent; /* ボタンの背景を透明にする */height:83%;width:2.77777vw;transition:.2s;opacity:1;display: none;}

/* 矢印共通のスタイル */
.button::before{background-repeat:no-repeat;background-size:100%;bottom:0;content:"";height:4.988vw;width:2.77777vw;left:0;margin:auto;position:absolute;top:0;}

/* 前の矢印 */
.prev::before{background-image:url(/assets/images/common/arrow_next.svg);background-size:contain;background-position:left;}

/* 次の矢印 */
.next::before{background-image:url(/assets/images/common/arrow_prev.svg);background-size:contain;background-position:right;}
#main-carousel{height:500px;}
#main-carousel.js_none_slide{visibility: visible;}
#main-carousel img{height:500px;width:auto;cursor: pointer;}
#main-carousel-02{height:115px;margin:20px auto 0;}
#main-carousel-02 img{height:115px;width:auto;cursor: pointer;}

@media only screen and (max-width:768px){
  #main-carousel{height:109.33vw;}
  #main-carousel img{height:109.33vw;}
  #main-carousel-02{height:30.666vw;margin:5.333vw auto 0;}
  #main-carousel-02 img{height:30.666vw;}
  .button{height:82%;width:5.33vw;}
  .button::before{height:9.578vw;width:5.33vw;}
}

/* =========================================================
  #modal
========================================================= */

/* モーダル */
.modal{visibility: hidden; position:fixed;top:0;left:0;width:100%;height:100vh;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s; transition-delay:.3s;pointer-events:none;z-index:100;background-color:#FFF;}

/* モーダルがactiveの時 */
.modal.is-active{opacity:1;pointer-events:auto; visibility: inherit;}

/* モーダル背景のオーバーレイ部分 */
.modal__overlay{position:absolute;width:100%;height:100%;cursor:pointer;}

/* モーダルのコンテンツ */
.modal__content{position:relative;width:100%;height:;padding:;}
.modal_inner{background:#FFF;width:100%;height:;margin:0 auto;padding:0;display:flex;}

/* 閉じるボタン */
.modal__close-btn{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer;z-index:20;}
.modal__close-btn:hover{opacity:0.8;}

/* 閉じるボタンのX */
.lineClose{display:inline-block;vertical-align:middle;color:#313131;line-height:1;width:100%;height:0.1rem;background:currentColor;border-radius:0.1rem;position:relative;transform:rotate(45deg);}
.lineClose::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform:rotate(90deg);}

/*やじるし*/
.swiper-slide{display:flex;justify-content:center;background-color: #fff; }
.swiper-button-next,
.swiper-button-prev{color:#FFF;text-shadow:0px 0px 7px rgba(0,0,0,0.8);}
.swiper-button-prev{left:110px;}
.swiper-button-next{right:110px;}
.modal__con_top{position:absolute;top:0;margin:60px auto 0;width:100%;z-index:1000000;}
.modal__con_bottom{position:absolute;bottom:0;margin:0 auto 60px;width:100%;max-width:1240px;z-index:1000000;}
.swiper-button-next:after,
.swiper-button-prev:after{font-size:60px;}

/*画像サイズ*/
.swiper-container,
.swiper-slide{height:100vh;}
.swiper-slide > img{object-fit:contain;width:100%;height:100%;padding:150px 0;}

/*名前*/
.modal__con_bottom .name{font-size:30px;font-weight:400;text-align:right;}
.modal__con_bottom .name span{font-family:"Montserrat";font-weight:400;font-size:16px;margin:0 0 0 20px;}
.modal__con_top .inner{position:relative;}
@media only screen and (max-width:768px){

  /*やじるし*/
  .swiper-button-next,
  .swiper-button-prev{color:#FFF;text-shadow:0px 0px 7px rgba(0,0,0,0.8);}
  .swiper-button-prev{left:2.666vw;}
  .swiper-button-next{right:2.666vw;}

  /*画像サイズ*/
  .modal__content .swiper-slide > img{padding:21.33vw 5.333vw;margin:0 auto;}
  .modal__con_top{margin:5.333vw;}
  .modal__con_top img{width:59.290vw;object-fit:cover;margin:0;transform:translate(0,0);opacity:1;z-index:10000;position:relative;}

  /*名前*/
  .modal__con_bottom{margin:0;bottom:5vh;}
  .modal__con_bottom .name{font-size:5.333vw;}
  .modal__con_bottom .name span{font-size:3.2vw;margin:0 0 0 2.666vw;}
}

/*slideが一枚のとき　動かないようにする*/
/*#main-carousel:not(.is-overflow) .splide__list{ transform: none !important;}*/
/*.splide:not(.is-overflow) .splide__slide--clone{display: none;}*/
/*#main-carousel:not(.is-overflow) #main-carousel-clone01,
#main-carousel:not(.is-overflow) #main-carousel-clone02{display: none;}*/