@charset "UTF-8";
/*隙間*/
@media screen and (max-width: 768px) {
.rbox2 {
    background-color: #FFF;
    border: 2px solid #f0bb5a;
    line-height: 1.6rem;
}
}

@media screen and (max-width: 768px) {
  #contents,
  #wrap {
    overflow-x: hidden !important; 
  }
}

/* フォント */
body {
  font-family: 'Noto Sans JP,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
}

p {
    font-family: 'Noto Sans JP';
}

/* 文字カラー */
.text-org {
color: #c9a347;
font-weight: bolder;
}

.text-red {
color: #c03043;
font-weight: bolder;
}

/* カラー背景 */
#menu::before,
#rmenu::before {
  background-color: var(--clr-menu-bg, var(--clr-base,#fff));
}

/*スマホ版のハンバーガーメニュー非表示*/
#spmenu-btn{
display: none;
}
@media screen and (max-width: 768px) {
 #logo h1 img {
 max-width: 40px;
    }
}

/*ロゴ部分*/
#logo a img:hover {
opacity: 0.7;
}

/* ヘッダー調整*/
#header {
 background-color: #dbdad8; 
 backdrop-filter: blur(8px); 
 color: #333;
}

.logotext {
 color: #333;
}

@media screen and (max-width: 768px) {
 .headerimg-img img {
 min-height: auto !important;
    }
}

/*見出し*/
h2:not([class*="topic"]) {
 color: #333;
 background-color: #e6cf98;
 position: relative;
 padding: 1.5rem 2rem calc(1.5rem + 10px);
display: block;
text-align: left;
margin: 4rem 0.5rem;
z-index: 1;
overflow: visible;
}

h2:not([class*="topic"])::before {
content: '';
position: absolute;
top: -7px;
left: -7px;
width: 100%;
height: 100%;
border: 4px solid #333;
background: transparent;
z-index: 0;
}

h3:not([class*="topic"]) {
 border-bottom: none;
  position: absolute; 
  top: 40%; 
  left: 0;  
  right: 0;  
  display: block;   
  width: 100%;  
  color: var(--clr-articletitle-txt, #333);
  padding: 0 40% 0 5%; 
  z-index: 2;
  margin: 0; 
  transform: translateY(-50%); 
}

@media screen and (max-width: 768px) {
  h3:not([class*="topic"]) {
    width: 90%;
    font-size: 1.6rem;
    padding: 0 20% 0 5%; 
  }
}

h4:not([class*="topic"]) {
  border-left: none;
  font-size: 17px;
}

.speech-bubble-heading {
    margin: 20px auto;
}

.line-with-tail {
    position: relative; 
    width: 100%;
    border-bottom: 3px solid #c9a347; 
}

.line-with-tail::before {
    content: "";
    position: absolute;
    display: block;
    left: 3%; 
    width: 0;
    height: 0;
    
    border-style: solid;
    border-width: 0 13px 13px 13px; 
    border-color: transparent transparent #c9a347 transparent; 
    transform: rotate(180deg);
}

/* ボックス*/
.rnd1 {
padding: 1.5em;
margin: 1.5em auto 1.8em auto;
}

.rbox2 {
border: 2px solid #c9a347;	
}

@media screen and (max-width: 768px) {
.rbox2 {
line-height: 1.7;
}
}

.thin-line {
border: none;
height: 1px;
background-color: #ccc;
margin: 15px 0;
}

/* リスト*/
ul:not([id]):not([class]) li {
padding-right: 2em;
}

ul:not([id]):not([class]) li::before {
background-color: #dbdad8;
margin-left: -2em;
margin-right: 1.6em;
}

/*イラスト*/
.content-box {
    position: relative; 
}

.box-1::after {
    content: ""; 
    background-image: url('img/production.png'); 
    background-repeat: no-repeat;
    background-position: right center; 
    background-size: contain; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: -1; 
}

@media screen and (max-width: 768px) {
    .box-1::after {
        background-size: 50%; 
    }
    
    .box-2::after {
        background-size: 80% !important; 
    }
}

.box-2::after {
    content: ""; 
    background-image: url('img/target.png'); 
    background-repeat: no-repeat;
    background-position: right center; 
    background-size: contain; 
    position: absolute;
    top: 5%; 
    right: 5%; 
    width: 40%; 
    height: 90%; 
    left: auto;
    opacity: 0.4; 
    z-index: -1; 
}

/*フッターの高さ*/
#footer .inner > *:first-child:not(#copy) {
    margin-top: 0;
}

#footer .inner > *:nth-last-child(2) {
    margin-bottom:0;
}

#footer .inner {
    gap: 0;
}

/*フッターサイトマップ*/
#footer {
background-color: #dbdad8;
color: #333;
}

 .footer-menu_ul > li:last-child {
        border-bottom: none;
        border-right: none;
    }

 .footer-menu_ul > li {
        padding: .1em 3em;
        border-top: none;
        border-left: none;
        list-style: none;
    }
}

ul[id], ul[class], ol[id], ol[class]i {
    list-style: none !important;
}

.footer-menu_ul > li:last-child {
    border-bottom: none;
}
.footer-menu_ul > li {
    padding: 1.5em 0;
    border-top: none;
}
.footer-menu_ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.footer-menu_ul a {
transiton:all 0.3s;
opacity:1;
}
.footer-menu_ul a:hover {
opacity:0.7;
}

.footer-menu_ul {
 font-weight: bold;
}

.menubox > .title, #pickupentry > .title, .newentry-title, #menu .space-box > .title, #rmenu .space-box > .title {
border-bottom: 4px solid var(--clr-main, #e6cf98);
}

#copy {
padding: 1em;
}

#copy::after {
background: transparent;
}