@charset "utf-8";
/* CSS Document */
/* CSS Remedy */
*, ::after, ::before {
 box-sizing: border-box;
}
html {
 line-sizing: normal;
}
body {
 margin: 0;
}
[hidden] {
 display: none;
}
h1 {
 font-size: 2rem;
}
h2 {
 font-size: 1.5rem;
}
h3 {
 font-size: 1.17rem;
}
h4 {
 font-size: 1rem;
}
h5 {
 font-size: .83rem;
}
h6 {
 font-size: .67rem;
}
h1 {
 margin: .67em 0;
}
pre {
 white-space: pre-wrap;
}
hr {
 border-style: solid;
 border-width: 1px 0 0;
 color: inherit;
 height: 0;
 overflow: visible;
}
audio, canvas, embed, iframe, img, object, svg, video {
 display: block;
 vertical-align: middle;
 max-width: 100%;
}
audio:not([controls]) {
 display: none;
}
picture {
 display: contents;
}
source {
 display: none;
}
canvas, img, svg, video {
 height: auto;
}
audio {
 width: 100%;
}
img {
 border-style: none;
 width: 100%;
}
svg {
 overflow: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
 display: block;
}
[type=checkbox], [type=radio] {
 box-sizing: border-box;
 padding: 0;
}
/*/////////////////すべてのサイトにおける設定ここから/////////////////*/
* {
 margin: 0;
 padding: 0;
}
html {
 height: 100%;
}
body {
 margin: 0;
 background-color: #F8F8F8;
 font-family: "游ゴシック", 'Yu Gothic Medium', 'noto-sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
 font-feature-settings: "palt"1;
 position: relative;
 font-size: 1.0rem;
 font-weight: 500;
 letter-spacing: 0.1rem;
 line-height: 2rem;
 color: #3B3B3B;
}
body p {
 margin-bottom: 0;
 margin-top: 0;
}
li {
 list-style-type: none;
}
img {
 width: 100%;
 margin: 0;
 padding: 0;
 vertical-align: bottom;
}
a {
 text-decoration: none;
 color: inherit;
 cursor: pointer;
 display: inline-block;
}
h1, h2, h3, h4, h5 {
 text-decoration: none;
 padding: 0;
 margin: 0;
}
section {
 position: relative;
}


/*レスポンシブ*/
.forPc {
 display: none;
}
.forSp {
 display: block;
}
@media screen and (min-width: 767px) {
 .forSp {
  display: none;
 }
 .forPc {
  display: block;
 }
}
/*//////////////////////////////////*/
/*////共通////*/
.blue {
 color: #6B8BC6;
}
.red {
 color: #D54848;
}
h2 {
 font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
 font-weight: 600;
 font-size: 1.6rem;
 line-height: 3rem;
 margin: 7% 7%;
}
h2 p {
 font-family: "hightower-text", "Noto-serif", "Times New Roman", Times, serif;
 font-weight: 500;
 font-size: 0.8rem;
 line-height: 0.8rem;
 /*margin-bottom: 2%;*/
}
.wrapper_normal {
  padding: 20% 0 25% ;
}
.wrapper_top {
  padding: 20% 0 5% ;
}
.wrapper_bottom {
  padding: 5% 0 35% ;
}
.box_single, .box_column {
  margin: 3% 7%;
}
.box_txt {
  margin-bottom: 10px;
  overflow-wrap: anywhere; 
}
.box_column-contents {
  box-shadow:  2px 3px 6px #1f1f1f;
}

/*///////////*/
#page-top a {
 display: flex;
 justify-content: flex-end;
}
#page-top a img {
 /*width: 12%;*/
 height: auto;
 object-fit: contain;
 transition: .3s;
 -webkit-transform: scale(1);
 transform: scale(1);
}
#page-top a img:hover {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
 opacity: 0.8;
}
#page-top {
 position: fixed;
 right: 3%;
 bottom: 14%;
 z-index: 99;
 opacity: 0;
 transform: translateY(100px);
 width: 3.5%;
}
/*　上に上がる動き　*/
#page-top.UpMove {
 animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
 from {
  opacity: 0;
  transform: translateY(80px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}
/*　下に下がる動き　*/
#page-top.DownMove {
 animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
 from {
  opacity: 1;
  transform: translateY(0);
 }
 to {
  opacity: 1;
  transform: translateY(10px);
 }
}

