@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.2
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ============================================================================================== * 
 * _global.scss
 *
 * サイト共通のCSS定義を行います
 *
 * Copyright Progress LLC.
 * ============================================================================================== */
/* ============================================================================================== * 
 * _color.scss
 *
 * カラーコード定義を行います
 *
 * Copyright Progress LLC.
 * ============================================================================================== */
p.hidden {
  display: none;
}

body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

ul.bullet {
  padding-left: 0 !important;
}
ul.bullet li {
  margin-left: 0;
  position: relative;
  padding-left: 1em;
  list-style: none;
  text-indent: 0;
}
ul.bullet li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

dd {
  margin-left: 20px !important;
}

.article p {
  margin-bottom: 1em;
}

.color-teal {
  color: rgb(0, 128, 128);
}

.page-contact .sns-share,
.page-tradelaw .sns-share,
.page-license-issue .sns-share {
  display: none;
}

.google-adsense {
  margin-bottom: 1.5em !important;
}

.home.page .entry-title,
.page .date-tags {
  display: none;
}

body,
.header-container,
.breadcrumb.sbp-main-before,
.breadcrumb.pbp-main-before,
.main,
.sidebar,
.footer {
  background-color: rgb(230, 245, 255);
}

.navi,
.navi-footer,
.menu-content {
  background-color: rgb(200, 235, 250);
}

.navi-in a:hover,
.navi-footer-in a:hover,
.menu-drawer a:hover {
  background-color: rgb(165, 215, 245);
}

.a-wrap:hover {
  background-color: rgb(215, 240, 250);
}

.fixed-header .header .header-in {
  padding: 0 20px;
  background-color: rgb(200, 235, 250);
}

@media screen and (max-width: 834px) {
  .navi-footer {
    display: none;
  }
}

.appeal-in {
  padding: 0;
}
.appeal-in.wrap {
  width: 100%;
}

.tagline {
  color: rgb(10, 50, 115);
  font-size: 24px;
}
@media screen and (max-width: 600px) {
  .tagline {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .tagline {
    font-size: 16px;
  }
}
@media screen and (max-width: 400px) {
  .tagline {
    font-size: 12px;
  }
}

.main {
  width: calc(100% - 365px);
  padding-top: 0;
}
@media screen and (max-width: 1276px) {
  .main {
    width: calc(70% - 25px);
  }
}

.entry-title,
.home-info-title {
  background-color: rgb(45, 110, 165);
  color: #fff;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: normal;
}

.editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
  color: #fff;
}

@media (min-width: 600px) and (max-width: 781px) {
  .home-pr-area .wp-block-column:not(:only-child) {
    flex-basis: calc(33.3% - 1em) !important;
    margin-left: 1em;
  }
}
#pr-area-1 > ul,
#pr-area-2 > ul,
#pr-area-3 > ul {
  padding-left: 0;
}

