@charset "UTF-8";
/* ----------------------------------------------------------------------
sns-botton.cssへ
@import url("jc_origin.css");
で追加読み込み
---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
文字装飾
---------------------------------------------------------------------- */
.green2 { color: #B1C555;}
.blue2 { color: #4082cd;}
.mikan { color: #FF4001;}
.black { color: #000;}

.txtS { font-size: .8em; line-height: 1.2em;}
.txtL { font-size: 1.2em;}
.txtB { font-weight: 800;}

.cap { font-size: .9em; line-height: 1.4em; font-weight: 800;}

/* ----------------------------------------------------------------------
ボックスのマージン設定
---------------------------------------------------------------------- */
.MgB02 { margin-bottom: 2px;}
.MgB05 { margin-bottom: 5px;}
.MgB10 { margin-bottom: 10px;}
.MgB15 { margin-bottom: 15px;}
.MgB20 { margin-bottom: 20px;}
.MgB25 { margin-bottom: 25px;}
.MgB30 { margin-bottom: 30px;}
.MgB35 { margin-bottom: 35px;}
.MgB40 { margin-bottom: 40px;}
.MgB45 { margin-bottom: 45px;}
.MgB50 { margin-bottom: 50px;}
.MgT05 { margin-top: 5px;}
.MgT10 { margin-top: 10px;}

.post_content p {
 line-height: 2.2;
}

#index_content1 .catchphrase .desc {
line-height: 1.2em;
}

/* ----------------------------------------------------------------------
回り込み解除
---------------------------------------------------------------------- */
.clearboth { clear: both;}

.bothborder { clear: both;
 border-top: 1px dotted #bbb;
 padding: 1em 0 4em;
 margin: 4em 0 0 0;
}

/* ----------------------------------------------------------------------
リンク装飾
---------------------------------------------------------------------- */
.downlink:before {
  font-family: "Font Awesome 5 Free";
  content: '\f103';
  padding-right: .1em;
  margin-left: .1em;
}
.uplink:before {
  font-family: "Font Awesome 5 Free";
  content: '\f102';
  padding-right: .1em;
  margin-left: .1em;
}

/* アンカーリンク */
.Anchorlink {
 text-align: center;
}
.Anchorlink .cp_link {
 margin: 0 0.5em;
}
.cp_link {
 padding: 0.1em 0.3em;
 background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(44,169,225,1) 50%);
 background-position: 0 0;
 background-size: 200% auto;
 transition: .3s;
 color: #ff9800;
}
.cp_link:hover {
 background-position: -100% 0;
 color: #fff;
 text-decoration: none;
}

/* 内部リンク */
.link:after {
  font-family: "Font Awesome 5 Free";
  content: '\f0c1';
  padding-left: .2em;
}
/* 外部リンク */
.sotolink:after {
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  padding-left: .2em;
}

/* PDFリンク */
.pdflink:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c1';
  padding-right: .1em;
  font-size: 1.2em;
  color: red;
}
/* メールリンク */
.maillink:before {
 font-family: "Font Awesome 5 Free";
 content: '\f0e0';
 padding-right: .2em;
 font-size: 1.2em;
}
/* Facebookリンク */
.fblink:before {
 font-family: "Font Awesome 5 Free";
 content: '\f415';
 padding-right: .1em;
 font-size: 1.2em;
}
/* ----------------------------------------------------------------------
見出し装飾
---------------------------------------------------------------------- */
/* TOPページの見出し */
#index_news_headline {
 font-size: 20px;
 font-weight: 400;
 position: absolute;
 top: 0;
 left: 0;
 height: 50px;
 line-height: 50px;
 background-color: #B1C555;
 padding: 0 10px;
 color: #fff;
}
#index_news_headline:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1ea';
  padding-right: .2em;
  font-size: 1em;
  top: 0.1em;
}
#index_blog_headline {
 font-size: 20px;
 font-weight: 400;
 position: absolute;
 top: 0;
 left: 0;
 height: 50px;
 line-height: 50px;
 background-color: #B1C555;
 padding: 0 10px;
 color: #fff;
}
#index_blog_headline:before {
  font-family: "Font Awesome 5 Free";
  content: '\f5ad';
  padding-right: .2em;
  margin-left: .1em;
  font-size: 1em;
  top: 0.1em;
}

/* h3 */
.pb-widget-headline h3.pb_headline {
  position: relative;
  padding: .75em 1em;
  background-color: #B1C555;
  font-weight: 800;
}
.pb-widget-headline h3.pb_headline::before,
.pb-widget-headline h3.pb_headline::after {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}
.pb-widget-headline h3.pb_headline::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #6e7d2b;
}
.pb-widget-headline h3.pb_headline::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #6e7d2b;
}

.pb-widget-headline h3.pb_font_family_type2 {
  background-color: #e96431;
}
.pb-widget-headline h3.pb_font_family_type2::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #773e31;
}
.pb-widget-headline h3.pb_font_family_type2::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #773e31;
}

/* h4 */
.toph4 {
 clear: both;
 padding: 0;
 margin: 1.6em 0 .6em;
 color: #4F9733;
 font-size:1.6em;
}

