@charset "utf-8";
/*
Theme Name: ginger_02
Theme URL: https://---------.com/
Description: 2022年作成のテーマ
Author: kaede
Author URL: https://kaedenakamura.com/
Version: 1.00
*/


* {
    box-sizing: border-box;
  }
  ::before,
  ::after {
    box-sizing: inherit;
  }
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   * 3. Remove gray overlay on links for iOS.
   */
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-tap-highlight-color: transparent; /* 3*/
  }
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }
  /* Vertical rhythm
     ========================================================================== */
  p,
  table,
  blockquote,
  address,
  pre,
  iframe,
  form,
  figure,
  dl {
    margin: 0;
  }
  /* Headings
     ========================================================================== */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
  }
  /* Lists (enumeration)
     ========================================================================== */
  ul,
  ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* Lists (definition)
     ========================================================================== */
  dt {
    font-weight: 600;
  }
  dd {
    margin-left: 0;
  }
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
    border: 0;
    border-top: 1px solid;
    margin: 0;
    clear: both;
    color: inherit;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: inherit; /* 2 */
  }
  address {
    font-style: inherit;
  }
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
      background-color: transparent;
      text-decoration: none;
      color: inherit;
  }
  a:hover {
      text-decoration: none;
      opacity: 0.5 ;
  }
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: inherit; /* 2 */
  }
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
    vertical-align: bottom;
  }
  img {
    backface-visibility: hidden;
}
  embed,
  object,
  iframe {
    border: 0;
    vertical-align: bottom;
  }
  /* Forms
     ========================================================================== */
  /**
   * Reset form fields to make them styleable
   * 1. Reset radio and checkbox to preserve their look in iOS.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit;
  }
  [type="checkbox"] {
    /* 1 */
    -webkit-appearance: checkbox;
    appearance: checkbox;
  }
  [type="radio"] {
    /* 1 */
    -webkit-appearance: radio;
    appearance: radio;
  }
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    /* 1 */
    overflow: visible;
  }
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    /* 1 */
    text-transform: none;
  }
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }
  button[disabled],
  [type="button"][disabled],
  [type="reset"][disabled],
  [type="submit"][disabled] {
    cursor: default;
  }
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
   * Remove padding
   */
  option {
    padding: 0;
  }
  /**
   * Reset to invisible
   */
  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
  }
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  /**
   * 1. Remove the padding in IE 10.
   */
  [type="checkbox"],
  [type="radio"] {
    padding: 0; /* 1 */
  }
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Correct the outline style in Safari.
   */
  [type="search"] {
    outline-offset: -2px; /* 1 */
  }
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

  /**
   * Clickable labels
   */
  label[for] {
    cursor: pointer;
  }
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  /* Table
     ========================================================================== */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  caption {
    text-align: left;
  }
  td,
  th {
    vertical-align: top;
    padding: 0;
  }
  th {
    text-align: left;
    font-weight: 600;
  }
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  

/* ===スタート================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */

* {
    padding: 0;
    margin: 0;
}

html{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 62.5%;
}

body {
    font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'メイリオ', Meiryo, sans-serif;
    color: #000000;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin:0;
	padding:0;
    text-align: center;
}

h1{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: bold;
	font-size: 2.8rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
    background-color: #00A000;
    color: #ffffff;
    text-align: center;
    width: 420px;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 50px;
}

h2{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
	font-size: 3.2rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
}

h3{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
	font-size: 3.2rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
}

h4{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
	font-size: 3.2rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
}

h5{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
    letter-spacing: 0.1em;
	font-size: 1.8rem;
    line-height: 1.0;
    color: #ffffff;
}

p{
	font-size: 1.6rem;
    line-height: 2.2;
    text-align: justify;
    text-justify: inter-ideograph;
}

a{
    color: #000000;
}

a :hover{
    opacity: 0.5;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

#container{
    margin-top: 100px;
}

/* ===ヘッダー========================================================================= */

#header{
    height: 100px;
    margin: auto;
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    line-height: 1.8;
}

.logo{
    background-color: #00A000;
    width: 160px;
    height: 210px;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 50px;
}

.logo img{
    width: 100px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.logo p{
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: center;

}

.logo01-2{
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
}

.logo02-2{
    background-color: #ffffff;
    color: #00A000;
    width: 100px;
    margin: auto;
    border-radius: 50px;
	font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 600;
}

#header ul{
    width: 90%;
    min-width: 1024px;
    margin: auto;
    padding-left: 20px;
    text-align: right;
}

#header li{
    letter-spacing: 0px;
	font-size: 1.8rem;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 10px;
    display: inline-block;
    padding-top: 26px;
    padding-bottom: 26px;
}

#header a{
    color: #00A000;
}

#header a::after {
    content: '';
    display: block;
    width: 50px;
    height: 6px;
    background-color: #00A000;
    margin: 0 auto;
    border-radius: 50px;
    margin-top: 5px;
}

/* ===サイド固定========================================================================= */

.said{
    background-color: #00A000;
    width: 85px;
    height: 85px;
    position: fixed;
    z-index: 1000;
    bottom: 50px;
    right: 30px;
    border-radius: 50px;
    color: #ffffff;
    line-height: 1.0;
}

.said_contact{
    margin-top: 20px;
}

.said h5{
    width: 80px;
    padding-top: 0px;
    margin: auto;
    font-weight: bold;
}

.said p{
    width: 80px;
    padding-top: 0px;
    margin: auto;
    color: #ffffff;
    text-align: center;
    line-height: 2.0;
    font-size: 1.2rem;
}

/* ===スライドショー========================================================================= */

.top_img{
    position: relative;
    margin-bottom: 50px;
    margin-top: 100px;
  }

.slider img{
    border-radius: 85px;
}

/* ===トップ新着情報========================================================================= */

#top_news{
    width: 860px;
    margin: auto;
    margin-top: 30px;
    line-height: 1.8;
  }

.top_news_title{
    width: 150px;
    float: left;
    margin-top: 20px;
}

.top_news_title h1{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 10px;
    padding-left: 35px;
}

.top_news_title h2{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 10px;
    padding-left: 35px;
}

.top_news_title a{
    float: left;
    width: 150px;
    margin-top: 20px;
}

.top_news_main{
    padding-left: 0px;
}

.top_news_main dl{
    width: 860px;
    margin: auto;
}

.top_news_main dt{
    border-bottom:1px solid #ccc;
    float:left;
    padding:15px 0px 15px 10px;
    font-size: 20px;
    color: #666666;
    width: 350px;
    text-align: left;
    font-weight: normal;
  }

.top_news_main dd{
    border-bottom:1px solid #ccc;
    margin-left:100px;
    padding:15px 5px;
    text-align: left;
    font-size: 20px;
    font-weight: normal;
}

.label{
    background-color:#00A000;
    color:#fff;
    margin:0 10px;
    padding:5px 10px;
    text-decoration:none;
}

.label a{
    color:#fff;
}

/* ===日本中小企業政治連盟とは========================================================================= */

#aisatu{
    width: 100%;
    margin: auto;
    margin-top: 0px;
}

#aisatu0{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    background-color:#ffffff;
    padding-top: 80px;
    padding-bottom: 0px;
    color: #000000;
}

#aisatu0 p{
    text-align: center;
}

.aisatu_all{
    margin-top: 0px;
}