/*TOP*/
.top_logo {
 display: inline-block;
 position: absolute;
 width: 35%;
 height: auto;
 left: 5%;
 top: 3%;
 z-index: 1001;
}
#top h1 {
 position: absolute;
 display: inline-block;
 top: 34%;
 left: 1%;
 margin: 0 auto;
 text-align: center;
 align-items: center;
 width: 61%;
 height: auto;
 object-fit: contain;
}
.top_img {
 width: 100%;
 height: auto;
 justify-content: top;
 object-fit: cover;
 margin: 0 auto;
}
#topunder {
	display: none;
 margin: 0;
}
.topunder_01 {
 object-fit: contain;
 margin: 0 auto;
}
#topunder a {
	transition: .3s;
 -webkit-transform: scale(1);
 transform: scale(1);
}

#topunder a:hover {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}




	/* 中間選挙とは */
#midterm_election .box_column {
  background-color: #fff;
  border: 1.5px solid #e1eaf3;
  padding: 7% 3%;
  border-radius: 15px;
  gap: 1%;
}
#midterm_election .box_column .box_txt {
  margin-bottom: 10px;
}






/*ライブ配信告知*/
#live {
 background-image: url("../images/about_bg02.png");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 width: 100% auto;
 position: relative;
}
#live .wrapper {
 position: relative;
 z-index: 2;
}
#live .wrapper .box_txt p {
	line-height: 2.4rem;
	font-weight: 600;
}
.live_streaming {
  background-color: #000;
  margin: 0 0 10%;
}
.live_streaming iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.live_lead .box_note.indent {
  text-indent: -1rem;
  padding-left: 1rem;
  font-size: 0.95rem;
  font-weight: bold;
  letter-spacing: 0.02rem;
  line-height: 1.6rem;
  text-align: right;
}

.about_img-02 {
 position: absolute;
 bottom: 0;
 width: 100%;
 /*height: 100%;*/
 object-fit: cover;
 mix-blend-mode: hard-light;
 z-index: 1;
}



/*議席数*/
#seat {
  background-color: #3B3B3B;
  color: #FBFBFB;
}
.box_column {
    display: grid;
    gap: 5%;
}

.contents_row .box_txt {
  line-height: 1.6rem;
  padding-top: 5%;
}
.contents_row .box_txt.indent {
  text-indent: -3rem;
  padding-left: 3rem;
}

.contents_row .box_txt a {
  text-decoration: underline;
  text-indent: 0rem;
  padding-left: 0rem;
  display: inline;
}
.contents_row .box_txt a:hover {
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 0.3);
}


