@charset "utf-8";
html{
    width:100%;
}
body {
    width:100%;
    padding:55px auto 0;
    margin:0;
}
.main{
    max-width:1200px;
    margin:0 auto;
    
}
/*h1,h2{
    line-height: 1.2;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}*/
h1,h2,h3,h4,h5,h6,p,a,li {
    color:#2d2d2d;
    font-family:'メイリオ', 'Meiryo', sans-serif;
  }
  
  a:hover {
    opacity: 0.7;
    transition: .3s;
    text-decoration: none;
  }
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
p{
    
    font-weight:300;
}

/******************************************
ーーーーーーーーheader.php メニュー部分ーーーーーーーー
********************************************/
.header_wrap{
    height:30px;
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;
    z-index: 2;


}
.header_nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 2px 2px rgb(179, 179, 179);
    height:55px;
}
.header_nav_img{
    height:80%;
    margin:10px 0 10px 10px;
}
.header_nav_img img{
    width:auto;
    height:100%;
}
@media screen and (max-width: 700px) {
    .header_nav_img{
        width:20%;
    }
}


.nav-menu{
    display:flex;
    justify-content: space-around;
    padding:0;
    width:60%;
    margin-right:20px;
}
.nav-menu li a{
    color:#2d2d2d;
    font-size:15px
}
.nav-menu_sp li a{
    color:#fff;
}
.header_back{
    width:100%;
    height:20px;
}
/*メニューカスタマイズ*/

.menu {
    text-align: center;
  }
  
  /* 親メニューをinline-blockにしてセンターに配置 */
  .menu > .menu-item {
    display: inline-block;
    padding: .5em .3em;
  }
  
  /* リストの記号を消去 */
  .menu-item {
    list-style-type: none;
    
  }
  .nav-menu>.menu-item{
    padding:15px ;
  }
  /* サブメニューをabsoluteにするため、親メニューをrelativeに */
  .menu-item-has-children {
    position: relative;
  }
  
  /* 親メニューにマウスオーバーしたときにカーソルを変更 */
  .menu-item-has-children:hover {
    cursor: pointer;
  }
  
  /* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
  .menu-item-has-children:hover .sub-menu {
    display: block;
  }
  
  /* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
	height:auto;
    background: rgb(235, 235, 235);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 0;
  }
  
  /* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
  .sub-menu > .menu-item:not(:last-child) {
    border-bottom: 1px solid #eee;
  }
  
  /* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
  .sub-menu > .menu-item a {
    display: inline-block;
    width: 98%;
    height: 100%;
    padding: .5em .2em;
    font-size: 15px;
  }
  
  /* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
  .sub-menu > .menu-item a:hover {
      color:#fff;
      background-color: #1743ab;
  }
  #menu-ads{
      margin:0 0 0 auto;
  }
  .sp-nav {
        display: none;
    }

  @media screen and (max-width: 768px) {
    .nav-menu li a {
        font-size: 13px;
    }
}


@media screen and (max-width: 700px) {
    .nav-menu {
        display: none;
     }
     .sp-nav {
        z-index: 5;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 70vh;
        display: block;
        width: 100%;
        background: rgba(0, 0, 0, .8);
        opacity: 0;
        transform: translateY(-100%);
        transition: all .2s ease-in-out;
     }
     /*ハンバーガーメニュー*/
    #hamburger {
        position: relative;
        display: block;
        width: 30px;
        height: 25px;
        margin: 0 0 0 auto;
    }
    #hamburger span {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 90%;
        height: 2px;
        background-color: #2d2d2d;
        transform: translateY(-50%);
    }
    #hamburger::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 2px;
        background-color: #2d2d2d;
    }
    #hamburger::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 90%;
        height: 2px;
        background-color: #2d2d2d;
    }

    .sp-nav ul {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .sp-nav li {
        margin: 0;
        padding: 0;
        width:100%;
        text-align: center;
    }
    .sp-nav li {
        font-size: 15px;
        color: #fff;
    }
    .sp-nav li a, .sp-nav li span {
        display: block;
        padding: 20px 0;
    }
    /*基準となるli要素*/
    .sp-nav .close {
        position: relative;
    }

    
    .toggle {
        transform: translateY(0);
        opacity: 1;
    }
    .close i{
        margin-right:5px;
    }
}



/*ーーーーーーーーーーートップキービジュアルーーーーーーーーーーーーーー*/
.kv_wrap{
    width:100%;
    text-align: center;
}
.kv_img{
    height: 360px;
	background: url(./img/top_kv.png) center top/contain no-repeat;
}
@media screen and (max-width: 1030px) {
    .kv_img{
        height: 300px;
    }
}
@media screen and (max-width: 768px) {
    .kv_img{
        height: 220px;
    }
}
@media screen and (max-width: 375px) {
    .kv_img{
        height: 120px;
    }
}

/*ーーーーーーーーーーーーーーーーートップページ商品一覧ーーーーーーーーーーーーーー*/
/*スライダーの影*/
#metaslider_131 {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}
.item_wrap{
    width:100%;
    margin:100px auto 0;
}
.item_contents{
    width:95%;
    text-align: center;
    margin:50px auto;
    border-bottom:1px solid rgb(49, 49, 49);
}
.item_contents h2{
    font-size: 20px;
}
.item_contents img{
    width:20%;
}
.item_details_wrap{
    display:flex;
    justify-content: space-around;
    margin-top:30px;
    margin-bottom:30px;
}
.details_revers{
    flex-direction: row-reverse;
}
.item_details_wrap img{
    width:25%;
    height:100%;
}

.item_detail{
    width:55%;
    text-align: left;
    position:relative;
}
.btn_wrap {
    text-align: right;
    margin-right:30px;
}
.btn_wrap a{
    background-color: rgb(58, 90, 194);
    color:#fff;
    padding:10px;

}
@media screen and (max-width: 500px) {
.wrap_reverse .wp-block-columns{
    flex-wrap:wrap-reverse;
}
.wrap_reverse .wp-block-columns .wp-block-buttons{
    flex-direction: row-reverse;

}
}

/*ーーーーーーーーーーーーーー商品バナーーーーーーーーーーーーーーー*/
.item_banner_wrap{
    width: 100%;
    display:flex;
    justify-content: space-around;
    margin:50px auto;
}
.item_banner{
    width:18%;
    text-align: center;
    border:1px solid #949494;
    padding:5px 10px;
    margin:20px 0;
}
.item_banner p{
    font-size: 13px;;
    color:#2d2d2d;
}
.item_banner_inner{
    display:flex;
    justify-content: space-around;
}
.item_banner_inner img{
    width:80%;
    height:100%;
}

.left_arrow{
    border-bottom: solid 4px #949494;
    border-left: solid 4px #949494;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
    .item_banner_wrap{
        flex-direction: column;
        align-items: center;
    }
    .item_banner{
        width:50%;
    }
}
@media screen and (max-width: 375px) {
    .item_banner_wrap{
        flex-direction: column;
        align-items: center;
    }
    .item_banner{
        width:60%;
    }
}