.aisatu_all_2{
    width: 90%;
    min-width: 1024px;
    max-width: 1180px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.aisatu_item img{
    width: 95%;
    margin: auto;
}

/* ====================== */

.about{
    margin-top: 30px;
}

.about table{
    width: 860px;
    margin: auto;
    border-collapse: collapse;
}
  
.about table tr{
    border-bottom: solid 1px #000000;
}  
  
.about table tr:last-child{
    border-bottom: none;
}
  
.about table th{
    text-align: right;
    font-size: 1.8rem;
    color: #00A000;
    width: 200px;
    border: solid 0px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: bold;
}

.about table td{
    text-align: left;
    width: 600px; 
    font-size: 1.8rem;
    padding-top: 25px;
    padding-bottom: 25px;
}

/* ===入会の流れ========================================================================= */

#housu_menu{
    width: 100%;
    margin: auto;
    margin-top: 50px;
    background-color:#efefef;
    padding-top: 80px;
    padding-bottom: 30px;
}
  
.housu_menu00{
    width: 100%;
    min-width: 1023px;
    max-width: 1180px;
    margin: auto;
}

.housu_menu01{
    width: 24%;
    display: inline-block;
}

#housu_menu img{
    width: 100%;
}

#housu_menu dt{
    font-size: 2.0rem;
    margin-top: 20px;
    margin-bottom: 0px;
}

#housu_menu dd{
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 50px;
}

/* ===会員募集========================================================================= */

#aisatu1{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    background-color:#00A000;
    padding-top: 0px;
    padding-bottom: 50px;
    color: #ffffff;
}

.aisatu_all_3{
    width: 100%;
    margin: auto;
    padding-top: 80px;
}

.c-contact-f{
    width: 980px;
    margin: auto;
}

.h1_w{
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
	font-size: 2.8rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
    background-color: #ffffff;
    color: #00A000;
    text-align: center;
    width: 420px;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 50px;
}
/* ===お問い合わせはこちら========================================================================= */
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #00A000;
}

a.btn-border {
    border: 2px solid #00A000;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 8px 8px 0 #00A000;
    box-shadow: 8px 8px 0 #00A000;
    width: 720px;
    height: 110px;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  
  a.btn-border:hover {
    -webkit-box-shadow: -8px -8px 0 #00A000;
    box-shadow: -8px -8px 0 #00A000;
    opacity: 1;
  }

  .button_04_1{
    font-size: 3.6rem;
    line-height: 3;
    padding-right: 5px;
    opacity: 1;
  }
  
  .button_04_2{
    font-size: 2.0rem;
    padding-left: 15px;
    opacity: 1;
  }

/* ===フッター========================================================================= */

footer{
    width: 100%;
    margin: auto;
    display: block;
    clear: both;
    margin-top: 0px;
    padding-bottom: 20px;
    line-height: 1.8;
    background-color: #ededed;
    text-align: center;
    color: #00A000;
}

 #footer{
    width: 90%;
    min-width: 1024px;
    max-width: 1180px;
    margin: auto;
    padding-top: 50px;
    display: block;
    clear: both;
 }

.logo2 img{
    width: 160px;
    margin-bottom: 15px;
}

.logo01-3{
    color: #00A000;
    font-size: 37px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.logo02-3{
    background-color: #00A000;
    color: #ffffff;
    width: 150px;
    margin: auto;
    border-radius: 50px;
	font-size: 20px;
    line-height: 1.8;
    font-weight: 600;
    text-align: center;
}

.footer01{
    width: 520px;
    margin: auto;
    margin-top: 15px;
}

.footer01 dd{
    font-size: 2.3rem;
    margin-top: 40px;
    font-weight: bold;
}

.footer01 h3{
    font-size: 4.1rem;
    margin-top: 0px;
    line-height: 1.2;
}

.footer02{
    width: auto;
    margin: auto;
}

#footer a{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8;
}

.sab{
    margin-top: 15px;
}

.sab a{
    clear: both;
    display: block;
    font-size: 1.2rem;
    text-align: center;
    color: #00A000;
}


.copy{
    font-size: 1.2rem;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #00A000;
}

/* ===メンバー========================================================================= */

#member{
    width: 100%;
    margin: auto;
}

#member p{
    text-align: center;
}