/*中間選挙4つのシナリオ*/
.scenarios{
max-width:88%;
margin: 0 auto;
}
.scenario {
  container-type: inline-size;
}
.scenario{
display:flex;
flex-direction:column;
min-width:0;
background:#fff;
border:1px solid #dce6f0;
border-radius:8px;
overflow:hidden;
box-shadow:0 2px 12px #0d2c4a0a;
margin:20px 0;
}
.scenario-header{
  min-height: 80px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "mark icon"
    "text text";
  align-items: center;
  padding: 15px 22px;
  background: #313131;
  color: #fff;
}
.scenario-header span{
  grid-area: text;
  min-width: 0;
  font-size: clamp(15px, 3cqw, 21px);
  line-height: 1.5;
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.scenario-mark{
  grid-area: mark;
  border-right: none;
  padding-right: 0;
font-size: clamp(15px, calc(3.5cqw - 7px), 24px);
font-weight:800;
white-space:nowrap;
font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.scenario-mark strong{
font-size:1.5em;
}
.scenario-mainmark {
  grid-area: icon;
  display: flex;
  align-items: center;
  justify-self: start;
  gap: 4px;
  margin-left: 10px;
  margin-bottom: 5px;
}
.scenario-mainmark img.donkey {
  width: 30px;
  height: auto;
}
.scenario-mainmark img.elephant {
  width: 34px;
  margin-top: 7px;
}


.scenario-content{
grid-template-columns:1fr
}

.panel{
min-width:0;
border:1px solid #e1eaf3;
border-radius:5px;
overflow:hidden;
}
.panel h4{
margin:0;
padding:9px 14px;
font-size: clamp(13px, calc(4cqw - 12px), 19px);
text-align:center;
color: #324b65;
background: #e1e7ee;
}
.numbered{
list-style:none;
counter-reset:items;
padding:4px 14px;
margin:0;
}
.numbered li{
counter-increment:items;
display:flex;
align-items:center;
gap:11px;
padding:12px 0;
font-size: clamp(13px, calc(4cqw - 12px), 17px);
font-weight:600;
line-height:1.65;
border-bottom:1px solid #e2eaf2;
}
.numbered li:last-child{
border:0;
}

.numbered li::before{
content:counter(items,decimal-leading-zero);
display:grid;
place-items:center;
flex:none;
width:30px;
height:30px;
border-radius:50%;
background:#e1e7ed;
color:#324b65;
font-size: clamp(13px, calc(4cqw - 12px), 16px);
font-weight:800;
}
.market{
margin:0;
padding:7px 10px;
}
.market>div{
display:grid;
grid-template-columns:100px 1fr;
align-items:center;
gap:10px;
padding:10px 0;
border-bottom:1px solid #e2eaf2;
}
.market>div:last-child{
border:0;
}
.market dt{
background:#e1e7ed;
color:#324b65;
border-radius:4px;
text-align:center;
padding:3px;
font-weight:800;
font-size: clamp(13px, calc(4cqw - 12px), 16px);
}
.market dd{
margin:0;
font-size: clamp(13px, calc(4cqw - 12px), 17px);
line-height:1.65;
font-weight:600;
}
.takeaway{
display:flex;
align-items:stretch;
margin:0 12px 12px;
background:#dfedff;
border-radius:5px;
overflow:hidden;
min-height:74px;
}
.takeaway strong{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 80px;
background:#0a1f44;
color:#fff;
font-size: clamp(13px, calc(4cqw - 12px), 20px);
}
.takeaway span{
display:flex;
align-items:center;
padding:12px 18px;
font-weight:800;
line-height:1.65;
font-size: clamp(13px, calc(4cqw - 12px), 18px);
color:#393939;
}
.intro{
font-size: clamp(13px, calc(4cqw - 12px), 16px);
font-weight:600;
margin:14px 16px;
line-height:1.6;
color:#cc0000;
font-weight: bold;
text-align:center;
}






/*Youtube*/
#youtube {
 overflow: hidden;
 background-image: url("../images/all_bg.png");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: top center;
 width: 100%;
 margin: 0 auto;
 padding-bottom: 20%;
}

#youtube h2 {
 color: #FBFBFB;
}
.box_youtube {
 width: 100%;
 margin-top: 3%;
}
.youtube_slider { /*横幅94%で左右に余白を持たせて中央寄せ*/
 width: 90%;
 margin: 0 auto;
}
.box_outline {
  margin: 1%;
  background: #FBFBFB;
  border-radius: 0 0 10px 10px;
}
.youtube_slider iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.youtube_text.box_txt {
 display: block;
 text-align: left;
 line-height: 2.0rem;
 padding: 3% 7% 0;
 font-size: 1rem;
 height: 120px;
}
.youtube_text span {
 display: block;
 font-size: 0.8rem;
 padding-bottom: 1%;
}
.slick-list {
 padding: 0 !important;
}

