@charset "UTF-8";

/***********************************
 >> common.css  WordPress作成ページおよびHTML作成ページに共通なCSS（ヘッダー、フッター含む）
    wp.css  WordPressで作成しているページにのみ必要なCSSを記述
    specific.css  HTMLで作成しているページにのみ必要なCSSを記述
   *********************************/


/* =========================================================
   Base Setup & Reset (HTML5 & Modern Browsers)
   ========================================================= */

/* box-sizing: border-box を全要素に適用（レイアウト計算を楽にする設定） */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* iOSのテキスト自動調整を停止 */
  -ms-text-size-adjust: 100%; /* Windows Phoneのテキスト自動調整を停止 */
  /* フォントのレンダリングを滑らかにする設定 (追加分) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  /* スクロールバーを常に表示してガタつきを防ぐ (追加分) */
  overflow-y: scroll;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* HTML5ブロック要素の定義 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* 未定義要素の表示設定 */
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}


/* =========================================================
   Typography & Fonts
   ========================================================= */

html {
  /* 基準フォントサイズ設定: 10px相当にしてrem計算をしやすくする設定 */
  /* PC/スマホ共通で適用されます */
  font-size: 10px; 
  line-height: 1;
  height: 100%;
}

body {
  margin: 0;
  font-family: 'Noto Sans JP', "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: 400;
  font-size: 1.6rem; /* 16px */
  color: #333; /* 基本文字色 */
  background: #fff;
  line-height: 1.7; /* 読みやすさのため1.7を採用 */  
  /* スクロールバー設定 */
  overflow-wrap: break-word;
  height: 100%;
/*  overflow-x: hidden;*/
}

/* フォーム要素のフォント継承 */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}


/* =========================================================
   Base Layout
   ========================================================= */

@media screen and (min-width: 960px) {
  #p_header_inner_intervieweye2 { width: 1200px; margin: 0 auto; }/**/
}
@media screen and (min-width: 960px) {
  .content { padding-bottom:48px; }
}

.article_body {
  padding: 20px 25px 30px;
}

.article_body .article_content {
  line-height: 1.7;
  text-align: justify;
}

@media screen and (min-width: 960px) {
  div.fixed-page .article_body{
    width: 960px; 
    margin: 0 auto; 
    padding:0px 0 50px 0!important;
    float: none;
  }
}


/* =========================================================
   コンテンツ タイトル
   ========================================================= */

        .contents-title-area {
            width: 100%;
            /* 上下の余白を広げてバランスをとる */
            padding: 13px 25px;
            background-color: #007a4d; /* ベースカラー */
            display: flex;
            align-items: center;
            position: relative;
            font-family: Meryo, "メイリオ", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
        }

        /* コンテンツラッパー（PC幅に合わせるため） */
        .contents-title-area .container {
            position: relative;
            z-index: 2;
            height: 100%;
            display: flex;
            align-items: center;
        }

        .contents-title-content {
            text-align: left;
            color: #fff;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 5px; /* 各要素の間隔 */
        }

        /* 親カテゴリー名（タイトルの上） */
        .contents-title-category {
            display: none;
        }

        /* ページタイトル */
        .wrap-contents .contents-title-jp {
            font-size: 19px;
            font-weight: bold;
            margin: 0;
            line-height: 1.2;
        }

        /* パンくずリスト（タイトルの上） */
        .wrap-contents .contents-breadcrumbs {
/*          display: none;*/
            font-size: 9px;
            color:#d3ebe1;
        }

        .wrap-contents .contents-breadcrumbs a {
          color:white;
          text-decoration: underline;
          margin: 0 4px;
        }


        @media (min-width: 960px) {
            .contents-title-area {
                padding: 30px 0;
                background-color: #e5f1ec;
            }
            .wrap-contents .contents-title-content {
              color: #333;
            }
            .contents-title-area .container {
              padding: 0;
              width: 960px;
              margin: 0 auto;
            }
            .wrap-contents .contents-title-jp {
                font-size: 22px;
            }
            .contents-title-category {
              display: block;
              font-size: 12px;
              font-weight: bold;
              opacity: 0.9;
              letter-spacing: 0.05em;
            }
            .wrap-contents .contents-breadcrumbs {
              display: block;
              font-size: 10px;
              opacity: 0.8;
              margin-top: 4px;
              color: #333;
            }
            .wrap-contents .contents-breadcrumbs a {
              color: #4595d1;
/*              text-decoration: underline;*/
              margin: 0 4px;
              text-decoration: underline;
            }
            .contents-breadcrumbs a:first-child {
                margin-left: 0;
            }
            .contents-breadcrumbs span {
                margin-left: 4px;
            }

        }