.member_all{
    width: 85%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.member_all_2{
    width: 85%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 20px;
}

.member_all_3{
    width: 85%;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

.member_all_3 p{
    text-align: center;
    margin-bottom: 40px;
}

.member_all_4{
    text-align: center;
}

.member_all_4 p{
    text-align: center;
}

.member_about{
    width: 980px;
    margin: auto;
}

.member_about_01{
    width: 480px;
    margin: auto;
    float: left;
}

.member_about_01 table{
    border-collapse: collapse;
}
  
.member_about_01 table tr{
    border-bottom: solid 1px #000000;
}  

.member_about_01 table td{
    text-align: left;
    width: 140px; 
    font-size: 1.8rem;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.member_about_02{
    width: 480px;
    margin: auto;
    float: right;
}

.member_about_02 table{
    border-collapse: collapse;
}
  
.member_about_02 table tr{
    border-bottom: solid 1px #000000;
}  
  
.member_about_02 table tr:last-child{
    border-bottom: none;
}

.member_about_02 table td{
    text-align: left;
    width: 140px; 
    font-size: 1.8rem;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.number{
    text-align: right;
    font-size: 1.8rem;
    color: #00A000;
    width: 30px;
    border: solid 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}

.company{
    text-align: center;
    font-size: 1.8rem;
    color: #00A000;
    width: 310px;
    border: solid 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
}

.member_bottom{
    margin-bottom: 100px;
    display: block;
    clear: both;
}

/* ===活動情報========================================================================= */

#recommend_property{
    width: 90%;
    min-width: 1024px;
    max-width: 1180px;
    margin: auto;
    display: block;
    clear: both;
    padding-top: 0px;
    line-height: 1.8;
}

/* ============================================================================ */

.items{
    width: 100%;
    min-width: 1024px;
    max-width: 1180px;
    margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.items:after{
	content:"";
	display:block;
	width: 32%;
	height:0;
}

.item{
    width: 32%;
    height: 100%;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.item a{
    display: block;
}

.item_00{
    width: 100%;
    height: 250px;
}

.item_00 img{
    width: 100%;
    height: 270px;
    object-fit: cover; 
}

.item_list{
    padding: 5px 5px;
}

.item_02{
    font-size: 1.6rem;
    width: 100%;
    text-align: left;
    color: #00A000;
    font-weight: bold;
    line-height: 2.4;
}

.item_03{
    font-size: 1.8rem;
    color: #000000;
    width: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1.4;
}

/* ===ページ送り================================================ */

.pager{
    display: block;
    clear: both;
    width: 100%;
    margin: auto;
}

.pager .pagination {
    text-align: center;
    margin-top: 100px;
    line-height: 1.8;
}

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
}

.pagination-box {
    display: inline-block;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 10px 18px 10px 18px;
    text-decoration: none;
    width: auto;
    color: #fff; /* 通常の文字色 */
    background: #7b7b7b; /* 通常の背景色 */
    border-radius: 50%; /* 角を丸くして円形に */
 }

.pagination span.page-of {
    background: none;
    color: #7b7b7b;
}

.pagination a:hover{
    color: #7b7b7b; /* マウスホバー時の文字色 */
    background: #ffffff; /* マウスホバー時の背景色 */
}

.pagination .current{
    padding: 10px 18px 10px 18px;
    color: #7b7b7b; /* 現在のページの文字色 */
    background: #ffffff; /* 現在のページの背景色 */
}

/* ===三角形====================== */
.triangle{
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid black;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.8;
  }

/* ===新着情報ページ========================================================================= */

#page_header2{
    width: 100%;
    margin: auto;
    line-height: 1.8;
    padding-top: 100px;
    margin-top: 100px;
}

#page_header3{
    width: 100%;
    margin: auto;
    line-height: 1.8;
}
   
.news{
    margin-top: 0px;
    margin-bottom: 100px;
    overflow: hidden;
}

.news_main{
    width: 85%;
    min-width: 980px;
    max-width: 1180px;
    margin: auto;
    float: none;
    line-height: 1.8;
}

/* ======================== */

.news_main dl{
    width:100%;
    min-width: 980px;
    max-width: 1180px;
    margin: auto;
}

.news_main dt{
    padding:0px 0px;
    font-size: 2.4rem;
    color: #00A000;
    width: 350px;
    text-align: left;
    font-weight: bold;
}

.news_main dd{
    margin-left:0px;
    padding:10px 0px 50px 0px;
    text-align: left;
    font-size: 2.8rem;
    font-weight: normal;
}

.news_main img{
    /* width:100%;
    min-width: 980px;
    max-width: 1180px; */
    margin-top: 50px;
    margin-bottom: 50px;
    height: auto;
}

.news_main p{
    text-align: left;
    line-height: 2.2;
    font-size: 1.6rem;
}

.news_button{
    margin-top: 30px;
}

.news_button a{
    color: #00A000;
    background-color: #ffffff;
	display: block;
    padding: 15px;
    width: 350px;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 0px;
    margin: 25px auto 0;
}

/* ======================== */
.news_category{
    width:100%;
    min-width: 980px;
    max-width: 1180px;
    margin: auto;
    float: none;
    text-align: left;
    line-height: 2.2;
    font-size: 1.6rem;
    font-weight: normal;
}

.news_category h1{
    font-size: 20px;
    border-bottom: solid 1px #00A000;
    padding-left: 20px;
    color: #00A000;
}

.news_category h2{
    font-size: 20px;
    border-bottom: solid 1px #00A000;
    padding-left: 20px;
    color: #00A000;
    font-weight: bold;
}

.news_category li{
    font-size: 20px;
    padding-left: 20px;
}

/* ===新着情報一覧========================================================================= */

.news_main_page{
    padding-left: 0px;
    width:870px;
    margin: auto;
    float: left;
    line-height: 1.8;
}

.news_main_page dl{
    padding-bottom: 50px;
}

.news_main_page dt{
    border-bottom:1px solid #ccc;
    float:left;
    padding:15px 25px;
    font-size: 20px;
    color: #666666;
    width: 380px;
    text-align: left;
    font-weight: normal;
}

.news_main_page dd{
    border-bottom:1px solid #ccc;
    padding:15px 5px;
    text-align: left;
    font-size: 20px;
    font-weight: normal;
}

/* ===各ページ共通======================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */

.page_top{
    width: 100%;
    margin: auto;
    padding-top: 100px;
    margin-top: 100px;
}

/* ===マージン共通========================================================================= */

.top_50{
    margin-top: 50px;
}

.top_80{
    margin-top: 80px;
}

.top_100{
    margin-top: 100px;
}

.top_200{
    margin-top: 200px;
}

.top_250{
    margin-top: 250px;
}

.bottom_100{
    margin-bottom: 100px;
}

.bottom_250{
    margin-bottom: 250px;
}

.bottom_50{
    margin-bottom: 50px;
}

.bottom_50 h1{
    margin-bottom: 50px;
}

.bottom_50 h2{
    margin-bottom: 50px;
}

hr{
    width: 90%;
    min-width: 980px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.page01{
    width: 1080px;
    margin: auto;
    margin-top: 200px;
    text-align: left;
    line-height: 3;
}

.page01 h1{
    line-height: 2;
    text-align: center;
    margin-bottom: 100px;

}

.page01 h2{
    line-height: 2;
    text-align: center;
    margin-bottom: 100px;

}

.page01 h3{
    line-height: 3;
    margin-top: 30px;
    color: #00A000;
}

span{
    font-size: 16px;
}

/* ===色共通========================================================================= */

.gr{
    color: #00A000;
}

.b_gr{
    background-color: #00A000;
}


/* ===動き========================================================================= */

.image_mouseover {
    overflow: hidden;
    background-color: #fff;
    }

.image_mouseover img {
    display: block;
    transition-duration: 0.2s;
    }

.image_mouseover img:hover {
    transform: scale(1.2);
    transition-duration: 0.2s;
    opacity: 1;
    }

.image_mouseover a :hover{
    opacity: 1;
  }

/* ===タグ========================================================================= */

.label_photo_th{
    width: auto;
    margin: auto;
    padding: 0;
    position: relative;
    z-index: 9999;
}
  
.label_photo_th img{
    position: relative;
    z-index: 1;
}
  
.post_photo_th {  
    display: block;
    position: relative;
    margin: 0px auto;
    padding: 0px 0;
    width: 100%;
    background: #f1f1f1;
    box-sizing: border-box;
}

.new_bg {  
    display: inline-block;
    position: absolute;
    top: 0;
    right: 15px;
    margin: 0;
    padding: 15px 0;
    z-index: 2;
    width: 46px;
    text-align: center;
    font-size: 17px;
    color: white;
    background: #00A000;
}

.new_bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 23px solid #00A000;
    border-right: 23px solid #00A000;
    border-bottom: 10px solid transparent;
}
  
.choice_photo_th {  
    position: relative;
    top:240px;
    left: 0;
    margin: 0 auto;
    padding: 0px 0;
     z-index: 2;
}
.choice_bg {
    position: absolute;
    height:30px;
    font-size: 18px;
    color: #00A000;
    background: #ffffff;
     width:120px;
}

.sale-sold img{
    opacity: 0.5;
  }
  
.sale-sold a{
    display: block;
    pointer-events: none;
}

/* ===お問い合わせ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */

#page_header{
    width: auto;
    margin: auto;
    line-height: 1.8;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 0px;
    border: 0;
    box-shadow: none;
    color: #000000;
    font-size: 1.8rem;
    line-height: 1.9;
    text-align: left;
}

textarea {
    width: 100%;
    height: 200px;
    line-height: 1.5em;
    padding: 0px;
    overflow: auto;
}

.wpcf7-form-control-wrap {
    position:static;
}

#formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #00A000;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 0px;
    margin: 25px auto 0;
}

#formbtn:hover {
    background: #fff;
    color: #00A000;
    border: 1px solid #00A000;
}

.inquiry{
    width: 980px;
    margin: auto;
    border-collapse: collapse;
    margin-top: 40px;
}

.inquiry tr{
    border-bottom: solid 1px #ffffff;
    padding-bottom: 25px;
}  
  
.inquiry tr:last-child{
    border-bottom: none;
}
    
.inquiry th {
    text-align: right;
    font-size: 1.8rem;
    color: #ffffff;
    width: 300px;
    border: solid 0px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.inquiry p {
    text-align: center;
}
    
.inquiry td {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    width: 600px; 
    font-size: 1.8rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.inquiry tr{
    clear: both;
    display: block;
    margin-bottom: 30px;
}

.entry-content .inquiry tr {
    border: solid 0px transparent;
    border-bottom: solid 1px #ffffff;
}

.entry-content table {
    border-bottom: solid 0px transparent;
    width: 100%;
    margin: auto;
}
    
.haveto {
    font-size: 10px;
    padding: 5px;
    background: #ffffff;
    color: #00A000;
    border-radius: 0px;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
}
    
.any {
    font-size: 10px;
    padding: 5px;
    background: #cccccc;
    color: #fff;
    border-radius: 0px;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
}
    
.verticallist .wpcf7-list-item {
    display: block
}
    
#formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #ffffff;
    color: #00A000;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 0px;
    margin: 25px auto 0;
}
    
#formbtn:hover {
    background: #00A000;
    color: #ffffff;
    border: 2px solid #ffffff;
}
    