/********************************************
ーーーーーーーフッター部ーーーーーーーーーーーーーーー
*********************************************/

footer{
    width:100%;
    height:260px;
    background-color: #eeeeee;
    position: relative;
    padding-top:10px;
    margin:0 auto;
}
footer li {
    font-size: 12px;
    line-height: 2em;
}
footer li a{
    color:#2d2d2d;
}

.footer_contents_wrap{
    max-width:1200px;
    display:flex;
    justify-content: space-around;
    margin:20px auto;
}
.footer_company_info{
    width:30%;
    text-align: left;
    margin-left:10px;
}
.footer_company_info p{
    font-size: 15px;;
    line-height: 1.5em;
}
.footer_company_info img{
    width:50%;
    height:auto;
}
.footer_menu_wrap{
    width:70%;
    display:flex;
    justify-content: space-around;
    padding:auto 20px;
}
.footer_item_wrap{
    display:flex;
    justify-content: space-between;
}
/*リスト装飾*/
.footer-nav-item{
        position: relative;
        padding-left: 15px;
}
     
.footer-nav-item:before {
    content: "";
    position: absolute;
    top: .80em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 1px solid #2d2d2d;
    border-right: 1px solid #2d2d2d;
  }
.footer_item_menu{
    margin-right:20px;
}
.footer_item_menu ul{
    counter-reset:list;
    padding:0;
  }
  .footer-item{
    position:relative;
    padding: 0 0 0 20px;
  }
  .footer-item:before{
    counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    height: 13px;
    width: 13px;
    border-radius: 10%;
    background: #2d2d2d;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .footer-item:after{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    height: 0;
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #fff;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .copyright{
    align-items: flex-end;
    text-align: center;
    font-size: 12px;
  }
  @media(max-width:900px) {
    footer{
        width:100%;
        height:230px;
    }
    .footer_menu_wrap{
        justify-content: flex-end;
    }
    .footer_menu{
        margin-right:20px;
    }
    .footer_menu ul{
        margin-top: 0;
        margin-bottom: 0;
    }
    .footer_item_wrap{
        flex-direction: column;
        justify-content: flex-start;
    }
    .footer_item_menu ul{
        margin-bottom:0;
        margin-top:0;

    }
    .footer_company_info p{
        font-size: 10px;
        line-height: 1.5em;
    }
   
    .footer_menu ul{
        padding-left:10px;
    }
}
@media(max-width:550px) {
    .footer_contents_wrap{
        flex-direction: column-reverse;
        margin-left:20px;
        margin-bottom:30px;
        
    }
    .footer_menu_wrap{
        flex-direction:column;
        width:100%;

    }
    footer{
        width:100%;
        height:570px;
    }
    .footer_menu{
        margin-bottom:20px;
    }
    .footer_item_wrap{
        margin-left:10px;
        margin-bottom:20px;
    }
    .footer_company_info{
        width:90%;
        display:flex;
        flex-direction: column;
        margin-left:0;
        padding-left:10px;
    }
    .company_name{
        width:90%;
    }
    .footer_company_info img{
        width:30%;
        height:auto;
    }

}

/*ーーーーーーーーーーーーーWordPress側調整ーーーーーーーーーーーー*/
.wp-block-column{
    margin-left:auto;
    margin-right:auto;
}
.img_height_cha img{
    height:auto;
}
@media(max-width:768px) {
    .main{
        width:90%;
        margin:0 auto;
    }
    /*libros scope 課題はありませんか？画像調整*/
    .wp-block-column>.img_tasp{
        width:50%;
        margin-bottom:0;
        margin-right:auto;
        margin-left:auto;
    }
}

/*グレー背景セクション*/
.af_subkw_bg{
	padding:20px;
}
.af_subkw_bg  .wp-block-columns{
	margin:0 auto;
}

/*黄色枠角丸*/
.line_waku{
	border:3px solid #fdc200;
	border-radius:50px;
	padding:20px 40px;
    margin-left:auto;
    margin-right:auto;
    position: relative;

}

/*灰色枠角*/
.line_waku_gr{
	border:8px solid #eeeeee;
	border-radius:1px;
	padding:20px 40px;
    margin-left:auto;
    margin-right:auto;
    position: relative;

}

.line_waku_gr2{
	border:8px solid #eeeeee;
	border-radius:1px;
	padding:0px 0px;
    margin-left:auto;
    margin-right:auto;
    position: relative;

}

.line_waku h3{
    font-size:1.5em;
}
.af_point_star{
    position: absolute;
    top: -30px;
    left: -25px;
}
}
.wp-block-button__link{
    display: flex;
    justify-content: center;
}
.wp-block-button__link img{
    margin:auto;
}
/*ーーーーーーーーーートップページ　バナー調整ーーーーーーーーーー*/
.page-id-19 .wp-block-columns .baner_content{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:768px) {
   .baner_wrap .wp-block-columns{
       display:flex;
       flex-direction: column;
   }
   .baner_content{
       margin-bottom:20px;
   }
  }
  /* パソコンで見たときは"pc"のclassがついた画像が表示される */

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


/***************************************************
ーーーーーーーーーーaftama コンテンツーーーーーーーーーーー
*****************************************************/
.af_content_h2{
    color:#020077;

}

/*aftama sales cost speed*/
.af_content_wrap .wp-block-columns{
    width:85%;
    border-bottom:1px solid #bfbfbf;
    margin-left:auto;
    margin-right:auto;
}

.af_content_wrap>.wp-block-column>.wp-block-columns {
    margin-top:20px;
}
.af_content_wrap .wp-block-image{
    margin-bottom:0;
    margin-left:50px;
}
.af_content_wrap .wp-block-columns .af_content_p{
    margin-left:0;
}
.af_content_icon-p{
    margin-top:0;
}

/*aftamaコンテンツリンク 2021.10.29 width:16%⇒14%*/
.af_content_menu table{
    border-collapse:  collapse;
}
.af_content_menu table td{
    border-top:0 solid #e6e6e6;
    border-bottom:0 solid #e6e6e6;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    width:14%;
    padding:10px 0;
}
.af_content_menu table td a{
    display:inline-block;
    width:100%;
    padding:10px auto;
}
.page-id-23 .wp-block-columns{
    margin-bottom:0;
}
@media(max-width:500px) {
.af_content_menu .wp-block-table{
    margin-left:0;
    margin-right:0;
}
}
/*aftamaアイコン*/
.af_link_item{
    margin-left:10px;
    margin-right:10px;
}

@media(max-width:780px) {
    .af_link_item_wrap .wp-block-columns .wp-block-column:not(:only-child) {
        flex-basis: calc(20% - 1em)!important;
        flex-grow: 0;
        margin-left:5px;
        margin-right:5px;
    }
    .af_link_item_wrap .wp-block-columns{
        justify-content: center;
    }
   }
   @media(max-width:500px) {
    .af_link_item_wrap .wp-block-columns .wp-block-column:not(:only-child) {
        flex-basis: calc(30% - 1em)!important;
        flex-grow: 0;
        margin-left:5px;
        margin-right:5px;
    }
    .af_link_item_wrap .wp-block-columns{
        justify-content: center;
    }
    .af_link_item{
        margin:0;
    }
   }