/* =========================================================
   Element Resets & Styles
   ========================================================= */

/* 見出し */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: bold;
  font-size: 100%; /* PC用リセットに合わせて一度リセット */
  line-height: 1.4;
/*  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
}
h2 {
  font-size: 25px;
  margin: 30px 0 15px;
}
h3 {
  font-size: 20px;
  margin: 25px 0 15px;
}
h4 {
  font-size: 16px;
  margin: 25px 0 12px;
}
@media screen and (min-width: 960px) {
  h2 {
    font-size: 25px;
  }
  h3 {
    font-size: 22px;
  }
}

div.fixed-page .article_content h2,
div.fixed-page .article_content h3,
div.fixed-page p.h2-copy,
div.fixed-page p.toc {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}


/* H2の上の小さい文字 (キャッチコピー) */
.article_body p.h2-copy {
  color: #007a45;
  font-size: 10px;
  margin-bottom: 0;
  margin-top: 40px;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .article_body p.h2-copy {
    font-size: 13px;
  }
}
/* キャッチコピー直後のH2は上マージンを消す */
p.h2-copy + h2 {
  margin-top: 0;
}
@media screen and (min-width: 960px) {
  /* キャッチコピー直後のH2 不要かも
   (PC用のmargin-top:40pxが優先されるのを防ぐため再指定) */
  div.fixed-page .article_body .article_content p.h2-copy + h2 {
    margin-top: 0;
  }
}
/* 青い背景の見出し (.page_heading2) */
h2.page_heading2 {
  background-color: #4595d1;
  color: #fff;
  font-size: 1.0rem;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 50px;
  padding: 5px 0;
  text-align: center;
  width: 130px;
}
@media screen and (min-width: 960px) {
  /* 青い見出し (.page_heading2) のPCデザイン変更*/
  .page_heading2 {
/*    color: #4595D1;*/
    font-size: 30px;
    margin-bottom: 40px;
    background-color: transparent; /* 背景色を削除 */
    width: auto;      /* 幅固定を解除 */
    padding: 0;       /* パディング解除 */
    text-align: left; /* 左寄せに戻す（必要に応じてcenterのままでも可） */
  }
}
@media screen and (min-width: 960px) {
  .p_description {
    margin-bottom: 0;
  }
}

/* テキストブロック */
p, pre, blockquote {
  margin: 0;
}

.article_body p {
  line-height: 1.7;
	margin-top:25px;
  margin-bottom: 15px;
}

/* リンク */
a, .wrap-contents a {
/*  background-color: transparent;*/
/*  text-decoration: none;*/
  overflow: hidden;
  outline: none;
  color: #4595d1;
}
a:active, a:hover {
  outline: 0;
}
a[href^="tel:"] {
	text-decoration: none !important;
}


/* リスト */
ul, ol, menu, dl {
  margin: 0;
  padding: 0;
  list-style: none;
}
dd {
  margin: 0;
}


/* 画像・メディア */
img {
  border: 0;
  vertical-align: middle;
  max-width: 100%; /* 画像が親要素からはみ出すのを防ぐ */
  height: auto;
}
.img-flexible img {
  height: auto;
  width: 100%;
}
.img-top img {
  vertical-align: top;
}
figure {
  margin: 0;
}


/* 水平線（PC用CSSのデザインを採用） */
/*不要と思われる*/
/*
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-bottom: 1px dotted #cccccc;
  background-color: #f3f3f3; /* 背景色が必要な場合高さ指定が必要ですが、dottedのみ残しています */
/*  margin: 20px 0;
}*/

/* 水平線 */
hr {
  border-top: 1px solid #e2e2e2 !important;
  background-color: none !important;
  border-bottom: none !important;
  margin: 50px 0 50px 0;
}