th {
    font-weight: 500;
    text-transform: uppercase;
    padding: 13px;
}
    
td {
    border-top: 0px solid #ededed;
    padding: 6px;
}
    
input,
select,
textarea {
    border: 0px solid #fff;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none;
}

.spam{
    margin-top: 0px;
    font-size: 1.4rem !important;
    width: 100%;
    margin: auto;
    text-align: center;
}

.spam p{
    text-align: center !important;
}
    
.entry__content>:first-child {
    margin-top: auto;
}
    
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color:transparent;
}
    
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    text-align: center;
    border: 0px solid transparent;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: rgb(240, 240, 240) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

/* ===表示非表示========================================================================= */
/* ===649未満で表示、以上非表示======================== */

.no_ph{
    display: none !important;
}
@media screen and (max-width: 649px){
    .no_ph{
        display: block !important;
    }
}

/* ====649未満で非表示、以上表示====================== */

.up_ph{
    display: block !important;
}
@media screen and (max-width: 649px){
    .up_ph{
        display: none !important;
    }
}

/* ===1023未満で表示、以上非表示======================== */

.no_tab{
    display: none !important;
}
@media screen and (max-width: 1023px){
    .no_tab{
        display: block !important;
    }
}

/* ===1023未満で非表示、以上表示======================= */

.up_tab{
    display: block;
}
@media screen and (max-width: 1023px){
    .up_tab{
        display: none !important;
    }
}

/* ===END=========================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */


/* タブレット===================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */

@media screen and (max-width: 1023px){

html{
    font-size: 62.5%;
}

h1{
    font-size: 2.0rem;
    width: 280px;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 50px;
}

h2{
    font-size: 2.2rem;
}

h3{
    font-size: 2.2rem;
}

h4{
    font-size: 2.2rem;
}

h5{
    font-size: 1.6rem;
    line-height: 1.2;
}

p{
    font-size: 1.5rem;
    line-height: 2.0;
}

#container{
    margin-top: 0px;
}

/* ===ヘッダー========================================================================= */

.logo{
    width: 120px;
    height: 180px;
    left: 0px;
}

.logo img{
    width: 80px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.logo01-2{
    font-size: 1.4rem;
    line-height: 1.2;
}

.logo02-2{
    width: 80px;
	font-size: 1.2rem;
}

/* ===ヘッダー（ハンバーガー）========================================================================= */

#navi{
    height: 65px;
    margin: auto;
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    line-height: 1.8;
}

#navi ul{
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding-left: 0px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

#navi li a{
    color: #00A000;
    letter-spacing: 0px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 0px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*  menu ==================================================================== */ 
/*　-----------ハンバーガー　*/
.menu_h{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    top: 3px;
    z-index: 9999;
 }

#navi a:hover {
    opacity: 1;
}
  
.menu__line{
    background: #00A000;
    display: block;
    height: 6px;
    border-radius: 5px;
    position: absolute;
    transition:transform .3s;
    width: 50px;
    margin-left: 0px;
}
  
.menu__line--top{
    top: 8px;
}
  
.menu__line--center{
    top: 26px;
}
  
.menu__line--bottom{
    bottom: 0px;
}
  
.menu__line--top.active{
    top: 28px;
    transform: rotate(45deg);
}
  
.menu__line--center.active{
    transform:scaleX(0);
}
  
.menu__line--bottom.active{
    bottom: 16px;
    transform: rotate(135deg);
}

.gnav{
    display: none;
    height: 100vh;
    position: fixed;
    width: 100%;
    margin: auto;;
    z-index: 9800;
    background: #ffffff;
}

.gnav__wrap{
    width: 100%;
    margin: auto;
    text-align: center;
    z-index: 1000;
    padding-top: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gnav__wrap a{
    font-weight: bold;
}

.gnav__menu img{
    width: 500px;
    margin-bottom: 50px;
}

.gnav__menu{
    margin: auto;
    text-align: center;
    z-index: 1000;
    padding-top: 40px;
    line-height: 3.1;
}

.gnav__menu__item ul li{
    padding: 0px;
    width: 100%;
    height: 10%;
    margin: auto;
}

.gnav__menu__item a{
    text-decoration: none;
    color:#ffffff;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 7px;
    text-align: center;
    text-indent: 7px;
}

.gnav__menu__item a:hover{
    color: #e7e6e0;
}

/* ===サイド固定========================================================================= */

.said{
    bottom: 30px;
    right: 30px;
}

.said p{
    margin: auto;
    font-size: 1.0rem;
}

/* ===スライドショー========================================================================= */

.top_img{
    margin-top: 65px;
    margin-bottom: 10px;
}

.slider img{
    border-radius: 40px;
}

/* ===トップ新着情報========================================================================= */

#top_news{
    width: 85%;
    margin-top: 20px;
}

.top_news_title{
    width: 100%;
    text-align: left;
    margin: auto;
    float: none;
    margin-top: 20px;
}

.top_news_title h1{
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    letter-spacing: 0px;
    padding-left: 0px;
    float: left;
}
    
.top_news_title h2{
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    letter-spacing: 0px;
    padding-left: 0px;
    float: left;
}

.top_news_title a{
    float: right;
    width: 100px;
    text-align: right;
    margin-top: 16px;
    font-size: 18px;
    color: #00A000;
}

.top_news_main{
    display:block;
    clear: both;
    padding-left: 0px;
}

.top_news_main dl{
    width:100%;
    margin: auto;
}

.top_news_main dt{
    border-bottom:0px solid #ccc;
    float:left;
    padding:10px 0px 0px 0px;
    font-size: 14px;
    width: 240px;
}

.top_news_main dd{
    border-bottom:1px solid #ccc;
    margin-left:0px;
    padding:10px 10px;
    font-size: 14px;
}

.label{
    margin:0 10px;
    padding:5px 10px;
    text-decoration:none;
}

/* ===日本中小企業政治連盟とは========================================================================= */

 #aisatu{
    margin-top: 100px;
    line-height: 1.8;
}

#aisatu0{
    padding-top: 50px;
    padding-bottom: 0px;
}

#aisatu0 p{
    text-align: left;
    text-align: justify;
}

.aisatu_all{
    width: 85%;
    margin: auto;
}

.aisatu_all_2{
    width: 87%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    margin-top: 30px;
}

/* ====================== */

.about{
    width: 100%;
    margin: auto;
    margin-top: 30px;
}

.about table{
    width: 85%;
    margin: auto;
    border-collapse: collapse;
}

.about table th{
    font-size: 1.6rem;
    width: 200px;
    border: solid 0px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.about table td{
    width: 400px; 
    font-size: 1.6rem;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* ===入会の流れ========================================================================= */

#housu_menu{
    width: 100%;
    margin: auto;
    margin-top: 30px;
    padding-top: 50px;
    padding-bottom: 10px;
}
  
.housu_menu00{
    width: 90%;
    min-width: 660px;
    max-width: 980px;
    margin: auto;
}

.housu_menu01{
    width: 23%;
    display: inline-block;
}

#housu_menu img{
    width: 100%;
}

#housu_menu dt{
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 0px;
}

#housu_menu dd{
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 50px;
}

/* ===会員募集========================================================================= */

#aisatu1{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.aisatu_all_3{
    width: 85%;
    margin: auto;
    padding-top: 50px;
    padding: bottom 25px;
}

.c-contact-f{
    width: 100%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    margin-top: 0px;
}

.h1_w{
	font-size: 2.0rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
    width: 280px;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 50px;
}