/*矢印の設定 画像はjsで設定*/
.slick-arrow {
    width: 12%;
    position: absolute;
    top: 25%;
    cursor: pointer;
    margin: auto;
    z-index: 3;
}
.prev-arrow {
  left: -3.5%;
  rotate: 180deg;
}
.next-arrow {
  right: -3.5%;
}
/* 一番左にきたとき（無効化されたとき）に左矢印を消す */
.prev-arrow.slick-disabled {
  opacity: 0;
  transition: opacity 0.5s ease-out !important;
}
/* （参考）一番右にきたときに右矢印を消す場合 */
.next-arrow.slick-disabled {
  opacity: 0;
  transition: opacity 0.5s ease-out !important;
}




/* footer */
#footer {
 margin-top: 0;
 font-size: 0.75rem;
 line-height: 1.5rem;
 font-weight: normal;
 position: relative;
 padding-top: 0vw;
}
.footer01 {
 margin: 0 5%;
 padding-top: 12vw;
 border-top: solid 0.75px #b4b4b4;
}

.footernav {
 display: none;
}
.footertext {
 padding-bottom: 10%;
}
.copy p {
 background-color: #212121;
 padding: 7% 0 20% 0;
 text-align: center;
 font-size: 0.8rem;
 margin-top: 10%;
 color: #FBFBFB;
}




