@charset "Shift_JIS";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
// body { background-color: yellow; }

/* ヘッダー内パーツ */

#hpb-headerMain h1{
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
}

#hpb-headerExtra1 p{
    text-align: right;
}

#hpb-headerExtra1 p.tel{
    /* 電話番号の文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.4em;
    font-weight: bold;
    color: #50903a;
    line-height: 1.4;
    letter-spacing: 0.2em;
}

#hpb-headerExtra1 p.tel span{
    /* 電話番号の「TEL」文字設定 */
    color: #333;
    font-size: 0.85em;
    font-weight: normal;
}

#hpb-headerExtra1 p.address{
    /* 住所文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 1.4;
}


/* フッター内パーツ */

#hpb-footerMain{
    background-image : url(../img/icons/icon1_png/footerBg_1Q.png);	/* ★ */
    background-position: top left;
    background-repeat: repeat-x;
    width: 100%;
}

#hpb-footerMain p{
    /* コピーライト文字設定 */
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    margin-bottom: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    color: #fff;
}

#hpb-footerExtra1{
    padding-top: 6px;
    padding-bottom: 6px;
}

#hpb-footerExtra1 ul{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    width: 960px;
    text-align: left;
}

#hpb-footerExtra1 li{
    /* フッターナビ設定 */
    display: inline;
    background-image : url(../img/icons/icon1_png/footerItem_1Q.png);	/* ★ */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 14px;
    padding-right: 0;
    font-weight: normal;
}

#hpb-footerExtra1 li:first-child{
    background-image: none;
    padding-left: 0;
}

#hpb-footerExtra1 a:link{
    color: #333;
    text-decoration: none;
}
#hpb-footerExtra1 a:visited{
    color: #333;
    text-decoration: none;
}
#hpb-footerExtra1 a:hover{
    color: #333;
    text-decoration: underline;
}
#hpb-footerExtra1 a:active{
    color: #333;
    text-decoration: underline;
}

/*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/

#hpb-nav li a{
    /* ナビゲーション文字設定 */
    font-weight: normal;
}

#hpb-nav li a:link{
    color: #333;
    text-decoration: none;
}
/* ナビゲーション文字色設定 */
#hpb-nav li a:visited{
    color: #333;
    text-decoration: none;
}
#hpb-nav li a:hover{
    color: #333;
    text-decoration: none;
}
#hpb-nav li a:active{
    color: #333;
    text-decoration: none;
}

#hpb-nav li span.en{
    display: none;
}
/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link{
    color: #006699;
    text-decoration: underline;
}
a:visited{
    color: #006699;
    text-decoration: underline;
}
a:hover{
    color: #f3bd00;
    text-decoration: none;
}
a:active{
    color: #64BEE6;
    text-decoration: none;
}

#hpb-skip{
    /* ヘッダースキップの非表示 */
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
}

p{
    margin-top: 0.5em;
    margin-bottom: 2em;
    padding-right: 20px;
    padding-left: 0.1em;
    line-height: 1.4;
    text-align: left;
}

p.large{
    color: #314b06;
    font-weight: bold;
}
p.indent{
    padding-left: 25px;
}

.left{
    float: left;
}

img.left{
    margin-left: 14px;
}

.right{
    float: right;
}

img.right{
    margin-right: 24px;
}

hr{
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-right: 24px;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    clear: both;
    border-top-width: 1px;
    border-top-style: none;
    border-right-width: 1px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: none;
    color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: none;
}

.hpb-layoutset-02 h2{
    background-image : url(../img/icons/icon1_png/titleBg_1Q.png);	/* ★ */
    background-position: bottom left;
    background-repeat: no-repeat;
    line-height: 65px;
    height: 65px;
    color: #fff;
    overflow: hidden;
    padding-left: 20px;
    text-align: left;
    font-size: 1.7em;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

h2 span.en{
    font-size: 0.7em;
    padding-left: 10px;
}

.hpb-layoutset-02 #hpb-wrapper h3{
    clear: both;
    width: 685px;
    margin-top: 0.5em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 30px;
    text-align: left;
    padding-left: 20px;
    background-image : url(../img/icons/icon1_png/indexBg_1Q_02.png);	/* ★ */
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 44px;
    line-height: 44px;
    font-size: 1.3em;
    color: #333;
    font-weight: normal;
}