.pr-area > a {
  color: #333;
  text-decoration: none;
}
.pr-area > a > div {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border: 1px solid rgb(10, 50, 115);
  border-radius: 50%;
  position: relative;
}
.pr-area > a > div > .fas, .pr-area > a > div .far {
  color: rgb(10, 50, 115);
  position: absolute;
  font-size: 36px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.pr-area > a > h1 {
  margin-top: 0.9em;
  margin-bottom: 0.7em;
  text-align: center;
  font-size: 18px;
  line-height: 1.4em;
}
.pr-area > a > p {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 16px;
  line-height: 1.6em;
}

.article h2 {
  margin: 1.5em 0 1em;
  padding: 8px 0 4px;
  background-color: transparent;
  border-color: rgb(10, 50, 115);
  border-style: double;
  border-width: 6px 0;
}
.article h3 {
  color: rgb(10, 50, 115);
  margin: 0 0 0.75em;
  padding: 12px 12px 10px;
  border-color: rgb(10, 50, 115);
}
.article h4 {
  margin-bottom: 0.5em;
  padding: 9px 10px 5px;
}

.new-entry-card-date {
  display: block;
}

.widget-entry-cards a:first-child {
  margin-top: 4px;
}
.widget-entry-cards figure {
  width: 200px;
}
@media screen and (max-width: 480px) {
  .widget-entry-cards figure {
    width: 100%;
  }
}
.widget-entry-cards .a-wrap {
  line-height: 1.6;
}

.widget-entry-card-content {
  margin-left: 215px;
}
@media screen and (max-width: 480px) {
  .widget-entry-card-content {
    margin-left: 0;
  }
}

.widget-entry-card-snippet {
  font-size: 16px;
}

.border-partition a {
  border-color: rgb(10, 50, 115);
}

@media screen and (max-width: 480px) {
  .twocol .ccchildpage {
    width: 100% !important;
  }
}

.ccpage-parent-services {
  margin: 1em 0 !important;
  padding: 0 1% !important;
}

table ul, table ol, table dl {
  margin-bottom: 0 !important;
}
table ul, table ol {
  padding-left: 20px !important;
}
@media screen and (max-width: 834px) {
  table ul, table ol {
    padding-left: 15px !important;
  }
}
table ul > li, table ol > li {
  margin-top: 0 !important;
  text-indent: -5px;
}
table ul > li:last-child, table ol > li:last-child {
  margin-bottom: 0;
}

.tablepress tr:nth-of-type(2n+1),
.tablepress .odd td,
.tablepress .even td {
  background-color: transparent !important;
}
.tablepress ul br, .tablepress ol br, .tablepress dl br {
  display: none;
}

table.table-aboutas .column-1 {
  width: 7em;
}
@media screen and (max-width: 480px) {
  table.table-aboutas .column-1 {
    width: auto;
  }
}
table.table-aboutas .column-2 {
  width: 10em;
}
table.table-aboutas .row-3 td {
  padding-bottom: 2px;
}
table.table-aboutas .row-4 td {
  padding-top: 0px;
  border-top: none;
}

.tablepress-id-11 .row-1 th {
  text-align: center;
}
.tablepress-id-11 .column-3 {
  text-align: right;
}

.tablepress-id-12 .row-1 th {
  text-align: center;
}
.tablepress-id-12 .column-2 {
  text-align: right;
}

table.table-recruit .column-1 {
  width: 5em;
}
@media screen and (max-width: 480px) {
  table.table-recruit .column-1 {
    width: auto;
  }
}

table.table-sfmr-price {
  border: 2px solid blue;
}
table.table-sfmr-price th:not(:last-child), table.table-sfmr-price td:not(:last-child) {
  border-right: 1px double blue;
}
table.table-sfmr-price thead tr {
  border-bottom: 3px double blue;
}
table.table-sfmr-price tbody tr:not(:last-child) {
  border-bottom: 1px double blue;
}
table.table-sfmr-price tbody tr:last-child {
  border-bottom: 3px double blue;
}

body.post-type-archive-info .front-page-type-index .info,
body.tax-info_category .front-page-type-index .info,
body.tax-info_tag .front-page-type-index .info {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

body.single-info .type-info {
  background-color: transparent;
}

.wp-block-syntaxhighlighter-code {
  font-size: 16px;
}
.wp-block-syntaxhighlighter-code .syntaxhighlighter code {
  line-height: 1.4em !important;
}

.sidebar {
  width: 365px;
}
@media screen and (max-width: 1276px) {
  .sidebar {
    width: 30%;
  }
}

.widget-sidebar {
  margin-bottom: 1.5em;
}
.widget-sidebar select {
  margin-top: 11px;
  padding: 0;
}

.sidebar h3 {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
  -o-border-image: linear-gradient(to right, rgb(10, 50, 115) 0%, #ccc 100%) 1;
     border-image: linear-gradient(to right, rgb(10, 50, 115) 0%, #ccc 100%) 1;
}

input[type=text].search-edit {
  padding: 2px;
}

.widget_categories ul li a,
.widget_recent_entries ul li a {
  padding: 0;
}
.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover {
  background-color: rgb(215, 240, 250);
}

.tagcloud a {
  font-size: 16px;
  margin: 2px 2px 0 0;
  padding: 3px 8px 0 0;
}
.tagcloud a:hover {
  background-color: rgb(215, 240, 250);
}

.widget_recent_entries > ul > li {
  padding: 4px 0;
  border-bottom: 1px dotted rgb(10, 50, 115);
}
.widget_recent_entries > ul > li > a {
  line-height: 1.4;
}
.widget_recent_entries > ul > li > span.post-date {
  display: block;
  margin-top: -2px;
}

.widget_recent_comments > ul {
  list-style-type: none;
  font-size: 16px;
  padding-left: 0;
}
.widget_recent_comments > ul > li {
  padding: 4px 0;
  line-height: 1.6;
  border-bottom: 1px dotted rgb(10, 50, 115);
}

.widget_child-page-menu ul {
  padding: 6px 0 0 20px;
}
.widget_child-page-menu ul > li {
  text-indent: -5px;
}
.widget_child-page-menu ul > li > a {
  color: #333;
  text-decoration: none;
}
.widget_child-page-menu ul > li > a:hover {
  background-color: rgb(215, 240, 250);
}

.post-image img {
  border: 1px solid #b0c4de;
  background-color: rgb(255, 255, 255);
  padding: 6px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}
/* ============================================================================================== * 
 * _ContactForm7.scss
 *
 * Contact Form 7のCSS定義を行います
 *
 * Copyright Progress LLC.
 * ============================================================================================== */
form.wpcf7-form textarea {
  font-family: inherit;
}
form.wpcf7-form input[type=submit] {
  cursor: pointer;
  width: 40%;
  font-size: 16px;
  background-color: rgb(127, 255, 212);
}
form.wpcf7-form #agreeContent {
  border: solid 1px;
  font-size: small;
  height: 180px;
  margin-bottom: 1em;
  overflow-y: auto;
  padding: 8px;
}
form.wpcf7-form #agreeContent h4 {
  background-color: rgb(200, 235, 250);
  font-size: initial;
  font-weight: bold;
  margin: 0;
  padding: 4px 8px 6px;
}
form.wpcf7-form #agreeContent h5 {
  font-size: inherit;
  font-weight: bold;
  margin: 0;
}
form.wpcf7-form #agreeContent ul {
  margin: 0;
}
form.wpcf7-form #agreeContent ul li {
  margin-bottom: 0;
}
form.wpcf7-form #agreeContent dl {
  border-bottom: none;
  margin: 1em 0 0 1.5em;
}
form.wpcf7-form #agreeContent dl dt {
  font-weight: bold;
  float: none;
  margin: 0 0 0.5em 0;
  padding: 0;
  width: 100%;
}
form.wpcf7-form #agreeContent dl dd {
  margin: 0 0 0.25em 1em;
  padding: 0;
  border-left-color: transparent;
}
form.wpcf7-form #agreeContent p {
  margin-bottom: 0;
}
form.wpcf7-form #agreeContent div {
  margin-top: 1em;
}
form.wpcf7-form .getip {
  color: red;
  margin: -1.5em 0 0.5em 2em;
}

div#wpcf7cpcnf table th, div#wpcf7cpcnf table td {
  background-color: white;
}
div#wpcf7cpcnf button {
  cursor: pointer;
  width: 40%;
  font-size: 16px;
  border: 1px solid #ddd;
  padding: 11px;
  margin-right: 20px;
}
div#wpcf7cpcnf button.wpcf7cp-cfm-edit-btn {
  background-color: rgb(200, 235, 250);
}
div#wpcf7cpcnf button.wpcf7cp-cfm-submit-btn {
  background-color: rgb(255, 250, 205);
}