/* ===お問い合わせはこちら========================================================================= */

.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
    }

a.btn-border {
    width: 450px;
    height: 60px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .button_04_1{
    font-size: 2.6rem;
    line-height: 2.2;
    padding-right: 5px;
    opacity: 1;
  }
  
  .button_04_2{
    font-size: 1.6rem;
    padding-left: 15px;
    opacity: 1;
  }

/* ===フッター========================================================================= */

footer{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-bottom: 20px;
    line-height: 1.8;
}

 #footer{
    width: 90%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    padding-top: 20px;
 }

.logo2 img{
    width: 115px;
    margin-bottom: 15px;
}

.logo01-3{
    font-size: 26px;
    line-height: 1.0;
    font-weight: 600;
    margin-bottom: 10px;
}

.logo02-3{
    width: 110px;
    margin: auto;
    border-radius: 50px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}

.footer01{
    width: auto;
    margin: auto;
    margin-top: 15px;
}

.footer01 dd{
    font-size: 1.6rem;
    margin-top: 20px;
}

.footer01 h3{
    font-size: 2.8rem;
    margin-top: 0px;
    line-height: 1.2;
}

.footer02{
    width: auto;
    margin: auto;
}

#footer a{
    font-size: 1.2rem;
    line-height: 1.8;
}

.sab{
    margin-top: 20px;
}

.sab a{
    font-size: 1.2rem;
}

.copy{
    font-size: 1.2rem;
    margin-top: 15px;
    margin-bottom: 0px;
    color: #00A000;
}

/* ===メンバー========================================================================= */

#member{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#member p{
    text-align: center;
}

.member_all{
    width: 85%;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 25px;
}

.member_all_2{
    width: 85%;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 25px;
}

.member_all_3{
    width: 85%;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}


.member_all_3 p{
    text-align: left;
}

.member_all_4{
    text-align: left;
}

.member_all_4 p{
    text-align: left;
}

.member_about{
    width: 90%;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

.member_about_01{
    width: 580px;
    margin: auto;
    float: none;
}

.member_about_01 table td{
    text-align: left;
    width: 140px; 
    font-size: 1.8rem;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.member_about_02{
    width: 580px;
    margin: auto;
    float: none;
}

.member_about_02 table td{
    text-align: left;
    width: 140px; 
    font-size: 1.8rem;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.number{
    text-align: right;
    font-size: 1.8rem;
    color: #00A000;
    width: 30px;
    border: solid 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}

.company{
    text-align: center;
    font-size: 1.8rem;
    color: #00A000;
    width: 310px;
    border: solid 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
}

.member_bottom{
    margin-bottom: 50px;
    display: block;
    clear: both;
}

/* ===活動情報========================================================================= */

#recommend_property{
    width: 85%;
    min-width: auto;
    max-width: 980px;
    margin: auto;
    display: block;
    clear: both;
    padding-top: 0px;
    line-height: 1.8;
}

/* ============================================================================ */

.items{
    width: 100%;
    min-width: auto;
    max-width: 980px;
    margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.items:after{
	width: 48%;
	height:0;
}

.item{
    width: 48%;
    height: 100%;
    margin-bottom: 15px;
}

.item a{
    display: block;
}

.item_00{
    width: 100%;
    height: 200px;
}

.item_00 img{
    width: 100%;
    height: 200px;
    object-fit: cover; 
}

.item_list{
    padding: 5px 5px;
}

.item_02{
    line-height: 1.8;
}

.item_03{
    font-size: 1.6rem;
}

/* ===ページ送り================================================ */

.pager .pagination {
    margin-top: 0px;
}

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
}

.pagination span, .pagination a {
    margin: 0px 10px 0px 0px;
    padding: 10px 18px 10px 18px;
}

@media only screen and (max-width: 413px) {
    .pagination {
        font-size: 12px;
        line-height: 12px;
    }
    .pagination span, .pagination a {
        padding: 7px 10px 7px 10px;
    }
    .pagination .current{
        padding: 7px 10px 7px 10px;
    }
}

/* ===三角形====================== */
.triangle{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid black;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.8;
}

/* ===新着情報ページ========================================================================= */
#contents{
    margin-top: 0px;
}

#page_header{
    width: 100%;
    margin: auto;
    line-height: 1.8;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#page_header img{
    width: 100%;
    margin: auto;
}

#page_header2{
    width: 100%;
    margin: auto;
    line-height: 1.8;
    padding-top: 50px;
    margin-top: 0px;
    padding-bottom: 0px;
}

#page_header2 img{
    width: 100%;
    margin: auto;
}

.news{
    margin-top: 0px;
    margin-bottom: 50px;
    overflow: hidden;
}

.news_main{
    width: 100%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    float: none;
    line-height: 1.6;
}

.news_category{
    width: 85%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    float: none;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    font-weight: normal;
}

/* ======================== */

.news_main dl{
    width:85%;
    min-width: auto;
    max-width: auto;
    margin: auto;
  }

.news_main dt{
  font-size: 2.0rem;
}

.news_main dd{
    padding:20px 0px 20px 0px;
    font-size: 2.4rem;
}

.news_main img{
    width:100%;
    min-width: auto;
    max-width: auto;
    height: auto;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.news_main p{
    line-height: 2.0;
    font-size: 1.4rem;
}

.news_button{
    margin-top: 0px;
	margin-bottom:0px;
}

.news_button a{
    padding: 10px;
    width: 200px;
    font-size: 1.4rem;
    margin: auto;
    line-height: 2;
}

/* ======================== */

.news_category h1{
    font-size: 16px;
    padding-left: 0px;
}

.news_category h2{
    font-size: 16px;
    padding-left: 0px;
}

.news_category li{
    font-size: 14px;
    padding-left: 0px;
	line-height: 1.8;
}

/* ===新着情報一覧========================================================================= */

.news_main_page{
    padding-left: 0px;
    width: 85%;
    margin: auto;
    float: none;
    line-height: 1.8;
}

.news_main_page dl{
    padding-bottom: 50px;
}

.news_main_page dt{
    border-bottom: 0px solid #ccc;
    float: none;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    width: 100%;
}

.news_main_page dd{
    padding: 0px 0px 10px 0px;
    font-size: 16px;
}

/* ===各ページ共通======================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */

.page_top{
    width: 100%;
    margin: auto;
    padding-top: 50px;
    margin-top: 0px;
}

/* ===マージン共通========================================================================= */

.top_200{
    margin-top: 120px;
}

.top_250{
    margin-top: 150px;
}

.bottom_50 h1{
    margin-bottom: 30px;
}

.bottom_50 h2{
    margin-bottom: 30px;
}

hr{
    width: 85%;
    min-width: auto;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page01{
    width: 85%;
    margin: auto;
    margin-top: 150px;
    text-align: left;
    line-height: 2.2;
}

.page01 h1{
    line-height: 2;
    text-align: center;
    margin-bottom: 50px;
}

.page01 h2{
    line-height: 2;
    text-align: center;
    margin-bottom: 50px;
}

.page01 h3{
    line-height: 3;
    margin-top: 30px;
}

span{
    font-size: 12px;
}

/* ===動き========================================================================= */

/* ===タグ========================================================================= */

/*========= 8-1-3 ===============*/
/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#00A000;
	border-radius: 20px 0px 0px 20px;
	width: 78px;
	height: 78px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:18px;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #00A000;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0px;
	bottom:120px;
	z-index: 9999;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　左の動き　*/
#page-top.LeftMove{
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*　右の動き　*/
#page-top.RightMove{
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(100px);
  }
}



/* ===お問い合わせ（タブレット）================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */

