@charset "UTF-8";
/* CSS Document */

html{
}
body{
  min-width: auto;
}
.pc_none{display: inherit !important;}
.sp_none{display: none !important;}

.wrap {
  width: 100%;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
.wrap_small{
  width: 90%;
  margin: 0 auto;
}
.tel {
  pointer-events: inherit;
  cursor: inherit;
}
a {
  transition : 0.3s;
}
a:hover{
  opacity: 0.6;
  transition : 0.3s;
}
.tel a{
  opacity: 0.6;
}

main {
    overflow: hidden;
}
.page{
  padding-top: 50px;
}
/* ---------

パンクずエリア

------------*/
.pankuzuArea {
  display: none;
}
/* ---------

お問い合わせボタン

------------*/
.mail_btn {
  margin: 20px auto 0 auto;
}
/* ---------

cvボタン

------------*/
.cv_link{
  display: inherit;
}
.cv_link li{
  margin-top: 10px;
}
.cv_btn {
display: flex;
    border-radius: 8px;
    height: 60px;
    width: 100%;
    font-size: 1.8rem;
}
.cv_btn i {
        font-size: 1.8rem;
    margin-left: 10px;
}
.closing_cv .cv_link .cv_btn_doc, .closing_cv .cv_link .cv_btn_met {
  width: 204px;
}
.closing_cv .cv_link .cv_btn {
  justify-content: center;
  gap: 16px;
}
/* ---------

もっと読むリンク

------------*/
.Linkmore a{
  width: 300px;
  margin: 0 auto;
}
/* ---------

メニュー

------------*/
.header {
  height: 64px;
  min-width: inherit;
  padding: 60px 0 0 0;
}
.header.scroll-nav{
      padding: 60px 0 0 0;
    height: 64px;
}
.header .logo{
  position: absolute;
    top: -37px;
    left: 0px;
  margin-left: 10px;
}
.header .title p{
  display: none;
}
.header .title img{
  width: 133px;
}
.header .header_inner{
  padding: 15px 30px;
  margin-left: auto;
  margin-right: auto;
  }
.header .nav {
  position: fixed;
  right: -320px; 
  top: -10px;
  width: 300px; 
  height: 102vh;
  padding-top: 60px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; 
}
.header .hamburger {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  z-index: 300;
  background: #393939;
}
.header .nav_list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  display: inherit;
}
.header .nav_list li{
  display: block;
  text-align: left;
  margin-left: 0;
  width: 100%;
  }
.header .nav_item {
    text-align: center;
    padding: 0 14px;
  }
.header .nav_list li > .gNavm {
    display: block;
    padding: 20px 10px;
    border-bottom: 1px solid #eee;
  }
.header .nav_list li > .gNavm:hover {
    background-color: #eee;
  border-bottom: 1px solid #eee;
  }
.header .nav_list li > .gNavm i{
  display: none;
}
.header .nav_item .pc_none ul{}