h3.hpb-c-index{
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

h4{
    margin-top: 0;
    margin-right: 24px;
    margin-bottom: 1em;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.2;
    color: #276d0f;
    font-weight: bold;
}

h5{
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 14px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 18px;
    text-align: left;
    background-image : url(../img/icons/icon1_png/point_1Q.png);	/* ★ */
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 1.1em;
    line-height: 1.2;
    color: #333333;
}

table{
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: 10px;
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
}

table th{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    background-color: #f8f8f8;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

table td{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

/* フォームパーツ設定 */
input.button{
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}

textarea{
    width: 400px;
    height: 200px;
}

input.l{
    width: 400px;
}
input.m{
    width: 250px;
}
input.s{
    width: 150px;
}

/* メインコンテンツ内基本パーツ */

#hpb-main p{
    margin-left: 10px;
    margin-right: 10px;
}

#hpb-main ul{
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#hpb-main ul li{
    text-align: left;
    line-height: 1.4;
    padding-top: 10px;
    padding-right: 35px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-image : url(../img/icons/icon1_png/point_1Q.png);	/* ★ */
    background-position: left 10px;
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    color: #000000;
}

#hpb-main dl{
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    zoom: 100%;
}

#hpb-main dt{
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    font-weight: normal;
    width: 170px !important;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    background-image : url(../img/icons/icon1_png/point_1Q.png);	/* ★ */
    background-position: left 10px;
    background-repeat: no-repeat;
}

#hpb-main dd{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    padding-left: 195px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
}

*:first-child + html #hpb-main dd{
    /* for IE7 */
    padding-left: 10px;
    min-height: 20px;
}

* html #hpb-main dd{
    /* for IE6 */
    height: 20px;
    padding-left: 0px;
}

#hpb-main dl::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-main img.left{
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
}

#hpb-main img.right{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
}



#pagetop a{
    /* ページの先頭へのリンク設定 */
    display: block;
    width: 143px;
    height: 26px;
    margin-left: auto;
    background-image : url(../img/icons/icon1_png/returnTop_1Q.png);	/* ★ */
    background-position: center left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

/* ======================================================= *?

/* 【hpb-nav.css】 */

/* ナビゲーション全体 */
#hpb-nav {
  height: 23px;
}

/* 見出し（非表示にする場合は display:none;） */
#hpb-nav .hpb-c-index {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

/* リスト全体 */
#hpb-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /* 横並び */
}

/* 各項目 */
#hpb-nav li {
  margin-right: 10px; /* 項目間の余白 */
}

/* リンク */
#hpb-nav li a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-family: "HG丸ｺﾞｼｯｸM-PRO", sans-serif;
}

/* hover時 */
#hpb-nav li a:hover {
  color: #0078d7; /* 任意の色に変更可能 */
}

#hpb-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden; /* float対策 */
}

#hpb-nav li {
  float: left;
  margin-right: 10px;
}

/* =====【★★　スライド全体　★★】===== */

/* =====【�@ スライド全体を固定】===== */
#slideshow{
  position: relative;
  width: 100%;
  height: 300px;   /* ←ここ重要 */
  overflow: hidden;
}

/* =====【�A 各スライドを重ねる】===== */
#slideshow .slide{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* =====【�B 表示中だけ前に出す】===== */
#slideshow .slide.active{
  opacity: 1;
  z-index: 1;
}

/* =====【�C 画像サイズを安定させる】===== */
#slideshow img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =====【動作制御】===== */

.slide.active {
  opacity: 1;
}


/* =====【レイアウト、装飾】===== */

.caption {
  position: absolute;
  top: 2px;				/* bottom: 12px ★ */
  left: 90px;				/* left:12px ★ */
  background: rgba(0, 128, 128, 0.6);	/* 透過度→rgbaの最後の数値（アルファ値 0〜1）0.8 ★ */
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 18px;			/* 14px ★ */
}

/* =====【リンク】===== */
.slide{
  position:relative;
}

.slide-link{
  display:block;
  width:100%;
  height:100%;
}

/* =====【高級感（白＋影）】===== */