/* 整形済みテキスト・コード */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* 引用 */
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* その他インライン要素 */
small { font-size: 80%; }
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
mark { background: #ff0; color: #000; }
abbr[title] { border-bottom: 1px dotted; }



/* =========================================================
   Form Elements
   ========================================================= */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button, input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

/* ボタン・リンク類
---------------------------------------------------------- */
.button {
  height: 40px;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
}
.button a {
  border-radius: 20px;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 100%;
  line-height: 40px;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.button a:before {
  content: '';
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
}
.button a:after {
  content: '';
  border: 3px solid transparent;
  border-left: 5px solid #444;
  display: block;
  height: 0;
  position: absolute;
  top: 17px;
  left: 18px;
  width: 0;
}

.button-twoline {
  display: table;
  height: 50px;
  text-align: center;
  width: 100%;
}
.button-twoline a {
  border-radius: 25px;
  color: #fff;
  display: table-cell;
  font-weight: bold;
  height: 100%;
  line-height: 1.4;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}
.button-twoline a:before {
  content: '';
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 10px;
  width: 20px;
}
.button-twoline a:after {
  content: '';
  border: 3px solid transparent;
  border-left: 5px solid #fd9000;
  display: block;
  height: 0;
  position: absolute;
  top: 22px;
  left: 18px;
  width: 0;
}

.button-middle {
  margin: 0 auto;
  width: 62%;
}
@media (min-width: 960px) {
  .button-middle {
    width: 45%;
  }
}
.button-short {
  display: inline-block;
  width: 46%;
}
.button-short:first-child {
  margin-right: 10px;
}
.button-short-wrap {
  text-align: center;
}

.button-orange a {
  background-color: #fd9000;
}
.button-orange a:after {
  border-left-color: #fd9000;
}

.button-red a {
  background-color: #d10101;
}
.button-red a:after {
  border-left-color: #d10101;
}

.button-green a {
  background-color: #7ab800;
}
.button-green a:after {
  border-left-color: #7ab800;
}

.button-gray a {
  background-color: #9c9c9c;
}
.button-gray a:after {
  color: #9c9c9c;
}


/* =========================================================
   Table
   ========================================================= */

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}
/*固定ページの表でうまくいかないので削除してみる
th, td, caption {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}*/




/* =========================================================
   Layout & Components (Merged)
   ========================================================= */

#wrap-page {
  background-color: #fff;
  min-height: 100%;
  position: relative;
  width: 100%;
}

/* コンテンツタイトル（「地域開発支援」とか「最新ニュース」とかの部分） */
.contents-title {
  line-height: 1.2;
  padding: 13px 0 13px 25px;
}
.contents-title h1 {
  color: #fff;
  font-size: 1.5rem; /* 15px */
  font-weight: bold;
  line-height: 1.5;
}
.contents-title-green {
  background-color: #007a45;
}
.contents-title-red {
  background-color: #d10101;
}

/* リード文エリア */
.contents-lead {
  padding: 25px 25px 30px;
}
.contents-lead h2 {
  margin-bottom: 12px;
}
.contents-lead h2 + p {
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 12px;
  text-align: justify;
}

/* コンテンツボックス */
.contents-box {
  padding: 35px 25px;
}
.contents-box-colored {
  background-color: #f2eee4;
  padding: 35px 25px;
}
.contents-box .txt,
.contents-box-colored .txt {
  line-height: 1.5;
  margin-bottom: 15px;
  text-align: justify;
}

.contents-box-title {
  background-color: #4595d1;
  color: #fff;
  font-size: 1.0rem; /* 10px */
  font-weight: bold;
  margin-bottom: 20px;
  padding: 5px 0;
  text-align: center;
  width: 100px;
}

/* リンクパーツ（矢印アイコン付き） */
.arrow-link {
  line-height: 15px;
}

.arrow-link a {
  color: #4595d1;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 24px;      /* アイコン(18px) + 余白(6px) 分のスペース */
  position: relative;      /* アイコンの位置基準にする */
  display: inline-block;   /* 配置を安定させる */
}
.arrow-link a::before {
  content: '';
  position: absolute;      /* 絶対配置 */
  left: 0;
  /*top: 50%;*/
  top: 0.75em;
  transform: translateY(-50%); /* 上下中央揃え */
  width: 18px;             /* 円のサイズ */
  height: 18px;
  border-radius: 50%;      /* 丸くする */
  background-color: #4595d1; /* 円の色 */
}
.arrow-link a::after {
  content: '';
  position: absolute;
  left: 7px;               /* 円の中央に見えるよう微調整 */
  /*top: 50%;*/
  top: 0.75em;
  transform: translateY(-50%); /* 上下中央揃え */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #fff; 
}

