:root {
  --color-bg: #FAF7F1;
  --color-primary: #bfa000;
  --color-accent: #82b3a6;
  --color-text: #3b3b3b;
  --color-white: #ffffff;
/*  --font-main: "Hiragino Kaku Gothic Pro", sans-serif;*/
}


/* nav.anchor/////////////////////////// */
.chevron {
  text-align: center;
  margin: 1rem 0 2.5rem 0;
}
.chevron img {
  width: 24px;
  height: auto;
}

nav.anchor-nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 2rem 1rem;
  background-color: var(--color-bg);
  flex-wrap: wrap;
box-sizing: border-box;
}

/* Responsive */
@media (max-width: 768px) {
  nav.anchor-nav {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 2rem;
  }

  
}

nav.anchor-nav a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--color-white);
  font-weight: bold;
  background: #52CCB2;
  padding: 8px 16px 8px 24px;
  border-radius: 12px;
  border: none;
  font-size: 1rem;
  transition: background 0.3s ease;
  min-width: 240px;
  max-width: 350px;
  width: 100%;
  text-align: left;
  justify-content: space-between;
	box-sizing: border-box;
}

nav.anchor-nav a span {
  flex-grow: 1;
	font-weight:700;
}

nav.anchor-nav a img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: auto;
}
/* nav.anchor end/////////////////////////// */

/* contents/////////////////////////// */

.logo-tokushima {
  text-align: center;
	margin-top: 1rem;
/*  margin-bottom: 3rem;*/
	padding: 0 2rem;
  }
.logo-tokushima img {
  max-width: 400px;
  width: 100%;
  height: auto;
}


.contents-wrap {
  padding: 3rem 1rem 0 1rem;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 768px) {
/*  #id-contents*/
	.contents-wrap{
    padding: 2rem 1rem 0 1rem;
  }
  .logo-tokushima img {
  max-width: 480px;
  width: 100%;
  height: auto;
}
}


/* article-blockr/////////////////////////// */
.article-block{
	margin-bottom: 32px;
}
@media (min-width: 768px) {
	.article-block{
	margin-bottom: 64px;
	}
}


article .{3}article .article-block p {
  margin-bottom: 1.5rem;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 1.9;
}

.photo-rec {
  text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	
}
.photo-rec img {
  width: 100%;
  max-width: 680px;
  height: auto;
  border-radius: 6px;
}
/* article-blockr end/////////////////////////// */