/****************************************
-----------aftamaが選ばれている時----------
******************************************/
.af_serect_content .wp-block-columns{
    margin-top:30px;
}
.af_serect_content img{
    height:auto;
}
.af_serect_content figure{
    margin:20px auto 0;

}
.af_serect_content p{
    margin-top:10px;

}
.af_serect_content table{
    border-collapse:  collapse;
}
.af_serect_content td{
    border:1px solid #020077;
}
.af_serect_content2{
    display:inline-block;
    text-align: left;
}


/*aftama３box*/
.af_threeselect_wrap{
    width:100%;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
}
.af_threeselect{
    width:30%;
    box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center;
    min-height: 300px;
}
.af_threeselect_img_wrap{
    height:80px;
    width:100%;
    text-align: center;
    display:flex;
    justify-content: center;
}
.af_threeselect img{
    width:20%;
    height:auto;
    align-self: center;
}
.af_threeselect_title{
    background-color: #004396;
    width:100%;
    display:inline-block;
}
.af_threeselect_title p{
    margin:10px 0 0;
    color:#fff;
}
.af_threeselect_title h3{
    margin:0;
    color:#fff;
    font-size: 2em;
}
.af_threeselect_content{
    padding:10px 0 0 10px;
    text-align: left;

}
.af_threeselect_content h4{
    color:#2d2d2d;
    font-weight: bold;
}
.af_threeselect_content p{
    margin-top:0;
    margin-bottom:20px;
}
.af_threeselect p{
    font-size:0.8em;
}
@media(max-width:768px) {
    .af_threeselect{
        width:31%;
    }
    
}
@media(max-width:600px) {
    .af_threeselect_wrap{
        flex-direction: column;
    }
    .af_threeselect{
        width:100%;
        margin-bottom:30px;
    }

}

/******************************************
-----aftama 選ばれる時ページーーーーーーーーーーー
*******************************************/

.af_border_top{
    border-top:1px solid #004396;
    position:relative;
}
.af_border_top h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    color:#004396;
    padding:0 10px;
    min-width:880px;
    font-size:3em;

}
@media(max-width:1000px) {
    .af_border_top h2{
        
        min-width:750px;
        font-size:2.5em;
    
    }
}
@media(max-width:768px) {
    .af_border_top h2{
    top:-40px;
    padding:0 5px;
    min-width:500px;
    font-size: 2.8em;

}
.af_serect_content>.wp-block-columns{
    flex-direction: column;
    

}
.af_serect_content>.wp-block-columns>.wp-block-column{
    align-self: center;
}
.af_serect_content .wp-block-image{
    width:40%;
    height:auto;
}
}

@media(max-width:620px) {
.af_border_top h2{
top:-30px;
padding:0 5px;
min-width:300px;
font-size: 1.8em;

}
.af_serect_content .wp-block-image{
    width:100%;
    height:auto;
}
}



/*********************************************
--------aftama機能特徴ページーーーーーーーーーーー
********************************************/
.af_sp_content_border{
    width:30%;
    border:1px solid #24c0e7;
    border-radius: 30px;
    height:200px;
}
.page-id-35 h3{
    font-size: 2em;
    font-weight: bold;
    color:#1743ab;
    margin-bottom:10px;
}
.af_sp_content_border h4{
    margin-top:10px;
    color:#1743ab;
    font-size: 1.3em;
    font-weight: bold;
}
.af_sp_content_border p{
    margin:20px;
}
.page-id-35 .af_sp_content_wrap{
    margin-bottom:3px;
}
@media(max-width:768px){
.af_sp_content_wrap .wp-block-column:not(:only-child) {
    flex-basis: calc(30% - 1em)!important;
    flex-grow: 0;
}

.af_sp_content_border h4{
    font-size: 1.0em;
}
.af_sp_content_border p{
    margin:20px;
    font-size: 0.9em;
}
}
@media(max-width:500px){
    .af_sp_content_wrap .wp-block-column:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
        flex-grow: 0;
    }
    .af_sp_content_border h4{
        font-size: 1.5em;
    }
    .af_sp_content_border p{
        margin:20px;
        font-size: 1.1em;
    }
}
/*********************************************
ーーーーーーーーaftama想定効果ーーーーー
*********************************************/
/*-----tab------*/

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    margin:20px auto;
    width:80%;
    

  }
  .tab-wrap:after {
    content: '';
    width: 100%;
    background: #004396;
    display: block;
    order: -1;
  }
  .tab-label {
    color: #2d2d2d;
    background: #fff;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    flex: 1;
    margin-bottom:1px;
    font-size:1rem;
    border:1px solid #004396;
  }
  .tab-label:hover {
    color: #fff;
    background: #004396;
  }
  .tab-label:not(:last-of-type) {
    margin-right: 5px;
  }
  .tab-content {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }

  /* アクティブなタブ */
  .tab-switch:checked+.tab-label {
    color:#fff;
    background: #004396;
  }
  .tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    opacity: 1;

  }
  /* ラジオボタン非表示 */
  .tab-switch {
    display: none;
  }
.tab_in_red{
    color:#ca0000;
}
.tab-wrap td p{
    margin-bottom:30px;
    
}
.tab-content>table {
    border-collapse: collapse;
    width:100%;
  }
  .tab-content>table th, .tab-content>table td {
    border: solid 1px #BFBFBF;
    /*実線 1px 黒*/
  }
  .tr_top{
      background-color: #004396;

  }
  .tr_top>th{
      color:#fff;
  }
  .tr_qa{
      background-color: #e9e9e9;
  }
  .tr_conte>td{
      padding:10px;
      width:50%;
  }
  @media screen and (max-width: 768px) {
      tr{
          font-size:0.5rem;
      }
      td{
        font-size:0.5rem;
    }
    td p{
        font-size:0.5rem;
    }
    .tab-wrap {
        display: block;
        margin:20px auto;
        width:95%;
      }
      .tab-wrap:after {
        content: '';
        width: 100%;
        background: #004396;
        display: block;
        order: -1;
      }
    .tab-label {
        color: #2d2d2d;
        background: #fff;
        font-weight: bold;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
        margin-bottom: -1px;
        padding: 10px .5em;
        border: 1px solid rgba(0,0,0,.2);
        cursor: pointer;
        display: block;
        border-radius: 0 0 0 0;
      }
      .tab-label:not(:last-of-type) {
        margin-right: 0;
      }
      .tab-label:before {
        content: '▼';
        margin-right: .2em;
        display:inline-block;
        transform:rotate(-90deg);
      }
      .tab-switch:checked+.tab-label:before {
        transform:rotate(0);
      }
      .tab-content {
        height: 0;
        padding: 0 15px;
        overflow: hidden;
        opacity: 0;
      }
      /* アクティブなタブ */
      .tab-switch:checked+.tab-label {
        background: #004396;
      }
      .tab-switch:checked+.tab-label+.tab-content {
        height: auto;
        overflow: auto;
        margin-bottom: -1px;
        padding: 0;
        opacity: 1;
		  margin:0 auto;
      }
      /* ラジオボタン非表示 */
      .tab-switch {
        display: none;
      }
  }
