@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

a[href^="tel:"] { cursor: default; }

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info,
.home.page .title-e{
  display: none;
}
body {
    letter-spacing: 0.05em;
}

.navi {
    letter-spacing: 0.001em;
}

.page .sns-share,
.page .sns-follow {
    display: none;
}

.copyright {
    margin-top: 8px;
    font-size: 11px;
}

.pink {color: #ff6c95}

.yred {color: #c4302b}

.fblue {color: #3b5998}

.yellow {color: #ff9c2e}

.fsml {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-top: 5px;
}

hr {
  border-top: 1px dashed #91efdd;
  border-bottom: 1px dashed #fff;
}

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

.menu-top-inq-container, .menu-top-inq-lp-container {   
    right: 0;
    display: flex;
    margin: -20px 0 0 0;
}

.menu-top-inq-container a, .menu-top-inq-lp-container a {
	text-decoration: none;
}

.menu-top-inq-container ul, .menu-top-inq-lp-container ul {
    list-style-type: none;
    margin: 5px 0 0 0px;
    padding-left: 0;
}

.menu-top-inq-container ul li, .menu-top-inq-lp-container ul li {
    display: inline;
    margin-left: 0;
}

.logo-header img {
    width: 276px!important;
    height: auto;
	line-height:0em;
}

#header .site-name-text {
    font-size: 18px;
    line-height: 0em;
}

.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
    height: auto;
	margin-top: 8px;
}
.header_logo_before {
	font-size: 11px;
    line-height: 0em;
	color: #00a367;
	display:block;
}

.logo-image {
    padding: 0px 0 5px 0;
    font-size: inherit;
	line-height: 0;
}

.tagline {
    text-align: -webkit-left;
    font-size: 10px;
    margin: .1em 0em 0em;
    color: #00305a;
    text-align: left;
    font-weight: bold;
}

.entry-content {
    margin-top: 0em;
    margin-bottom: 0em;
}

.entry-categories-tags {
    margin-bottom: 8px;
}

.content-top, .content-bottom {
    margin: 0em 0;
}

.c-both {
    clear: both;
    line-height: 0em;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}


.bold {
    font-weight: bold;
}

.wrap4.column-3 > div {
    display: flex;
}

.wrap4 > div > *:first-child {
    margin-top: 0;
    /*display: flex;*/
}

.entry-content>*, .demo .entry-content p {
    margin-top: 0em;
    margin-bottom: 1.0em;
}

a:hover {
    color: #918f85;
}

a:hover img {
  opacity:0.80;
  filter: alpha( opacity=80 );
  -ms-filter: "alpha( opacity=80 )";
}

.a-wrap:hover {
    background-color: #f0ffff;
    transition: all 0.5s ease;
    color: #333;
}

.shadow {
    margin-top: 5px;
    display: inline-block;
    box-shadow: 0px 3px 7px -5px rgba(0,0,0,.8);
	line-height: 0;
}

.shadow1 {
    box-shadow: 0px 8px 10px -5px rgba(0,0,0,.4);
    line-height: 0;
}

.shadow2 {
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.4));
    line-height: 0;
}

.entry-content>*, .demo .entry-content p {
    line-height: 1.6;
}

.dnone {
	display:none !important;
}

.tcenter {
    text-align: center;
}

.container {
    margin-top: 85px;
}

.container {
    overflow-x: hidden;
}

.wraph {
    /* width: 100%; */
    margin: 0 5px;
}

.header-container-in.hlt-center-logo .wrap {
    width: auto;
}

.header-container {
    /*display: flex;*/
    justify-content: space-between;
    padding: 0 0 0px 0;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 9999;
}
.header-container.hide{
    top: -147px;
}

.tagline {
    text-align: -webkit-left;
    font-size: 10px;
    margin: .1em 0em 0em;
    color: #00305a;
    text-align: left;
    font-weight: bold;
}

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

.logo-image {
    padding: 0px 0 5px 0;
    font-size: inherit;
    line-height: 0;
}

