@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/txm6kjs.css");

div#newsBlock { margin:auto; }

div#newsBlock div#newsInner { width:74%; max-width:800px; margin:150px auto; padding:80px 80px; box-sizing: border-box; background-color:#fefefe; border:solid #231815 2px; border-radius: 20px; }
div#newsBlock div#newsInner > h3 { font-size:64px; margin:auto; margin-bottom:15px; text-align:center; letter-spacing: 0.01em; }

div#newsBlock div#back_to_top > a { font-size: 22px; color:#231815; font-weight: bold; background-color:#fefefe; display: block; text-align:center; width:80%; max-width:300px; line-height: 50px; border-radius: 30px; border: #231815 solid 2px; margin:auto; margin-top:60px; margin-bottom:40px; box-shadow: 3px 5px #231815; }
div#newsBlock div#back_to_top > a:hover { background-color:#95caff; position:relative; top:3px; box-shadow: 2px 2px #231815; }

@media (max-width: 800px) {
  div#newsBlock div#newsInner { width:86%; box-sizing: border-box; margin:100px auto; padding:30px 5% 10px; }
  div#newsBlock div#newsInner > h3 { font-size:21px; letter-spacing: 0; margin-bottom:0; }
  div#newsBlock div#newsInner > h4 { font-size:16px; margin-bottom:30px; }
  div#newsBlock div#back_to_top > a { font-size:16px; margin-top:40px; line-height: 40px; }
}

div#faq_button { display: flex; justify-content: center; gap:3%; margin-bottom:40px; }
div#faq_button > a { width:26%; }
div#faq_button > a > img { width:100%; }
@media (max-width: 800px) {
  div#faq_button > a { width:31%; }
}

div#newsProduct { margin:50px auto 60px; }
div#newsProduct .newsTitle:hover { cursor: pointer; color:#95caff; }
@media (max-width: 800px) {
  div#newsProduct { margin:20px auto 40px; }
}


div.newsContent { border-top:solid 2px #231815; padding:25px 20px; }
div.newsContent:last-child{ border-bottom:solid 2px #231815; }
div.newsContent .toggle { display: none; }
div.newsContent .newsTitle, div.newsContent .newsAnswer { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.5s ease-in-out; }
div.newsContent .newsTitle { font-size:18px; letter-spacing: 0.03em; font-weight: bold; display: block; position:relative; }
div.newsContent .newsTitle::before { content:""; width:1em; height:2px; background-color:#231815; top:50%; position:absolute; right:0; transform: rotateZ(90deg); }
div.newsContent .newsTitle::after { content:""; width:1em; height:2px; background-color:#231815; top:50%; position:absolute; right:0; transition: all 0.5s ease-in-out; }
div.newsContent .newsTitle > span.newsDate { font-size:16px; font-weight: 400; display: block; }
div.newsContent .newsAnswer { font-size:15px; height: 0; line-height: 1.6; overflow: hidden; }
div.newsContent .newsAnswer p > a { color:#95caff; }
div.newsContent .toggle:checked + .newsTitle + .newsAnswer {	height: auto; padding:20px 0 1px; transition: all 0.5s ease-in-out; }
div.newsContent .toggle:checked + .newsTitle::before { opacity: 0; }
div.newsContent .toggle:checked + .newsTitle::after { transform: rotateZ(360deg); }
@media (max-width: 800px) {
  div.faq_title > p { font-size:16px; font-weight: bold; }
  div.newsContent { padding:20px 10px; }
  div.newsContent .newsTitle { font-size:13px; line-height: 1.5; padding-right:1.4em;  }
  div.newsContent .newsTitle > span.newsDate { font-size:11px; }
  div.newsContent .newsAnswer { font-size:12px; }
}