@charset "utf-8";
@media (min-width: 768px) {}
@media (max-width: 767px) {}

:root{
  --keyc:#a68b62;
  --keyc2:#957a50;
  --font01:"Noto Serif JP", serif;
}

#wrapper {background:#fff;  color: #957a50;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

h1, h2, h3{
	font-family: "Baskervville", Noto serif JP!important;
}

.pc_only{display: initial;}
.sp_only{display: none;}
@media (max-width: 767px) {
  .pc_only{display: none;}
  .sp_only{display: initial;}
}

/*サブページ用調節
*************************/
.container {position: relative;top: 150px;/*ヘッダーの高さPC*/}
.container.inner{width: 94%;}
.container .container { top: 0;  }
/*containerの中にcontainerが入っているパターンがあるため*/
/*ヘッダー固定の場合topicPathの重なり修正*/
.inner {padding: 0 5%;}
.inner .inner {padding: 0;}
@media (max-width: 767px)  {
  .container {position: relative;top: 80px;/*ヘッダーの高さSP*/}
  .container .container { top: 0;  }
}

/*サブページ用調節ここまで
*************************/
.content {border: none;padding: 0;margin: 0;  }
.top_inner-wrap{max-width: 970px;margin: 0 auto;width: 92%;}

/* link */
a:link, a:visited {text-decoration: underline;color: #957a50;}
#wrapper a:hover {  transition: 0.4s;  filter:alpha(opacity=60);  -moz-opacity: .6;  opacity: .6;}
.clearfix::after { content: ""; display: block; clear: both;}


/* header PC
*************************/
@media (min-width: 768px) {
  	header { padding: 0px 20px 0;box-sizing: border-box;width: 100%;color: #957a50;position: fixed;z-index: 20;background: transparent;box-shadow: none;border-bottom: none;}
	header:after{ /* position: absolute; */
    content: "";background: rgba(255, 255, 255, 0.2);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);z-index: -1;}
  	header a:link, header a:visited { color: #957a50;}
  	header a:hover, header a:active { color: #957a50;}
  	header .inner { max-width: 100%;margin: 0 auto;display: block;}
  	header .inner .header_main{   float: inherit;  width: inherit;  margin: inherit;  padding: inherit;  display: block;}
  	.siteHeading { font-size: 161.5%;float: none;z-index: 1000;position: relative; }
  	.siteHeading.forPc a { position: absolute;display: block;left: 0;top: 10px;width: auto;height: 60px;padding: 0;}
  	.siteHeading.forPc a img { display: block; width: auto; height: 100%; margin: 0 auto;}
  	.siteHeading.forSp { display: none;}
  	.header_main { padding-right: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;  box-sizing: border-box; text-align: center;position: relative;}
  	header .inner #header_user { margin-top: 11px;width: auto;height: auto;color: #957a50;position: relative;z-index: 1001;float: right;box-shadow: none;background: transparent;border-left: none;}
	header .inner #header_user dt { float: left;clear: none;color: #957a50;margin-right: 0;font-weight: bold;font-size: 90%;margin: 2px 10px 0 0;text-align: left;width: auto;height: 20px;line-height: 20px;background: transparent;}
	header .inner #header_user dt span { display: none;}
	header .inner #header_user dd { float: right;font-size: 100%;width: auto;}
  	header .inner #header_user p { margin-right: 6px;text-align: center;line-height: 20px;}
  	header .inner #header_user p a { text-decoration: none;background-color: #957a50;color: var(--keyc);border: 1px solid var(--keyc);padding: 0;margin: 0;width: 80px;/*ここでユーザーボックスの幅調節*/
    height: 22px;line-height: 22px;text-align: center;display: block;border-radius: 0;font-size: 12px;font-weight: bold;}
  	#header_user p:nth-last-child(2) { margin: 0;/*1つ目のボタンのマージン*/}
  	header .inner #header_user p a:hover { background-color: var(--keyc);color: #fff;opacity: 1;}
}


/* header SP
*************************/
@media (max-width: 767px) {
  header { position: fixed;width: 100%;z-index: 11;height: 70px;margin: 0;padding: 0!important;background:inherit;}
  header .inner { padding: 0;}
  .siteHeading { font-size: 130.8%;color: #fff;float: left;}
  .siteHeading.forPc { display: none;}
  .siteHeading.forSp { position: static;width: 100%;height: 62px;background-color: transparent; text-align: center;  padding: 0px;}
  .siteHeading.forSp img  { max-width: initial;max-height: initial;height: 35px;width: auto;margin: 12px 0 0 0;}
  .header_main { width: 100%;padding: 0;float: none;margin: 0!important;}
  #header_user { width: 40%;float: none;margin-top: 0px;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;background: transparent;position: absolute;top: 40px;right: 16px;}
  #header_user dt { font-size: 10px;font-weight: bold;height: 20px;line-height: 20px;float: left;width: 59.5%;color: #957a50;margin-bottom: 4px;text-align: right;}
  #header_user dt span { display: inline;}
  #header_user dd { font-size: 10px;float: right;width: 100%;margin: 0;padding: 0;height: 20px;text-align: right!important;}
  #header_user p { margin: 0 0.5px 0 0!important;padding: 0;line-height: 20px;display: inline-block!important;float: none!important;width: auto;color:#fff;}
  #header_user p a { text-decoration: none;background-color: #957a50;width: auto;padding: 0 6px;margin: 0 0 0 auto;color: var(--keyc);height: 15px;line-height: 15px;border-radius: 0;display: inline-block;font-size: 10px;font-weight: 600;border: 1px solid var(--keyc);}
  #header_user p a:hover{ color: #000;background-color: #fff;}
  #header_user a:link, #header_user a:visited{   text-decoration: none;}
}


/* mainNav PC
*************************/
@media (min-width: 768px) {
  #mainNav { z-index: 12;position: fixed;top: 42px;width: 100%;padding: 0;right: inherit;background: transparent;}
  #mainNav:after{ position: absolute;content: ""; /*background: rgba(255, 255, 255, 0.8);*/ width: 100%;height: calc(100% + 60px);top: -60px;left: 0;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);z-index: -1;}
  #mainNav ul.inner { position: relative;float:right;max-width:inherit;width: auto;box-sizing: border-box;margin: 0 auto;padding: 0;text-align: left;}
  #mainNav li { float: none;position: relative;display: inline-block;text-align: center; margin: 0;}
  #mainNav li:last-child { margin: 0;}
  #mainNav li a { color: #957a50;line-height: 40px;margin: 0;font-size: min(17px,1.6vw);padding: 0 min(40px,2.5vw) 0 0;}
  #mainNav li a:hover { color: var(--keyc);border-bottom:  none;}
}


/* mainNav SP
*************************/
@media (max-width: 767px) {
  #mainNav { position: relative;z-index: 10;}
  #mainNav ul { width: 100%;padding: 0;background:#DDC8A9;position: fixed;top: 70px;/*SPヘッダーの高さ*/
    left: 0;margin-left: 0;opacity: 0;transition: 0.2s;}
  #mainNav ul.inner { padding: 0;   } 
  #mainNav ul a { padding: 0;font-size: 16px;text-align: center;text-decoration: none;border-top: none;display: block;font-family: var(--font01);font-weight: 400;}
  .menuOpen #mainNav ul { height: calc(100vh - 70px);opacity: 1;transition: 0.2s;overflow-y: scroll;}   
  .menuOpen #mainNav ul li { height: 50px;} 
  .menuOpen #mainNav ul li:first-child { padding-top: 20px;}
  #mainNav ul a:link, #mainNav ul a:visited { color: #6E5943;}
  #mainNav ul a:hover, #mainNav ul a:active { color: var(--keyc);}
}


/* navSwitcher SP
*************************/
@media (max-width: 767px) {
	#navSwitcher {     background-color: transparent; position: fixed; z-index: 20000; width: 30px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; top: 11px; left: 0px;}
  #navSwitcher a { width: 28px;height: 10px;display: block;position: relative;border: none;}
  .menuOpen #navSwitcher a { height: 20px;border: none;}
  .menuOpen #navSwitcher a:before { display: none;}
  #navSwitcher span { width: 100%;height: 2px;margin: 0;background-color: #957a50;position: absolute;top: 0;bottom: 0;transition: 0.2s;}
  #navSwitcher .l{top: -8px;}
  #navSwitcher .r{top: inherit;width: 100%;right: 0;transition: 0.2s;}
  .menuOpen #navSwitcher .l {   top: 0;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
  .menuOpen #navSwitcher .r { width: 100%;right: inherit;top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transition: 0.2s;}
  .menuOpen #navSwitcher .m{opacity: 0;}
}



/********************** TOP PAGE **********************/

/* top_content_wrapper
    固定ヘッダーの高さ分のマージンをつけるためのID
*************************/
@media (min-width: 768px) {
 #top_content_wrapper {width: 100%; margin: 0 auto; padding-top: 85px;/*ヘッダーの高さ*/
 }
}
@media (max-width: 767px) {
 #top_content_wrapper {width: 100%; margin: 0 auto; padding-top: 70px;/*ヘッダーの高さ*/
 }
}