.caption{
  position:absolute;
  top:10px;
  left:20px;
  background:rgba(0,0,0,0.6);

  padding:8px 16px;
  border-radius:10px;

  font-size:18px;
  font-weight:bold;

  text-shadow:2px 2px 6px rgba(0,0,0,0.9);
}

.caption a{
  color:#ffffff !important;
  text-decoration:none;
}

.caption{
  top:20px;   /* ← 10px → 20pxへ */
  left:20px;
}

/* =====【CTAデザイン】===== */

.cta{
  margin-top:6px;
  font-size:14px;
  color:#ffd700;
  font-weight:bold;
}

.slide{
  position:relative;
  overflow:hidden; /* ← 超重要 */
}



/* =====【slide 高さ】===== */

.slide img{
  width:100%;
  height:240px;       /* ← ここ調整（250→240くらい） */
  object-fit:cover;   /* ← 超重要（画像切れ防止） */
}

/* =====【左右を揃える】===== */

.main-flex{
  display:flex;
  gap:20px;
  align-items:flex-start; /* ← ここ重要 */
}

/* =====【TOPICSスクロールを自然にする】===== */

.topics-box{
  scrollbar-width:thin;
}

/* =====【】===== */

.slide-cta{
  position:absolute;
  bottom:20px;
  left:20px;
}


/* =====【CTAを“ボタン化】===== */