@media screen and (max-width: 1023px){
    #page_header{
        width: auto;
        margin: auto;
        line-height: 1.4;
    }

    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    select,
    textarea,
    .field {
        display: block;
        width: 100%;
        height: 30px;
        font-size: 1.6rem;
        line-height: 1.0;
    }
    
    textarea {
        width: 100%;
        height: 100px;
        line-height: 1.2;
        padding: 0px;
        overflow: auto;
    }

    .wpcf7-form-control-wrap {
        position:static;
    }

    #formbtn {
        display: block;
        padding: 15px;
        width: 350px;
        font-size: 1.6rem;
        font-weight: bold;
        border-radius: 0px;
        margin: 25px auto 0;
    }

    .inquiry{
        width: 85%;
        margin: auto;
        border-collapse: collapse;
        margin-top: 40px;
    }

    .inquiry tr{
        padding-bottom: 10px;
    }  
      
    .entry-content .inquiry tr:last-child{
        border-bottom: none;
    }

    .inquiry th {
        text-align: center;
        font-size: 1.8rem;
        width: 240px;
        border: solid 0px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .inquiry td {
        width: 71%;
        min-width: 350px; 
        font-size: 1.6rem;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }
	
	.inquiry tr {
        margin-bottom: 10px;
    }


    .entry-content .inquiry tr {
        border: solid 0px transparent;
        border-bottom: solid 1px #ffffff;
    }
    
    .entry-content table {
        border-bottom: solid 0px transparent;
        width: 85%;
        margin: auto;
    }

    #formbtn {
        display: block;
        padding: 10px;
        width: 200px;
        font-size: 1.4rem;
        margin: 25px auto 0;
    }

    .spam{
        margin-top: 0px;
        font-size: 1.4rem !important;
        width: 100%;
        margin: auto;
        text-align: center !important;
    }

    .spam p{
        text-align: center !important;
    }
} 

@media screen and (max-width: 1023px){

/*========= 6-2-4 ===============*/

/*==================================================
スライダーのためのcss
===================================*/


/*画像の横幅を100%にしてレスポンシブ化*/
.gallery img{
	width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*メイン画像下に余白をつける*/
.gallery {
    margin: 0 0 20px 0;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 50%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 10px;
    width: 10px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*選択するサムネイル画像の設定*/
.choice-btn{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
	margin: auto;
}

.choice-btn li{
    cursor: pointer;
    outline: none;
    width: 100% !important;
    height: 80px;
}

.choice-btn li img{
	opacity: 1;/*選択されていないものは透過40%*/
	width: 100%  !important;
	height: 100% !important;
	object-fit: cover; 
	    margin: auto;
}

.choice-btn li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}
   
    
.in_photo img{
    width: 85% !important;
    height: auto !important;
    object-fit: cover;
    margin: auto;
}
    
}

/* ===END=========================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */

/* スマホ===================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */

@media screen and (max-width: 649px){

h1{
    font-size: 1.6rem;
    line-height: 2.0;
    width: 230px;
    margin: auto;
    margin-bottom: 35px;
}

h2{
    font-size: 1.6rem;
    line-height: 2.0;
    letter-spacing: -.1rem;
}

h3{
    font-size: 1.6rem;
    line-height: 2.0;
    letter-spacing: -.1rem;
}

h4{
    font-size: 1.4rem;
    line-height: 2.0;
    letter-spacing: -.1rem;
}

h5{
    letter-spacing: 0.1em;
    font-size: 1.6rem;
    line-height: 1.2;
}

p{
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
}

#container{
    margin-top: 0px;
}

/* ===ヘッダー========================================================================= */

.logo{
    background-color: #ffffff;
    width: 270px;
    height: 50px;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0px;
}

.logo img{
    display: none;
}

.logo p{
    margin-top: 16px;
    margin-bottom: 0px;
    text-align: center;
    margin-left: 0px;
}

.logo01-2{
    color: #00A000;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: normal;
    font-weight: 600;
    float: left;
    padding-left: 15px;
}
	
.logo02-2{
    background-color: #00A000;
    color: #ffffff;
    width: 80px;
    margin: auto;
    border-radius: 50px;
	font-size: 1.2rem;
    line-height: 1.;
    font-weight: 600;
    margin-top: 10px;
    margin-right: 0px;
    display: inline-block;
    margin-left: 0px;
}

/* ===ヘッダー（ハンバーガー）========================================================================= */

#navi{
    height: 50px;
    margin: auto;
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    line-height: 1.8;
}

#navi ul{
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding-left: 0px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#navi li{
    color: #00A000;
    letter-spacing: 0px;
    font-size: 10px;
    font-weight: normal;
    padding-left: 0px;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

#navi li a{
    color: #00A000;
    letter-spacing: 0px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 0px;
    display: block;
    padding-top: 5px;
    padding-bottom: 0px;
}

/*  menu ==================================================================== */ 
/*　-----------ハンバーガー　*/
.menu_h{
    width: 30px;
    height: 30px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 9999;
 }

#navi a:hover {
    opacity: 1;
}
  
.menu__line{
    background: #00A000;
    display: block;
    height: 2px;
    border-radius: 0px;
    position: absolute;
    transition: transform .3s;
    width: 30px;
    margin-left: 0px;
}
  
.menu__line--top{
    top: 5px;
}
  
.menu__line--center{
    top: 14px;
}
  
.menu__line--bottom{
    bottom: 5px;
}
  
.menu__line--top.active{
    top: 15px;
    transform: rotate(45deg);
}
  
.menu__line--center.active{
    transform:scaleX(0);
}
  
.menu__line--bottom.active{
    bottom: 13px;
    transform: rotate(135deg);
}

.gnav{
    display: none;
    height: 100vh;
    position: fixed;
    width: 100%;
    margin: auto;;
    z-index: 9800;
    background: #ffffff;
}

.gnav__wrap{
    width: 100%;
    margin: auto;
    text-align: center;
    z-index: 1000;
    padding-top: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gnav__wrap a{
    font-weight: bold;
}

.gnav__menu img{
    width: 500px;
    margin-bottom: 50px;
}

.gnav__menu{
    margin: auto;
    text-align: center;
    z-index: 1000;
    padding-top: 40px;
    line-height: 3.1;
}

.gnav__menu__item ul li{
    padding: 0px;
    width: 100%;
    height: 10%;
    margin: auto;
}

.gnav__menu__item a{
    text-decoration: none;
    color:#ffffff;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 7px;
    text-align: center;
    text-indent: 7px;
}

.gnav__menu__item a:hover{
    color: #e7e6e0;
}

/* ===サイド固定========================================================================= */

.said{
    bottom: 30px;
    right: 30px;
    display: none;
}

.said p{
    margin: auto;
    line-height: 2.0;
    font-size: 1.0rem;
}

/* ===スライドショー========================================================================= */

.top_img{
    margin-top: 5px;
  }

.slider img{
    border-radius: 0px;
}

/* ===トップ新着情報========================================================================= */

#top_news{
    width: 90%;
    margin: auto;
    margin-top: 0px;
    line-height: 1.8;
}

.top_news_title{
    width: 100%;
    text-align: left;
    margin: auto;
    float: none;
    margin-top: 0px;
}

.top_news_title h1{
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    letter-spacing: 0px;
    padding-left: 0px;
    float: left;
}

.top_news_title h2{
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    letter-spacing: 0px;
    padding-left: 0px;
    float: left;
}

.top_news_title a{
    float: right;
    width: 50px;
    text-align: right;
    margin-top: 9px;
    font-size: 90%;
    color: #00A000;
}