.post_content .style4a  {
 position: relative;
 padding: .3em 0 .5em 0;
 border-bottom: 4px solid #ccc;
 margin: 3em 0 1.5em;
 color: #4F9733;
 border-left: none;
 font-size: 19px;
 font-weight: 800;
}
.style4a:after {
 position: absolute;
 bottom: -4px;
 left: 0;
 z-index: 2;
 content: '';
 width: 20%;
 height: 4px;
 background-color: #5dbd86;
}
.style4a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f3cd';
  padding-right: .2em;
  margin-left: .1em;
  font-size: 1.2em;
  top: 0.1em;
}

.post_content .style4b {
 margin: 3em 0 1em;
 padding: .1em .5em .1em .5em;
 font-weight: 800;
 font-size: 18px;
 color: #fff;
 background: #B1C555;
 border-radius: 4px;
 box-shadow: 0px 2px 0px 0px #f2f2f2;
}
.style4b:before {
 font-family: "Font Awesome 5 Free";
 content: '\f52d';
 padding-right: .1em;
 margin-left: .1em;
 font-size: 1.2em;
}
.post_content .style4b2 {
 margin: 3em 0 1em;
 padding: .1em .5em .1em .5em;
 font-weight: 800;
 font-size: 18px;
 color: #fff;
 background: #e96431;
 border-radius: 4px;
 box-shadow: 0px 2px 0px 0px #f2f2f2;
}
.style4b2:before {
 font-family: "Font Awesome 5 Free";
 content: '\f52d';
 padding-right: .1em;
 margin-left: .1em;
 font-size: 1.2em;
}

/* h5 */
.post_content .style5a {
 margin: 2.5em 0 .6em;
 padding: .9em 0 .3em;
 font-size: 18px;
 font-weight: 700;
 border-bottom: 1px dotted #5dbd86;
 color: #4F9733;
}
.style5a .fa-stack {
 top: -.2em;
}

.post_content .style5b {
 clear: both;
 position: relative;
 padding: 0;
 margin: 2.5em 0 .6em;
 color: #4F9733;
 background: none;
 box-shadow: none;
}
.style5b::before {
 font-family: "Font Awesome 5 Free";
 content: '\f02b';
 padding-right: .2em;
 margin-left: 0;
}



/* h6 */
.post_content h6 {
 font-weight: bold;
 color: #4F9733;
 font-size:  17px;
}
.post_content .style6a {
 margin: 2em 0 1em;
 font-weight: 800;
 font-size: 16px;
 color: #82ae46;
}
.style6a .fa-stack,
.style6b .fa-stack {
 top: -.2em;
}
.post_content .style6b {
 margin: 2em 0 1em;
 font-weight: 700;
 font-size: 16px;
 color: #000;
}
.style6b .fa-cash-register {
 font-size: 18px;
}


/* 特殊見出し */
.attention:before {
 font-family: "Font Awesome 5 Free";
 content: '\f06a';
 padding-right: .1em;
 margin-left: .1em;
}
.stop:before {
 font-family: "Font Awesome 5 Free";
 content: '\f05e';
 padding-right: .1em;
 margin-left: .1em;
}
.hane:before {
 font-family: "Font Awesome 5 Free";
 content: '\f56b';
 padding-right: .1em;
 margin-left: .1em;
 font-size: 1.2em;
}

/* Font Awesome */
.big {
 font-size: 1.2em 
}

/* ----------------------------------------------------------------------
ボックス装飾
---------------------------------------------------------------------- */
/* 禁止事項ボックス */
#redBox {
 padding: 10px;
 border: 2px solid red;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
#redBox .attention,
#redBox .stop {
 width: 12em;
 text-align: center;
 font-size: 16px;
 line-height: 20px;
 color: #FFFFFF;
 font-weight: bold;
 margin: 0 0 10px 0;
 padding: 4px 0 2px 0;
 background-color: red;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
}
#redBox .list2 {
 margin-bottom: 0;
}

/* 注目ボックス */
.noticeGre {
 padding: 10px;
 border: 2px solid #4F9733;
 font-size: 13px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
.noticeGry {
 padding: 10px;
 border: 2px solid #999;
 font-size: 13px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}

/* ----------------------------------------------------------------------
テーブル装飾
---------------------------------------------------------------------- */
.post_content table {
 margin: 1.2em 0 1em 0;
}
.gTable,.gTable2,.gTable3 {
 width: 100%;
 border-top: 1px #ccc solid;
 border-right: 1px #ccc solid;
 border-collapse: collapse;
 border-spacing: 0;
 line-height: 1.6em;
}
.gTable th {
 padding: 5px;
 width: 12em;
 color: #333;
 font-weight: normal;
 background-color: #F0FFD3;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 white-space: nowrap;
 text-align: center;
}
.gTable td {
 padding: 5px 10px;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 color: #333;
 text-align: left;
}
.gTable td p {
 margin-bottom: 8px;
}

.gTable2 th {
 padding: 5px 10px;
 color: #333;
 font-weight: normal;
 background-color: #F0FFD3;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 white-space: nowrap;
 text-align: center;
}
.gTable2 td {
 padding: 5px;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 color: #333;
 text-align: center;
}
.gTable2 td p {
 margin-bottom: 8px;
}

.gTable3 th {
 padding: 5px;
 color: #333;
 font-weight: normal;
 background-color: #F0FFD3;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 white-space: nowrap;
 text-align: center;
}
.gTable3 td {
 padding: 5px;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 color: #333;
}
.gTable3 td p {
 margin-bottom: 8px;
}
　
/* ----------------------------------------------------------------------
TOPページ
---------------------------------------------------------------------- */
/* スライダーの幅制限 */
#header_slider {
 background-color: #ecf5eb;
}
#header_slider .slick-list {
 width: 100%;
 max-width: 1250px;
 margin: 0 auto;
}