.arrow-link-down a {
  color: #4595d1;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 24px;      /* アイコン(18px) + 余白(6px) 分のスペース */
  position: relative;      /* アイコンの位置基準にする */
  display: inline-block;   /* 配置を安定させる */
}
.arrow-link-down a::before {
  content: '';
  position: absolute;      /* 絶対配置 */
  left: 0;
  /*top: 50%;*/
  top: 0.75em;
  transform: translateY(-55%); /* 上下中央揃え */
  width: 18px;             /* 円のサイズ */
  height: 18px;
  border-radius: 50%;      /* 丸くする */
  background-color: #4595d1; /* 円の色 */
}
.arrow-link-down a::after {
  content: '';
  position: absolute;
  left: 6px;               /* 円の中央に見えるよう微調整 */
  /*top: 45%;*/
  top: 0.75em;
  transform: translateY(-50%); /* 上下中央揃え */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #fff transparent transparent transparent;
}


.arrow-link-caution a {
  color: #d10101;
}
.arrow-link-caution a:before {
  background: url(../img/link_arrow_red_right01.png) no-repeat;
  background-size: 15px;
}


/*下記は必要なさそうなのでいったんなしに*/
/* リンクパーツ（CSS三角矢印） */
/*
.triangle-link:before {
  content: '';
  border: 6px solid transparent;
  border-left: 8px solid #4595d1;
  display: inline-block;
  height: 0;
  vertical-align: text-top;
  width: 0;
}
.triangle-link a {
  color: #4595d1;
  font-size: 1.3rem;
  font-weight: bold;
}
*/
/*下記は必要なさそうなのでいったんなしに*/
/* テキストリンク */
/*
.text-link a {
  color: #4595d1;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
}*/



@media screen and (min-width: 960px) {}
  /* --- 追加: サイドバー・バナーのレイアウト --- */
  /*
  #aside {
    padding: 40px 0;
  }
  #fb {
    float: left;
    width: 500px;
  }
  #banner_asset {
    float: right;
    width: 440px;
    margin-top: -14px;
    overflow: hidden;
  }
  .banner {
    float: left;
    margin: 14px 0 0 10px;
  }
  .banner img {
    transition: 0.2s;
  }
  .banner img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
}*/


iframe[name="google_conversion_frame"] {
	float: left;
	margin: -20px 0 0 -600px;
}


/* =========================================================
   Touch Interactions (Mobile)
   ========================================================= */

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
/* 入力欄以外でユーザー選択を無効化したい場合はコメントアウトを外す */
/* *:not(input) { -webkit-user-select: none; } */



/* =========================================================
   ユーティリティ アキの微調整など
   ========================================================= */

/*classで、sp-hiddenとされているものは非表示*/
.sp-hidden {
  display: none;
}
/* PC/SP Switch */
.pc-only { display: none !important; }
.sp-only { display: block !important; }

@media screen and (min-width: 960px) {
    .pc-only { display: block !important; }
    .sp-only { display: none !important; }
}

.txt-l {text-align: left !important;}
.txt-c {text-align: center !important;}
.txt-r {text-align: right !important;}

/* 文字サイズ */
.fnt8 {font-size: 8px;font-size: 0.8rem !important;}
.fnt9 {font-size: 9px;font-size: 0.9rem !important;}
.fnt10 {font-size: 10px;font-size: 1rem !important;}
.fnt11 {font-size: 11px;font-size: 1.1rem !important;}
.fnt12 {font-size: 12px;font-size: 1.2rem !important;}
.fnt13 {font-size: 13px;font-size: 1.3rem !important;}
.fnt14 {font-size: 16px;font-size: 1.6rem !important;}
.fnt15 {font-size: 15px;font-size: 1.5rem !important;}
.fnt16 {font-size: 16px;font-size: 1.6rem !important;}
.fnt17 {font-size: 17px;font-size: 1.7rem !important;}
.fnt18 {font-size: 18px;font-size: 1.8rem !important;}
.fnt19 {font-size: 19px;font-size: 1.9rem !important;}
.fnt20 {font-size: 20px;font-size: 2rem !important;}
.fnt21 {font-size: 21px;font-size: 2.1rem !important;}
.fnt22 {font-size: 22px;font-size: 2.2rem !important;}
.fnt23 {font-size: 23px;font-size: 2.3rem !important;}
.fnt24 {font-size: 24px;font-size: 2.4rem !important;}
.fnt25 {font-size: 25px;font-size: 2.5rem !important;}
.fnt26 {font-size: 26px;font-size: 2.6rem !important;}
.fnt27 {font-size: 27px;font-size: 2.7rem !important;}
.fnt28 {font-size: 28px;font-size: 2.8rem !important;}
.fnt29 {font-size: 29px;font-size: 2.9rem !important;}
.fnt30 {font-size: 30px;font-size: 3rem !important;}
.fnt31 {font-size: 31px;font-size: 3.1rem !important;}
.fnt32 {font-size: 32px;font-size: 3.2rem !important;}
.fnt33 {font-size: 33px;font-size: 3.3rem !important;}
.fnt34 {font-size: 34px;font-size: 3.4rem !important;}
.fnt35 {font-size: 35px;font-size: 3.5rem !important;}
.fnt36 {font-size: 36px;font-size: 3.6rem !important;}

