@charset "utf-8";
/* サイト全体のデザイン設定 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');

body{background: #e6e6e6;}
a{color: #006837;}
a:hover,a img:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:.8;text-decoration: none;}

#head .hdon p,#head .hdwrap,#head .naviwrap .navi,
section,.thumb,
#foot .ftwrap,#foot .ft_bottom p{max-width: 1000px;margin: 0 auto;padding: 0 0.4em;}
#head .naviwrap .navi{padding: 0;}
#main{background-color: #fff;}

@media (min-width:801px){
    .pc_none{display: none !important;}
}
@media (max-width:800px){
	body{font-size: 14px;}
    .sp_none{display: none !important;}
}


/* ---------------------------------------------
	共通パーツ
--------------------------------------------- */
/********* 注釈 *********/
.red_f{color: #d30000;}

/********* 強調 *********/
.b_f{font-weight: bold;background:linear-gradient(transparent 60%, #fdf690 60%);}
.b_f2{font-weight: bold;color: #808080;}

/********* 罫線 *********/
hr{margin: 0.5em 0;border-width: 1px 0 0 0;border-style: dashed;border-color: #ccc;}

/*********改行テキスト*********/
.txt_p p,.txt_p ol{margin-bottom: 1em;}
.txt_p p:last-child,.txt_p ol:last-child{margin: 0;}

/********* ロゴ *********/
.logo{font-family: 'メイリオ', serif;font-weight: normal;display: inline-block;}
.logowrap{align-items: center;}
.logo span:nth-of-type(1){font-size: 0.6em;line-height: 1.3;}
.logo a{color: #444;text-decoration: none;}

/********* tel *********/
.tel,.fax{color: #333;}
.tel a{text-decoration: none;color: #426d2c;}

#head .tel,#foot .tel,#head .fax,#foot .fax{font-size: 1.3125em;line-height: 1.3;}
#head .tel::before,#foot .tel::before{content: "TEL:"}
#head .fax::before,#foot .fax::before{content: "FAX:"}

/********* パンくずリスト *********/
.thumb_wrap{border: 1px solid #ccc;border-left: none;border-right: none;}
.thumb{height: 30px;line-height: 30px;font-size: 0.875em;}
.thumb li{display:inline-block;}
.thumb li a{display:inline-block;}
.thumb li:after{content: "";display: inline-block;margin: 0 8px;height: 6px;border-top: 1px solid #999999;border-right: 1px solid #999999;-webkit-transform: rotate(45deg);transform: rotate(45deg);vertical-align: middle;width: 6px;}
.thumb li:last-child:after{display:none;}

/********* お問い合わせ案内ボックス *********/
.contact_box{background: #fff;padding: 1em 1em 1.5em;border: 1px solid #ccc;box-shadow: 3px 3px 0 rgba(0,0,0,0.2);max-width: 700px;margin: 0 auto;text-align: center;}
.contact_box dt{font-size: 1.125em;font-weight: bold;background: #e8edb7;padding: 0.3em 0 0.2em;}
.contact_box dd .tel{font-size: 2.25em;line-height: 1.2;margin-top: 0.5em;}
.contact_box dd .tel::before{content: "tel.";font-size: 0.7em;}
.contact_box dd .fax{font-size: 2.2em;line-height: 1.2;}
.contact_box dd .fax::before{content: "fax.";font-size: 0.7em;}
.contact_box dd .cb_b{margin-top: 0.8em;}

/********* table均等幅 *********/
.tableC{width: 100%;margin: 0 auto;border-collapse: collapse;table-layout: fixed;}
.tableC th,.tableC td{border: solid 1px #b3b3b3;padding: 0.8em;box-sizing: border-box;}
.tableC th{text-align: center;background: #e8edb7;font-weight: normal;}

/********* tableレスポンシブ *********/
.tableR{width: 100%;margin: 0 auto;border-collapse: collapse;}
.tableR th{width: 30%;}
.tableR th,.tableR td{border: solid 1px #b3b3b3;padding: 0.8em;box-sizing: border-box;}
.tableR th{text-align: center;background: #e8edb7;font-weight: normal;}
@media (max-width:800px){
    .tableR{border: solid 1px #b3b3b3;}
    .tableR th{font-weight: bold;}
    .tableR th,.tableR td{display: block;width: 100%;text-align: left;border: none;}
}

/********* tableデザイン *********/
.t_design{border-spacing: 0.2em;border-collapse: separate;}
.t_design th,.t_design td{border: none;}
.t_design th{background: #e8edb7;font-weight: bold;}
.t_design td{background: #f2f2f2;}
@media (max-width:800px){
    .t_design{border-collapse: collapse;}
    .t_design td{background: #fff;}
}

/********* flexbox *********/
@media (min-width:801px){
    .flex{display: flex;}
    .flex .imgwrap{flex-shrink: 0;}
    .flex .txtwrap{flex-grow: 1;}
    .flex>*:first-child{margin-right: 1em;}
}
@media (max-width:800px){
    .flex .imgwrap{text-align: center;}
    .flex>*:first-child{margin-bottom: 1em;}
}

/********* flexbox 逆順 *********/
@media (min-width:801px){
    .flex_rr{display: flex;flex-direction: row-reverse}
    .flex_rr .imgwrap{flex-shrink: 0;}
    .flex_rr .txtwrap{flex-grow: 1;}
    .flex_rr>*:first-child{margin-left: 1em;}
}
@media (max-width:800px){
    .flex_rr .imgwrap{text-align: center;}
    .flex_rr>*:first-child{margin-bottom: 1em;}
}

/********* ボタン *********/
.button{display: inline-block;color: #fff;text-decoration: none;transition: .2s;box-shadow: 3px 3px 0 rgba(0,0,0,0.2);background: #5aa542;text-align: center;min-width: 180px;}
.button span{display: inline-block;padding: 0.55em 1.5em 0.45em calc(1.8em + 14px);background: url(../image/icon_button.png) no-repeat left 1.5em center/14px 15px;font-weight: bold;}
.button:hover,a.button:hover{opacity: 1;background: #3a7727;box-shadow: none;cursor: pointer;}

.button.mail{border-radius: 5px;}
.button.mail span{padding: 0.45em 1.5em 0.35em calc(1.8em + 27px);background: url(../image/icon_mail.png) no-repeat left 1.5em center/27px 21px;}
@media (max-width: 800px){
    .button.mail span{padding: 0.65em 1.5em 0.5em calc(1.8em + 27px);}
}

/********* PDFリンクボタン *********/
.pdf_button{display: inline-block;color: #333;text-decoration: none;border: 1px solid #808080;padding: 1em 1em 0.5em calc(56px + 1em);box-sizing: border-box;background:#f2f2f2 url(../image/icon_pdf.png) no-repeat center left 0.5em / 56px 67px;min-height: calc(67px + 1em);text-align: left;}
.pdf_button b{display: block;font-size: 1.125em;}

/********* エクセルファイルリンクボタン *********/
.excel_button{display: inline-block;color: #333;text-decoration: none;border: 1px solid #808080;padding: 1em 1em 0.5em calc(56px + 1em);box-sizing: border-box;background:#f2f2f2 url(../image/icon_excel.png) no-repeat center left 0.5em / 56px 68px;min-height: calc(67px + 1em);text-align: left;}
.excel_button b{display: block;font-size: 1.125em;}

/********* 見出し *********/
.heading_1{max-width: 670px;margin: 0 auto 0.5em;padding: 0.15em 0 0.2em;text-align: center;font-family: 'メイリオ', serif;font-weight: normal;font-size: 1.75em;color: #20540d;border: 3px solid #acd2a0;border-left: none;border-right: none;position: relative;}
.heading_1::after{content: "";display: block;width: 100%;height: calc(100% - 8px);position: absolute;top: 3px;left: 0;border: 1px solid #acd2a0;border-left: none;border-right: none;}

.heading_2{margin-bottom: 0.5em;padding: 0 0 0.2em;font-family: 'メイリオ', serif;font-weight: normal;font-size: 1.75em;color: #20540d;border-bottom: 3px solid #acd2a0;position: relative;}
.heading_2::after{content: "";display: block;width: 100%;height: calc(100% - 4px);position: absolute;top: 0;left: 0;border-bottom: 1px solid #acd2a0;}

.heading_3{font-size: 1.5em;font-family: 'メイリオ', serif;font-weight: normal;color: #20540d;border-bottom: solid 2px #ccc;position: relative;margin-bottom: 0.5em;}
.heading_3::after{position: absolute;content: " ";display: block;border-bottom: solid 2px #5aa542;bottom: -2px;width: 50px;}

.heading_4{font-size: 1.125em;font-weight: bold;color: #426d2c;margin-bottom: 0.5em;}
.heading_4 span{display: inline-block;border-bottom: 3px solid #acd2a0;}

.heading_5{font-size: 1.125em;font-weight: bold;color: #426d2c;line-height: 1.3;margin-bottom: 0.2em;}

.heading_6{font-size: 1.25em;font-weight: bold;color: #f15a24;margin-bottom: 0.5em;background: #ffeecc;border-left: 10px solid #f7931e;padding: 0.4em 0.5em 0.3em;}

/********* ボックス *********/
.box1{background: rgba(255,255,255,0.8);padding: 1em;box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}

.box2{background: #fff;padding: 1em;box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}

.box3{background: #fff;padding: 1em;box-shadow: 3px 3px 0 rgba(0,0,0,0.2);}

.box4{background: #fff;padding: 1em;border: 1px solid #ccc;box-shadow: 3px 3px 0 rgba(0,0,0,0.2);}

.box5{background: #fff;padding: 1em;text-align: center;}

.box6{background: #fff;padding: 1em 2em 2.5em;margin: 20px 0;border: 1px solid #ccc;position: relative;}
.box6::before{content: "";width: 150px;height: 108px;background: url(../image/box6_tr.png) no-repeat center;position: absolute;top: -20px;right: -20px;}
.box6::after{content: "";width: 150px;height: 108px;background: url(../image/box6_bl.png) no-repeat center;position: absolute;bottom: -20px;left: -20px;}

/********* タブ *********/
.tabcont{display: none;}
.tabcont.active{display: block;}
.tab{display: flex;justify-content: space-between;border-bottom: 5px solid #f7931e;}
.tab li{width: 100%;margin-right: 0.4em;padding: 0.6em 0.2em 0.4em 0.2em;background: #dcdcdc;cursor: pointer;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.tab li:last-child{margin: 0;}
.tab li.active{background: #f7931e;color: #fff;}
@media (max-width:800px){
    .tab li{font-size: 9px;}
}

/* ---------------------------------------------
	更新情報
--------------------------------------------- */
.newsbox li{display: flex;border-bottom: 1px dotted #bbb;padding: 0.5em 0;}
.newsbox li>span{display: block;flex-shrink: 0;width: 6.5em;}
.newsbox li>p{flex-grow: 1;}

.newsbox li a::after,.news dt p::after{color: #fff;display: inline-block;font-size: 0.875em;margin-left: 0.5em;line-height: 1; padding: 0.3em 0.5em 0.2em;}
.newsbox li a.update::after,.news dt.update p::after{content: "更新";background: #f15a24;}
.newsbox li a.notice::after,.news dt.notice p::after{content: "お知らせ";background: #006837;}
.newsbox li a.support::after,.news dt.support p::after{content: "サポート";background: #0071bc;}

/*NEW*/
li.new a::after{content: "NEW";color: #d30000;margin-left: 0.5em;font-weight: normal;}

/* ページャー */
.pagelist{text-align: center;}
.pagelist>p{margin: 0.4em 0;}
.pagelist a{text-decoration: none;color: #4d4d4d;background-color: #fff;padding: 0.2em 0.7em;color: #4d4d4d;border: 1px solid #888;border-radius: 5px;display: inline-block;}
.pagelist a:hover{background-color: #CCC;opacity: 1;}
.pagelist span{background-color: #888;border: 1px solid #888;color: #fff;padding: 0.2em 0.7em;border-radius: 5px;}
@media (max-width:767px){
    .pagelist{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .pagelist>p{flex-basis: 100%;}
    .pagelist a{display: none;}
    .pagelist span{flex-grow: 1;background: none;border: none;color: #f2f2f2;}
    .pagelist a[title~="previous"],.pagelist a[title~="next"]{display: inline-block;flex-shrink: 0;}
    .pagelist a[title~="previous"]::after,.pagelist a[title~="next"]::after{content: "のページへ";}
}

/* お知らせ画像 */
.news_image{margin: 1em auto;display: block;}

/* ---------------------------------------------
	サービス一覧
--------------------------------------------- */
.service_list li{margin-bottom: 1.5em;}

.service_list li a{display: flex;align-items: center;position: relative;padding: 1.2em 1.5em 1em;text-decoration: none;overflow: hidden;transition: .4s;}
.service_list li a::before, .service_list li a::after{content: '';width: 20px;height: 100%;position: absolute;border: 3px solid #acd2a0;box-sizing: border-box;}
.service_list li a::before{border-right: none;top: 0;left: 0;}
.service_list li a::after{border-left: none;top: 0;right: 0;}

.service_list li a:hover{opacity: 1;background: #acd2a0;border-radius: 15px;}

.service_list li .imgwrap{flex-shrink: 0;margin-right: 1em;}
.service_list li .imgwrap img{width: 113px;}
.service_list li .txtwrap{flex-grow: 1;width: 100%;}
.service_list li .txtwrap p{color: #444;}

@media (min-width:801px){
    .service_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .service_list li{width: calc(50% - 0.7em);flex-shrink: 0;}
}

/* ---------------------------------------------
	ヘッダー
--------------------------------------------- */
#head a{text-decoration: none;}
#head{background: #fff;}

#head .hdon{background: #e6e6e6;}
#head .hdon p{font-size: 0.875em;}

#head .hdwrap{display: flex;align-items: center;justify-content: space-between;position: relative;}
#head .hdwrap h1{flex-shrink: 0;}
#head .hdwrap .hd_tel{padding-top: 1em;padding: 1.8em 0 0.4em;}
#head .hdwrap .button.mail{position: absolute;right: 0.4em;top: -1em;}

#head .naviwrap{background-color: #5aa542;color: #fff;position: relative;z-index: 998;}
#head .navi ul{display: flex;box-sizing: border-box;height: 50px;}
#head .navi ul>li{flex-basis: 20%;border-right: 1px solid rgba(255,255,255,0.3);color: #fff;}
#head .navi ul>li:first-child{border-left: 1px solid rgba(255,255,255,0.3);}
#head .navi ul>li a{color: #fff;height: 100%;}
#head .navi ul>li p small{font-size: 1em;}
#head .navi ul>li a:hover{opacity: 1;}

@media (min-width:801px){
    #head .naviwrap{box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
    #head .navi ul>li p{height: 100%;width: 100%; display: flex;flex-direction: column;justify-content: center;align-items: center;background-position: left center;cursor: pointer;transition: .2s;}
    #head .navi ul>li p:hover{background: #3a7727;}
    /*ドロップダウン*/
    #head .navi_lv1{position: relative;}
    #head .navi ul>li .in_navi a{color: #fff;display: flex;align-items: center;justify-content: flex-start;padding-left: 1em;}
    #head .navi ul>li .in_navi a:hover{background: #3a7727;}
    #head .in_navi{
        box-sizing: border-box;
        width: 150%;position: absolute;top: 52px;left: 0;z-index: 98;visibility: hidden;opacity: 0;
        background: #5aa542;box-shadow: 0 5px 6px -3px rgba(0,0,0,0.3);transition: all .2s ease;}
    #head .in_navi li{height: 2.5em;border-top: 1px solid rgba(255,255,255,0.3);}
    #head .navi_lv1:hover .in_navi{visibility: visible;opacity: 1;top:52px;}

}

/*スクロール固定*/
#head .naviwrap.is-fixed{width: 100%;position: fixed;top: 0;left: 0;z-index: 998;}

@media (max-width:800px){
    #head{height: 60px;}
    #head .hdwrap h1{font-size: 1.85em;}
    #head .navi{display: none;}
    /*スクロール固定*/
    #head .naviwrap.is-fixed{border: none;}
    /******ハンバーガーメニュー******/
    #head .navi{margin: 0;position: fixed;overflow-y: auto;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background-color: #5aa542;text-align: center;}
    #head .navi ul{display: block;padding: 40px 0 0;}
    #head .navi ul li{border-right: none;border-bottom: 1px solid rgba(255,255,255,0.3);text-align: center;width: 100%;}
    #head .navi ul>li:first-child{border-left: none;border-bottom: 1px solid rgba(255,255,255,0.3);}
    #head .navi ul>li a{padding: 1em;display: block;}
    #head .navi ul>li.hdbutton a{font-size: 1em; color: #fff;padding: 0.5em 1em;display: inline-block;}
    
    #head .navi ul p::after{content: none;}
    #head .navi ol>li:last-child{border:none;}
    /******ハンバーガーメニューボタン******/
    #navi_button{z-index: 1000;cursor: pointer;position: fixed;background-color: #5aa542;height: 60px;box-sizing: border-box;padding: 1.6em 1em 0em;top: 0;right: 0;}
    #navi_button p{position: absolute;top: 2px;left: 0;width: 100%;text-align: center;color: #fff;font-size: 0.875em;}
    #navi_button .cp_bar,
    #navi_button:before,
    #navi_button:after {
        display: block;width: 30px;height: 5px;content: '';-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;background-color: #fff;}
    #navi_button .cp_bar{position: relative;margin: 5px 0;}
    #navi_button.cp_bar_on .cp_bar {transform: scale(0);}
    #navi_button.cp_bar_on:before {transform: translateY(10px) rotate(135deg);}
    #navi_button.cp_bar_on:after {transform: translateY(-10px) rotate(-135deg);}

}

/* ---------------------------------------------
	フッター
--------------------------------------------- */
#foot{background:#e8e8e8; padding-top: 50px;}
#foot a{text-decoration: none;}

#foot .ftwrap{padding-bottom: 1em;}
#foot .ftwrap .ft_navi{margin-bottom: 1.2em;color: #426d2c;}
#foot .ftwrap .ft_navi a{color: #426d2c;display: inline-block;position: relative;padding-left: 12px;}
#foot .ftwrap .ft_navi a:hover{opacity: 1;text-decoration: underline;}
#foot .ftwrap .ft_navi a::before{
    content: '';width: 0;height: 0;position: absolute;top: 0.75em;left: 0;margin-top: -0.5em;
    border-style: solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #426d2c;}
#foot .ftwrap .ft_navi dt{font-weight: bold;border-bottom: 2px solid #fff;}
#foot .ftwrap .ft_navi dd{font-size: 0.875em;}
#foot .ftwrap .ft_navi ul{border-left: 2px solid #fff;margin-left: 1.2em;padding-left: 0.8em;padding-top: 0.5em;}
#foot .ftwrap .ft_navi_in{display: flex;justify-content: space-between;}
#foot .ftwrap .ft_navi_in ul{width: 100%;flex-basis: calc(50% - 2em - 2px);flex-shrink: 0;}

#foot .ft_bottom{background: #e6e6e6;}
#foot .ft_bottom p{font-size: 0.875em;text-align: center;padding: 0.2em 0;}

@media (min-width:801px){
    #foot .ftwrap .ft_navi{display: flex;justify-content: space-between;}
    #foot .ftwrap .ft_navi dl{width: 100%;flex-basis: calc(50% - 1em);flex-shrink: 0;}
    #foot .ftwrap .ft_data{display: flex;justify-content: space-between;}
}
@media (max-width:800px){
    .ft_data{text-align:center;}
    #foot .ftwrap .ft_navi dl:first-child{margin-bottom: 1em;}
    #foot .button.mail{display: block;}
}

/* ---------------------------------------------
	page-top
--------------------------------------------- */
#main{position: relative;}
#page-top{position:fixed;bottom:30px;right:0;z-index: 996;}
#page-top a{width:85px;height:75px;display:block;text-indent:-9999px;overflow:hidden;background:url(../image/page_top.png) no-repeat left top}
@media (max-width:1200px){
    #page-top{display: none !important;}
}


.bosyu{
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.pdf_tab{
/*    height:100px;*/
    width:300px;   
}
@media(max-width:768px){
    .pdf_tab {
    width: 100%;
}
}

.foot_logo img{
 width:50px;
}