.logo {
    text-align: center;
}

.logo-image span, .logo-image a {
    display: inline-block;
    max-width: 100%;
}

.site-name-text-link {
    color: var(--cocoon-text-color);
    text-decoration: none;
    font-weight: normal;
    padding: 0 0em;
}

.logo-header img {
    width: 289px !important;
    height: auto;
    line-height: 0em;
}

.footer-right, .footer-left, .footer-center {
    font-size: 13px;
}

/************************************
** ■ホバー時の背景色設定
************************************/
/*.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,

.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
background: -moz-linear-gradient(top left, #FFF 40%, #ffe2e9);
  background: -webkit-linear-gradient(top left, #FFF 40%, #ffe2e9);
  background: linear-gradient(to bottom right, #FFF 40%, #ffe2e9);
  /*background-color: #ffe2e9;*/ /*背景色*/
  transition: all 0.9s ease; /*アニメーション*/
  color: #333; /*フォントカラー*/
border-radius: 2px;
}*/

.mobile-menu-buttons .menu-button:hover {
	background: #ff8098;
}

/*.header-container {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 9999;
}*/

.header-container {
    box-shadow: 0 2px 3px rgba(0,0,0,.32);
    margin-bottom: 4px;
}

.header-container.hide{
    top: -70px;
}

.breadcrumb {
    margin: 1em .4em;
    color: #777;
    font-size: 9px;
}

.navi-in .menu-header a {
    color: #333;
    font-size: 12px;
}

.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link {
    margin: 0 3px;
}

/*.header-container .wrap {
    width: auto;
    margin: 0 auto;
}*/

/*#navi .navi-in>ul>li>a {
    padding: 0 0.9em;
}*/

/*#navi .navi-in>ul>li>a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#000;
}*/

#navi .navi-in>ul>li>a::after {
  position: absolute;
  bottom: 3px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #148fd4;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#navi .navi-in>ul>li>a:hover::after {
  transform: scale(1, 1);
}

#navi .navi-in>ul>li>a {
    padding: 0 1.6em;
}

#navi .navi-in .hwaku a:hover {
    border: 1px solid #fff;
}

#navi .navi-in a:hover {
    border-radius: 20px;
	background-color: #fff !important;
}

.navi-in .hwaku a:hover {
    background-color: #a09e91 !important;
    transition: all 0.5s ease;
    color: #fff !important;
    font-weight: normal;
}

.mobackt {
    position: relative;
    padding: 0px 0;
    margin-top: 0em;
    margin-bottom: 0em;
}

.mobackb {
    position: relative;
    padding: 0px 0;
    margin-top: 0em;
    margin-bottom: 2em;
}

/*.mob1 {
    margin: 0 0 0px;
    text-align: center;
    padding-top: 14px;
    padding-right: 0;
    padding-bottom: 1px;
    padding-left: 0;
    width: 98.7vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #003A7F;
}*/

.mob1 {
    padding-bottom: calc(0vw + 0px);
    position: relative;
    overflow: hidden;
    background-color: #003A7F;
    margin-top: 0em !important;
    margin-bottom: 0em !important;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 10px;
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

.mob2 {
    padding-bottom: calc(1vw + 10px);
    position: relative;
    overflow: hidden;
    background-color: #003A7F;
    margin-top: 0em !important;
    margin-bottom: 0em !important;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 30px;
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

.mobackbb {
    position: relative;
    overflow: hidden;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}

.wrap4 {
    width: 1216px;
    margin: 0 auto 0 auto;
}

.mob1 .column-wrap {
    margin-bottom: 0.0em !important;
}

.header-container #navi li+li {
    border-left: 1px solid #c3d9f4;
}

.cl-slim .navi-in > ul li {
    height: 26px;
    line-height: 26px;
}

#footera {
    margin: 0px 0 0 0;
    padding: 0;
}

.footer {
    margin-top: 0px;
    padding: 8px;
}

.tnavi-inq {
	text-align: center;
  vertical-align: middle;
}