/* h1 PC
*************************/
@media (min-width: 768px) {
  .contentHeading {
  /*サイト全体のh1に適用させるため#wrapperwpつけている*/
    font-size: 41px;color: #957a50;font-weight: 400;line-height: 1em;text-align: center;position: relative;padding-bottom: 20px;border: none;z-index: 2;}
  .top_inner-wrap .contentHeading{text-align-last: left;}
  .top_inner-wrap .contentHeading { display: inline-block;}
  .top_inner-wrap .contentHeading::after {   content: '';  width: 192px;  height: 102px;  /* background: url(../image/update.svg)center no-repeat; */
      right: -100%;  z-index: -1;  top: 32%;  transform: translateY(-50%);  position: absolute;}

}


/* h1 SP
*************************/
@media (max-width: 767px) { .contentHeading {     /*サイト全体のh1に適用させるため#wrapperwpつけている*/
          font-size: 24px; color: #957a50; font-weight: 400; line-height: 1em; text-align: center; position: relative; padding-bottom: 20px; border: none; z-index: 2;}
  .contentHeading::after { content: '';width: 25px;height: 1px;background: #fff;left: 0;right: 0;margin: auto;bottom: 0;position: absolute;}
  .top_inner-wrap .contentHeading { display: inline-block;}
  .top_inner-wrap .contentHeading::after {   content: '';  width: 102px;  height: 41px;  right: -150%;  z-index: -1;  top: 20%;  /* background: url(../image/update.svg)center no-repeat; */
      transform: none;  position: absolute;  background-size: contain;}
}


/* Main img PC
*************************/
@media (min-width: 768px) {
.top_mainimg_pc { 
  max-width: 100%;
  width:100%; 
  margin: 0 auto; 
  position: relative;
  display: flex;
  justify-content: center;
  }
.top_mainimg_pc img { 
  width:80%; 
  height: auto;
  display: block;
  }  
.top_mainimg_sp { 
  display: none;
}
}

/* Main img  SP
*************************/
@media (max-width: 767px) {
.top_mainimg_sp {  
  display: block;
  width: 100%;
  margin: 0 auto; 
  position: relative;
  }
  .top_mainimg_sp img { 
  width:100%; 
  height: auto;
  display: block;
  } 
.top_mainimg_pc { 
  display: none;
}  
}


/* btn_box PC
*************************/
@media (min-width: 768px) { .btn_box {   height: auto;  width: 100%;  margin: 20px auto 0;}
    .btn_box a {   margin: 0 auto;  width: 40%;  padding: 4px 0 4px 0;  box-sizing: border-box;  color: #957a50;  font-size: 20px;  line-height: 40px;  text-align: center;  text-decoration: none;  background: #fff;  border: 1px solid #957a50;  display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;  font-weight: 400;}
    .btn_box a:hover { opacity: 0.7;  }  
}
/* btn_box SP
  *************************/
  @media (max-width: 767px) { .btn_box {     height: auto; width: 100%; margin: 20px auto 0;}
      .btn_box a:hover {   }  
}
  


/* TOP update PC
*************************/
@media (min-width: 768px) { 
	.top_update .heading-wrap{justify-content: space-between; align-items: center;}
    .top_update .heading-wrap {margin-bottom: 80px; }
	.top_update .heading-wrap .contentHeading{padding-bottom: 0;margin-bottom: 0;        font-weight: 500; 
border-bottom: 1px solid #957a50;
        padding-bottom: 4px;
}
	.top_update .heading-wrap .btn_box{margin: 0;}
	.top_update .heading-wrap .btn_box a{margin-right: 0;margin-left: auto;}

	.top_update #updatebox { margin: 100px auto;}

  	.top_update #updatebox a { text-decoration: none;color: #957a50;;}

    .top_update #updatebox .update_list dl{display: flex;color: #957a50;border-bottom: 1px solid #C7C9D5;padding-bottom: 22px;margin-bottom: 22px;font-size: 15px;line-height: 1.6em;}
    .top_update #updatebox .update_list dl{}
    .top_update #updatebox .update_list dt{font-size: 13px;width: 10%;margin-right: 5%;}
    .top_update #updatebox .update_list dd{width: 85%;}
}
  

/* TOP update PC
*************************/




/* TOP update SP
*************************/
@media (max-width: 767px) {

  .top_update .heading-wrap{ justify-content: space-between; align-items: center;}
  .top_update #updatebox { margin: 50px auto ;}
  .top_update #updatebox a { text-decoration: none;color: #957a50;}
  .top_update .heading-wrap { margin-bottom: 20px; text-align: center; border-bottom: 1px solid #957a50;  padding-bottom: 15px;}
  .top_update .heading-wrap .contentHeading{padding-bottom: 0;margin-bottom: 0; font-weight: 500;}
  .top_update .heading-wrap .btn_box{margin: 0;}
  .top_update .heading-wrap .btn_box a{margin-right: 0;margin-left: auto;}
  .top_update #updatebox .update_list dl{display: flex;color: #957a50;border-bottom: 1px solid #C7C9D5;padding-bottom: 22px;margin-bottom: 22px;font-size: 15px;line-height: 1.6em;}
  .top_update #updatebox .update_list dl{}
  .top_update #updatebox .update_list dt{font-size: 13px;width: 20%;margin-right: 5%;}
	.top_update #updatebox .update_list dd{width: 75%;}
}




/* TOP movie PC
*************************/
@media (min-width: 768px) {
	.top_movie { width: 100%; background: #DFE2E7; padding: 100px 0;}
	.top_movie_inner { max-width: 1180px; width: 90%; margin: 0 auto; display: flex;}
	/* .top_movie .contentHeading::after{ background: url(../image/movie.svg)center no-repeat;
	} */
	.top_movie_inner li { flex-basis: 100%;}
	.top_movie .movie_box {padding: 0;border: none;width: 100%;margin: 0 auto 80px;background: transparent;position: relative;max-width: 970px;}
}
.top_movie #sns_box{ letter-spacing: normal;text-align: center;margin-top: 40px;display: flex;justify-content: center;align-items: center;
}
.top_movie .sns_banner{ max-width: 100%;padding: 0 2%;display: inline-block;letter-spacing: normal;
}

.top_movie .movie{ position: relative; width: 100%;padding-top: 56.25%;}
.top_movie .movie iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

/* TOP sns SP
*************************/
@media (max-width: 767px) { .top_movie {
  width: 100%;
  background: 	#DFE2E7;
  padding: 60px 0;
}
.top_movie_inner {
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
}
.top_movie_inner li {
  width: 100%;
}

/* .top_movie .contentHeading::after{ background: url(../image/movie.svg)center no-repeat;top: 50%;transform: translateY(-50%);
} */
.top_movie .contentHeading{margin-bottom: 0;}
.top_movie .movie_box {padding: 0;border: none;width: 100%;margin: 0 auto;background: transparent;position: relative;}

}




/* TOP page-top PC
*************************/
@media (min-width: 768px) {
  .pageTop { position: fixed;padding: 0;bottom: 20px;right: 20px;z-index: 20;}
  .pageTop a { width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: url(../image/botan.webp) 50% 50% / 90% auto no-repeat;text-indent: -9999px!important;text-decoration: none;color: #fff;padding: 0;text-align: center;display: block;transition: .2s;filter: drop-shadow(4px 4px 9px #333);display: none;}
  .pageTop a:hover{ transform: translateY(-3px);
}
}


/* TOP page-top SP

*************************/
@media (max-width: 767px) {
  .pageTop { position: fixed;padding: 0;bottom: 0;right: 20px;z-index: 20;}
  .pageTop a { width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: url(../image/botan.webp) 50% 50% / 90% auto no-repeat;text-indent: -9999px!important;text-decoration: none;color: #fff;padding: 0;text-align: center;display: none;}
}


/* fotter PC
*************************/
@media (min-width: 768px) {
  footer { padding: 80px 0 160px;background: transparent;color:#957a50;}
  footer a:link, footer a:visited { color: #957a50;text-decoration: none;}
  footer a:hover, footer a:active { color: #957a50; text-decoration: none;}
  footer nav ul { margin-bottom: 1em;text-align: center;}
  footer nav li { margin: 0 .8em .5em;display: inline-block;}
  .copyright { text-align: center;color: #957a50;}
}

/* fotter SP
*************************/
@media (max-width: 767px) {
  footer { padding: 40px 0;background: transparent;color: #957a50;}
  footer a:link, footer a:visited { color: #957a50;text-decoration: none;}
  footer a:hover, footer a:active { color: #957a50; text-decoration: none;}
  footer nav ul { margin-bottom: 1em;text-align: center;}
  footer nav li { margin: 0 .8em .5em;display: inline-block;}
  .copyright { text-align: center;color: #957a50;}
}

.news .contentHeading { font-family:var(--font01);}
.newsItem a { padding: 24px 16px 16px;}

@media (max-width: 767px) {
	.container.inner { padding-bottom: 60px;}
	.news .contentHeading { font-size: 30px;}
}


/* 繝√こ繝�ヨ繝壹�繧ｸ縺ｮ蝗ｲ縺ｿ
*************************/
.newsItem { border: solid 1px #957a50!important;border-bottom: none;}
.newsList { border-top: none;}
.content { border: none;padding: 40px !important;background: transparent;}

@media (max-width: 767px){
  .content { padding: 20px !important;}
  .prof-text { padding: 5px !important;}
}



/* ================================= 0328add =================================== */
a:link, a:visited{color: #957a50;transition: 0.2s;}
body{font-size: 16px;font-weight: 500;margin: 0;color: #000;}

#mainNav{font-family: var(--font01);}
#mainNav:before{content: "";position: absolute;bottom: 0;width: 94%;height: 0px;background: #000;left: 50%;transform: translateX(-50%);}

#mainNav li a{letter-spacing: 0.1em;text-decoration: none;height: auto; font-weight: 600;color: #957a50; }
#wrapper{}
footer{background: transparent;color: #fff;}
footer a:link, footer a:visited{color: #957a50;font-weight: bold;}

.contentHeading{color: #fff;}
.news .contentHeading{margin-bottom: 40px;}
header .inner #header_user p a{background: #fff;}

.btn_box a{border: 1px solid #957a50!important;background: transparent;line-height: 1.5em;position: relative;}


.contentHeading{padding-left: 44px;padding-bottom: 0;font-size: 50px;font-weight: 600;line-height: 1.4em;display: inline-block;}
.contentHeading:before{position: absolute;content: "";background: url(../image/title_deco_black.svg)center no-repeat;background-size: contain;width: 35px;height: 35px;top: 50%;transform: translateY(-50%);left: 0;}
.contentHeading:after{position: absolute;content: attr(data-heading)"";font-size: 10px;line-height: 1em;top: 50%;transform: translateY(-50%);right: -80px;width: auto;height: auto;}
.top_inner-wrap .contentHeading{padding-left: 0;padding-bottom: 0;font-size: 30px;font-weight: 100;line-height: 1.4em;letter-spacing: 0.1em;margin: 0;font-family:var(--font01);}


.top_inner-wrap .contentHeading:after{position: absolute;content: attr(data-heading)"";font-size: 12px;font-weight: bold;line-height: 1em;bottom: inherit;left: inherit;width: auto;height: auto;/* color: #6581ee; */letter-spacing: 0.2em;right: inherit;top: 50%;transform: translateY(-50%);background: transparent;white-space: nowrap; color: #666;}

.top_update{ background: #ffffff; padding-top: 5vw; margin-top: -5vw;}
.top_update .top_inner-wrap{width: 90%;}
.top_update .heading-wrap{margin-bottom: 50px;
    text-align: center;}
.top_update .contentHeading{color: var(--keyc2);font-family:var(--font01);}

.top_update .contentHeading:after{}
.top_movie{background: none;color: #000;}
.top_movie .heading-wrap{margin-bottom: 60px;}
.top_company{margin-bottom: 240px;}
.top_company .heading-wrap{margin-bottom: 100px;}
.top_company .company_box{max-width: 600px;width: 100%;margin: 0 auto;color: #957a50;font-family:var(--font01);text-align: center;}
.top_company .company_box figure{margin: 0;line-height: 0;margin-bottom: 60px;}
.top_company .company_box figure img{width: 100%;}
.top_company .company_box .top_lead{margin: 0;margin-bottom: 2em;}
.top_company .company_box .stit{margin: 0;border: 1px solid #fff;font-size: 1em;font-weight: 100;line-height: 1.5em;letter-spacing: 0.4em;padding: 0.3em 0;margin-bottom: 2em;}
.top_company .company_box .txt{margin: 0;letter-spacing: 0.2em;line-height: 1.9em;}

.fix_wrap{position: fixed;background-color: #F2F2F2;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;z-index: -1;}
.fix_wrap .bg{position: absolute;width: 120%;height: 100%;left: -10%;mix-blend-mode: color-dodge;/* background-image: url(../image/bg.webp); *//* background-position: center; *//* background-size: cover; *//* background-repeat: no-repeat; */opacity: 0.5;}
.fix_wrap .bg img{width: min(120vw,1920px);opacity: 0.6;}
.fix_wrap .text{position: absolute;top: 50%;transform: translateY(-50%);left: 1%;}

.inner{padding: 0;}

#sns_box{background-color: transparent;display: flex;justify-content: center;align-items: center;padding-top: 10px; border-bottom: 1px solid #957a50;
    padding-bottom: 30px;}
#sns_box .sns_banner{width: 35px;margin: 0 16px;}
#sns_box .sns_banner a{display: block;}
#sns_box .sns_banner a img{width: 100%;}

.side_txt{writing-mode: vertical-rl;background-color: var(--keyc);height: calc(100lvh - 112px);position: fixed;top: 112px;z-index: 100;font-family:var(--font01);color: #fff;text-align: center;letter-spacing: 1.2em;font-size: 10px;line-height: 4em;}

.sp_sub_menu{display: none !important;}
.pc_sub_menu{position: absolute;right: 0;bottom: 0;}
.pc_sub_menu .menu_tit{ display: block;width: 196px;text-align: center;padding: 8px 0;background-color: var(--keyc);color: #fff;cursor: pointer;}
.pc_sub_menu .menu_list{position: absolute;background-color: var(--keyc);height: 0;opacity: 1;transition: 0.4s;overflow: hidden;pointer-events: none;}
.pc_sub_menu:hover .menu_list{height: auto;opacity: 1;/* overflow: visible; */transition: 0.3s;pointer-events: inherit; width: 100%;}
.pc_sub_menu .menu_list .menu_logo{width: 40%;margin: 0 auto 12px;display: block;}
.pc_sub_menu .menu_list ul{display: flex;flex-direction: column; margin-bottom: 1em;}
.pc_sub_menu .menu_list ul li{margin: 0 !important;}
.pc_sub_menu .menu_list ul li a{color: #fff !important;font-size: 14px !important;line-height: 2em !important; padding: 0!important;}
.pc_sub_menu .menu_list ul li a:hover{background-color: #444;color: #fff !important;    opacity: 1 !important;}




/* 下層 */
.contentHeadingbig{color: var(--keyc) !important;font-family:var(--font01);font-weight: 100 !important;letter-spacing: 0.1em;padding: 0 !important;}
.contentHeadingbig:before,
.contentHeadingbig:after{display: none;}

.newsArticle{background: transparent;border: 1px solid var(--keyc);}
.newsArticle .newsHeading strong{background: #fff;color: #fff;font-weight: bold;}
.newsArticle .newsHeading span{padding-left: 6px;}
.newsArticle .personTag li{background-color: transparent;border: 1px solid var(--keyc);color: var(--keyc);}
.newsArticle .newsBodyWrap .catch{ border-bottom: 1px dotted var(--keyc);}

.prof_list{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.prof_list li{width: calc((100% / 3) - 2%);margin: 0 1% 2%;/* background: #09002d73; */}
.prof_list li a{display: block;padding: 5%;text-decoration: none;text-align: left;background: #09002d73;}
.prof_list li figure{margin-bottom: 12px;}
.prof_list li figure img{ width: 100%;}
.prof_list li .name{}

.prof_list li a:hover{opacity: 0.9 !important;}


.top_main {background:none;width: 100%;position: relative; z-index: 5;}

.foot_img { margin-top: -2vw;}
.foot_img li img{ width: 100%; }
.foot_img li { position: relative;}
.foot_img li.one{ width: 35%; margin-left: 5%;}
.foot_img li.two{ width: 50%; margin-top: -30vw; margin-left: auto; margin-right: 5%;}
.foot_img li.three{ width:65%; margin-top: -10vw; margin-left: 3%;}


@media (min-width: 768px){     
        
        .top_main img {width: 100%;height: auto;display: block;}
        .top_main .main_inner{ position: relative;}
        .top_main .main_inner .photo{ line-height: 0; background-color: #f3f3f1; }
		.top_main .main_inner .photo img{ width: 60%; max-width: 750px; margin: 0 auto;}
		
        .top_main .main_inner .logo{width: 45%; position: absolute; top:48%; left: 5%; transform: translate(0,-50%);}
        .top_main .main_inner .logo img{width: 100%;}
        .top_main .main_inner .image{width: 60%;}
        .top_main .main_inner {}


        .top_update #updatebox{margin: 0 auto;padding: 30px 0; }
        .top_update #updatebox{}
        .top_update #updatebox a{color: #957a50;display: block;border: 1px solid transparent; font-weight:bold;}
       .top_update #updatebox a :hover {color: #a3865c;}
        .top_update #updatebox dl{margin:  0 auto 40px;}
        .top_update #updatebox dl{}
        .top_update #updatebox dl{}
	


    }


    @media (max-width: 767px){   body{font-size: 14px;}

        .container.inner{    padding-bottom: 90px;}
        #header_user{padding: 0;}
        #mainNav ul.inner{padding: 0;}
        #mainNav:before{display: none;}

        .btn_box {text-align: center;margin: 20px auto 0;}
        .btn_box a{padding: 10px 40%;position: relative;}
        .btn_box a:after{/* width: 8px; *//* height: 8px; */}
        .fix_wrap .bg{transform: rotate(90deg);width: 170%;height: 60%;top: 24%;left: -36%;}
        .fix_wrap .text{display: none;}
        
        .top_main{height: inherit;overflow-x: hidden;margin-bottom: 20px;}
        .top_main .main_inner{display: flex;flex-direction: column-reverse;}
        .top_main .main_inner .image{padding: 10vw 0;transform: scale(1.3);}
        .top_main .main_inner .logo{width: 88%;margin: 5vw auto;}


        .top_inner-wrap .contentHeading{font-size: 26px;padding-left: 0;}

        .top_inner-wrap .contentHeading:after{font-size: 12px;}

        .top_update {padding: 0px 0 20px;margin: 0;}
        .top_update #updatebox{margin: 0;}
        .top_update .heading-wrap{margin-bottom: 0; text-align: center;}

        .top_movie .heading-wrap{margin-bottom: 60px;}
        .top_movie .sns_banner{width: 10%;padding: 0 4%;}
        .top_movie .sns_banner img{width: 100%;display: block;}

        .top_company{padding: 80px 0;margin-bottom: 0;}
        .top_company .heading-wrap{margin-bottom: 80px;}
        .top_company .company_box figure{width: 80%;margin: 0 auto 40px;}
        .top_company .company_box .txt{font-size: 0.8em;}

        #sns_box{padding-top: 15px;}

        .side_txt{display: none;}

        .pc_sub_menu{display: none;}
        .sp_sub_menu{background-color: var(--keyc) !important;padding: 20px 0;display: block !important;}
		.sp_sub_menu .sp_menu_tit{text-align: center; color: #fff; font-size: 1.2em; letter-spacing: 0.1em; border-bottom: 1px solid #333; padding-bottom: 15px; font-family: var(--font01); font-weight: 500;}
        .sp_sub_menu .menu_list{background: var(--keyc);}
        .sp_sub_menu .menu_list .menu_logo{width: 30%;display: block;margin: 0 auto 12px;}
        .sp_sub_menu .menu_list ul{position: relative !important;top: 0 !important;background-color: transparent !important;}
        .sp_sub_menu .menu_list li{padding: 0 !important;background: var(--keyc) !important;height: 40px !important;}
        .sp_sub_menu .menu_list li a{color: #fff !important;}

        .menuOpen .sp_sub_menu{height: auto !important;/* margin-top: 20px; */}
        .menuOpen .sp_sub_menu .menu_list ul{height: 100% !important;}

        .prof_list li{width: calc((100% / 2) - 2%);}
		
	.foot_img { margin-top: -4vw;}
    }

a {
    text-decoration: none!important;
}