/*btn*/
.fix_btn {
 display: flex;
 width: 100%;
 justify-content: center;
 position: fixed;
 z-index: 10000;
 background: #00000033;
 bottom: 0;
 padding-top: 5%;
 padding-bottom: 5%;
 padding-left: 6%;
 padding-right: 6%;
}
.fix_btn .fix_btn_block {
 width: 48.5%;
 border-radius: 30vw;
 text-align: center;
 line-height: 10vw;
 /*display: flex;*/
 font-size: 3.6vw;
}
.fix_btn a {
 color: #fff;
}
.fix_btn_block {
 position: relative;
 font-weight: bold;
}
.fix_btn_block p {
 margin-left: -10%;
}
.fix_btn_block img {
 width: 12%;
 position: absolute;
 right: 6%;
 top: 25%;
}
.fix_btn_login {
 background: #6B8BC6;
 filter: drop-shadow(0px 4px 0px #5177BC);
 transition: .3s;
}
.fix_btn_login:hover {
 transform: translateY(3px);
 filter: drop-shadow(0px 2px 0px #5177BC);
}
.fix_btn_account {
 background: #D54848;
 filter: drop-shadow(0px 4px 0px #CE2828);
 transition: .3s;
}
.fix_btn_account:hover {
 transform: translateY(3px);
 filter: drop-shadow(0px 2px 0px #CE2828);
}
.button_02 {
 width: 65%;
 margin-left: 17.5%;
 margin-top: 10%;
 border-radius: 30vw;
 text-align: center;
 line-height: 10vw;
 font-size: 3.6vw;
 background: #fff;
 font-weight: bold;
 position: relative;
}
.button_02 img {
 width: 8%;
 position: absolute;
 right: 5%;
 top: 24%;
}
#youtube .button_02 {
 color: #fff;
 background: #FF0000;
 filter: drop-shadow(0px 4px 0px #C40000);
 transition: .3s;
}
#youtube .button_02:hover {
 transform: translateY(4px);
 filter: drop-shadow(0px 2px 0px #C40000);
}
#youtube .button_02 p {
 margin-left: -5%;
}
#youtube .button_02 a {
 color: #fff;
}

/*btnここまで*/
#header {
 background: var(--background-navbar);
 position: fixed;
 width: 100%;
 height: 52px;
 z-index: 1000;
}
/* Nav items */
.menu {
 list-style: none;
 position: absolute;
 width: 100%;
 height: auto;
 top: 0;
 clear: both;
 background: var(--background-navbar);
 transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
 transform: scale(1, 0);
 transform-origin: top;
 background: #ddddddd4;
 z-index: 50;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding:19% 7% 10%;
 right: 0;
}
/* Hamburger menu button */
.menu-btn:checked ~ .menu {
 transform: scale(1, 1);
 transform-origin: top;
 transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger menbu text */
.menu a {
 text-decoration: none;
 font-weight: bold;
 letter-spacing: 1px;
 font-size: 1rem;
 text-transform: capitalize;
 color: #000;
 opacity: 0;
 transition: 0.5s;
 width: 100%;
}
.menu li {
 border-top: 1px solid rgb(75, 75, 75);
 opacity: 0;
 transition: 0.5s;
 width: 100%;
 background: #ffffffc2;
 border: solid 1px #AEAEAE;
 border-radius: 1.3vw;
 text-align: center;
 margin-bottom: 3%;
 /* line-height: 3rem; */
 padding-top: 2%;
 padding-bottom: 2%;
 font-weight: bold;
}
.menu-btn:checked ~ .menu a, .menu-btn:checked ~ .menu li {
 opacity: 1;
 transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}
.menu-btn {
 display: none;
}
.menu-icon {
 display: inline-block;
 position: relative;
 cursor: pointer;
 -webkit-tap-highlight-color: #fff;
 background: #21212136;
 width: 17%;
 height: 16vw;
 margin-left: 83%;
 z-index: 100;
 border-radius: 0 0 0 10px;
}
.navicon {
 background: #fff;
 display: block;
 height: 2px;
 width: 30px;
 position: relative;
 transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
 margin-left: 30%;
 margin-top: 44%;
}
.navicon:before, .navicon:after {
 content: "";
 display: block;
 height: 100%;
 width: 100%;
 position: absolute;
 background: #fff;
 transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before {
 top: 9px;
}
.navicon:after {
 bottom: 9px;
}
/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
 transform: rotate(-45deg);
}
.menu-btn:checked ~ .menu-icon .navicon:after {
 transform: rotate(45deg);
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
 top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
 bottom: 0;
}
.menu-btn:checked ~ .menu-icon .navicon {
 background: rgba(0, 0, 0, 0);
 transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */
/* Navbar Container */
.navtext-container {
 width: 100%;
 height: 52px;
 position: absolute;
 box-sizing: border-box;
 display: flex;
 justify-content: center;
 align-items: center;
}
/* Navbar Text */
.navtext {
 position: absolute;
 text-transform: uppercase;
 color: #ddd;
 letter-spacing: 4px;
 font-size: 20px;
}
.bannerfixed {
 display: none;
}
.site-top {
 background: none;
 border: none;
 text-decoration: underline;
 /* border-bottom: solid 1px #000; */
 border-radius: 0px;
 margin: 0 auto;
 padding: 0%;
 margin-top: 7%;
 line-height: 1rem;
 font-size: 0.4rem;
}



/*For PC */
@media screen and (min-width: 767px) {
 .top_logo {
  width: 10%;
  top: 3.5%;
 }
 .fix_btn {
  width: 25%;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
  padding-right: 1%;
  right: 0;
  border-radius: 15px 0 0 0;
 }
 .fix_btn .fix_btn_block {
  width: 48.5%;
  line-height: 2.5vw;
  font-size: 0.9vw;
 }
 #page-top {
  right: 1.2%;
  bottom: 12%;
  width: 1%;
 }
 .menu-icon {
  width: 5%;
  height: 5vw;
  margin-left: 95%;
 }
 .navicon {
  margin-left: 30%;
 }
 #topunder {
  margin: 5% 20% 5%;
 }
	
 #top h1 {
  top: 22%;
  width: 38%;
  margin-left: 8%;
 }
 h2 {
  font-size: 2.6rem;
  line-height: 3.5rem;
  margin: 0 7%;
 }
 h2 p {
  font-size: 1.3rem;
  margin-bottom: 0.5vw;
 }
 .content {
  max-width: 1600px;
  margin: 0 auto;
 }
.wrapper_normal {
  padding: 10% 0 13% ;
}
.wrapper_top {
  padding: 13% 0 5% ;
}
.wrapper_bottom {
  padding: 5% 0 13% ;
}
.box_single, .box_column {
  margin: 3% 7%;
}
.box_column {
  grid-template-columns: 1fr 1fr;
}
.box_txt {
  margin-bottom: 15px;
}




	
	/*中間選挙とは*/
#midterm_election .box_column {
 grid-template-columns: 1fr;
 padding: 3% 3%;
 gap: 7%;
}
#midterm_election .box_column .box_txt {
  margin-bottom: 0;
}