/* 文字の太さ */
.fnt-n {font-weight: normal !important;}
.fnt-b {font-weight: bold !important;}



/* 微調整用クラス（多用しないこと）
---------------------------------------------------------- */
.mt0 {margin-top: 0 !important;}
.mt3 {margin-top: 3px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb3 {margin-bottom: 3px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml0 {margin-left: 0 !important;}
.ml3 {margin-left: 3px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr0 {margin-right: 0 !important;}
.mr3 {margin-right: 3px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

.pt0 {padding-top: 0 !important;}
.pt3 {padding-top: 3px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb3 {padding-bottom: 3px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}

.pl0 {padding-left: 0 !important;}
.pl3 {padding-left: 3px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

.pr0 {padding-right: 0 !important;}
.pr3 {padding-right: 3px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}

.ls05 {letter-spacing: -0.05em !important;}
.ls2 {letter-spacing: -0.2em !important;}
.ls5 {letter-spacing: -0.5em !important;}


/*WordPressページのマージンの設定
 不要と思われるので、いったん削除*/
/*
div.content .mt0 {
	margin-top:0!important
}
div.article_body .mt0 {
	margin-top:0px!important;
}
div.content .mt10 {
	margin-top:10px!important;
}
div.article_body .mt10 {
	margin-top:10px!important;
}
div.content .mt20 {
	margin-top:20px!important;
}
div.article_body .mt20 {
	margin-top:20px!important;
}
div.article_body .mt30 {
	margin-top:30px!important;
}
div.content .mb0 {
	margin-bottom:0!important
}
div.article_body .mb0 {
	margin-bottom:0px!important;
}
div.article_body .mr10 {
	margin-right:10px!important;
}
div.article_body .ml10 {
	margin-left:10px!important;
}
div.content .mr10 {
	margin-right:10px!important;
}
div.content .ml10 {
	margin-left:10px!important;
}
*/

/*WordPressページのパディングの設定
 不要と思われるので、いったん削除*/
 /*
div.content .pt10 { padding-top:10px!important}
div.content .pr10 { padding-right:10px!important}
div.content .pb10 { padding-bottom:10px!important}
div.content .pl10 { padding-left:10px!important}
*/


/*PCのみ改行*/
.br-pc {
    display: none;
}
@media (min-width: 768px) {
    .br-pc {
        display: block;
    }
}


/* Media Object: 画像とテキストの回り込み制御など */
.media .left {
  float: left;
}
.media .right {
  float: right;
}
.media .content {
  display: table-cell;
  vertical-align: top; /* 上揃えを追加しておくと安全です */
  width: 10000px; /* IE/Legacyハックのzoom:1の代わりに、親幅いっぱいを使うモダンな手法です */
}

/*基本スタイル追加*/
.txt01 { font-weight:bold;}
.txt02 { font-weight:bold; color:#7ab800; }
.txt03 { font-weight:bold; color:#007a45; }
.txt04 { font-weight:bold; font-size: 16px; color:#007a45; }

.fl {float: left;}



/* ------------------------- *
その他
 * ------------------------- */
/* cf */
.cf:after { content:"."; display:block; height:0.1px; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }
.cf { display:inline-block;}
/* Hides from IE-mac \*/
* html .cf { height:1%; }
.cf { display:block; }
/* End hide from IE-Mac */


/* マウスオーバーの画像が重なってジャギるのを防ぐため修正 160511 */
.off,
.ro.off {
	background: transparent;
}