.posttop1 {
    padding: 20px 20px 20px 20px;
    background: #e8f8ff;
    border: 10px solid #29ABE2;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    line-height: 1.7em;
    font-size: 16px;
}

.posttop1 table, .posttop1 table p, .posttop1 .form_submit p {
    margin-bottom: 0em;
}

table th, table td {
    position: relative;
    padding: .5em;
}

.posttop1 table tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.posttop1 th {
    border: none;
    font-size: 16px;
    background-color: transparent;
    text-align: left;
    font-weight: 400;
}

.posttop1 span.wpcf7-list-item {
    display: block;
}

.bsyu {
    background-color: #ff005e;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 2px 0 3px;
    letter-spacing: .2em;
    vertical-align: middle;
    line-height: 1.0em;
}

div .form_submit {
    width: 650px;
    margin-bottom: 0;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.wpcf7-form input[type=submit] {
    width: 650px;
    height: 60px;
    font-size: 20px;
    font-weight: nomal;
    color: #000;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #eee;
}

.page h1 {
    font-size: 32px;
    margin: 20px 5px 0.5em 5px !important;
    padding: 0px 5px 0px 48px !important;
    text-align: left;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #003A7F;
    position: relative;
	background-color: #ffffff;
}

.page h1::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/logob.png) no-repeat;
    background-size: auto;
    background-size: contain;
    margin-left: -48px;
    margin-top: -2px;
}

.article h2 {
    font-size: 32px;
    margin: 20px 5px 0.1em 5px !important;
    padding: 0px 5px 0px 48px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #003A7F;
    position: relative;
	background-color: #ffffff;
}

.article h2::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/logob.png) no-repeat;
    background-size: auto;
    background-size: contain;
    margin-left: -48px;
    margin-top: -2px;
}

.article h2::after {
    content: "";
    position: absolute;
    bottom: -22px;
    width: 80px;
    height: 7px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(0, 58, 127);
    border-radius: 10px;
}

.title-et {
    font-size: 11px;
    margin: 36px 0 40px 0;
    line-height: 1.3;
    text-align: center;
	color: #003A7F;
}


.mob2 h2 {
    font-size: 32px;
    margin: 20px 5px 0.1em 5px !important;
    padding: 0px 5px 0px 48px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #fff !important;
    position: relative;
	background-color: #003A7F !important;
}

.mob2 h2::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/logob.png) no-repeat;
    background-size: auto;
    background-size: contain;
    margin-left: -48px;
    margin-top: -2px;
}

.mob2 h2::after {
    content: "";
    position: absolute;
    bottom: -22px;
    width: 80px;
    height: 7px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}

.title-etb {
    font-size: 11px;
    margin: 36px 0 40px 0;
    line-height: 1.3;
    text-align: center;
	color:#fff;
}

.article h3 {
  margin-top: 40px;
  font-size: 24px;
  line-height: 44px;
  position: relative;
  display: block;
  width: 55%;
  height: 52px;
  padding: 5px 20px;
  transition: all .1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #29ABE2;
  margin: 0 auto 30px;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
}

.article h3:before,
.article h3:after {
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	content: '';
	border: 26px solid transparent;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
}

.article h3:before {
	right: 100%;
	border-right-color: #29ABE2;
}
.article h3:after {
	left: 100%;
	border-left-color: #29ABE2;
}

.article .mob2 h3 {
  margin-top: 40px;
  font-size: 24px;
  line-height: 44px;
  position: relative;
  display: block;
  width: 28%;
  height: 52px;
  padding: 5px 20px;
  transition: all .1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  background-color: #29ABE2 !important;
  margin: 0 auto 30px;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
}

.article .mob2 h3:before,
.article .mob2 h3:after {
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	content: '';
	border: 26px solid transparent;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
}

.article .mob2 h3:before {
	right: 100%;
	border-right-color: #29ABE2;
}
.article .mob2 h3:after {
	left: 100%;
	border-left-color: #29ABE2;
}