.cta{
  margin-top:8px;
  display:inline-block;
  background:linear-gradient(#ffcc00,#e6b800); /* ←立体感 */
  color:#000;
  padding:6px 14px;
  border-radius:6px;		/* 角丸 */
  font-size:13px;
  font-weight:bold;

  box-shadow:0 4px 12px rgba(0,0,0,0.3);
}


/* =====【】===== */

.trust-box{
  display:flex;
  justify-content:space-around;
  background:#f5f5f5;
  padding:12px 0;
  margin-top:10px;
}

.trust-item{
  text-align:center;
}

.trust-number{
  font-size:12px;
  color:#666;
}

.trust-value{
  font-size:18px;
  font-weight:bold;
  color:#008000;
}

/* =====【】===== */

/* =====【見た目も営業化】===== */

.topics-box{
  padding:10px;
  background:#ffffff;

  height:240px;        /* ← ★これが無い！ */
  overflow-y:auto;     /* ← スクロール */
}
.topics-box h3{
  margin-bottom:8px;
  color:#333;
}

.topics-box p{
  font-size:13px;
  line-height:1.6;
  margin-bottom:8px;
}

.lead{
  font-weight:bold;
  color:#008000;
}

.solution{
  font-weight:bold;
  color:#cc0000;
}

.benefit{
  background:#f5f5f5;
  padding:6px;
  border-radius:6px;
}

.closing{
  font-size:12px;
  color:#666;
}

.trust{
  font-size:12px;
  color:#999;
}

.cta-sub{
  font-size:12px;
  opacity:0.8;
}

/* =====【CTAを“クリック率MAX化】===== */


/* =====【product/cs30/index.php 用】===== */

.lp{
  max-width:900px;
  margin:auto;
  padding:20px;
}

.lp h1{
  font-size:28px;
  color:#008000;
}

.lp .sub{
  margin-bottom:10px;
  color:#666;
}

.lp img{
  width:100%;
  margin:15px 0;
}

.lp h2{
  margin-top:20px;
  font-size:20px;
  border-left:5px solid #008000;
  padding-left:10px;
}

/* =====【】===== */
/* ===== 商品分岐 ===== */

.product-links{
  margin:40px 0;
  text-align:center;
}

.product-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.product-card{
  display:block;
  background:#f5f5f5;
  padding:20px;
  border-radius:8px;
  text-decoration:none;
  color:#000;
  transition:0.2s;
  border:2px solid transparent;
}

.product-card strong{
  display:block;
  font-size:16px;
  margin-bottom:5px;
}

.product-card span{
  font-size:13px;
  color:#666;
}

.product-card:hover{
  background:#e6ffe6;
  border:2px solid #008000;
  transform:translateY(-3px);
}

/*
.product-card:first-child{
  border:2px solid #008000;
  background:#e6ffe6;
}
*/


.product-card:first-child{
  background:#e6ffe6;          /* 薄緑 */
  border:2px solid #008000;
  box-shadow:0 0 12px rgba(0,128,0,0.25);
}



.card{
  box-shadow:none;
}

.card.main{
  box-shadow:0 6px 16px rgba(0,0,0,0.15);
}





.product-card span:last-child{
  display:block;
  margin-top:10px;
  color:#008000;
  font-weight:bold;
  font-size:14px;
  text-align:center;
}

/* =====【】===== */

.main-cta{
  display:block;

  width:90%;            /* ← 追加?? */
  max-width:900px;

  margin:30px auto;     /* ← 中央 */

  padding:15px;
  background:#008000;
  border-radius:8px;
}

/* =====【】===== */
.final-cta{
  text-align:center;
  padding:25px 15px;
  background:#008000;
  border-radius:10px;
  max-width:900px;
  margin:40px auto;
}

.cta-lead{
  color:#fff;
  font-size:14px;
  margin-bottom:10px;
}

.final-cta a{
  display:inline-block;
  background:#ffcc00;
  color:#000;
  padding:14px 28px;
  border-radius:6px;
  font-weight:bold;
  text-decoration:none;
}
/* =====【】===== */

.hero{
  padding:12px 10px;   /* ← さらに圧縮 */
}



.hero h1{
  font-size:24px;
  line-height:1.2;     /* ← これ重要?? */
  margin:0 0 5px;
}

.hero p{
  margin:2px 0;
}

/* =====【】===== */

button{
  font-size:16px;
  font-weight:bold;
  letter-spacing:0.5px;
}

/* =====【】===== */

.section{
  margin:40px 0;
}

.section h2{
  border-left:5px solid #008000;
  padding-left:10px;
}

.main-cta{
  margin:40px auto;
  text-align:center;
}

/* =====【】===== */

table{
  margin-top:15px;
  border-collapse:collapse;
}

th{
  background:#008000;
  color:#fff;
}

/* =====【】===== */

.product-card{
  opacity:0.85;
}

.product-card:first-child{
  opacity:1;
}

/* =====【】===== */

.product-card:nth-of-type(1){
  background:#e6ffe6;
  border:2px solid #008000;
  box-shadow:0 0 12px rgba(0,128,0,0.25);
}

/* =====【】===== */

.main-card{
  background:#e6ffe6;
  border:2px solid #008000;
  box-shadow:0 0 12px rgba(0,128,0,0.25);
}

/* =====【】=================================================================================== 

.hero{
  background:#008000;
  padding:30px;
  border-radius:8px;
  color:#fff;
}

.hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.hero-text{
  width:70%;
}

.hero-image img{
  width:120px;
}




.section{
  margin:40px 0;
}

.section h2{
  border-left:5px solid #008000;
  padding-left:10px;
}

.section p{
  margin:6px 0;
}






.product-card.main-card{
  background:#e6ffe6 !important;
  border:2px solid #008000 !important;
  box-shadow:0 0 12px rgba(0,128,0,0.25) !important;
}




table tr:first-child th{
  background:#008000 !important;
  color:#fff !important;
}




td{
  font-size:14px;
}

td:contains("不要"),
td:contains("大幅減"){
  font-weight:bold;
  color:#d60000;
}




table td:nth-child(3){
  font-weight:bold;
  color:#008000;
}




td{
  font-size:14px;
}

td:contains("不要"),
td:contains("大幅減"){
  font-weight:bold;
  color:#d60000;
}




.main-cta a{
  display:inline-block;
  background:#ffcc00;
  color:#000;
  padding:14px 28px;
  font-weight:bold;
  border-radius:6px;
  text-decoration:none;
  transition:0.3s;
}

.main-cta a:hover{
  background:#ffdb4d;
  transform:scale(1.05);
}


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


/* ================================================================================ */
.hero{
  background:#008000;
  padding:30px;
  border-radius:8px;
  color:#fff;
  text-align:center;
}

.hero-logo{
  width:100px;
  margin:10px auto;
  display:block;
}

.main-cta{
  margin-top:20px;
}

.main-cta a{
  display:inline-block;
  background:#ffcc00;
  color:#000;
  padding:14px 28px;
  font-weight:bold;
  border-radius:6px;
  text-decoration:none;
}

.section{
  margin:40px 0;
}

.section h2{
  border-left:5px solid #008000;
  padding-left:10px;
}

.product-card.main-card{
  background:#e6ffe6 !important;
  border:2px solid #008000 !important;
}

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

.container{
  max-width:1000px;
  margin:0 auto;
  padding:20px;
}

.hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
}