/*----------------------*/







/*********************************************
ーーーーーーーー製品案内　page-id-39ーーーーー
*********************************************/
.page-id-39 .wp-block-columns{
    margin-bottom:10px;
}
.page-id-39 .wp-block-columns .wp-block-image{
    margin-bottom:0px;
}
.page-id-39 .wp-block-columns figure{
    margin:0 auto;
}

.page-id-19 .wp-block-columns .wp-block-image{
    margin-bottom:0px;
}
.page-id-19 .wp-block-columns{
    margin-bottom:10px;
}
.page-id-19 .wp-block-columns figure{
    margin:0 auto;
}

/********************************************
ーーーーーーーーメタスライダーーーーーーーー
**********************************************/
#metaslider_131 .flex-control-nav .flex-active{
    background: #fdf900;
}
#metaslider_131 .flex-control-nav a{
    background: #e0e0e0;
}





/***************************************
----------会社概要 page-id-41-----------
*****************************************/
.page-id-41 h3,h4{
    font-weight:normal;
    color:#2965a0;
}

.page-id-41 h3,h4,p{
    margin-top:5px;
    margin-bottom:5px;
}

.company_title{
    padding:10px;
    background-color: #779cf4;
    color:#fff;
    border-radius: 10px;
    
}
.company_sub_title{
    border-left:4px solid #2965a0;
    border-bottom:1px solid #2965a0;
    padding:5px 15px 5px;
    font-weight: normal;
    margin-bottom:20px;
    width:80%;
}
.br-sp{
    display:none;
}
@media(max-width:768px) {
    .br-sp{
        display:block;
    }
   }

/**************************************
------------プライバシーポリシーーーーーーーー
***************************************/
.page-id-1008 h3,h4{
    font-weight:normal;
    color:#2965a0;
}
.page-id-1008 .pr_li{
    padding-left:40px;
    text-indent: -15px;
	list-style-position: inside;
}
.page-id-1008 .pr_li li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #2965a0;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */

}




  /************************************
** お問い合わせフォームの入力
************************************/
.page-id-43 .wp-block-columns{
    margin:10px auto;
  

}
.cont_h2{
    padding:10px;
    background-color: #779cf4;
    color:#fff;
    border-radius: 10px;
}
.inquiry_out_text{
    width:80%;
    margin:0 auto;
}


input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 80%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #2d2d2d;
  font-size: 1em;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 90%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
.inquiry{
    width:80%;
    margin:10px auto;
}
.contact_privacy{
    width:80%;
    margin:5px auto;
}
@media(max-width:768px) {
    .page-id-43 .wp-block-columns{
        width:95%;
    }
    .inquiry_out_text{
        width:95%;
    }
    .inquiry{
        width:100%;
    }
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    select,
    textarea,
    .field {

    width: 90%;

    }
}
@media(max-width:500px) {
    .inquiry td,
    .inquiry th {
        display: block !important;
        width: 100% !important;
        border-top: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }
    .inquiry tr:first-child th {
        border-top: 1px solid #d7d7d7 !important
    }
    .inquiry .any,
    .inquiry .haveto {
        font-size: 10px
    }
}
.inquiry th {
    text-align: left;
    font-size: 14px;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7
}
.inquiry td {
    font-size: 13px;
    border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d7d7d7
}
.haveto {
    font-size: 7px;
    padding: 5px;
    color: #ff9393;
    margin-left: 5px;
    position: relative;
    bottom: 2px;
}

.verticallist .wpcf7-list-item {
    display: block
}
#formbtn {
    display: block;
    padding: 15px;
    width: 300px;
    background: #cacaca;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
}
#formbtn:hover {
    background: #cfcfcf;
    color: #666;
}
.reset_btn{
    display: block;
    padding: 15px;
    width: 200px;
    background-color:#cacaca;
    border-radius: 2px;
    color:#333;
    font-size:18px;
    font-weight:600;
    margin:0 20px;
    }
    .reset_btn:hover {
        background-color:#cfcfcf;
        color:#666;
    }
    /* 中央に合わせる */
    .CF7_btn{
    text-align:center;
    margin-top:20px;
    }
    .CF7_btn_reset{
        text-align:center;
        margin-top:20px;
        }
    .wpcf7-form>.btn_wrap{
        display:flex;
        width:100%;
        justify-content: center;
        margin:0 auto;
    }
    @media(max-width:500px) {
        .wpcf7-form>.btn_wrap{
            flex-direction: column;
            text-align: center;
        }
        .wpcf7-form>.btn_wrap #formbtn{
            margin:0 auto;
        }
        .wpcf7-form>.btn_wrap .reset_btn{
            margin:0 auto;
        }
    }
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px;
}
td {
    border-top: 1px solid #ededed;
    padding: 12px;
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

/*-------------------libros page-id-149---------------*/
.page-id-149 .content{
    width:100%;
    margin:0 auto;
}

/*--------aftama partslist page-id-170 2021.10.29 sakurada add---------*/
.page-id-1707 .content{
    width:100%;
    margin:0 auto;
}

.img_height_top{
    margin-top:0;
    margin-left:0;
    margin-right:0;
   
}
.img_height_top img{
height:auto;
width:100%;
}

.img_height_at{
    margin:0 10px;
}
.img_height_at img{
    height:auto;
}

.content_border_blue{
    border:1px solid #004396;
    border-radius: 30px;
    position:relative;
}
.content_border_blue h2{
    position: absolute;
    top: -40px;
    left:3%;
    background-color: #fff;
    display:inline-block;


}
.content_border_blue .wp-block-columns{
    margin-top:20px;
    margin-bottom:10px;
}

.content_border_blue .wp-block-column{
    display:flex;
    align-self: center;
    margin:10px;
}
.content_border_blue_inp{
    display:flex;
    flex-direction: column;
}

/*左右ラインタイトル*/
.border_line_top{
    border-top:1px solid #004396;
    position:relative;
}
.border_line_top h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:700px;
    font-size:3em;

}

.border_line_top2{
    border-top:1px solid #004396;
    position:relative;
}
.border_line_top2 h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    font-size:3em;

}
.border_line_top3 {
    border-top:1px solid #004396;
    position:relative;
}
.border_line_top3 h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 10px;
    font-size:3em;
}

.content_block_custum h3{
    color:#fff;
    background-color: #004396;
    width:40%;
    height:80px;
    margin:0 auto;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    font-size:1.3em;
}

.libros_img_shado img{
    box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
}