.article h4 {
    border-top: 1px solid #8cb6e8;
    border-bottom: 1px solid #8cb6e8;
	font-size: 22px;
    padding: 9px 10px 4px;
}

.article h5 {
    border-bottom: 4px double #98cfe6;
	font-size: 20px;
    padding: 9px 10px 4px;
}

.article h6 {
    border-bottom: 1px dashed #a3a3a3;
    font-size: 18px;
    padding: 8px 5px 2px;
    margin-bottom: 0.8em;
}

.article .mob2 h4, .article .mob2 h5, .article .mob2 h6 {
    color: #fff !important;
}

.article .mob2 .wback h4, .article .mob2 .wback h5, .article .mob2 .wback h6, .article .mob2 .wback p, .article .mob2 .wback table {
    color: #003a7f !important;
}

.wback {
	background-color:#fff;
	padding:20px;
	border-radius:4px;
	margin:0 2px !important;
	
}

.wp-block-cocoon-blocks-column-2 {
	gap: 0% !important;
}

.wp-block-cocoon-blocks-column-2 > div {
  width: 50%;
  margin: 0;
}

.article h4.gyo {
    position: relative;
    border-left: 0px solid #777;
    border-right: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #98cfe6;
    font-size: 22px;
    padding: 0px 0px 1px 38px;
    letter-spacing: 0.001em;
    margin-bottom: 20px;
    color: #003A7F !important;
    text-align: left;
}

.article h4.gyo:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 30px;
    height: 33px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/gicon.png) no-repeat;
    background-size: contain;
    margin-left: -38px;
    margin-top: -7px;
}

.article h4.ip {
    position: relative;
    border-left: 0px solid #777;
    border-right: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #98cfe6;
    font-size: 22px;
    padding: 0px 0px 1px 28px;
    letter-spacing: 0.001em;
    margin-bottom: 20px;
    color: #003A7F !important;
    text-align: left;
}

.article h4.ip:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 32px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/ipicon.png) no-repeat;
    background-size: contain;
    margin-left: -28px;
    margin-top: -7px;
}

.r5 {
    padding-right: 5px !important;
}

.l5 {
    padding-left: 5px !important;
}

.r10 {
    padding-right: 10px !important;
}

.l10 {
    padding-left: 10px !important;
}

.r10m {
    margin-right: 10px !important;
}

.l10m {
    margin-left: 10px !important;
}

.tb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.celinks {
    text-align: center;
    margin-bottom: 0px;
}

.custom-btn {
  padding: 1px 31px 3px;
  font-family: "Noto Serif JP" ,sans-seri;
  font-weight: normal;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
font-size:18px;
}

.custom-btns {
  padding: 0px 8px 2px;
    font-family: "Noto Serif JP", sans-seri;
    font-weight: normal;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    font-size: 13px;
}

/**** BTN No. 10 ****/
.btn-10 {
  background: #003A7F;
  border: 1px solid #003A7F;
  transition: all 0.3s ease;
color:#fff;
	z-index: 0;
}
.btn-10:before,
.btn-10:after {
  position: absolute;
  content: " ";
  z-index: -1;
  width: 20%;
  top: 50%;
  height: 1px;
  background: #003A7F;
  transition: all 0.3s ease;
}
.btn-10:before {
  left: -10%;
}
.btn-10:after {
  right: -10%;
}
.btn-10:hover {
  background: #fff;
  color: #003A7F;
}
.btn-10:hover:before {
  left: -15%;
}
.btn-10:hover:after {
  right: -15%;
}

.ex12 {
	font-size: 12px;
	line-height:1.4em;
	}

.new-entry-card-date {
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
}

.post-date, .post-update, .post-author, .amp-back, .entry-category {
    padding: 2px;
    display: inline;
    font-size: .7em;
}