/* ---------

cvボタン

------------*/
.menu_inner_cv{
  padding: 30px 0 100px 0;
}
.menu_inner_cv .cv_btn {
    border-radius: 8px;
    height: 50px;
    color: #fff;
    font-size: 2rem;
	width: 100%;
}
.menu_inner_cv li{
  margin-top: 10px;
}
.menu_inner_cv .meeting{
  background: linear-gradient(92.79deg, #25C4B1 36.3%, #C4D30F 102.19%);
}
.menu_inner_cv .document{
  background: linear-gradient(91.94deg, #F20066 6.35%, #F27400 98.23%);
}
.menu_inner_cv .contact{
  background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(250,250,250) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(250,250,250) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(250,250,250) 100%);
  color: #06A9AA;
  border: 1px solid #c7dfee;
}
.menu_inner_cv .tel{
    font-size: 1rem;
    color: #919191;
  margin-top: 50px;
}
.menu_inner_cv .tel a{
  display: flex;
}
.menu_inner_cv .tel img{
  width: 40px;
  margin-right: 10px;
}
.menu_inner_cv .tel strong{
    font-size: 2rem;
    color: #484949;
    margin-bottom: -4px;
    display: block;
}
.header .head-cv{
font-size: 1.2rem;
    padding: 16px 18px;
    display: inline-block;
    position: absolute;
    top: 8px;
    line-height: 15px;
    font-weight: bold;
    border-radius: 8px;
}
/*.header .head-cv.meeting{
  right: 50px;
  background-image: -moz-linear-gradient( 0deg, rgb(0,174,179) 0%, rgb(1,145,149) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(0,174,179) 0%, rgb(1,145,149) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(0,174,179) 0%, rgb(1,145,149) 100%);
}*/
.header .head-cv.document{
  right: 70px;
  background: linear-gradient(91.94deg, #F20066 6.35%, #F27400 98.23%);;
}
.header .head_tel{
  right: 60px;
  width: 60px;
  display: block;
}
.header .head_tel img{
  width: 100%;
}
.header .head-cv i{
  margin-left: 5px;
}
 .header .hamburger_border {
    position: absolute;
    left: 19px;
    width: 26px;
    height: 3px;
    background-color: #fff;
    transition: all .6s;
  }
.header .hamburger_border_top {
    top: 20px;
  }
.header .hamburger_border_center {
    top: 30px;
  }
.header .hamburger_border_bottom {
    top: 40px;
  }
.header .black_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #333;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    cursor: pointer;
  }

.nav-open .nav {
    right: 0;
  }
.nav-open .black_bg {
    opacity: .8;
    visibility: visible;
  }
.nav-open .hamburger_border_top {
    transform: rotate(45deg);
    top: 30px;
  }
.nav-open .hamburger_border_center {
    width: 0;
    left: 50%;
  }
.nav-open .hamburger_border_bottom {
    transform: rotate(-45deg);
    top: 30px;
  }
.header .child_menu{ 
  display:block;
    position: inherit;
    padding: 0;
    background: none;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header .child_menu ul{
    width: 100%;
    margin-bottom: 20px;
    display: inherit;
}
.header .child_menu .link-wrap {
}
/* ---------

ページタイトル

------------
.section_title{
  font-size: 1.8rem;
}
.section_title strong{
  font-size: 3rem;
  margin-top: 10px;
}*/
.page_title{
  font-size: 2.2rem;
  line-height: 100px;
	padding: 0;
  margin-top: 16px;
}
/*-------------

site-link

-------------*/
.site-link{
padding: 40px 0 15px 0;
    margin: 50px auto 0 auto;
    width: 100%;
    min-width: inherit;
}
.site-link strong{
  font-size: 2rem;
}
.site-link p{
  font-size: 1.6rem;
  margin-top: 20px;
}
.site-link ul{
  margin: 20px auto 0 auto;
  flex-wrap: wrap;
}
.site-link li{
  width: calc((100% - 10px) / 2);
      margin-top: 10px;
}
.site-link a{
font-size: 1.3rem;
    padding: 15px 5px 15px 5px;
	    height: 100%;
}
.site-link a i{
      font-size: 1.4rem;
}
/* ---------

ccエリア（キャンペーン中）

------------*/
.cv_area{
      margin-top: 0;
}
.cv_area .campaign_txt{
      width: 70% !important;
    margin-right: 0;
}
.cv_area .campaign_img{
  width: 80% !important;
    margin-top: 30px;
}

.cv_area .cv_wrap{
    width: 90% !important;
    margin: 0 20px;
    padding: 20px 0;
}
.cv_area .cv_link{
      display: inherit;
  margin-top: 0;
}
.cv_area .cv_link li{
  width: inherit;
    margin: 16px 0 0 0 !important;
}
.closing_cv .cv_btn{
      height: 60px;
	width: 100% !important;
}
.closing_cv {
    padding-bottom: 40px;
}

/* ---------

クロージングCV

------------*/
.closing_cv .cv_wrap{
	padding: 10px 0 20px 0;
	margin-inline: auto;
	max-width: 400px;
}
/*.closing_cv .cv_wrap{
  width: 90% !important;
}
.closing_cv .campaign_img {
    width: 320px !important;
}
.closing_cv .campaign_txt {
    width: 280px !important;
}*/
/*.closing_cv .cv_link{
  padding: 0 20px;
}
.closing_cv .cv_link li{
  margin: 0px 10px !important
}*/
.closing_contact {
  padding-bottom: 0px;
  margin: 0;
  padding: 56px 0 56px !important;
}

/* ---------

フッター

------------*/
.top_btn {
    bottom: 120px;
}
footer{
  margin-top: 0;
}
footer a:hover{
  text-decoration: none;
  background: #343434;
}
footer .inner{
  display: inherit;
  padding: 50px 20px 0px 20px;
  text-align: center;
	width: 100%;
}
footer .footer_logo{
  margin-right: auto;
  margin-left: auto;
}
footer .footer_logo strong{
  font-size: 1rem;
}
footer .footer_logo img{
  width: 200px;
  margin-top: 10px;
  margin-bottom: 30px;
}
footer .footer_link{
display: block;
    border-top: 1px solid #4A4A4A;
    padding: 0;
    margin-top: 0;
  width: 100%;
}
footer .footer_link li{
  margin: 0;
}
footer .footer_link li a{
display: block;
    margin-top: 30px;
}
footer .footer_link .func_link{
  padding-bottom: 20px;
}
footer .footer_link .func_link a{
  margin: 30px 0 0 0;
}
footer .footer_link .kino strong{
  display: block;
  margin-right: 0;
      margin-top: 40px;
}
footer .footer_link .form_link{
padding-top: 0;
}
footer .footer_link .form_link ul{
  display: block;
}
footer .footer_link .form_link ul li{
  margin: 0 ;
}
footer .footer_sublink{
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1rem;
}

footer .footer_sublink li{
  margin-right: 0;
  margin-right: 20px;
}
footer .footer_sublink>li:last-child{
    margin-right: 0;
	text-align: center; 
}
.footer_logo .sns_wrap{
	justify-content: center;
	margin-top: 16px;
}
.footer_logo .sns_wrap li{
	margin-left: 9px;
	margin-right: 9px;
}
/* ---------

一覧へ戻る

------------*/
.return_btn{
  text-align: center;
  margin-top: 40px;
}