/* ----------------------------------------------------------------------
ウェジット関連
---------------------------------------------------------------------- */
.widget_media_image {
 width: 100%;
 margin: 0 auto 30px auto;
 text-align: center;
}
.widget_media_image h3 {
 margin: 0 0 10px 0;
 color: #B1C555;
 font-size: 16px;
}

/* ----------------------------------------------------------------------
フォームボタン
---------------------------------------------------------------------- */
.formBtn {
 text-align: center;
 margin: 4em 0 3em 0;
}
.button_Org {
border:1px solid #ff8b33; -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;font-size:23px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #FFAB6B; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAB6B), to(#FF4000));
 background-image: -webkit-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: -moz-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: -ms-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: -o-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: linear-gradient(to bottom, #FFAB6B, #FF4000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFAB6B, endColorstr=#FF4000);
}
.button_Org:hover {
 border:1px solid #ff7105;
 background-color: #FFC89E;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC89E), to(#FF6633));
 background-image: -webkit-linear-gradient(top, #FFC89E, #FF6633);
 background-image: -moz-linear-gradient(top, #FFC89E, #FF6633);
 background-image: -ms-linear-gradient(top, #FFC89E, #FF6633);
 background-image: -o-linear-gradient(top, #FFC89E, #FF6633);
 background-image: linear-gradient(to bottom, #FFC89E, #FF6633);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC89E, endColorstr=#FF6633);
}

/* ----------------------------------------------------------------------
リスト装飾
---------------------------------------------------------------------- */
.post_content li, .post_content dt, .post_content dd {
line-height: 1.8em;
}
.post_content ul { list-style: none; }

.index_box_list .image:hover img{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
}

/* 丸数字 */
ol.marusuji {
 counter-reset: my-counter;
 list-style: none;
 padding: 0;
 line-height: 1.6em;
}
.marusuji li {
 margin-bottom: 10px;
 position: relative;
}
.marusuji li:before {
 content: counter(my-counter);
 counter-increment: my-counter;
 background-color: #bada55;
 color: #fff;
 display: block;
 float: left;
 line-height: 1.5em;
 margin-left: -1em;
 margin-top: 0.2em;
 margin-right: 0.2em;
 text-align: center;
 height: 1.4em;
 width: 1.4em;
 border-radius: 50%;
}

/* リスト１ */
ul.list1 {
 margin-left: .2em;
}
.list1 li {
 position: relative;
 padding-left: 1.2em;
}
.list1 li:before {
 content:''; 
 display: block; 
 position: absolute; 
 box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
 top: 0.6em; 
 left: 0.3em; 
 height: 0; 
 width: 0; 
 border-top: 6px solid transparent;
 border-right: 7px solid transparent;
 border-bottom: 6px solid transparent;
 border-left: 9px solid #aaa;
}

/* リスト２ */
ul.list2 {
 margin-left: .2em;
}
.list2 li:before {
 font-family: "Font Awesome 5 Free";
 content: '\f138';
 font-weight: 900;
 padding-right: .2em;
 font-size: 1.1em;
}

/* リストのアイコンカラー */
.li-gray li:before { color: #999999}
.li-red li:before { color: red}
.li-midori li:before { color: #B1C555}


/* ----------------------------------------------------------------------
その他
---------------------------------------------------------------------- */
span.cap {
 line-height: 1.2em;
}

.noticeGre {
 padding: 10px;
 border: 2px solid #4F9733;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
.noticeGre p {
 margin-bottom:0px;
}
.noticeGry {
 padding: 10px;
 border: 2px solid #999;
 font-size: 13px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}

.alignleft {
 float: left;
 margin: 0 .5em .5em 0;
}

.alignright {
 float: right;
 margin: 0 0 .5em .5em;
}
.alignCenter {
 text-align: center;
}
.alignleft img,
.alignright img,
.alignCenter img {
 margin:  0;
}

/* ----------------------------------------------------------------------
フレキシブルに影響するモノ
---------------------------------------------------------------------- */
@media screen and (min-width: 836px){
.displaySP{
 display: none;
}

}


@media screen and (max-width: 835px){
.displayPC{
 display: none;
}
.displaySP p#copylight {
 line-height: 1.4em;
 padding-bottom: 10px;
}

}