.cat-label {
    position: absolute;
    top: 0em;
    left: 0em;
    border: 0 solid #eee;
    font-size: 9px;
    color: var(--cocoon-white-color);
    background-color: rgba(41, 171, 226, 1);
    padding: 2px 3px;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.front-top-page .main {
    padding: 0px 29px 0px;
}
.widget_nav_menu ul li a {
    text-decoration: none;
    padding: 3px 0 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
}

#footer .footer-left a:hover, #footer .footer-center a:hover, #footer .footer-right a:hover {
    color: #fff;
    background: #29ABE2;
    border-radius: 30px;
    padding: 3px 10px 0px;
	display: inline-block;
}

.kblue {
    color: #003a7f;
}

.tag-link, .comment-reply-link {
    color: #003A7F;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    word-break: break-all;
    padding: 1px 5px;
    font-size: 10px;
    border: 1px solid #003A7F;
    border-radius: 20px;
}

.entry-categories-tags .tax-icon {
    margin-right: .4em;
}

.fa-tag:before, .fa-tags::before {
    content: "\f492";
    color: #003A7F;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  text-align: left;
  vertical-align: middle;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(2n+1) td {
  background-color: #f7f7f7;
}

/*h2.wp-block-heading {
  font-size: 32px;
  margin: 20px 5px 0.1em 5px !important;
  padding: 0px 5px 0px 48px !important;
  text-align: center;
  line-height: 1.2;
  text-shadow: 0px 0px 0px #d0d0d0;
  font-weight: bold;
  color: #003A7F;
  position: relative;
  background-color: transparent !important;
}

h2.wp-block-heading::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/logob.png) no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: contain;
  margin-left: -48px;
  margin-top: -2px;
}*/

/*サイドバーカテゴリ*/
.sidebar{
	background:transparent;
}
.widget-sidebar h3 {
    background: transparent;
    font-size: 1.1em;
    border-bottom: 1px solid #d0d0d0;
    padding: 5px 10px 0;
    margin-bottom: 8px;
}
.widget_popular_entries h3:before{/*人気記事タイトルアイコン*/
	font-family:Fontawesome;
	content:"\f06b";/*アイコン種類*/
	color:#ccc;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_categories h3:before {
    font-family: Fontawesome;
    content: "\f0ca";
    color: #003A7F;
    font-weight: normal;
    margin-right: 6px;
}
.widget_archive h3:before {
    font-family: Fontawesome;
    content: "\f274";
    color: #003A7F;
    font-weight: normal;
    margin-right: 6px;
}
.widget_categories ul li,
.widget_archive ul li{/*カテゴリ・アーカイブ下線*/
	padding-left:7px;
	border-bottom:1px dotted  rgba(125, 125, 125, 0.2);/*下線の種類*/
}
.widget_categories ul li a,
.widget_archive ul li a{/*親カテゴリ・アーカイブの文字サイズ*/
	font-size:.80rem;
}
.widget_categories ul li a:before, .widget_archive ul li a:before {
    font-family: Fontawesome;
    content: "\f138";
    color: #918f85;
    margin-right: 5px;
}
.widget_categories ul .children li a:before{/*子カテゴリアイコン*/
	font-family:Fontawesome;
	content:"\f105";/*アイコン種類*/
	color:#918f85;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li{
	border-bottom:none;
}	
.widget_categories ul .children li a{/*子カテゴリ*/
	padding:3px 5px 3px 0px;
	font-size:.70rem;/*文字サイズ*/
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
	background:transparent;
	color:#9c9c9c;/*hover時の文字色*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a .post-count,
.widget_archive ul li a  .post-count{/*カテゴリ・アーカイブ記事数*/
	border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
	border-radius:5px;
	font-size:.8em;/*数字サイズ*/
	padding:1px 10px;/*囲いの大きさ*/
}
.widget_categories ul li a:hover .post-count,
.widget_archive ul li a:hover  .post-count{/*カテゴリ・アーカイブ記事数hover時*/
	border-color:#19448e;/*囲線色*/
	background:#19448e;/*背景色*/
	color:#fff;/*文字色*/
	transition:.4s;/*変化スピード*/
}

.widget-entry-cards figure {
    width: 80px;
    /*line-height: 0;*/
}

.widget-entry-card-content {
    margin-left: 90px;
}

.widget-entry-card-content .post-date {
    padding: 1px 1px 5px 1px;
    display: block;
    font-size: .7em;
    float: right;
    text-align: right;
}
.widget-entry-cards .widget-entry-card {
    font-size: 0.85em;
    position: relative;
}

.widget-entry-cards .a-wrap {
    padding: 5px 5px 0px 5px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.widget_nav_menu ul li {
	padding-left:0px;
	border-bottom:1px dotted  rgba(125, 125, 125, 0.2);/*下線の種類*/
	margin-bottom: 8px;
}

.widget_nav_menu ul li a {
	font-size:.90rem;
	font-weight:700;
	color:#003A7F;
	margin-bottom: 8px;
}

.widget_nav_menu ul li a:before {
    font-family: Fontawesome;
    content: "\f138";
    color: #918f85;
    margin-right: 5px;
}

.widget_nav_menu ul.sub-menu li a{
	font-size:.80rem;
	font-weight:normal;
	color: #383838;
}

.widget_nav_menu ul.sub-menu li a:before{
	font-family: Fontawesome;
	content:"\f105";
	color:#918f85;
	font-weight:normal;
	margin-right:6px;
}
.widget_nav_menu ul.sub-menu li{
	border-bottom:none;
}	
.widget_nav_menu ul.sub-menu li a{/*子カテゴリ*/
	padding:3px 5px 3px 0px;
	font-size:.70rem;/*文字サイズ*/
}
.widget_nav_menu ul li a:hover{/*カテゴリ・アーカイブhover時*/
	background:transparent;
	color:#9c9c9c;/*hover時の文字色*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_nav_menu ul li a .post-count{/*カテゴリ・アーカイブ記事数*/
	border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
	border-radius:5px;
	font-size:.8em;/*数字サイズ*/
	padding:1px 10px;/*囲いの大きさ*/
}
.widget_nav_menu ul li a:hover{/*カテゴリ・アーカイブ記事数hover時*/
	border-color:#003A7F;/*囲線色*/
	background:#003A7F;/*背景色*/
	color:#fff;/*文字色*/
	padding-left: 5px;
}


.widget-sidebar h3 {
    background: transparent;
    font-size: 1.2em;
    border-bottom: 1px solid #d0d0d0;
    padding: 5px 10px 0;
    margin-bottom: 8px;
}

.widget_nav_menu h3:before {
    font-family: Fontawesome;
    content: "\f0ca";
    color: #003A7F;
    font-weight: normal;
    margin-right: 6px;
}

#oc, #oc1,#oc2, #oc3, #oc4, #oc5, #oc6, #oc7, #oc8, #oc9, #cc, #cc1, #cc2, #cc3, #cc4, #cc5, #cc6, #cc7, #pc, #pc1, #pc2 {
  scroll-margin-top: 84px;
  padding-top: 6px;
}

.author-widget-name {
    background-color: #003A7F;
    padding: 2px 5px;
    margin: 0 0 8px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
}

#kjk {
  scroll-margin-top: 130px;
  padding-top: 10px;
}

.cat-link {
    color: var(--cocoon-white-color);
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 6px;
    font-size: 12px;
    background-color: #29abe2;
    border-radius: var(--cocoon-badge-border-radius);
    word-break: break-all;
}

/*****************************************************************************************************************************************************************************************
** レスポンシブデザイン用のメディアクエリ
*****************************************************************************************************************************************************************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

main.main, div.sidebar {
        padding: 0px 16px;
        margin: 12px 0;
        border-width: 0;
}
	
.container {
    margin-top: 61px;
}
	
.htop {
        display: block;
        justify-content: space-between;
        text-align: center;
}
	
.wrap4 {
        width: 100%;
        margin: 0 auto 0 auto;
        margin-bottom: 0 !important;
}
	
.mob1 .column-wrap, .lpst .column-wrap {
        gap: .05em;
}
	
.posttop1 th {
        border: none;
        font-size: 14px;
    }
	
.posttop1 th {
        width: 100%;
        display: block;
        border-top: none;
        font-size: 14px;
        background-color: #f4efdf;
        text-align: left;
    }
	
.posttop1 td {
        width: 100%;
        display: block;
        border-top: none;
        font-size: 12px;
    }
	
div .form_submit {
    width: 100%;
    margin-bottom: 0;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}
	
.wpcf7-form input[type=submit] {
    width: 100%;
    height: 60px;
    font-size: 20px;
    font-weight: nomal;
    color: #000;
}
	
.r5 {
    padding-right: 0px !important;
}

.l5 {
    padding-left: 0px !important;
}
	
.r10 {
    padding-right: 0px !important;
}

.l10 {
    padding-left: 0px !important;
}
	
.r10m {
    margin-right: 0px !important;
}

.l10m {
    margin-left: 0px !important;
}
	
.article h2 {
    font-size: 20px;
    margin: 20px 0px 0.1em 0px !important;
    padding: 0px 5px 0px 36px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #003A7F;
    position: relative;
    background-color: #ffffff;
}
	
.article h2::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/logob.png) no-repeat;
    background-size: auto;
    background-size: contain;
    margin-left: -36px;
    margin-top: -2px;
}
	
.article h2::after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 60px;
    height: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(0, 58, 127);
    border-radius: 10px;
}
	
.title-et {
    font-size: 11px;
    margin: 30px 0 20px 0;
    line-height: 1.3;
    text-align: center;
    color: #003A7F;
}
	
.mob2 h2 {
    font-size: 20px;
    margin: 20px 0px 0.1em 0px !important;
    padding: 0px 5px 0px 36px !important;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px 0px 0px #d0d0d0;
    font-weight: bold;
    color: #fff !important;
    position: relative;
	background-color: #003A7F !important;
}

.mob2 h2::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(https://efforce-che.com/ecwp/wp-content/uploads/2024/06/logob.png) no-repeat;
    background-size: auto;
    background-size: contain;
    margin-left: -36px;
    margin-top: -2px;
}

.mob2 h2::after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 60px;
    height: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}

.title-etb {
    font-size: 11px;
    margin: 30px 0 20px 0;
    line-height: 1.3;
    text-align: center;
	color:#fff;
}
	
.article h3 {
  margin-top: 40px;
  font-size: 19px;
  line-height: 24px;
  position: relative;
  display: block;
  width: 100%;
  height: 32px;
  padding: 5px 20px;
  transition: all .1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #29ABE2;
  margin: 0 auto 30px;
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
}

.article h3:before,
.article h3:after {
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	content: '';
	border: 16px solid transparent;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
}

.article h3:before {
	right: 100%;
	border-right-color: #29ABE2;
}
.article h3:after {
	left: 100%;
	border-left-color: #29ABE2;
}
	
.article .mob2 h3 {
    margin-top: 40px;
    font-size: 19px;
    line-height: 24px;
    position: relative;
    display: block;
    width: 70%;
    height: 32px;
    padding: 5px 5px;
    transition: all .1s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background-color: #29ABE2 !important;
    margin: 0 auto 30px;
    border-left: 0px solid #fff;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}
	
.article .mob2 h3:before, .article .mob2 h3:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border: 16px solid transparent;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
}
	
.article .mob2 h3:before {
    right: 100%;
    border-right-color: #29ABE2;
}
	
.article .mob2 h3:after {
    left: 100%;
    border-left-color: #29ABE2;
}
	
.article h4 {
    font-size: 20px;
}
	
.article h5, .article h6 {
    font-size: 16px;
}
	
.wback {
    background-color: #fff;
    padding: 15px;
    border-radius: 4px;
    margin: 0 2px 5px !important;
}
	
.article h4.gyo {
    font-size: 20px;
}

.has-custom-border img {
  border-width: 10px !important;
}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}