.content_border_blue2 {
    border:2px solid #BFBFBF;
    border-radius: 30px;
    min-height:370px;
    position:relative;
    display:flex;
    justify-content: center;
}
.content_border_blue2 h3{
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 10px;
    font-size: 30px;
    min-width:200px;
    text-align: center;
}
.content_border_blue2 .wp-block-columns{
    margin:10px;
}
.content_border_blue2_in{
    display:flex;
    align-items: center;
}
@media(max-width:768px) {
    .page-id-149 .content{
        width:100%;
        margin:0 auto;
    
    }
/*--------aftama partslist page-id-170 2021.10.29 sakurada add---------*/
	.page-id-1707 .content{
        width:100%;
        margin:0 auto;
    
    }
    .content_block_custum h3{
        color:#fff;
        background-color: #004396;
        width:90%;
        
    }
    .content_border_blue{
        text-align:center;
    }
    .content_border_blue .wp-block-columns{
        margin-left:auto;
        margin-right:auto;
        display:inline-block;
    }
    .content_border_blue .wp-block-column{
        text-align: left;;
    }
    .border_line_top h2{
        top:-40px;
        padding:0 5px;
        min-width:500px;
        font-size: 3em;
    
    }

}
@media(max-width:620px) {
.border_line_top h2{
    top:-30px;
    padding:0 5px;
    min-width:300px;
    font-size: 2em;

}
}

/*libros導入の流れ*/

.libros_donyu{
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content: space-around;
}
.libros_donyu_content{
    width:28%;
    text-align: center;
    box-shadow: 0 2px 4px rgb(179, 179, 179);

}
.libros_donyu_content h4{
    color:#fff;
    background-color: #004396;
    height:50px;
    margin-top:0;
    margin-bottom:0;
    padding: 5px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    font-weight: bold;
    font-size: 1.2em;
}
.libros_donyu_content_in{
    min-height: 270px;
}
.libros_donyu_content li{
    
    margin-top:15px;
    margin-bottom:0;
    text-align: left;
    padding: 5px;
}

.libros_donyu_arrow{
    width:4%;
    align-self: center;
    list-style-type: decimal;

}

.page-id-149 .libros_donyu_arrow img{width:100%}
/*--------aftama partslist page-id-1707 2021.10.29 sakurada add---------*/
.page-id-1707 .libros_donyu_arrow img{width:100%}


@media(max-width:781px) {
    .page-id-149 .wp-block-columns .border_line_top:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
}
/*--------aftama partslist page-id-170 2021.10.29 sakurada add---------*/
    .page-id-1707,.page-id-2055 .wp-block-columns .border_line_top:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
}

}
@media(max-width:768px) {
    .libros_donyu{
        width:100%;
    }
    .libros_donyu_content p{
        font-size:10px;
    }
    

}
@media(max-width:600px) {
    .libros_donyu{
        width:90%;
        flex-direction: column;
    }
    .libros_donyu_content{
        width:100%;
    
    }
    .libros_donyu_content p{
        font-size:16px;
    }
    .libros_donyu_arrow{
        width:20%;
        margin:10px auto;
        align-self: center;
    
    }
    .libros_donyu_arrow img{
        transform: rotateZ( 90deg );
    }

}




/*--------scope------------------*/

.page-id-151 .content{
    width:100%;
    margin:0 auto;
}
.page-id-2122 .content{
    width:100%;
    margin:0 auto;
}
.border-top_scope1{
    border-top:1px solid #004396;
    position:relative;
}
.border-top_scope1 h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:700px;
    font-size:3em;

}
/*scope 改訂 h3 add page-id-2122 2022.06.22 sakurada add --------*/
.border-top_scope1 h3{
    position:absolute;
    top:-35px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:500px;
    font-size:2em;

}

.border-top_scope2{
    border-top:1px solid #004396;
    position:relative;
}
.border-top_scope2 h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:500px;
    font-size:3em;

}
.border-top_scope2 h3{
    position:absolute;
    top:-35px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:500px;
    font-size:2em;

}


.content_block_custum2 h3{
    color:#fff;
    background-color: #004396;
    width:40%;
    height:60px;
    margin-bottom:0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    font-size: 1.2em;
}
.content_block_custum2 .wp-block-columns{
    border:1px solid #BFBFBF;
    padding:10px
}
@media(max-width:768px) {
    
    .content_block_custum2 h3{
        color:#fff;
        background-color: #004396;
        width:70%;
        
    }
}
@media(max-width:620px) {
    .border-top_scope1 h2{
        top:-30px;
        padding:0 5px;
        min-width:300px;
        font-size: 2em;
    
    }
    .border-top_scope2 h2{
        top:-30px;
        padding:0 5px;
        min-width:300px;
        font-size: 2em;
    
    }
    .content_block_custum2 h3{
        color:#fff;
        background-color: #004396;
        width:100%;
        
    }
    }

/*scope導入の流れ*/

.scope_donyu{
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content: space-around;
}
.scope_donyu_content{
    width:16%;
    text-align: center;
    box-shadow: 0 2px 4px rgb(179, 179, 179);

}
.scope_donyu_content h4{
    color:#fff;
    background-color: #004396;
    height:50px;
    margin-top:0;
    margin-bottom:0;
    padding: 5px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    font-weight: bold;
    font-size: 1.2em;
}
.scope_donyu_content_in{
    min-height: 200px;
}
.scope_donyu_content p{
    
    margin-top:15px;
    margin-bottom:0;
    text-align: left;
    padding: 5px;
}

.scope_donyu_arrow{
    width:4%;
    align-self: center;

}
.far{
    margin-right:5px;
}
.page-id-151 .scope_donyu_arrow img{width:100%}
/*scope 改訂 page-id-2122 2022.06.22 sakurada add --------*/
.page-id-2122 .scope_donyu_arrow img{width:100%}

@media(max-width:768px) {
    .scope_donyu{
        width:100%;
    }
    .scope_donyu_content p{
        font-size:10px;
    }
    
    .scope_donyu_content h4{
        padding: 0;
        font-size: 0.9em;
    }
    .scope_donyu_content_in{
        min-height: 120px;
    }

}
/*scope 改訂 page-id-2122 2022.06.22 sakurada add --------*/
@media(max-width:600px) {
    .page-id-151,.page-id-2122 .wp-block-columns{
        margin-bottom:0;
    }
    .block_space_sp { display: none !important; }
    .scope_donyu{
        width:90%;
        flex-direction: column;
    }
    .scope_donyu_content{
        width:100%;
    
    }
    .scope_donyu_content p{
        font-size:16px;
    }
    .scope_donyu_arrow{
        width:15%;
        margin:0px auto;
        align-self: center;
    
    }
    .scope_donyu_arrow img{
        transform: rotateZ( 90deg );
    }

}


/********************************
cinqページ
********************************/

.border_line_top_cinq{
    border-top:1px solid #009696;
    position:relative;
}
.border_line_top_cinq h2{
	position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:700px;
    font-size:3em;

}

