html {
 overflow-y: scroll;
}

body {
margin:0 auto;
padding:0;
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
margin:0 auto;
}

div:after,
ul:after {
 content: "";
display: block;
 clear: both;
}

ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

a img {
    transition: opacity 0.1s linear;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.container {
    max-width: 1200px !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
padding-left:0px!important;
padding-right:0px!important;
}

/*side fix*/

.sidefix{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 10;
}



/* To Top */
.toTop-nav {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
  z-index: 999; }
  .toTop-nav li {
    list-style-type: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    text-align: center; }
    .toTop-nav li:first-child {
      margin-right: 10px; }
    .toTop-nav li a {
      display: block;
      width: 50px;
      height: 50px;
      font-size: 30px;
      line-height: 50px; }
      .toTop-nav li a {
        color: #fff;
        text-decoration: none; }
        .toTop-nav li a:visited {
          color: #fff; }
        .toTop-nav li a:hover {
          color: #fff;
          text-decoration: underline; }
        .toTop-nav li a:active, .toTop-nav li a:focus {
          color: #fff; }
      .toTop-nav li a:hover {
        text-decoration: none; }



/*汎用*/
.ex10{padding-top:10px;padding-bottom:10px;}
.ex20{padding-top:20px;padding-bottom:20px;}

.ext5{padding-top:5px;}
.ext10{padding-top:10px;}
.ext15{padding-top:15px;}
.ext20{padding-top:20px;}
.ext30{padding-top:30px;}
.ext50{padding-top:50px;}
.ext5m{margin-top:5px;}
.ext6m{margin-top:6px;}
.ext7m{margin-top:7px;}
.ext10m{margin-top:10px;}
.ext15m{margin-top:15px;}
.ext20m{margin-top:20px;}
.ext30m{margin-top:30px;}
.ext50m{margin-top:50px;}

.exb5{padding-bottom:5px;}
.exb10{padding-bottom:10px;}
.exb15{padding-bottom:15px;}
.exb20{padding-bottom:20px;}
.exb30{padding-bottom:30px;}
.exb50{padding-bottom:50px;}
.exb10m{margin-bottom:10px;}
.exb15m{margin-bottom:15px;}
.exb20m{margin-bottom:20px;}
.exb30m{margin-bottom:30px;}
.exb50m{margin-bottom:50px;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 992px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc2 { display: block !important; }
.sp2 { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1200px) {
.pc2 { display: none !important; }
.sp2 { display: block !important; }
}


/*　[≡]メニュー　*/
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 20px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -250px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 250px; /*メニュー横幅*/
    z-index: 1000;
}

#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    background-color: #fff; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px; /*アイコン縦高さ*/
    line-height: 50px; /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-250px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}

/*　[≡]メニューEND　*/






/*ヘッダ*/

.hd_left{
padding:15px 0;
}

.hd_right{
position:relative;
}

.expos1{
position:absolute;
right:0;
bottom:0px;
}

/*グローバルメニュー*/

.global-navi li{
float:left;
padding:0px 5px 2px;
border-right:1px solid #999;
}

.global-navi li:last-child{
border-right:0px;
}


/*メインエリア*/

.main_area{
text-align:center;
background-color: #d7eab1;
}

.mid_area{
background-color: #d7eab1;
padding:15px 0px;
}

.main_mid{
text-align:center;
}

/*新着*/

.bnr_big{
    margin: 6px;
    border: 1px solid #CCC;
    width: 98%;
}

.low_area{
margin:20px 0px;
}

.news_area,
.news_area2{
border:2px solid #8dc21f;
padding: 20px 20px 15px;
margin: 6px;
background: #FFF;
border-radius: 5px;
box-shadow: 0 0px 20px rgba(0,0,0,0.2);
}
.news_area dl{
border-top:1px solid #CCC;
margin:15px 0px 0px;
padding:15px 0px 0px;
}
.news_area2 dl{
margin-bottom:0px;
}

.news_area dt,
.news_area2 dt{
float:left;
}
.news_area dd,
.news_area2 dd{
margin-left:120px;
}

.news_area a,
.news_area2 a,
.news_area a:hover,
.news_area2 a:hover{color:#006934;}

/*ボタンエリア*/

.btn_area{
text-align:center;
}
.btn_area a{
background-color:#8dc21f;
border-radius: 5px;
color:#000;
display:inline-block;
margin: 6px;
padding:25px 0px;
position:relative;
width:95%;
    transition: background-color 0.1s linear;
    transition: color 0.1s linear;
}
.btn_area a:hover{
color:#FFF;
    background-color: green;
}

.human_icon a:before{
font-family: "Font Awesome 5 free";
content: "\f007";
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     left: 25px;
}
.mail_icon a:before{
font-family: "Font Awesome 5 free";
content: "\f0e0";
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     left: 25px;
}
.tel_icon a:before{
font-family: "Font Awesome 5 free";
content: "\f095";
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     left: 25px;
}
.btn_area a:after{
font-family: "Font Awesome 5 free";
content: "\f105";
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     right: 10px;
}
.bnr_area{
margin: 6px;
}

@media only screen and (max-width: 768px) {
.bnr_area img{
width:100%;
}
}

/*フッタ*/
.ft_area{
color:#FFF;
text-align:left;
background-image:url("/images/ft_bg.png");
}

.ft_inner{
padding:20px 0px;
}

@media only screen and (max-width: 992px) {
.ft_area{
font-size:12px;
}
}

/*copyright*/

.copyright{
background-color:#f7f1e0;
border-top:1px solid #FFF;
padding:10px 0px;
font-size:0.8em;
text-align:right;
}
.cp_inner_A{
text-align:left;
}
.cp_inner_A a{
color:#000;
}
.cp_inner_A a:hover{
color:#000;
}



@media only screen and (max-width: 768px) {
.tplogo{padding-left:15px; padding-right:80px;}
.mid_area{background-color: #d7eab1;padding:5px 0px;}
.main_mid{padding:5px;}
.main_mid1{text-align:center;}
.main_mid2{text-align:center;}
.news_area dt{float:none;}
.news_area dd{margin-left:10px;}
.news_area2 dt{float:none;}
.news_area2 dd{margin-left:10px;}
.btn_area a{padding:10px 0px;}
.low_area{margin:10px 0px;}
.ft_area{background-image:url("/images/ft_bg2.png");}
.ft_inner{padding-left:15px;}
.copyright{padding-right:0px;padding-bottom:70px;}
.cp_inner_A {border-bottom:1px solid #666;}
.cp_inner_A a{padding:5px 0px 15px 15px;display:inline-block;width:100%;}
.cp_inner_A a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
    top: 0: bottom: 0;
    right: 10px;
}
.cp_inner_B {padding:15px;}
}


/*下位ページ*/

.sub_area{
margin:20px 0px;
}

.title_area{
padding:27px 0px 25px;
}
.title_area h3{
font-size:1.7em;
font-weight:bold;
line-height:1.1em;
}
.icon_01:before {
    content: url(/images/icon_01_lar.png);
    position: relative;
    top: 5px;
}
.icon_02:before {
    content: url(/images/icon_02_lar.png);
    position: relative;
    top: 5px;
}
.icon_03:before {
    content: url(/images/icon_03_lar.png);
    position: relative;
    top: 5px;
}
.icon_04:before {
    content: url(/images/icon_04_lar.png);
    position: relative;
    top: 5px;
}
.icon_05:before {
    content: url(/images/icon_05_lar.png);
    position: relative;
    top: 5px;
}
.icon_06:before {
    content: url(/images/icon_06_lar.png);
    position: relative;
    top: 5px;
}
.icon_07:before {
    content: url(/images/icon_07_lar.png);
    position: relative;
    top: 5px;
}
.icon_08:before {
    content: url(/images/icon_08_lar.png);
    position: relative;
    top: 5px;
}

.side_area{}
.side_head{
background-color:#8dc21f;
padding:10px 0px 10px 10px;
width:100%;
}
.side_head h5{
color:#FFF;
font-weight:bold;
font-size:1.2em;
margin:0;
}
.side_head h5:before {
    content: url(/images/icon_01_w.png);
    position: relative;
    top: 3px;
}
.exline_sub ul{
border-top:5px solid #8dc21f;
}


.side_menu a{
background-color:#FFF;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
color:#000;
display:inline-block;
padding:10px 10px 10px 18px;
position:relative;
width:100%;
    transition: background-color 0.1s linear;
/*    transition: color 0.2s linear;*/
}
.side_menu a:hover{
color:#111;
    background-color: #e3f0c7;
}
.side_menu a:after{
font-family: "Font Awesome 5 free";
content: "\f105";
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     right: 10px;
}

.subtitle_area{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
text-align:center;
margin:0px 20px;
}
.subtitle_area:nth-child(n+2){
margin:50px 20px 0px;
}

.subtitle_area h4{
border-top:3px solid #006934;
display:inline-block;
padding:10px 0px 10px;
margin:0 auto;
}

.subtitle_area2{
text-align:center;
margin:0px 20px;
}
.subtitle_area2 h5{
color:#006934;
font-size:1.15em;
font-weight:bold;
text-align:center;
}


.subcont_area{
margin:20px 20px 0px;
}
.subcont_area2{
margin:20px 0px 0px;
}
.subcont_area p,
.subcont_area2 p{
text-indent:1em;
line-height:1.5em;
}


/*会社概要など*/

.comp_dls{
padding:15px 50px;
}
.comp_dls dl{
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
margin-bottom:0px;
}
.comp_dls dl:last-child{
border-bottom:1px solid #CCC;
}

.comp_dls dt{
font-weight:normal;
float:left;
padding:10px;
}
.comp_dls dd{
border-left:1px solid #CCC;
margin-left:120px;
margin-bottom:0px;
padding:10px;
}



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

.comp_dls{
padding:10px;
}
.comp_dls dt{
float:none;
}
.comp_dls dd{
border-left:none;
margin-left:1em;
padding-top:0px;
}

}

/*お問い合わせ*/

.submit_btn{
text-align:center;
}

.mail_form dt{
position:relative;
}

.need{
color:#FF3333;
margin-left:15px;
}

.privacy p{
line-height:1.8em;
}

.privacy dd{
margin-left:1em;
line-height:1.8em;
}


/*バックナンバー*/

.backNo a{

}


.backNo{
text-align:center;
}
.backNo a{
background-color:#8dc21f;
border-radius: 5px;
color:#000;
display:inline-block;
margin: 6px;
padding:25px 0px;
position:relative;
width:95%;
    transition: background-color,color 0.1s linear;
}
.backNo a:hover{
color:#FFF;
    background-color: green;
}

.backNo a:after{
font-family: "Font Awesome 5 free";
content: "\f105";
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     right: 10px;
}


/*more*/

.more{
text-align:right;
}




/*グローバルメニュー2*/

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

.global-navi li a{
padding:10px 10px 10px 20px;
display:block;
width:100%;
}
.global-navi li:nth-child(-n+4){
display: flex;
width : calc(100% / 4) ;
}
.global-navi li:nth-child(n+5){
display: flex;
width : calc(100% / 4) ;
border-top:1px solid #999;
}
.global-navi li:nth-child(4){
border-right:0px;
}

}


/*
@media only screen and (max-width: 768px) {

.global-navi li a{
padding:10px 5px 10px 5px;
}

.global-navi li:nth-child(1){
width : 27%;
}
.global-navi li:nth-child(2){
width : 28%;
}
.global-navi li:nth-child(3){
width : 45%;
}


.global-navi li:nth-child(4){
width : 44%;
border-top:1px solid #999;
}
.global-navi li:nth-child(5){
width : 28%;
border-top:1px solid #999;
}
.global-navi li:nth-child(6){
width : 28%;
border-top:1px solid #999;
}




.global-navi li:nth-child(7),
.global-navi li:nth-child(8){
width : calc(100% / 2) ;
border-top:1px solid #999;
}

.global-navi li:nth-child(4){
border-right:1px solid #999;
}
.global-navi li:nth-child(3),
.global-navi li:nth-child(6),
.global-navi li:nth-child(8){
border-right:0px;
}

}
*/


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

.global-navi li a{
padding:10px 3px 10px 3px;
}

.global-navi li:nth-child(1){
width : 50%;
}
.global-navi li:nth-child(2){
width : 50%;
}
.global-navi li:nth-child(3){
width : 50%;
border-top:1px solid #999;
}
.global-navi li:nth-child(4){
width : 50%;
border-top:1px solid #999;
}
.global-navi li:nth-child(5){
width : 50%;
border-top:1px solid #999;
}
.global-navi li:nth-child(6){
width : 50%;
border-top:1px solid #999;
}
.global-navi li:nth-child(7){
width : 50%;
border-top:1px solid #999;
}
.global-navi li:nth-child(8){
width : 50%;
border-top:1px solid #999;
}

.global-navi li:nth-child(2),
.global-navi li:nth-child(4),
.global-navi li:nth-child(6){
border-right:0px;
}

.global-navi li:nth-child(3){
border-right:1px solid #999;
}

}