.hero-logo{
  width:110px;
}

table tr:first-child th{
  background:#008000;
  color:#fff;
  font-weight:bold;
}







/* =====【】===== */


/* =====【】===== */


/* =====【】===== */




/* ======================================================= */
/* 通常リンク */
/* 共通設定 */
#hpb-nav li a {
  font-size: 18px !important;		/* 18px ★ */
  text-decoration: none;
  color: green !important; 		/* ここで統一 */
  font-weight: bolder;			/* normal */
}

/* 例えば将来、トップページだけ青にする場合 */
/* ==============================
#hpb-nav li#nav-toppage a {
  color: blue !important;
}
================================= */

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {		/* 568px */

	/*--------------------------------------------------------
	  共通レイアウトパーツ設定
	--------------------------------------------------------*/
	/* ヘッダー内パーツ */
	#hpb-headerMain h1{
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 1.4;
		margin: 0;
	}

	/* フッター内パーツ */
	#hpb-footerMain{
		background-repeat: repeat;
	}
	#hpb-footerMain p{
		/* コピーライト文字設定 */
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 8px;
		padding-right: 5px;
		padding-bottom: 8px;
		padding-left: 5px;
		text-align: center;
		word-break: break-all;
		box-sizing: border-box;
	}
	#hpb-footerExtra1 ul{
		width: 98%;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	#hpb-footerExtra1 li{
		/* フッターナビ設定 */
		display: inline-block;
		padding-right: 14px;
	}

	/*--------------------------------------------------------
	  ナビゲーションデザイン設定
	--------------------------------------------------------*/
	#hpb-nav h3.hpb-c-index{
		width: 27px;
		height: 20px;
		background-image : url(../img/icons/icon1_png/btn_menu.png); /* ★ */
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
	}

	/*--------------------------------------------------------
	  基本パーツデザイン設定
	--------------------------------------------------------*/
	p{
		padding-right: 0;
		padding-left: 0;
	}
	p.indent{
		padding-left: 18px;
	}
	img.left{
		margin-left: 0;
	}
	img.right{
		margin-right: 0;
	}
	hr{
		margin-right: 0;
	}
	.hpb-layoutset-02 h2{
		background: none;
		background-color: #8bb053;
		line-height: 1.4;
		height: auto;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-left: 20px;
		margin: 0;
		word-break: break-all;
	}
	h2 span.en{
		padding-left: 0;
		display: block;
	}
	.hpb-layoutset-02 #hpb-wrapper h3{
		width: 100%;
		margin-right: 0;
		padding-top: 2px;
		padding-bottom: 5px;
		padding-left: 15px;
		background: none;
		height: auto;
		line-height: 1.4;
		border-left-width: 5px;
		border-left-color: #9fbe53;
		border-left-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #d4d4d4;
		border-bottom-style: solid;
		box-sizing: border-box;
	}
	h4{
		margin-right: 0;
		padding-right: 0;
		padding-left: 0;
	}
	h5{
		padding-right: 0;
		margin-left: 0;
	}
	table{
		width: 96%;
	}

	/* フォームパーツ設定 */
	textarea{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
	}

	input.l{
		width: 96%;
	}
	input.m{
		width: 60%;
	}
	input.s{
		width: 30%;
	}

	/* メインコンテンツ内基本パーツ */
	#hpb-main p{
		margin-left: 0;
		margin-right: 0;
	}
	#hpb-main ul li{
		padding-right: 0;
	}
	#hpb-main dt{
		float: none;
		max-width: 100%;
		padding-bottom: 0;
	}
	#hpb-main dd{
		padding-right: 0;
		padding-left: 15px;
	}
	#hpb-main img.left{
		margin-right: 0;
		float: none;
	}
	#hpb-main img.right{
		margin-left: 0;
		float: none;
	}}


// body { background-color: yellow; }