.top_news_main{
    display:block;
    clear: both;
    padding-left: 0px;
}

.top_news_main dl{
    width:100%;
    margin: auto;
}

.top_news_main dt{
    border-bottom:0px solid #ccc;
    float:left;
    padding:5px 0px 0px 0px;
    font-size: 95%;
    color: #666666;
    width: 100%;
    text-align: left;
    font-weight: normal;
}

.top_news_main dd{
    border-bottom:1px solid #ccc;
    margin-left:0px;
    padding:5px 0px;
    text-align: left;
    font-size: 100%;
    font-weight: normal;
}

.label{
    background-color:#00A000;
    color:#fff;
    margin:0 10px;
    padding:2px 5px;
    text-decoration:none;
	   font-size: 100%;
}

.label a{
    color:#fff;
}


/* ===日本中小企業政治連盟とは========================================================================= */

#aisatu{
    width: 100%;
    margin: auto;
    margin-top: 100px;
    line-height: 1.8;
}

#aisatu0{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
}

#aisatu0 p{
    text-align: left;
    text-align: justify;
}

.aisatu_all{
    width: 85%;
    margin: auto;
}

.aisatu_all_2{
    width: 87%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    margin-top: 20px;
}

.aisatu_item img{
    width: 95%;
    margin: auto;
}

/* ====================== */

.about{
    width: 100%;
    margin: auto;
    margin-top: 20px;
}

.about table{
    width: 85%;
    margin: auto;
    border-collapse: collapse;
}

.about table th{
    display: block;
    text-align: left;
    font-size: 1.4rem;
    width: 100%;
    border: solid 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom:0px;
}

.about table td{
    display: block;
    width: 100%;
    font-size: 1.4rem;
    border: solid 0px #000;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom:10px;
    text-align: left;
}

/* ===入会の流れ========================================================================= */

#housu_menu{
    width: 100%;
    margin: auto;
    margin-top: 30px;
    padding-top: 40px;
    padding-bottom: 20px;
    line-height: 1.6;
}
  
.housu_menu00{
    width: 100%;
    min-width: auto;
    max-width: auto;
    margin: auto;
}

.housu_menu01{
    width: 45%;
	margin: auto;
    display: inline-block;
    margin-bottom: 10px;
}

#housu_menu img{
    width: 95%;
}

#housu_menu dt{
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 0px;
}

#housu_menu dd{
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 40px;
}
	
/* ===会員募集========================================================================= */

#aisatu1{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.aisatu_all_3{
    width: 85%;
    margin: auto;
    margin-top: 0px;
    padding-top: 40px;
}

.c-contact-f{
    width: 100%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    margin-top: 20px;
}

.h1_w{
    font-size: 1.6rem;
    line-height: 2.0;
    letter-spacing: -.1rem;
    width: 230px;
    margin: auto;
    margin-bottom: 35px;
    border-radius: 50px;
}

/* ===お問い合わせはこちら========================================================================= */

.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.0em;
    }

a.btn-border {
    width: 80%;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 23px;
    margin-right: 5px;

  }

  .button_04_1{
    font-size: 1.8rem;
    line-height: 2.6;
    padding-right: 5px;
    opacity: 1;
  }
  
  .button_04_2{
    font-size: 1.2rem;
    padding-left: 15px;
    opacity: 1;
  }


/* ===フッター========================================================================= */

footer{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-bottom: 20px;
    line-height: 1.8;
}

 #footer{
    width: 95%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    padding-top: 20px;
 }

 .logo2 img{
    width: 80px;
    margin-bottom: 15px;
}

.logo01-3{
    font-size: 20px;
    line-height: 1.0;
    font-weight: 600;
    margin-bottom: 10px;
}

.logo02-3{
    width: 80px;
    margin: auto;
    border-radius: 50px;
	font-size: 1.2rem;
    line-height: 1.8;
    font-weight: 600;
}

.footer01{
    width: auto;
    margin: auto;
    margin-top: 15px;
}

.footer01 dd{
    font-size: 1.54rem;
    margin-top: 20px;
}

.footer01 h3{
    font-size: 2.8rem;
    margin-top: 0px;
    line-height: 1.2;
}

.footer02{
    width: auto;
    margin: auto;
}

#footer a{
    font-size: 1.2rem;
    line-height: 1.8;
}

.sab{
    margin-top: 20px;
}

.sab a{
    font-size: 1.0rem;
}

.copy{
    font-size: 1.0rem;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #00A000;
}

/* ===メンバー========================================================================= */

#member{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#member p{
    text-align: left;
}

.member_all{
    width: 90%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 0px;
}

.member_all_2{
    width: 85%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 0px;
}

.member_all_3{
    width: 85%;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

.member_about{
    width: 100%;
    margin: auto;
}

.member_about_01{
    width: 100%;
    margin: auto;
    float: none;
}

.member_about_01 table td{
    text-align: left;
    width: 110px; 
    font-size: 1.4rem;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.member_about_02{
    width: 100%;
    margin: auto;
    float: none;
}

.member_about_02 table td{
    text-align: left;
    width: 110px; 
    font-size: 1.4rem;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.number{
    text-align: right;
    font-size: 1.4rem;
    color: #00A000;
    width: 20px;
    border: solid 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}

.company{
    text-align: center;
    font-size: 1.4rem;
    color: #00A000;
    width: 55%;
    border: solid 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
}

.member_bottom{
    margin-bottom: 15px;
    display: block;
    clear: both;
}

/* ===活動情報========================================================================= */

#recommend_property{
    width: 85%;
    min-width: 320px;
    max-width: 630px;
    margin: auto;
    display: block;
    clear: both;
    padding-top: 0px;
    line-height: 1.8;
}

/* ======================================================================== */


.items{
    width: 100%;
    min-width: 300px;
    max-width: 600px;
    margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.items:after{
	content:"";
	display:block;
	width: 100%;
	height:0;
}

.item{
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.item a{
    display: block;
}

.item_00{
    width: 100%;
    height: 200px;
}

.item_00 img{
    width: 100%;
    height: 200px;
    object-fit: cover; 
}

.item_02{
    font-size: 1.4rem;
    width: 100%;
    text-align: left;
    color: #00A000;
}

.item_03{
    font-size: 1.4rem;
    color: #000000;
    width: 100%;
    text-align: left;
    font-weight: normal;
}

/* ===ページ送り================================================ */

.pager{
    display: block;
    clear: both;
    width: 100%;
    margin: auto;
}

.pager .pagination {
    text-align: center;
    margin-top: 0px;
    line-height: 1.8;
}

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
}
.pagination-box {
    display: inline-block;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 10px 18px 10px 18px;
    text-decoration: none;
    width: auto;
    color: #fff; /* 通常の文字色 */
    background: #7b7b7b; /* 通常の背景色 */
    border-radius: 50%; /* 角を丸くして円形に */
}

.pagination span.page-of {
    background: none;
    color: #7b7b7b;
}

.pagination a:hover{
    color: #7b7b7b; /* マウスホバー時の文字色 */
    background: #ffffff; /* マウスホバー時の背景色 */
}

.pagination .current{
    padding: 10px 18px 10px 18px;
    color: #7b7b7b; /* 現在のページの文字色 */
    background: #ffffff; /* 現在のページの背景色 */
}


/* ===三角形====================== */

.triangle{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid black;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.8;
}

/* ===新着情報ページ========================================================================= */
#contents{
    margin-top: 0px;
}

#page_header{
    width: 100%;
    margin: auto;
    line-height: 1.8;
    margin-top: 50px;
}

#page_header img{
    width: 100%;
    margin: auto;
}