/*Cinq 改訂 page-id-2055 2022.06.23 sakurada add スマホで字がはみ出るのでh2サイズ縮小--------*/
@media(max-width:781px) {
.border_line_top_cinq h2{
	position:absolute;
    top:-30px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:700px;
    font-size:2em;

}
}

.cinq_border_radius{
    padding-top:30px;
    padding-left:30px;
    padding-right:30px;
    border-radius: 30px;
    box-shadow:0 0px 4px rgb(179, 179, 179);
}
.cinq_border_radius .wp-block-columns{
    margin-bottom:0;
}
.cinq_border_radius h3{
    display:flex;
    align-items: center;
    font-weight: normal;

}


.cinq_que_wrap>.wp-block-columns{
    position: relative;
    
}
.cinq_posiab{
    position: absolute;
    top:10%;
    right:0;
    width:55%;
    background-color: #fff;;
}
.cinq_posiab>.wp-block-columns{
    margin-bottom:0;
}
.cinq_que_img img{
    width:50%;
}
.cinq_posiab>.wp-block-columns{
    padding-top:30px;
    padding-left:30px;
    padding-right:30px;
    box-shadow:0 2px 4px rgb(179, 179, 179);
}
.cinq_posiab .fas{
    margin-right:5px;
    color: #004396;

}
.cinq_posiab p{
    margin-bottom:20px;
}
@media(max-width:1000px) {

    .cinq_posiab p{
        margin-bottom: 12px;
        font-size:1em;
    }
    

}
@media(min-width: 550px) and (max-width: 781px){
    .page-id-153 .cinq_que_wrap .wp-block-column:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
        flex-grow: 0;
    }
    .cinq_posiab{
        top:10%;
    
    }
    .cinq_posiab p{
        margin-bottom: 10px;
        font-size:0.8em;
    }
    .cinq_posiab .wp-block-columns{
        padding-left:15px;
        padding-right:15px;
        padding-top:15px;
    }
  
    }
    @media(max-width: 550px){
        .cinq_que_wrap .img_height_at{
            margin:0;
            
        }
        .cinq_que_img img{
            width:100%;
        }
        .cinq_que_wrap>.wp-block-columns{
            position: static;
        }
        .cinq_posiab{
            position: static;
           
        }
    }
.cinq-goodidea_pc .wp-block-image{
    margin:0;
}
.cinq-goodidea_pc .wp-block-image>img{
    width:100%;
    height:auto;
}
.sp_pc{
    margin-left:auto;
    margin-right:auto;
}
.sp_pc img{
    width:100%;
    height:auto;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.cinq-goodidea_pc { display: block !important; }
.cinq-goodidea_sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media (max-width: 750px) {
    .cinq-goodidea_pc { display: none !important; }
    .cinq-goodidea_sp { display: block !important; }
}
/*cinqの機能特徴エリア*/
.cinq_content_wrap{
    position: relative;
   
}
.cinq_content_wrap h4{
    border:2px solid #004396;
    background-color: #004396;
    color:#fff;
    font-weight: bold;
    display:inline-block;
    padding-right:20px;
    position: absolute;
    top:-10%;

}
    .cinq_number{
        color:#004396;
        background-color: #fff;
        display:inline-block;
        width:30px;
        text-align: center;
    }
    .cinq_content_wrap .cinq_content_in{
        border:1px solid #004396;
        padding-top:50px;
        padding-bottom:30px;
        margin-bottom:0;
    }
    .cinq_content_in .wp-block-image{
        margin-bottom:0;
    }
    .cinq_content_in .p{
        margin-bottom:30px;
    }
    .cinq_content_img{
        display:flex;
        align-items: center;
    }
    .cinq_content_img img{
        width:100%;
    }
    .cinq_content_img>.img_height_at{
        margin:0;
    }
    @media (max-width: 781px){
        .cinq_content_in .cinq_content_img:not(:only-child) {
    flex-basis: calc(20% - 1em)!important;
    flex-grow: 0;
    }   
    .cinq_content_in .cinq_content_p:not(:only-child) {
        flex-basis: calc(66% - 1em)!important;
        flex-grow: 0;
    }

    .cinq_content_in{
        border:2px solid #004396;
        padding-top:30px;
        padding-bottom:20px;
    }
}
@media (max-width: 500px){
    .cinq_content_wrap h4{
        top:-7%;
    
    }
    .cinq_content_in .cinq_content_img:not(:only-child) {
flex-basis: calc(50% - 1em)!important;
flex-grow: 0;
}   
.cinq_content_in .cinq_content_p:not(:only-child) {
    flex-basis: calc(100% - 1em)!important;
    flex-grow: 0;
}

.cinq_content_in{
    border:2px solid #004396;
    padding-top:30px;
    padding-bottom:20px;
}
}

/*Cinq導入の流れ page-id-2055 2022.06.10 sakurada add ここから---------*/

.content_block_custum_cinq h3{
    color:#fff;
    background-color: #0C9679;
    width:40%;
    height:80px;
    margin:0 auto;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    font-size:1.3em;
}


.cinq_donyu{
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content: space-around;
}
.cinq_donyu_content{
    width:28%;
    text-align: center;
    box-shadow: 0 2px 4px rgb(179, 179, 179);

}
.cinq_donyu_content h4{
    color:#fff;
    background-color: #0C9679;
    height:50px;
    margin-top:0;
    margin-bottom:0;
    padding: 5px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    font-weight: bold;
    font-size: 1.2em;
}
.cinq_donyu_content_in{
	color:#2d2d2d;
	text-align: left;
    margin-top:15px;
    margin-left:10px;
    margin-right:10px;
	margin-bottom:15px;
    min-height: 150px;
}
.cinq_donyu_content li{
    
    margin-top:15px;
    margin-bottom:0;
    text-align: left;
    padding: 5px;
}

.cinq_donyu_arrow{
    width:4%;
    align-self: center;
    list-style-type: decimal;

}

.page-id-2055 .cinq_donyu_arrow img{width:100%}


@media(max-width:781px) {
    .page-id-149 .wp-block-columns .border_line_top:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
}
    .page-id-1707,.page-id-2055 .wp-block-columns .border_line_top:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
}

}
@media(max-width:768px) {
    .cinq_donyu{
        width:100%;
    }
    .cinq_donyu_content p{
        font-size:10px;
    }
    

}
@media(max-width:600px) {
    .cinq_donyu{
        width:90%;
        flex-direction: column;
    }
    .cinq_donyu_content{
        width:100%;
    
    }
    .cinq_donyu_content p{
        font-size:16px;
    }
    .cinq_donyu_arrow{
        width:20%;
        margin:10px auto;
        align-self: center;
    
    }
    .cinq_donyu_arrow img{
        transform: rotateZ( 90deg );
    }

}

/*Cinq導入の流れ page-id-2055 2022.06.10 sakurada add ここまで--------*/

