/*
Theme Name: YE-LE
Version: 1.1
*/

html {
     font-size: 62.5%; 
}

body{
    background: #EDEDED;
    letter-spacing: 0.05em;
    font-family: 'Noto Sans JP','Poppins','Open Sans', sans-serif;
    color: #222222;
    position: relative;
}

body.active{
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}

.inner{
    width: 1100px;
    max-width: 1100px;
    margin: 0 auto;
}

.br_sp{
    display: none;
}

@media screen and (min-width: 1140px) {
    .br_tab{
        display: none;
    }
}

/* ヘッダー */

header{
    background: #fff;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}

.h_wrapper{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    height: 85px;
    justify-content: space-between;
    align-items: center;
}

.h1{
    margin: 0 0 15px;
	font-size: 1rem;
}

.h_logo{
    width: 88px;
}

.h_r{
    display: flex;
}

.sp_nav{
    display: none;
}

.g_nav{
    padding: 30px 0 0;
}

.g_nav_list{
    display: flex;
    font-size: 1.6rem;
}

.g_nav_item{
    position: relative;
    margin: 0 30px 0 0;
}

.g_nav_item:hover{
    color: #EE7100;
}

.g_nav_item:hover.nav_item_service::after{
    background-image: url(./img/tab_icon_h.svg);
}

.g_nav_item:first-child{
    margin: 0 50px 0 0;
}

.g_nav_item:last-child{
    margin: 0;
}

.nav_item_service::after{
    content: "";
    position: absolute;
    top: 5px;
    right: -20px;
    background-image: url(./img/tab_icon.svg);
    background-size: cover;
    width: 15px;
    height: 14px;
    background-repeat: no-repeat;
}

.nav_item_service::before{
    content: "SERVICE";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
}

.nav_item_function::before{
    content: "FUNCTION";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
}

.nav_item_case::before{
    content: "CASE";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
}

.nav_item_merit::before{
    content: "MERIT";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
}

.nav_item_tips::before{
    content: "TIPS";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
}

.h_btn{
    margin: 0 0 0 40px;
}

.h_btn a{
    display: block;
}

.contact{
    color: #fff;
    font-size: 1.2rem;
    width: 156px;
    height: 30px;
    background: #EE7100;
    border-radius: 5px;
    margin: 0 0 5px 0;
    padding: 0 30px 0;
    line-height: 30px;
    text-align: right;
    position: relative;
    font-weight: bold;
}

.contact::before{
    content: "";
    display: block;
    width: 12px;
    height: 10px;
    background-image: url(./img/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.contact:hover{
   opacity: .8;
}

.doc_dl{
    color: #fff;
    font-size: 1.2rem;
    width: 156px;
    height: 30px;
    background: #1664E0;
    border-radius: 5px;
    padding: 0 20px 0;
    line-height: 30px;
    text-align: right;
    position: relative;
    font-weight: bold;
}

.doc_dl::before{
    content: "";
    display: block;
    width: 12px;
    height: 13px;
    background-image: url(./img/doc.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.doc_dl:hover{
    opacity: .8;
 }

 /* 左右レイアウト */
 .flex_box{
    display: flex;
    justify-content: space-between;
 }

/* メイン */

 main{
    width: 65%;
    max-width: 720px;
    margin: 50px 0 60px 0;
 }

 .banner_wide{
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
 }

 .banner_wide:hover{
    opacity: .8;
 }

 .bn_sp{
    display: none;
 }

 .posts_wrap{
    margin: 40px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }

 .post{
    width: 345px;
    margin: 0 0 30px 0;
    box-sizing: border-box;
 }

 .post_container{
    margin: -2px 0 0;
    background: #fff;
    padding: 20px;
    border-radius: 0 0 10px 10px;
 }

 .post_link:hover.post_link img{
    opacity: .8;
 }

 .post_link img{ 
    border-radius: 10px 10px 0 0;
	 height: auto;
 }

 .post_category{
    color: #6E6E73;
    font-size: 12px;
    font-weight: 500;
 }

 .post-categories li a:hover{
    color: #EE7100;
 }

 .post_title{
    font-size: 1.6rem;
    font-weight: bold;
    margin: 15px 0 20px;
    line-height: 1.5;
 }

 .post_title:hover{
    color: #EE7100;
 }

 .post_date{
    color: #6E6E73;
    font-size: 1.0rem;
    font-family: 'poppins';
    position: relative;
    padding: 0 0 0 15px;
    display: block;
 }

 .post_date::before{
    content: "";
    width: 10px;
    height: 12.5px;
    background-image: url(./img/reload.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
 }


 /* サイドバー */

 .sidebar{
    width: 30%;
    max-width: 330px;
    margin: 50px 0 0;
 }

/* バナー */
 .banner_square:hover{
    opacity: .8;
 }

 /* 検索バー */
.search{
    background: #fff;
    position: relative;
    height: 55px;
    border-radius: 5px;
    margin: 30px 0 0;
    color: #B7B7B7;
    align-items: center;
    font-size: 1.6rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.searchtext{
    padding: 15px;
    width: 100%;
    text-align: left;
}

.searchsubmit{
    background: #EE7100;
    border-radius: 0 5px 5px 0;
    background-size: 21px;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    width: 53px;
    height: 55px;
    display: inline-block;
}

.search_result{
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.searchsubmit img{
    width: 21px;
    margin: 0 auto;
    display: block;
}

/* カテゴリー */
.widget_container{
    margin: 30px 0 0;
    background: #fff;
    border-radius: 5px;
}

.widget_title{
    color: #fff;
    background: #EE7100;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 5px 5px 0 0;
}

.cat_box{
    padding: 0px 20px 5px 20px;
}

.cat_item a{
    font-size: 1.4rem;
    font-weight: 400;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #D3D3D3;
}

.b_n{
    border: none!important;
}

.cat_item_children li a{
    font-size: 1.3rem;
    display: block;
    padding: 10px 0 10px 42px;
    position: relative;
}

.cat_item_children li a::before{
    content: "";
    background: #D3D3D3;
    height: 2px;
    width: 12px;
    position: absolute;
    top: 50%;
    left: 20px;
}

.cat_item a:hover{
    color: #EE7100;
    text-decoration: underline;
}

/* おすすめ記事 */

.post_list_inner{
    padding: 15px 20px;
    display: flex;
    align-items: center;
}

.widget_post_list{
    border-bottom: 1px solid #D3D3D3;
}

.widget_post_list:hover{
    color: #EE7100;
    text-decoration: underline;
}

.widget_post_list:last-child{
    border-bottom: none;
}

.post_list_thumb{
    width: 100px;
    height: 57px;
    display: inline-block;
}

.post_list_thumb img{
    border-radius: 5px;
}

.post_list_tit{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.8;
    margin: 0 15px 0 0;
    width: 175px;
    display: inline-block;
}

/* タグ */
.widget_tag_container{
    padding: 20px;
}

.widget_tag_container li{
    display: inline-block;
}

.tag_deco a{
    font-size: 1.2rem;
    font-weight: bold;
    color: #6E6E73;
    background: #EAEAEA;
    border-radius: 14px;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
    display: inline-block;
}
.tag_deco a:hover{
    color: #fff;
    background: #6E6E73;
}

.widget_tag_container li a{
    font-size: 1.2rem;
    font-weight: bold;
    color: #6E6E73;
    background: #EAEAEA;
    border-radius: 14px;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
    display: inline-block;
}

.wp-block-post-terms__separator{
    display: none;
}

.widget_tag_container li a:hover{
    color: #fff;
    background: #6E6E73;
}

/* LINEバナー */
.widget_line{
    display: block;
    margin: 30px 0 0;
}

.widget_line:hover{
    opacity: .8;
}

.sticky{
    position: sticky;
    top: 110px;
    left: 0;
}

/* お問い合わせ */
.widget_contact{
    background: #fff;
    border-radius: 5px;
    padding: 25px 30px;
    text-align: center;
    margin: 30px 0 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.widget_contact_tit{
    font-size: 2.6rem;
    font-weight: bold;
    padding: 40px 0 0;
    position: relative;
}

.widget_contact_tit::before{
   content: "";
   background: url(./img/contact_mail.svg);
   background-repeat: no-repeat;
   background-size: contain;
   width: 30px;
   height: 24px;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
}

.widget_contact_lead{
    font-size: 1.2rem;
    margin-top: 8px;
}

.widget_contact_mail a{
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #EE7100;
    padding: 10px 60px;
    border-radius: 23px;
    display: block;
    margin: 10px 0 0 0;
    letter-spacing: 0.05em;
}

.widget_contact_mail a:hover{
    opacity: .8;
}

.widget_contact_tel{
    margin: 15px 0 0;
}

.widget_contact_tel p{
    font-size: 1.2rem;
    font-weight: 500;
}

.tel_link{
    font-size: 2.4rem;
    font-family: 'Open Sans';
    font-weight: 700;
    margin: 5px 0 0;
    letter-spacing: 0.05em;
    position: relative;
    padding: 0 0 0 25px;
    background: url(./img/tel.svg) left no-repeat;
    background-size: 20px;
}

.e_hour{
    letter-spacing: 0.15em;
    display: block;
}

/* 資料ダウンロード */

.widget_dc_dl{
    background: #fff;
    border-radius: 5px;
    padding: 25px 30px;
    text-align: center;
    margin: 30px 0 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.widget_dc_dl_tit{
    font-size: 2.6rem;
    font-weight: bold;
    padding: 40px 0 0;
    position: relative;
}

.widget_dc_dl_tit::before{
    content: "";
    background: url(./img/doc_b.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
 }

 .widget_dc_dl_txt{
    font-size: 1.2rem;
    margin: 10px;
    letter-spacing: 0.05em;
    text-align: left;
    line-height: 1.8;
 }

 .widget_dc_dl a{
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #447FE0;
    padding: 10px 60px;
    border-radius: 23px;
    display: block;
    margin: 10px 0 0 0;
    letter-spacing: 0.05em;
}

.widget_dc_dl a:hover{
   opacity: .8;
}

/* フッター */
footer{
    background: #303032;
    color: #fff;
    margin: 60px 0 0 0;
}

.footer_inner{
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 0;
}

.f_logo img{
    max-width: 120px;
}

.f_lead{
    margin: 30px 0 0;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    width: 290px;
}

.f_nav{
    display: flex;
}

.f_nav_service{
    margin: 0 90px 0 0;
    width: 290px;
}

.f_nav_category{
    width: 290px;
}

.footer_cat_tit{
    font-size: 1.6rem;
    border-bottom: 1px solid rgba(211,211,211,0.3);
    padding: 0 0 15px 0;
}

.footer_cat_tit_item{
    font-size: 1.4rem;
}

.pagelink{
    position: relative;
}

.pagelink::before{
    content: "";
    background: url(./img/tab_icon_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 105%;
    transform: translateY(-50%);
}

.footer_cat_tit_item a{
    padding: 12px 0;
    border-bottom: 1px solid rgba(211,211,211,0.3);
    display: block;
}

.footer_cat_tit_item a:hover{
    color: #EE7100;
    text-decoration: underline;
}

.footer_cat_tit_item a:hover.pagelink::before{
    background: url(./img/tab_icon_h.svg);
}

.footer_cat_item_children a{
    position: relative;
    padding: 12px 0 12px 40px;

}

.footer_cat_item_children a::before{
    content: "";
    background: #D3D3D3;
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.footer_links{
    border-top: 1px solid rgba(211,211,211,0.3);
    text-align: center;
}

.footer_links_nav_list{
    display: flex;
    margin: 20px 0 0;
    justify-content: center;
}

.footer_links_nav_item{
    font-size: 1.4rem;
    border-right: 1px solid #D3D3D3;
}

.footer_links_nav_item a{
    padding: 0 30px;
}

.footer_links_nav_item a:hover{
    opacity: .8;
    text-decoration: underline;
}

.footer_links_nav_item:last-child{
    border: none;
}

.copyright{
    text-align: center;
    padding: 20px 0 15px 0;
}

/* ページトップ */
.pagetop{
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.pagetop:hover{
    opacity: .8;
}

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 80px;
}

/* -------------------お問い合わせフォーム---------- */
.wpcf7{
    width: 500px;
    max-width: 500px;
    margin: 0 auto;
}

#wpcf7-f72-o1{
    width: 88%;
    max-width: 480px;
    margin: 0 auto;
    padding: 10px 20px;
}

.doc_form{
    width: 480px;
    max-width: 480px;
}

.wpcf7 p{
    margin-top: 15px;
}

.wpcf7 label{
    font-size: 1.4rem;
    font-weight: 500;
}

.wpcf7-text{
    background: #F6F6F6;
    width: 100%;
    height: 40px;
}

.wpcf7-form-control{
    margin-top: 5px;
	padding-left: 10px;
	font-size: 16px;
}

.wpcf7-textarea{
    background: #F6F6F6;
    width: 100%;
}

.must{
    position: relative;
}

.must::after{
    position: absolute;
    content: "必須";
	color: #fff;
	padding: 2px 10px;
	background: #FF0000;
	border-radius: 13px;
    font-weight: bold;
    font-size: 1rem;
    display: inline-block;
    top: 0;
    right: -50px;
    letter-spacing: 0.1em;
}

.wpcf7-submit{
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 15px 60px;
    background: #EE7100;
    color: #fff;
    display: block;
    margin: 40px auto 0;
    border-radius: 29px;
    cursor: pointer;
}

.wpcf7-submit:hover{
    opacity: .8;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

.wpcf7-form-control-wrap {
    position: inherit;
}

.wpcf7-form-control-wrap {
    display: block;
  }
  span.wpcf7-list-item {
    margin: 0 30px 0 0; /* 項目右側の余白設定と、デフォルトの左側の余白を打ち消す */
    position: relative;
  }
  .wpcf7-list-item-label {
    cursor: pointer; /* labelにhoverした時にカーソルを表示させる */
    font-size: 1.4rem; /* 項目のフォントサイズ */
    margin-left: 5px;
    font-weight: 500;
  }
  input[type="checkbox"] {
    opacity: 0; /* デフォルトのチェックボックスを見えなくする */
    position: absolute;
  }
  .wpcf7-list-item-label::before {
    /* チェックボックスのデザイン */
    border: 1px solid #D9D9D9;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 15px;
  }
  input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    /* チェックアイコン */
    background: url(img/check.svg) no-repeat center;
    background-size: contain;
    content: "";
    height: 15px;
    left: 5px;
    position: absolute;
    top: 6px;
    width: 15px;
  }


/* -------------------カテゴリーページ------------------- */

.cat_header span{
    font-size: 1.2rem;
}

h2{
    font-size: 3rem;
    font-weight: 500;
    margin-top: 5px;
}

.cat_header p{
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 15px;
}
  
.breadcrumb_container{
    display: block;
    width: 100%;
    margin-top: 60px;
}

.breadcrumb{
    display:flex;
    white-space: nowrap;
}

.breadcrumb li a{
    font-size: 1rem;
    display: inline-block;
}

.breadcrumb li a:hover{
    color: #EE7100;
}

.home{
    position: relative;
    padding-left: 15px;
}

.home::before{
    position: absolute;
    content: "";
    background: url(./img/home.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 8.5px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.breadcrumb li:not(:first-child):before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #6e6e6e;
    border-right: 1px solid #6e6e6e;
    transform: rotate(45deg);
    margin: 0 10px;
    top: -1px;
}

/* -------------------固定ページ------------------- */

.article{
    padding: 40px;
    border-radius: 10px;
    background: #fff;
}

.h2_cat{
    font-size: 1rem;
}

.article_header h1{
    font-size: 2.8rem;
    font-weight: 500;
    margin: 20px 0 ;
}

h2.wp-block-heading{
	font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background: #EE7100;
    padding: 15px 0 15px 20px;
    position: relative;
    margin: 60px 0 30px;
}

h2.wp-block-heading::before{
	    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    border-right: solid 15px #BA5700;
    border-bottom: solid 15px transparent;
}

h3{
        font-size: 2rem;
        font-weight: bold;
        padding-bottom: 8px;
        border-bottom: 3px solid #D3D3D3;
        position: relative;
        margin: 60px 0 20px;
    }

 h3::before{
        content: "";
        width: 60px;
        height: 3px;
        background: #EE7100;
        position: absolute;
        bottom: -3px;
        left: 0;
    }

h4.wp-block-heading{
    font-size: 1.8rem;
    font-weight: bold;
    color: #EE7100;
    margin: 30px 0 10px;
}

h5.wp-block-heading{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 30px 0 10px;
}

.article_main p{
	margin-bottom: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.article_main ul{
	font-size: 1.6rem;
	margin-bottom: 16px;
	padding: 20px 22px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.article_main ol{
	font-size: 1.6rem;
	margin-bottom: 16px;
	padding: 20px 22px;
	background: #fff;
	border-radius: 10px;
}

.article_main li{
	padding: 5px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.article_main li.li_text{
	padding-left: 20px;
}

.article_thumbnail{
    margin: 20px 0;
}

.article_thumbnail img{
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.wp-block-table{
    border-collapse: collapse;
    padding: 10px;
}

.wp-block-table .has-fixed-layout tbody td:first-child{
	background: #F7F7F7;
	width: 40%;
    border-right: 1px solid #D9D9D9;
    vertical-align: middle;
}

.wp-block-table td, .wp-block-table th{
    border: none;
    padding: 12px;
    font-size: 1.4rem;
}

.table_row3 td:nth-child(2){
    width: 40%;
    border-right: 1px solid #D9D9D9;
    vertical-align: middle;
}

.entry_content{
    background: #F7FAFF;
    margin: 30px 0 0 0;
    padding: 30px 40px;
}

.entry_content_tit{
    color: #447FE0;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-bottom: 15px;
    border-bottom: 2px solid #447FE0;
    text-align: center;
}

.entry_content_lead{
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin: 15px 0;
}

.trouble_list li{
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    position: relative;
    padding-left: 26px;
    margin-bottom: 5px;
}

.trouble_list li::before{
    position: absolute;
    content: "";
    background: url(./img/checkbox.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 19px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.entry_content_text{
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    margin-top: 15px;
    line-height: 1.8;
}

.entry_content_btnarea{
    margin-top: 30px;
    text-align: center;
}

.entry_contact{
    display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    width: 230px;
    height: 40px;
    background: #EE7100;
    border-radius: 23px;
    padding-left: 20px;
    line-height: 40px;
    text-align: center;
    position: relative;
    font-weight: bold;
}

.entry_contact::before{
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background-image: url(./img/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 55px;
    transform: translateY(-50%);
}

.entry_contact:hover{
   opacity: .8;
}

.entry_doc_dl{
    display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    width: 230px;
    height: 40px;
    background: #1664E0;
    border-radius: 23px;
    padding-left: 24px;
    line-height: 40px;
    text-align: center;
    position: relative;
    font-weight: bold;
    margin-left: 30px;
}

.entry_doc_dl::before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(./img/doc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 46px;
    transform: translateY(-50%);
}

.entry_doc_dl:hover{
    opacity: .8;
 }


  /* -----記事----- */

  .h2_ribbon{
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background: #EE7100;
    padding: 15px 0 15px 20px;
    position: relative;
    margin-bottom: 30px;
}

.h2_ribbon::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    /* border-right: solid 15px #BA5700;
    border-bottom: solid 15px transparent; */
}

h4{
    font-size: 1.8rem;
    font-weight: bold;
    color: #EE7100;
    margin: 30px 0 10px;
}

p{
    font-size: 1.6rem;
    line-height: 1.8;
}


  /* おすすめ記事 */
 
  .rec_article_container{
    width: 100%;
    margin: 20px auto 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  }

  .rec_article_inner{
    display: flex;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
  }

  .rec_a_thumb{
    width: 200px;
  }

  .rec_a_thumb img{
    width: 100%;
    max-width: 200px;
    height: auto;
    box-sizing: border-box;
  }

  .rec_post_date{
    display: block;
    margin-bottom: 10px;
  }

  .rec_a_tit{
    width: calc(100% - 200px);
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 20px;
  }

  .rec_article_container:hover .rec_a_tit span{
    text-decoration: underline;
    color: #EE7100;
  }

  /* よくある質問 */
    .faq_container{
        margin: 40px 0 0;
    }

    .faq_sec{
        margin-top: 30px;
        background: #F7F7F7;
        border: solid 1px #B7B7B7;
        padding: 15px 20px;
    }

    dt{
        position: relative;
        font-size: 1.6rem;
        font-weight: 500;
        letter-spacing: 0.05em;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #D3D3D3;
        display: flex;
        align-items: baseline;
    }

    dt::before{
        content: "Q";
        color: #EE7100;
        font-family: 'Open sans';
        font-size: 2rem;
        font-weight: bold;
        margin-right: 15px;
    }

    dd{
        position: relative;
        margin-top: 15px;
        display: flex;
        align-items: baseline;
    }

    .faq_text{
        display: block;
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        line-height: 1.8;
        word-break: break-all;
        overflow-wrap:break-word;
    }

    .url{
        text-decoration: underline;
        font-size: 1.4rem;
        word-break: break-all;
        overflow-wrap:break-word;
    }

    dd::before{
        content: "A";
        color: #EE7100;
        font-family: 'Open sans';
        font-size: 2rem;
        font-weight: bold;
        margin-right: 15px;
    }

    /* 前後記事ボタン */

    .article_btn_wrapper{
        display: flex;
        margin-top: 30px;
        width: 100%;
    }

    .pre,.next{
        width: 50%;
    }

    .pre{ 
       display: inline-block;
       padding: 20px 30px 20px 50px;
       position: relative;
       font-size: 1.4rem;
       line-height: 1.8;
       border: solid 1px #D3D3D3;
    }

    .pre::before{
        content: "";
        background: url(./img/pre_arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 8px;
        height: 12.5px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }

    .next{ 
       display: inline-block;
       padding: 20px 50px 20px 30px;
       position: relative;
       font-size: 1.4rem;
       line-height: 1.8;
       border: solid 1px #D3D3D3;
    }

    .next::before{
        content: "";
        background: url(./img/next_arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 8px;
        height: 12.5px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .pre:hover{
        background: #EAEAEA;
        text-decoration: underline;
    }

    .next:hover{
        background: #EAEAEA;
        text-decoration: underline;
    }

    /* バナー */

    .bn_wide_area{
        margin-top: 40px;
    }

    /* お問い合わせ */

    .contact_area{
        margin-top: 40px;
        border-top: 6px dotted #D3D3D3;
        border-bottom: 6px dotted #D3D3D3;
        padding: 20px 0 40px;
    }

    .contact_tit{
        font-size: 2.2rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: center;
    }

    .contact_wrapper{
        display: flex;
        justify-content: space-between;
    }

    .contact_wrapper .widget_contact{
        margin-right: 20px;
        width: 50%;
    }

    .contact_wrapper .widget_dc_dl{
        width: 50%;
    }

    /* 関連記事 */

    .related_post_container{
        margin-top: 30px;
    }

    .wp-block-heading h3{
        font-size: 2rem;
        font-weight: bold;
        padding-bottom: 8px;
        border-bottom: 3px solid #D3D3D3;
        position: relative;
        margin: 30px 0 10px;
    }

    .wp-block-heading h3::before{
        content: "";
        width: 60px;
        height: 3px;
        background: #EE7100;
        position: absolute;
        bottom: -3px;
        left: 0;
    }

    .column_btn{
        display: block;
        background: #EE7100;
        text-align: center;
        padding: 15px;
        font-size: 1.6rem;
        color: #fff;
        border-radius: 30px;
        margin-top:15px;
        font-weight: 500;
    }
    .column_btn:hover{
        opacity: .8;
    }

    .post_wrapper{
        margin-top: 20px;
        box-sizing: border-box;
    }

    .post_wrapper ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .post_wrapper li{
        width: 48%;
        margin-right: 2%;
        border-bottom: 1px solid #D3D3D3;
        margin-bottom: 20px;
    }
  

    .post_wrapper li a{
        display: flex;
        height: 100%;
        padding-bottom: 15px;
        align-items: center;
    }

    .post_thumb img{
        width: 100%;
        max-width: 180px;
        height: auto;
        box-sizing: border-box;
    }

    .post_tit{
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.5;
        width: 100%;
        margin-left: 15px;
    }

    .post_wrapper li a:hover{
        color: #EE7100;
        text-decoration: underline;
    }

    /* もっと読む */

    .readmore{
        max-width: 100%;
        background: #FFEEB4;
    }

    .readmore_img{
        width: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    .readmore_btn{
        width: 50%;
        text-align: center;
        font-size: 1.6rem;
        display: table-cell;
        vertical-align: middle;
    }

    .readmore_btn span{
        font-weight: bold;
        padding: 0 20px;
        position: relative;
    }

    .readmore_btn span::before,.readmore_btn span::after{
        display: inline-block;
        position: absolute;
        top: 50%;
        width: 15px;
        height: 2px;
        border-radius: 3px;
        background-color: #222222;
        content: "";
    }

    .readmore_btn span::before{
        left: 0;
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
    }

    .readmore_btn span::after{
        right: 0;
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg);
    }

    .readmore_btn a{
        color: #fff;
        background: #EE7100;
        border-radius: 24px;
        letter-spacing: 0.05em;
        padding: 12px 30px;
        display: inline-block;
        margin-top: 10px;
        box-shadow: 0 5px 0 #D46300;
    }

    .readmore_btn a:hover{
        box-shadow: none;
        transform: translateY(5px);
        transition: .5s;
    }

   /* この記事を書いた人 */

   .author_container{
        margin-top: 40px; 
   }

   .author_wrapper{
        border: 2px solid #D3D3D3;
        border-radius: 10px;
        margin-top: 20px;
        padding: 20px 30px;
   }

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

   .author{
    display: flex;
    align-items: center;
   }

   .author p{
    font-size: 1.8rem;
    font-weight: bold;
   }

   .author_name_box a{
    color: #fff;
    background: #EE7100;
    border-radius: 23px;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 5px 20px;
    display: inline-block;
   }

   .author_name_box a:hover{
    opacity: .8;
   }

   .author img{
    border-radius: 50%;
    margin-right: 20px;
   }

   .author_text{
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 15px;
   }

   /* おすすめの記事 */

   .recommend_post_container{
    margin-top: 40px;
   }

   /* ------------------会社情報------------------ */

   .cat_header02{
    margin-bottom: 30px;
   }

   .company_logo{
    max-width: 380px;
    margin: 0 auto 20px;
   }

   tbody{
    vertical-align: middle;
   }

   table{
    border-collapse: collapse;
    border: 1px solid #D9D9D9;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
    width: 100%;
   }

   tr{
    border-bottom: 1px solid #D9D9D9;
   }

   th,td{
    padding: 12px 0 12px 30px;
   }

   th{
    background: #303032;
    color: #fff;
    width: 30%;
    vertical-align: middle;
   }

   td{
    width: 70%;
   }

   table a:hover{
    text-decoration: underline;
   }

/* ------------------お問い合わせ------------------ */

    .cat_header03{
        text-align: center;
        margin-bottom: 30px;
    }

    .cat_header03 p{
        line-height: 1.8;
    }

    .main02{
        width: 100%;
        max-width: 700px;
        margin: 50px auto 60px;
     }

     .contact_btn_area{
        margin: 30px 0;
        display: flex;
        justify-content: space-between;
     }

     .c_b_a_tel{
        margin-right: 60px;
     }

     .c_b_a_tit{
        font-weight: bold;
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 8px;
     }

     .c_b_a_box{
        width: 320px;
        height: 80px;
        border-radius: 10px;
        position: relative;
     }

     .c_b_a_box_tel{
        background: #fff;
        border: 3px solid #EE7100;
        text-align: center;
       
     }
     .c_b_a_box_inner{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }

     .c_b_a_box_tel span.tel_link_side {
        font-size: 2rem;
     }

     .c_b_a_box_tel span{
        font-size: 1rem;
        letter-spacing: 0.15em;
     }

     .c_b_a_box_line{
        background: #3CC754;
        display: block;
        text-align: center;
     }

     .c_b_a_box_line img{
       padding-top: 28px;
     }

     .c_b_a_box_line:hover{
        opacity: .8;
     }

     .contact_form{
        background: #fff;
        border-radius: 10px;
        padding: 30px;
     }

     .wpcf7 form.sent .wpcf7-response-output {
        display: none;
      }
/* ------------------お問い合わせ完了------------------ */

     .c_b_a_box_tel02{
        width: 423px;
        height: 110px;
        margin: 0 auto;
        display: block;
        padding: 15px 0 0 0;
     }

     .c_b_a_tel_lead{
        font-weight: 500;
        letter-spacing: 0.05em;
        display: block;
     }

     .c_b_a_box_tel02 span{
        font-size: 1.2rem;
     }

     .c_b_a_box_tel02 span.tel_link_side{
        font-size: 2.4rem;
     }

     .if{
        margin-top: 30px;
        text-align: center;
     }

     .if_tit{
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 0.05em;
     }

     .if_txt{
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.8;
        margin-top: 20px;
     }

     .bold{
        font-weight: bold;
     }

     .back_top_btn{
        color: #fff;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        background: #EE7100;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin: 30px auto 0;
        width: 270px;
        height: 47px;
        line-height: 47px;
    }

    .back_top_btn:hover{
        opacity: .8;
    }

    .post_wrapper02 li{
        width: 31%;
    }

    /* ------------------資料請求------------------ */

    .doc_dl_container{
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
    }

    .form_content{
        margin-right: 5%;
        width: 45%;
        max-width: 500px;
    }

    .form_content {
    margin: 0 auto;
    width: 45%;
    max-width: 500px;
}

.form {
    margin: 0 auto;
    width: 55%;
    max-width: 500px;
}

    .form_content_tit{
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin-bottom: 20px;
    }

    .form_content_toc{
        background: #D3D3D3;
        padding: 20px;
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        margin-top: 20px;
		background: #fff;
border: 3px solid #EE7100; 
border-radius: 10px;
    }

    .form_content_toc li{
        margin-bottom: 10px;
    }

    .form_content_toc li:last-child{
        margin: 0;
    }

    .form_content_txt{
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.8;
        margin-top: 20px;
    }

    .form{
        background: #fff;
        width: 50%;
        border-radius: 25px;
    }

    .doc_dl_btn{
        color: #fff;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        background: #EE7100;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin: 30px auto 0;
        width: 270px;
        height: 47px;
        line-height: 47px;
    }

    .doc_dl_btn:hover{
        opacity: .8;
    }

/* ------------------サイトマップ------------------ */

       .sitemap_list{
        margin-bottom: 40px;
       }

       .sitemap_list a:hover{
        text-decoration: underline;
       }

       .under_line{
        display: block;
        font-size: 2.2rem;
        font-weight: bold;
        border-bottom: 1px solid #707070;
        padding-bottom: 20px;
       }

       .sitemap_list_child li{
        font-size: 1.6rem;
        margin-top: 15px;
       }

       .sitemap_list_child_doc_list li{
        padding-left: 20px;
       }

       .large{
        font-size: 1.8rem;
        font-weight: bold;
       }

       .sitemap_list_child{
        margin-bottom: 40px;
       }

/* ------------------404------------------ */

      .error_inner{
        max-width: 520px;
        text-align: center;
        margin: 0 auto;
      }

      .error_tit{
        color: #EE7100;
        font-family: 'Poppins';
        font-size: 8rem;
      }

      .error_head p{
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 0.05rem;
      }

      .error_search_container{
        margin-top: 40px;
      }

      .error_search_container p{
        font-size: 2rem;
        font-weight: bold;
      }

      .error_cat p{
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 20px;
      }

      .error_cat{
        margin-top: 30px;
      }

      .error_cat_tit_list{
        text-align-last: left;
      }

      .error_cat_tit{
        text-align: left;
        font-weight: bold;
      }

      .error_nav_service{
        margin: 0 50px 0 0;
      }

      .pagelink_b{
        position: relative;
      }

      .pagelink_b::before{
        content: "";
        background: url(./img/tab_icon_b.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 15px;
        height: 14px;
        position: absolute;
        top: 50%;
        left: 105%;
        transform: translateY(-50%);
      }

      /* 追加CSS */
      .sp_menu.active span:nth-child(2) {
        opacity: 0;
      }

 .wp-pagenavi {
	 text-align: center;
    font-size: 14px;
	 		font-family: Poppins;
    }

.wp-pagenavi span {
	background: #fff;
	border: none;
	padding: 12px 20px;
	margin: 5px;
}

.wp-pagenavi span.current{
	color: #EE7100;
}


    
      /* ----------------------------------タブレット用記述--------------------------------- */

@media screen and (max-width: 1139px) {
	/* 1139px以下に適用されるCSS（タブレット用） */

    .inner{
        width: 800px;
    }

     /* サイドバー */
    .sidebar{
        max-width: 380px;
        margin: 50px 0 0;
    }

    .article{
        padding: 40px 20px;
    }

    /* 記事 */
    .post{
        width: 240px;
        margin: 0 0 20px 0;
     }

     .entry_contact{
        padding: 0;
     }

     .entry_doc_dl{
        margin: 10px 0 0 0;
     }

     .readmore{
        padding: 20px;
     }

     .readmore_btn {
        font-size: 1.4rem;
    }

    .readmore_img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }


    /* お問い合わせ */
    .widget_contact{
        padding: 20px;
    }

    .widget_contact_tit{
        font-size: 2.2rem;
        padding: 40px 0 0;
    }

    .widget_contact_lead{
        font-size: 1.2rem;
    }

    .widget_contact_mail a{
        padding: 10px 0px;
    }


    .widget_contact_tel{
        margin: 15px 0 0;
    }

    .tel_link{
        font-size: 2rem;
        padding: 0 0 0 25px;
    }

    .widget_contact_tel span{
        letter-spacing: 0.1em;
    }

    /* 資料ダウンロード */

    .widget_dc_dl{
        padding: 20px;
    }

    .widget_dc_dl_tit{
        font-size: 2.2rem;
    }

    .widget_dc_dl_txt{
        margin: 10px 0;
    }

    .widget_dc_dl a{
        padding: 10px 0px;
    }

    /* フッター */

    .footer_inner{
        max-width: 760px;
        margin: 0 auto;
        padding: 60px 0;
    }

    .f_lead{
        width: 240px;
    }

    .f_nav_service{
        margin: 0 40px 0 0;
        width: 220px;
    }

    .f_nav_category{
        width: 220px;
    }

    /* ページトップ */
    .pagetop{
        position: fixed;
        bottom: 40px;
        right: 30px;
    }

    /* 資料請求ページ */
    #wpcf7-f72-o1{
        width: 100%;
        max-width: 100%;
    }
  
}

/* -------------------------ナビゲーション切り替え---------------------------- */
@media screen and (max-width: 1179px) {

    .nav_wrapper{
        margin-right: 40px;
    }

    .h_l{
        margin-left: 40px;
    }
}
@media screen and (max-width: 980px) {

        h1{
                margin: 0 0 5px 0;
            }

    .h_wrapper{
        height: 60px;
        position: relative;
    }

    .nav_wrapper{
        margin-right: 40px;
    }

    .h_l{
        margin-left: 40px;
    }

    .h1{
        margin: 0 0 5px 0;
    }

    .h_r{
        display: none;
    }

    .sp_nav{
        display: block;
        position: fixed;
        top: 60px;
        right: -300px;
        width: 300px;
        height: 100vh;
        background: #fff;
        z-index: 999;
        transition: all 0.4s;
        overflow: auto;
    }

    .sp_nav.active{
        right: 0;
    }

    .sp_nav_item a{
        display: block;
       padding: 15px 30px;
       font-size: 1.6rem;
       border-top: solid 1px #D3D3D3;
    }

    .sp_menu{
        display: inline-block;
        cursor: pointer;
    }

    .sp_menu span{
        display: block;
        background: #EE7100;
        width: 32px;
        height: 3px;
        margin: 0 0 6px 0;
        position: relative;
    }
      
      .sp_menu span:nth-child(1) {
        transform-origin: left center;
      }
      
      .sp_menu span:nth-child(2),
      .sp_menu span:nth-child(3) {
        transform-origin: center center;
      }
      
      .sp_menu span:nth-child(3) {
        margin-bottom: 0;
      }
      
      .sp_menu.active span:nth-child(1) {
        transform: rotate(35deg) translate(0px, 0px);
      }
      
      .sp_menu.active span:nth-child(2) {
        opacity: 0;
      }
      
      .sp_menu.active span:nth-child(3) {
        transform: rotate(-35deg) translate(3px, -8px);
      }

      .g_nav{
        position: absolute;
      }

      .g_nav_list {
        display: block;
        text-align: left;
        overflow: auto;
    }

    .sp_nav_list{
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

    .sp_nav_item{
        position: relative;
    }

    .nav_item_service::before{
        content: "SERVICE";
        position: absolute;
        top: 18px;
        left: 54%;
    }

    .nav_item_function::before{
        content: "FUNCTION";
        position: absolute;
        top: 18px;
        left: 48%;
    }

    .nav_item_case::before{
        content: "CASE";
        position: absolute;
        top: 18px;
        left: 43%;
    }

  .nav_item_merit::before{
        content: "MERIT";
        position: absolute;
        top: 18px;
        left: 54%;
    }

  .nav_item_tips::before{
        content: "TIPS";
        position: absolute;
        top: 18px;
        left: 54%;
    }

    .nav_item_service::after{
        top: 21px;
        left: 106px;
    }

    .sp_nav_contact{
        display: block;
        color: #fff;
        font-size: 1.6rem;
        width: 260px;
        height: 40px;
        margin: 20px auto 15px;
        padding: 0 0 0 20px;
        background: #EE7100;
        border-radius: 5px;
        position: relative;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
    }
    
    .sp_nav_contact::before{
        content: "";
        display: block;
        width: 15px;
        height: 12px;
        background-image: url(./img/mail.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 60px;
        transform: translateY(-50%);
    }
    
    .sp_nav_doc_dl{
        display: block;
        color: #fff;
        font-size: 1.6rem;
        width: 260px;
        height: 40px;
        background: #1664E0;
        border-radius: 5px;
        margin: 0 auto;
        padding: 0 0 0 20px;
        line-height: 40px;
        text-align: center;
        position: relative;
        font-weight: bold;
    }
    
    .sp_nav_doc_dl::before{
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(./img/doc.svg);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
    }

    .sp_nav_cat_item_children a{
        font-size: 1.4rem;
        padding: 15px 0 15px 60px;
        position: relative;
    }

    .sp_nav_cat_item_children a::before{
        content: "";
        background: #D3D3D3;
        width: 12px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 40px;
        transform: translateY(-50%);
    }

    .b_b{
        border-bottom: 1px solid #D3D3D3;
    }
}


	/* -------------------------------CSS（スマホ用）----------------------------- */ 
    @media screen and (max-width: 799px) {
    .inner{
        width: 96%;
    }
		
		p.h1{
			display: none;
		}

    /* 左右レイアウト */
    .flex_box{
        display: block;
        justify-content: center;
    }

    main{
        width: 96%;
        margin: 30px auto;
    }

    .tel_link_wrapper{
        color: #EE7100;
        width: 280px;
        height: 40px;
        margin: 10px auto;
        border: 2px solid #EE7100;
        border-radius: 23px;
        font-size: 2rem;
        line-height: 35px;
    }

    .c_b_a_box .tel_link::before {
        left: 0;
    }

    .post{
        width: calc((100% - 20px)/2);
    }

    .post_category {
        font-size: 10px;
    }

    .posts_wrap {
        margin: 30px 0 0;
    }

    .breadcrumb{
        overflow-x: scroll;
    }
    
    .wp-block-table .has-fixed-layout tbody td:first-child{
        display: block;
        width: 100%;
        border-bottom: 1px solid #D9D9D9;
        border-right: none;
    }

    .sidebar {
        width: 100%;
        max-width: 100%;
        margin: 30px auto;
    }

    .bn_pc{
        display: none;
    }

    .bn_sp{
        display: block;
    }

    .post_list_tit{
        width: calc(100% - 100px);
    }

    .widget_line{
        text-align: center;
    }

    .widget_contact_mail a {
        margin: 10px auto 0;
        max-width: 280px;
    }

    .widget_dc_dl a {
        margin: 10px auto 0;
        max-width: 280px;
    }

    .widget_dc_dl_txt {
        max-width: 300px;
        text-align: center;
        margin: 10px auto;
    }

    .article{
        padding: 30px 15px;
    }

    /* フッター */

    footer{
        margin: 30px 0 0 0;
    }

    .footer_inner{
        max-width: 92%;
        margin: 0 auto;
        padding: 30px 0;
        display: block;
    }

    .f_logo{
        text-align: center;
    }

    .f_nav{
        display: block;
        margin: 30px 0 0 0;
    }

    .f_lead{
        width: 100%;
    }

    .f_nav_service{
        margin: 0;
        width: 100%;
    }

    .f_nav_category{
        width: 100%;
        margin: 30px 0 0 0;
    }

    .footer_links_nav_item a {
        padding: 0 10px;
        font-size: 1.2rem;
    }

    /* ページトップ */
    .pagetop{
        position: fixed;
        bottom: 30px;
        right: 0px;
    }

   /* ---------------------------記事---------------------------- */

    .entry_content_text {
        margin-bottom: 20px;
    }

/* ----------------------------会社情報---------------------------- */

    th,td{
        display: block;
        width: 100%;
        padding-left: 15px;
    }

/* ----------------------------お問い合わせ------------------------- */

.wpcf7{
    width: 100%;
    max-width: 100%;
}

.wpcf7_02{
    width: 100%;
    max-width: 100%;
}

/* ----------------------------資料請求------------------------- */

.form{
    width: 94%;
    max-width: 100%;
    margin-top: 40px;
}

.form_content{
    width: 94%;
    max-width: 100%;
}

/* ----------------------------お問い合わせ完了----------------------- */

.if{
    width: 90%;
    margin: 30px auto 0;
}

.c_b_a_box_tel02 {
    max-width: 84%;
    height: 110px;
    margin: 0 auto;
    padding: 8px 0;
}

.if_txt {
    text-align: left;
}

.br_pc{
    display: none;
}

.br_sp{
    display: block;
}

.post_wrapper02 li{
    width: 48%;
}

/* ------------------お問い合わせ-------------------- */

.contact_btn_area{
    display: block;
}

.c_b_a_box{
    margin: 0 auto;
}

.c_b_a_line{
    margin: 20px auto 0;
}

.c_b_a_tel {
    margin: 0px;
}

/* ------------------資料ダウンロード------------------ */

.doc_dl_container {
    display: block;
    width: 100%;
    margin: 30px auto 0;
}

/* ------------------記事ページ------------------ */
.entry_content {
    padding: 20px;
}

.entry_contact {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    font-size: 1.6rem;
}

.entry_contact::before{
    width: 18px;
    height: 16px;
    left: 70px;
}

.entry_doc_dl {
    width: 100%;
    height: 50px;
    margin: 15px auto;
    line-height: 50px;
    font-size: 1.6rem;
}

.entry_doc_dl::before{
    width: 18px;
    height: 18px;
    left: 55px;
}

.rec_article_inner {
    display: block;
}

.rec_a_thumb {
    width: 100%;
}

.rec_a_tit {
    width: 100%;
    margin: 0;
}

.rec_post_date {
    margin: 10px;
}

.article_btn_wrapper {
    display: block;
    margin-top: 30px;
    width: 100%;
}

.next{
    border: solid 1px #D3D3D3;
    border-top: none;
    display: block;
    width: 100%;
}

.pre{
    display: block;
    width: 100%;
}

.contact_wrapper {
    display: block;
}

.contact_wrapper .widget_contact {
    margin: 20px 0 0 0;
    width: 100%;
}

.contact_wrapper .widget_dc_dl {
    width: 100%;
}

.post_wrapper li {
    width: 100%;
    margin-bottom: 20px;
}

.readmore_img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.readmore_btn {
    width: 100%;
    display: block;
}

.readmore {
    padding: 20px 0 30px;
}

.author_name_box {
    display: block;
}

.author_wrapper {
    padding: 15px;
}

.author_name_box a {
    margin-top: 15px;
}
		
.rec_article_inner {
    display: flex;
}
		
			.rec_a_thumb {
    width: 40%;
}
		
		.rec_a_tit {
    width: 60%;
    margin: 0 0 0 10px;
	} 
}

/* ----------------おすすめ記事のレスポンシブ設定------------------- */
@media screen and (max-width: 498px) {
    .post_wrapper02 li{
        width: 100%;
    }

}


h2#rtoc-1{
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    background: #EE7100;
    padding: 15px 0 15px 20px;
    position: relative;
    margin-bottom: 30px;
}

h2#rtoc-1::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    border-right: solid 15px #BA5700;
    border-bottom: solid 15px transparent;
}

ol.rtoc-mokuji,ul.rtoc-mokuji{
	box-shadow: none;
}