/* ------------------------------------------------------------------------
	breakpoints
------------------------------------------------------------------------ */
/* ========================================================================

	na-page
  
======================================================================== */
h2 {
  margin-bottom: 20px;
  padding: 40px 0;
  background: #f6f3ea; }
  @media screen and (max-width: 480px) {
    h2 {
      padding: 30px 0;
      font-size: 1.5rem; } }

.wrap {
  background: none; }

.inner {
  margin: 0 auto;
  width: 1000px; }
  @media screen and (max-width: 896px) {
    .inner {
      width: 92%; } }

.btn {
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
  width: 24%; }
  @media screen and (max-width: 1500px) {
    .btn {
      width: 70%; } }
  @media screen and (max-width: 896px) {
    .btn {
      font-size: 1.2rem;
      width: 80%; } }
  .btn a {
    position: relative;
    display: block;
    padding: 30px 0;
    border: 1px solid #000; }
    @media screen and (max-width: 896px) {
      .btn a {
        padding: 20px 0; } }
    .btn a::after {
      position: absolute;
      display: block;
      margin: auto;
      content: '';
      width: 20px;
      height: 11px;
      top: 0;
      right: 30px;
      bottom: 0;
      background: url("../images/arrow.png") no-repeat; }
      @media screen and (max-width: 896px) {
        .btn a::after {
          right: 10px; } }
    .btn a:hover {
      background: #f0f0f0; }

/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------ */
header h1 {
  margin-bottom: 50px; }

/* ------------------------------------------------------------------------
	section
------------------------------------------------------------------------ */
section h3 {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 15px;
  text-align: center;
  font-family: "Hannari",'Noto Serif JP', serif;
  font-size: 1.875rem;
  font-weight: bold;
  /** &::after {
  	position: absolute;
  	content: '';
  	margin: auto;
  	width: 136px;
  	height: 2px;
  	right: 0;
  	left: 0;
  	bottom: 0;
  	background: #000;
  } **/ }
  @media screen and (max-width: 480px) {
    section h3 {
      font-size: 1.375rem; } }
section p.navi {
  margin-bottom: 40px;
  line-height: 1.5; }
  section p.navi a {
    text-decoration: underline; }
    section p.navi a:hover {
      text-decoration: none; }