/******************************************************
-------------watsページーーーーーーーーーーーーー
*******************************************************/
.page-id-155 .far {
    margin-right: 3px;
}
.wats_youtube .wp-block-embed__wrapper{
    position: relative;
    padding-bottom: 39.375%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
    margin-left:auto;
    margin-right:auto;
    width:70%;
    height: auto;
}
.wats_youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wats_p_blue{
    color:#004396;
}

.wats_content_wrap{
    width:90%;
    display:flex;
    justify-content: space-around;
    margin:0 auto;
}

.wats_left-content_border{
    width:45%;
    border:1px solid #BFBFBF;
    border-radius: 30px;
    padding:20px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
}
.wats_content_border{
    width:45%;
    border:1px solid #BFBFBF;
    border-radius: 30px;
    padding:20px;
}
.wats_arrow{
    width:5%;
    align-self: center;
    padding-left:10px;
    padding-right:10px;
}
.wats_arrow img{
    width:100%;
}
.wats_left-content_border p{
    line-height: 3em;;
}


.wats_image_p{
    text-align: center;
}
.wats_image_p p{
    display:inline-block;
    width:50%;
    margin:0 auto;
    text-align: left;
}

.wats_qa_wrap .wp-block-columns{
    margin-bottom:0;
}
.wats_qa_wrap h3{
    color:#2d2d2d;
    font-weight: bold;
    margin-bottom:0;
}
.wats_qa_icon1{
    text-align: right;
}
.wats_qa_icon2{
    text-align: right;
}

.wats_qa_icon1>.wp-block-image{
    margin-left:0;
    margin-right:0;
}
.wats_qa_icon2>.wp-block-image{
    margin-left:0;
    margin-right:0;
}
.wats_qa_wrap .wp-block-columns .wats_qa_q{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    margin-left:5px;
}
.wats_qa_wrap .wp-block-columns .wats_qa_a{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    margin-left:5px;
}