/*ライブ配信告知*/
 #live {
  background-image: url("../images/about_bg02_pc.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
 }
.live_streaming {
  margin: 0 0 30%;
}
.live_lead .box_note.indent {
  line-height: 2.6rem;
}


/*議席数*/
.contents_row .box_txt {
  text-align: right;
  padding-top: 0;
}

/*中間選挙4つのシナリオ*/
.scenarios{
margin:30px auto;
width:100%;
}

.scenario-header{
display:flex;
padding:0 22px;

}
.scenario-header span{
  flex: 1;
  min-width: 0;
  font-size: clamp(13px, 3cqw, 21px);
font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
padding-left:20px;
}

.scenario-mark{
flex:none;
border-right:1px solid #ffffff55;
padding-right:18px;
font-size: clamp(13px, calc(3.5cqw - 7px), 24px);
font-weight:800;
white-space:nowrap;
font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.scenario-mainmark {
  display: flex;
  gap: 8px;
  margin-left: auto;
  margin-bottom: 0;
  flex-shrink: 0;
}


.scenario-mainmark img.donkey {
  width: 50px;
  height: auto;
}
.scenario-mainmark img.elephant {
  width: 56px;
  margin-top: 10px;
}
.scenario-content{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
padding:12px;
flex:1;
}
.numbered li::before {
    width: 35px;
    height: 35px;
}
/* シナリオDは常に1列 */
.scenario-content-single {
  grid-template-columns: 1fr;
}

.takeaway strong{
flex:0 0 160px;
}

	/*関連動画*/
  #youtube {
 overflow: hidden;
 background-image: url("../images/all_bg_pc.png");
 background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
 }

 .box_youtube {
  padding: 0 7%;
 }
.youtube_slider {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5%;
  width: 100%;
 }
 .box_outline {
  margin: 0;
 }
 .youtube_text.box_txt {
  font-size: 1.6rem;
  height: 140px;
 }
 .youtube_text.box_txt span {
  font-size: 1.4rem;
 }







	/*近日公開コンテンツ*/
 .comingsoon {
  width: 40%;
  font-size: 1.8rem;
  line-height: 4rem;
 }



 

 #header_pc {
  /*background: #fff;*/
  width: 75%;
  position: fixed;
  right: 4%;
  top: 4%;
  z-index: 9999;
 }
 .header_pc_menu {
  display: flex;
  justify-content: space-between;
  /*padding: 2%;*/
 }
 .header_pc_menu li {
  width: 13.5%;
  background: #ffffffc7;
  text-align: center;
  border-radius: 10vw;
  font-size: 0.8rem;
  font-weight: bold;
  filter: drop-shadow(0px 0px 5px #0f0f0f36);
  border: solid 1px #767676;
 }
 .site-top {
  margin-top: 5%;
 }

 .about_img-02 {
  width: 50%;
  right: 0;
  max-width: 1200px;
 }

.footer01 {
 padding-top: 4vw;
}

 .footertext {
  padding-bottom: 0;
 }
 .copy p {
  margin-top: 4%;
  padding: 1% 0 1% 0;
 }
 .menu {
  width: 40%;
  padding-top: 4%;
  border-radius: 5px;
  padding-bottom: 4%;
 }

.sp-br{
display:none;

}

}