#page_header2{
    width: 100%;
    margin: auto;
    line-height: 1.8;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

#page_header2 img{
    width: 100%;
    margin: auto;
}

.news{
    margin-top: 30px;
    margin-bottom: 0px;
    overflow: hidden;
}

.news_main{
    width: 85%;
    min-width: auto;
    max-width: auto;
    margin: auto;
    float: none;
    line-height: 1.6;
}

.news_category{
    width: 100%;
    margin: auto;
    float: none;
    text-align: left;
    font-size: 100%;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 30px;
}

/* ======================== */

.news_main dl{
    width:100%;
    margin: auto;
  }
  
.news_main dt{
    padding:0px 0px;
    font-size: 1.6rem;
    color: #00A000;
    width: 100%;
    text-align: left;
    font-weight: bold;
}

.news_main dd{
    margin-left: 0px;
    padding: 10px 0px;
    text-align: left;
    font-size: 1.8rem;
    font-weight: normal;
}

.news_main img{
    width: 100%;
    height:auto;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.news_main p{
    text-align: justify;
    line-height: 1.8;
    font-size: 1.4rem;
}

.news_button{
    margin-top: 10px;
    margin-bottom:10px;
}

.news_button a{
    font-size: 100%;
    line-height: 2;
    color: #00A000;
    background-color: #ffffff;
    padding: 5px 20px;
}

/* ======================== */

.news_category h1{
    font-size: 100%;
    border-bottom: solid 1px #00A000;
    padding-left: 0px;
    color: #00A000;
    margin-bottom: 10px;
}

.news_category h2{
    font-size: 100%;
    border-bottom: solid 1px #00A000;
    padding-left: 0px;
    color: #00A000;
    margin-bottom: 10px;
}

.news_category li{
    font-size: 90%;
    padding-left: 0px;
	line-height: 1.6;
}

/* ===新着情報一覧========================================================================= */

.news_main_page{
    padding-left: 0px;
    width: 90%;
    margin: auto;
    float: none;
    line-height: 1.8;
}

.news_main_page dl{
    padding-bottom: 50px;
}

.news_main_page dt{
    border-bottom:0px solid #ccc;
    float:left;
    padding:5px 0px 0px 0px;
    font-size: 95%;
    color: #666666;
    width: 100%;
    text-align: left;
    font-weight: normal;
}

.news_main_page dd{
    border-bottom:1px solid #ccc;
    margin-left:0px;
    padding:5px 0px;
    text-align: left;
    font-size: 100%;
    font-weight: normal;
}

/* ===各ページ共通======================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */

.page_top{
    width: 100%;
    margin: auto;
    padding-top: 0px;
    margin-top: 0px;
}

/* ===マージン共通========================================================================= */

.top_50{
    margin-top: 25px;
}

.top_100{
    margin-top: 70px;
}

.top_200{
    margin-top: 120px;
}

.top_250{
    margin-top: 100px !important;
}

.bottom_250{
    margin-bottom: 250px;
}

.bottom_50{
    margin-bottom: 50px;
}

.bottom_50 h1{
    margin-bottom: 15px;
}

.bottom_50 h2{
    margin-bottom: 15px;
}

hr{
    width: 85%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page01{
    width: 85%;
    margin: auto;
    margin-top: 80px;
    text-align: left;
    line-height: 1.8;
}

.page01 h1 {
    line-height: 2;
    text-align: left;
    margin-bottom: 0px;
    font-size: 20px;
}

.page01 h2 {
    line-height: 2;
    text-align: left;
    margin-bottom: 0px;
    font-size: 20px;
}

.page01 h3{
    line-height: 3;
    margin-top: 15px;
    color: #00A000;
}

span{
    font-size: 90%;
}

/* ===動き========================================================================= */

.image_mouseover {
    overflow: hidden;
    background-color: #fff;
    }

.image_mouseover img {
    display: block;
    transition-duration: 0.2s;
    }

.image_mouseover img:hover {
    transform: scale(1.2);
    transition-duration: 0.2s;
    opacity: 1;
    }

.image_mouseover a :hover{
    opacity: 1;
  }

/*========= 8-1-3 ===============*/
/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#3FB55F;
	border-radius: 5px 0px 0px 5px;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:85%;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #3FB55F;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0px;
	bottom:10px;
	z-index: 9999;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　左の動き　*/
#page-top.LeftMove{
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*　右の動き　*/
#page-top.RightMove{
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(100px);
  }
}
}


/* ===お問い合わせ（スマホ）============================================================================ */

@media screen and (max-width: 649px){  
.etc{
    margin-top: 20px;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 0px;
    border: 0;
    box-shadow: none;
    font-size: 100%;
    line-height: 20px;
    text-align: left;
}

textarea {
    width: 100%;
    height: 100px;
    line-height: 1.5em;
    padding: 0px;
    overflow: auto;
}

.wpcf7-form-control-wrap {
    position:static;
}
    
.inquiry{
    width: 85%;
    margin: auto;
    margin-bottom: 0px;
}

.inquiry th {
    display: block;
    text-align: left;
    font-size: 1.8rem;
    color: #ffffff;
    width: 100%;
    border: solid 0px;
    padding:0px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
}

.inquiry td {
    background-color: #ffffff;
    color: #000000;
    display: block;
    font-size: 100%;
    width: 100%;
    min-width: auto; 
    border-radius: 0px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:5px;
    text-align: left;
}

.inquiry p {
    text-align: left;
}

.inquiry tr {
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.entry-content .inquiry tr {
    border: solid 0px transparent;
    border-bottom: solid 1px #ffffff;
}

.entry-content table {
    border-bottom: solid 0px transparent;
}

.haveto {
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 0px;
    margin-right: 5px;
    position: relative;
    bottom: 0px;
}

.any {
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 0px;
    margin-right: 5px;
    position: relative;
    bottom: 0px;
}
    
.verticallist .wpcf7-list-item {
    display: block
}

.wpcf7-list-item{
    margin: 0px;
}

#formbtn {
    display: block;
    padding: 5px 10px;
    width: 70%;
    font-size: 100%;
    line-height: 2;
    border-radius: 0px;
	margin: 10px auto 0;
}
	

th {
    font-weight: 500;
    text-transform: uppercase;
    padding: 13px;
}
    
td {
    border-top: 0px solid #ededed;
    padding: 6px;
}
    
input,
select,
textarea {
    border: 0px solid #fff;
    letter-spacing: 0px;
    margin: 0;
    max-width: 100%;
    resize: none;
}

.spam{
    margin-top: 0px;
    font-size: 100% !important;
    width: 85%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    line-height: 1.4;
}
}



/* ===コンテンツ時======================= */

.content{
    text-align: left;
}


.content h1{
    font-weight: bold;
	font-size: 2.8rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
    background-color: transparent;
    color: #00A000;
    text-align: left;
    width: auto;
    margin: auto;
	margin-top: 20px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.content h2{
	font-size: 2.8rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
    width: auto;
    margin: auto;
	margin-top: 20px;
    margin-bottom: 0px;
}

.content h3{
	font-size: 2.4rem;
    line-height: 2.2;
    letter-spacing: -.1rem;
    width: auto;
    margin: auto;
	margin-top: 20px;
    margin-bottom: 0px;
}

@media screen and (max-width: 1023px){
    .content h1{
        font-size: 2.4rem;
    }
    
    .content h2{
        font-size: 2.4rem;
    }
    
    .content h3{
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 649px){
    .content h1{
        font-size: 1.8rem;
    }
    
    .content h2{
        font-size: 1.8rem;
    }
    
    .content h3{
        font-size: 1.6rem;
    }
}