@media(max-width:781px) {
    .page-id-155 .wp-block-columns>.wats_qa_icon1:not(:only-child) {
        flex-basis: calc(5% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_q:not(:only-child) {
        flex-basis: calc(94% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_icon2:not(:only-child) {
        flex-basis: calc(5% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_a:not(:only-child) {
        flex-basis: calc(94% - 1em)!important;
        flex-grow: 0;
    }
}

@media(max-width:768px) {
    .wats_youtube .wp-block-embed__wrapper{
        padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
        width:100%;
    }
    .wats_image_p p{
        width:70%;
    }
    .page-id-155 .border_line_top h2{
        top:-40px;
        padding:0 5px;
        min-width:500px;
        font-size: 3em;
    
    }
    

}
@media(max-width:500px) {
    .wats_youtube{
        margin-left:10px;
        margin-right:10px;
    }
    .page-id-155 h2{
        font-size:1.2em;
    }


    .wats_content_wrap{
        width:100%;
        flex-direction: column;
    }
    .wats_left-content_border{
        width:85%;
        margin:0 auto;
    }
    .wats_left-content_border p{
        line-height: 2em;;
    }
    .wats_content_border{
        width:85%;
        margin:0 auto;
    } 
    .wats_arrow{
        width:15%;
        margin-top:5px;
    }
    .wats_arrow img{
        transform: rotateZ( 90deg );
    }
    .wats_image_p p{
        width:90%;
    }
    .wats_qa_icon1 {
        text-align: left;
    }
    .wats_qa_icon1 .wp-block-image{
        margin-bottom:0;

    }
    .wats_qa_icon1 p{
        margin-bottom:0;
    }
    .wats_qa_icon2 .wp-block-image{
        margin-bottom:0;

    }
    .wats_qa_icon2 {
        text-align: left;
    }
    .wats_qa_icon2 p{
        margin-bottom:0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_icon1:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_q:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_icon2:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .wp-block-columns>.wats_qa_a:not(:only-child) {
        flex-basis: calc(100% - 1em)!important;
        flex-grow: 0;
    }
    .page-id-155 .border_line_top h2{
            top:-30px;
            padding:0 5px;
            min-width:300px;
            font-size: 2em;
        
        }

}


/*********************************************
-------------Troperページーーーーーーーーーーーーーー
*********************************************/

/*左右ラインタイトル*/
.tro-border_line_top{
    border-top:1px solid #db5b00;
    position:relative;
}
.tro-border_line_top h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:700px;
    font-size:3em;

}

.tro_content_wrap1 .wp-block-columns{
    margin-bottom:0;
}
.tro_content_wrap1 .wp-block-image{
    text-align: center;
    margin-bottom:0;

}
.tro_content_y{
    border:3px solid #ebac00;
    background-color: #fff7ca;
    padding:20px;
    border-radius: 20px;
    min-height: 180px;

}
.page-id-157 .troper_merit_content:nth-child(2n) {
    margin-left: 0;
}
.troper_merit_content h3{
    margin-top:8px;
    margin-bottom:5px;
}
.tro_content_wrap1 .troper_merit_wrap{
    margin-bottom:30px;
}
@media (max-width: 781px){
    .page-id-157 .troper_merit_wrap .troper_merit_icon:not(:only-child) {
    flex-basis: calc(20% - 1em)!important;
    flex-grow: 0;
}
.page-id-157 .troper_merit_wrap .troper_merit_content:not(:only-child) {
    flex-basis: calc(75% - 1em)!important;
    flex-grow: 0;
}
.troper_merit_icon .wp-block-image{
    margin-left:10px;
    margin-right:10px;
}
.page-id-157 .troper_merit_content:nth-child(2n) {
    margin-left: 0;
}
.troper_merit_content h3{
    margin-top:8px;
    margin-bottom:8px;
}
.tro_content_wrap1 .troper_merit_wrap{
    margin-bottom:20px;
}
.tro_content_wrap1 .sp_wide{
    margin-left:0;
    margin-right:0;

}
.tro-border_line_top h2{
    top:-40px;
    padding:0 5px;
    min-width:500px;
    font-size: 3em;

}
}
@media(max-width:620px) {
    .tro-border_line_top h2{
        top:-30px;
        padding:0 5px;
        min-width:300px;
        font-size: 2em;
    
    }
    }

/*********************************************
----------selfestページ----------------------
***********************************************/
.page-id-159 h3{
    color:#009b1a;
    font-weight:700;
}

.selfest_image_wrap{
    width:100%;
    text-align: center;
}
.selfest_image_pro{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
}
.selfest_image_pro>img{
    width:40%;
    height:auto;
    margin-left:20px;
    margin-right:20px;
}
.selfest_image_arrow{
    margin-bottom:20px;
}
.selfest_image_arrow>img{
    width:20%;
    height:auto;
}
.selfest_image_cause{
    display:flex;
    justify-content:center;
    align-items: center;
    margin-bottom:10px;
}
.selfest_timer{
    width:10%;
    height:auto;
    margin-right:20px;
}
.selfest_check{
    width:30%;
    height:fit-content;
}
.selfest_image_answer>img{
    width:90%;
}
.selfest_image_answer>h2{
    font-size: 50px;
    font-weight: bold;
    color:#009b1a;
    margin-top:20px;
    margin-bottom:20px;
}
.selfest_image_answer>p{
    padding:20px;
    border:2px solid #009b1a;
    text-align: left;

}


/*左右ラインタイトル*/
.self-border_line_top{
    border-top:1px solid #009b1a;
    position:relative;
}
.self-border_line_top h2{
    position:absolute;
    top:-40px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:0 30px;
    min-width:700px;
    font-size:3em;

}

.self_img_center {
    text-align: center;
}
.self_merit_content{
    border:2px solid #009b1a;
    border-radius: 30px;
    padding:20px;
}
@media(max-width:768px) {
.self-border_line_top h2{
    top:-40px;
    padding:0 5px;
    min-width:500px;
    font-size: 3em;

}}

@media(max-width:620px) {
    .self-border_line_top h2{
        top:-30px;
        padding:0 5px;
        min-width:300px;
        font-size: 2em;
    
    }
    }
@media (max-width: 500px){
    .selfest_image_answer>h2{
        font-size: 30px;
    }
    .selfest_image_pro>img{
        width:45%;
        height:auto;
        margin-left:10px;
        margin-right:10px;
    }
    .selfest_img1{
        margin-left:10px;
        margin-right:10px;
    }
}
/*パンくずリスト*/
.breadcrumbs{
    margin-left:10px;
    margin-bottom:50px;
  }
  .breadcrumbs span{
    font-size:14px;
  }

/********************************************
-------------インフォメーション一覧-------------
*********************************************/
.blog .main a{
    color:#004396;
}
.sub_kw{
    height:70px;
}
.blog .blog_posts_wrap{
    width:80%;
    margin:50px auto;
    border-top:1px solid #8d8d8d;
  }
.blog_posts_wrap .hentry{
    padding-bottom:10px;
    border-bottom:1px solid #8d8d8d;
    display:flex;
    justify-content: flex-start;
    margin:20px auto;
}
.blog_posts_wrap .hentry .blog_post_thumbnail_wrap{
    align-self: center;
    margin-right:10px;
    width:20%;


}
.post .blog_post_thumbnail{
    width:100%;
}
.post .blog_post_thumbnail img{
    width:100%;
    height:auto;
    

}

.blog-title-index{
    margin-top:10px;
}
.blog .main .blog-title-index>a{
    color:#2d2d2d;
}
.blog-footer{
    text-align: right;
}
.blog-footer a{
    color:#004396;
}
.blog_posts_wrap .page-navi{
    text-align: center;
}
.blog_posts_content{
    width:75%;
}
.blog .company_title{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    
}
@media (max-width: 768px){
    .blog .blog_posts_wrap{
        width:90%;
      }
      .post .blog_post_thumbnail{
        margin-right:10px;
        width:100%;
        align-self: center;
    }
}
@media (max-width: 500px){
    .blog_posts_wrap .hentry{
        flex-direction: column;
    }
    .blog_posts_wrap .hentry .blog_post_thumbnail_wrap{
        width:80%;
        margin:10px auto 20px;
   
    }
    .blog_posts_content{
        width:100%;
    }
    .blog_post_thumbnail img{
        width:100%;
        height:auto;
        vertical-align: middle;
    }
}

/*個別投稿ページ*/
.single-post .main a{
    color:#004396;
}
.post_page_wrap{
    width:80%;
    margin:0 auto;
}
.post_thumbnail{
    width:80%;
    text-align: center;
    margin:0 auto;
}
.post_thumbnail img{
    width:100%;
    height:auto;
}
.single-post .post_content{
    margin-bottom:20px;
}
.single-post .page-navi{
    border-top:1px solid #2d2d2d;
}
.post_page_wrap .page-navi{
    display:flex;
    justify-content:space-between;
    margin:10px auto 30px;
}
.single-post .page-navi a{
    margin-top:5px;
}
@media (max-width: 500px){
    .post_page_wrap{
        width:100%;
        margin:0 auto;
    }
}

/*********************************************************************/
/*6.7修正対応*/
/*左寄りをセンタリング*/
/*.wp-container-59,.wp-container-67,.wp-container-78,  watsページのQ&Aで不具合発生なので除外*/
.wp-container-12,.wp-container-34,.wp-container-36,.wp-container-37,.wp-container-38,.wp-container-39,.wp-container-14,.wp-container-30,.wp-container-41,.wp-container-42,.wp-container-43,.wp-container-47,.wp-container-50,.wp-container-53,.wp-container-55,.wp-container-57,.wp-container-56,.wp-container-61,.wp-container-63,.wp-container-69,.wp-container-74,.wp-container-76,.wp-container-90,.wp-container-92,.wp-container-102,.wp-container-103,.wp-container-104,.wp-container-106,.wp-container-109,.wp-container-113,.wp-container-116,.wp-container-118,.wp-container-122,.wp-container-125,.wp-container-140,.wp-container-141,.wp-container-137,.wp-container-193,.wp-container-49,.wp-container-68,.wp-container-77,.wp-container-7,.wp-container-22,.wp-container-28,.wp-container-32,.wp-container-51,.wp-container-9,.wp-container-26,.wp-container-64,.wp-container-4,.wp-container-16,.wp-container-72,.wp-container-6,.wp-container-10,.wp-container-20,.wp-container-45,.wp-container-8,.wp-container-18,.wp-container-48,.wp-container-65,.wp-container-85,.wp-container-124,.wp-container-126,.wp-container-142,.wp-container-128,.wp-container-172,.wp-container-196,.wp-container-230,.wp-container-240,.wp-container-150,.wp-container-140,.wp-container-46,.wp-container-95,.wp-container-36,.content_block_custum_cinq{
    justify-content: center;
}
/*テキスト部分のセンタリング*/
.wp-container-95{
  /*text-align: center;*/
	 justify-content: center;
}


/*左寄りをセンタリングに反応した箇所の修正*/
.wp-container-105 .wp-container-104,.wp-container-52 .wp-container-51,.wp-container-65 .wp-container-64,.wp-container-33 .wp-container-32,.wp-container-50 .wp-container-49,.wp-container-86 .wp-container-85{
    justify-content: flex-start;
}

.page-id-149 .wp-container-33 .wp-container-32,.page-id-149 .wp-container-52 .wp-container-51,.page-id-153 .wp-container-65 .wp-container-64{
	justify-content: center;
	
}
.page-id-153  .wp-container-57,.page-id-153  .wp-container-37,.page-id-153 .wp-container-52,.page-id-153 .wp-container-47{justify-content: center;}


/*テキスト部分のセンタリング*/
.img_height_cha {
    text-align: center;
}

/*サービス一覧画像の配置調整*/
@media screen and (max-width: 500px){
.wrap_reverse .wp-block-columns {
    flex-wrap: wrap-reverse !important;
}
}

/*********************************************************************/