@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* プラグイン、zipaddar-jpで表示される吹き出しを非表示にする */
#autozip {
    display: none !important;
}

.footer-bottom-logo img {
  height: auto;
  width: auto;
}

.pc-center {
    text-align: center;
}

.sumcards {
    margin: 0 !important;
}

.sumcards>div {
    margin: 0 !important;
}

.pc-hidden {
    display: none;
}

.sp-hidden {
    display: block;
}

/* 汎用系 */
.red {
    color: red;
}

.down-triangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid red;
    margin: 1em auto;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1em {
    margin-bottom: 1em !important;
}

.ml-1em {
    margin-left: 1em !important;
}

.mr-1em {
    margin-right: 1em !important;
}

.mt-1em {
    margin-top: 1em !important;
}

.bg-lightGreen {
    background-color: #99CC99;
}

.bg-white {
    background-color: #FFF;
}

.boxYellow {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #FFFDD2;
    border: solid 1px #FFCC00;
    border-radius: 1em;
}

.boxYellow p {
    margin: 0;
    padding: 0;
}

.txtMsg {
    font-size: 24px;
}

.sum-card {
    margin
}

.acbox label {
    width: auto;
    font-size: 16px;
    /* ラベルの文字サイズ */
    font-weight: bold;
    text-align: center;
    background: #FFF;
    /* ラベルの背景色 */
    position: relative;
    display: block;
    padding: 8px;
    border: 1px solid #FF0000;
    border-radius: 4px;
    /* ラベルの角の丸み */
    cursor: pointer;
    color: #000;
}

.acbox label:hover {
    background: #FF0000;
    /* ラベルにマウスを乗せた時の背景色 */
    color: #FFF;
    /* ラベルにマウスを乗せた時の背景色 */
    transition: 0.30s;
    /* 開閉スピードの設定 */
}

/* 閉じるボタン */
.toggle-content .ac-button-2 {
    padding: 0.5em 2em;
    margin-top: 1em;
    background-color: #888;
    font-size: 0.8em;
    color: white;
    border: solid 1px #FFF;
    transition: 0.30s;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    max-width: 300px;
}

.toggle-content .ac-button-2:hover {
    background-color: #999;
    color: #FFF;
    transition: 0.30s;
}


/* ボックス */
.box-section {
    border: 1px solid red;
    background-color: #FFF;
}

.box-section h4 {
    background: red;
    padding: 1em;
    color: #FFF;
    text-align: center;
    margin-top: 0px;
}

.box-section p {
    padding: 0.4em 1em;
}

.box-section img {
    width: 100%;
    padding: 0 1em;
}

.shadow-black:hover {
    filter: none;
    transition: 0.80s;
    /* 開閉スピードの設定 */
}


/* 白背景の箱 */
.contents-box1 {
    margin: 1em;
    padding: 1em;
    background-color: #FFF;
    border-radius: 1em;
}

.contents-box1 p {
    padding: 0.4em 1em;
    margin-bottom: 0px;
}

.contents-box1 img {
    width: 100%;
    padding: 0 1em;
}


/* タイトル前のポイント画像 */
.point1::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 50px;
    /*画像の幅*/
    height: 50px;
    /*画像の高さ*/
    margin-right: 10px;
    background-image: url(/wp-content/uploads/2021/08/point01.png);
    background-size: contain;
    vertical-align: text-bottom;
    position: absolute;
    left: 0.6em;
}

.point2::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 50px;
    /*画像の幅*/
    height: 50px;
    /*画像の高さ*/
    margin-right: 10px;
    background-image: url(/wp-content/uploads/2021/08/point02.png);
    background-size: contain;
    vertical-align: text-bottom;
    position: absolute;
    left: 0.6em;
}

.point3::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 50px;
    /*画像の幅*/
    height: 50px;
    /*画像の高さ*/
    margin-right: 10px;
    background-image: url(/wp-content/uploads/2021/08/point03.png);
    background-size: contain;
    vertical-align: text-bottom;
    position: absolute;
    left: 0.6em;
}

.point4::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 50px;
    /*画像の幅*/
    height: 50px;
    /*画像の高さ*/
    margin-right: 10px;
    background-image: url(/wp-content/uploads/2021/08/point04.png);
    background-size: contain;
    vertical-align: text-bottom;
    position: absolute;
    left: 0.6em;
}

.point5::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 50px;
    /*画像の幅*/
    height: 50px;
    /*画像の高さ*/
    margin-right: 10px;
    background-image: url(/wp-content/uploads/2021/08/point05.png);
    background-size: contain;
    vertical-align: text-bottom;
    position: absolute;
    left: 0.6em;
}

.article p {
    margin-bottom: 1em;
    font-size: 16px;
}

.strong-text {
    font-size: 24px !important;
}

.mini-card {
    border: none;
    background-color: #FFF;
    margin: 1em;
}

.mini-card h4 {
    background: #FFC107;
    padding: 0.4em;
    color: #333;
    text-align: center;
    margin-top: 0px;
    border-bottom: none;
}

.mini-card p {
    padding: 0.4em 0;
    margin-bottom: 0em;
    font-size: 16px;
}

.mini-card img {
    width: 100%;
}

/*背景色をグレーに*/
.background_gray{
  background-color: #F2F2F2;
}

/*問い合わせボタン関連*/

.tel-img {
    width: min(400px, 100%);
    
}

.middle-img {
    text-align: center;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.contact-button-01 {
    display: inline-block;
    padding: 16px 32px;
    background: #e41313;
    border-bottom: solid 4px #bd1111;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    -webkit-transition: .100s;
    transition: .100s;
}

.contact-button-01:hover {
    color:white;
    border-bottom: none;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

.contact-button-02 {
    display: inline-block;
    padding: 16px 32px;
    background: #02A44F;
    border-bottom: solid 4px #005F2A;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    -webkit-transition: .100s;
    transition: .100s;
}

.contact-button-02:hover {
    border-bottom: none;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    color:white;
}
.contact-button-03 {
  font-size: 16px;
  padding: 16px 32px;
  color: #000;
  text-decoration: none;
  border-bottom: 2px solid #ccc100;
  border-radius: 8px;
  background: #ffd03a;
  transition: all 0.3s;
}

.contact-button-03:hover {
  color: #fff;
  background: #000;
}
/*PC版問い合わせボタン*/
.contact-button-04 {
  font-size: 20px;
  padding: 18px 100px;
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #ccc100;
  border-radius: 8px;
  background: #02A44F;
  transition: all 0.3s;
}
.contact-button-04:hover {
  color: #fff;
  background: #005c2c;
}
/*問い合わせボタン関連ここまで*/

.bg-lightYellow {
    background: #FFFDD2;
}

.toggle-button {
    width: auto;
    font-size: 16px;
    /* ラベルの文字サイズ */
    font-weight: bold;
    text-align: center;
    background: #FFF;
    /* ラベルの背景色 */
    position: relative;
    display: block;
    padding: 8px;
    border: 1px solid #FF0000;
    border-radius: 4px;
    /* ラベルの角の丸み */
    cursor: pointer;
    color: #000;
}

.toggle-button:hover {
    opacity: 1;
    background: #FF0000;
    /* ラベルにマウスを乗せた時の背景色 */
    color: #FFF;
    /* ラベルにマウスを乗せた時の背景色 */
    transition: 0.30s;
    /* 開閉スピードの設定 */
}

.toggle-button::before {
    content: none;
}

/* 開く前のボタン */
.toggle-button .ac-button-1 {
    padding: 0.5em 2em;
    margin-top: 1em;
    background-color: #FF0000;
    font-size: 0.8em;
    color: white;
    border: solid 1px #FFF;
    border-radius: 1em;
    transition: 0.30s;
}

.toggle-button .ac-button-1:hover {
    background-color: white;
    color: #FF0000;
    transition: 0.30s;
}

/* .toggle-button .ac-button-1::after{
  color: #FFF;
  content:"+"; /* ラベルのアイコン 
position: absolute;
top: 71%;
right: 2em;
margin-top: -14px;
}

*/ .toggle-checkbox:checked~.toggle-button::before {
    content: none !important;
}

.toggle-checkbox:checked~.toggle-content {
    visibility: visible;
    opacity: 1;
    height: 100%;
    transition: all 0.3s ease-in-out;
    padding: 1em;
    border: 1px solid #FF0000;
    border-top-width: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #FFFDD2;
    /* 開いた部分の背景色 */
}

.article .toggle-content h3 {
    margin-left: 10px;
    margin-top: 1em;
    border-left: none;
    padding-left: 50px !important;
    font-size: 2em;

}

/* 開いた際のボタン */
.toggle-button .toggle-content label {
    padding: 0px;
    border: none;
    cursor: pointer;
    color: #000;
    content: "";
}

.toggle-button .toggle-content .ac-button-1 {
    padding: 0.5em 2em;
    margin-top: 1em;
    background-color: #888888;
    font-size: 0.8em;
    color: F0F0F0;
    border: solid 1px #666666;
    border-radius: 0;
    transition: 0.30s;
}

.toggle-button .toggle-content .ac-button-1:hover {
    background-color: #999999;
    color: #FFF;
    transition: 0.30s;

}



/*基本設定*/
/* .article h2, */
/* .article .toggle-content h3{
  margin-top: 0px;
	padding-left:0px;
}
 */
.page .article h2 {
    background: none;
    color: black;
    border-bottom: solid 3px red;
    border-left: none;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0.4em;
}


/*ボタン*/
.btn--orange,
a.btn--orange {
    color: #fff;
    background-color: #ff6600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: .3s;
}

.btn--orange:hover,
a.btn--orange:hover {
    color: #fff;
    background: #f56500;
}

a.btn--radius {
    border-radius: 100vh;
}

/*TOPのNEWS用*/
.box29 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #23ac79;
}

.box29 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #23ac79;
    color: #ffffff;
    font-weight: bold;
}

.box29 p {
    margin: 0;
    padding: 0;
}

/*TOPのお知らせ用*/
.box28 {
    position: relative;
    margin: 1em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}

.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}

.box28 p {
    margin: 0;
    padding: 0;
}

/*問い合わせボタン用スタイル*/
.gs-contact-button {
    font-size: 36px;
    padding: 20px 0px;
    text-align: center;
    color: #ffff;
    width: 90%;
    background-color: #090;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #007F00), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #007F00), color-stop(.75, #007F00), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
    border-radius: 10px;
    box-shadow: 0 10px 2px #006e00;
    margin: 0 auto;
    display: block;
}

/* コンタクトセクションの背景枠に丸みをつける */
.contact-001 {
    margin: 1em;
    border-radius: 1em;
}
/* FAQここから */
.cp_qa03 .cp_actab {
  position: relative;
  width: 100%;
  margin: 0 0 1em 0;
  color: #1b2538;
}
.cp_qa03 .cp_actab input {
  display: none;
}
/* 質問 */
.cp_qa03 .cp_actab label {
  font-weight: bold;
  line-height: 1.6em;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 1em 2em 1em 2.5em;
  cursor: pointer;
  text-indent: 1em;
  border-radius: 0.5em;
  background: rgba(27,37,56,0.1);
}
.cp_qa03 .cp_actab label::before {
  content: 'Q';
  font-family: Noto Sans;
  font-size: 1.5em;
  margin-left: -2em;
  padding-right: 0.5em;
}
.cp_qa03 .cp_actab label:hover {
  color: #00838f;
  transition: all 0.3s;
}
/* --質問の＋アイコン */
.cp_qa03 .cp_actab label::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '+';
  font-size: 1.7em;
  font-weight: bold;
  line-height: 2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  transition: transform 0.3s;
}
/* 答え */
.cp_qa03 .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 2.5em;
  border-radius: 0 0 0.5em 0.5em;
  transition: max-height 0.2s;
}
.cp_qa03 .cp_actab .cp_actab-content::before {
  position: absolute;
  content: 'A';
  font-family: Noto Sans;
  font-size: 1.5em;
  margin: 0.4em 0 0 -1em;
  padding: 0;
}
.cp_qa03 .cp_actab .cp_actab-content p {
  margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa03 .cp_actab input:checked ~ .cp_actab-content {
  max-height: 40em;
  border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa03 .cp_actab input:checked ~ label {
  color: #00838f;
  border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa03 .cp_actab input[type=checkbox]:checked + label::after {
  transform: rotateZ(45deg);
  transform-origin: 50% 50%;
}

/* FAQここまで */
@media screen and (max-width: 768px) {
    .gs-contact-button {
        font-size: 24px;
        font-weight: 900;
        padding: 10px 0px;
        text-align: center;
        color: #ffff;
        width: 90%;
        background-color: #090;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #007F00), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #007F00), color-stop(.75, #007F00), color-stop(.75, transparent), to(transparent));
        -webkit-background-size: 7px 7px;
        border-radius: 10px;
        box-shadow: 0 10px 2px #006e00;
        margin: 0 auto;
        display: block;
    }
}

.contact-001 {
    margin-left: 0;
    margin-top: 1em;
    margin-right: 0;
    border-radius: 1em;
}

/* TOPメインビジュアルのSP */
.max-img {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0px;
}

/*フォームの送信ボタン色をオーバーライド*/
input[type='submit'] {
    background-color: red;
	color:#FFFFFF;
	font-weight:bold;
}

/*!動画の最大幅を指定する-オーバーライド-*/
.video-container,
.instagram-container,
.facebook-container {
    max-width: 800px;
    margin: 30px auto;
}

.video-container .video {
    margin-top: 0;
    overflow: visible;
}


/*必要ならばここにコードを書く*/
/*検索ボタンを非表示にして、メニューの余白削除
.search-menu-button {
  display: none !important;
}
  .menu-caption {
    display: none !important;
  }*/
/*モバイルメニューのアイコンサイズを変更*/
.mobile-menu-buttons .menu-icon::before {
    font-size: 1.4em;
}

/*モバイルメニューのキャプションを非表示*/
/* .mobile-menu-buttons .menu-caption{
	display:none;
}
 */
/* .icon-higaのところを任意のクラスに変更 */

.shadow-black {
    filter: drop-shadow(0px 8px 5px rgba(0, 0, 0, 0.5));
}

* {
    font-family: 'Noto Sans JP';
}

.header {
    background-color: #ffffff;
}

.body {
    background-color: #fff;
}

.page ol li {
    font-family: 'Noto Sans JP';
}

/* .page .article h2{
	background:red;
	color: white;
} */

.page a {
    text-decoration: none;
}

.bg-cl-beige {
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.flex-items {
    display: flex;
    justify-content: center;
}

/*Footerのデザイン変更*/
.footer {
    margin-top: 0px;
    /*フッターとコンテンツの間に余白追加*/
    border-top: solid 10px red;
}

.footer-bottom {
    margin-top: 14px;
    /*フッター内上部の余白を詰める*/
}

.footer-bottom-logo {
    /*ロゴの位置調整*/
    float: none;
    bottom: auto;
    position: static;
    margin-bottom: 10px;
}

.footer-bottom-logo .logo-image {
    padding: 0;
    max-width: 200px;
    /*ロゴ画像を少し大きく*/
    margin: 0 auto;
}

.footer-bottom-content {
    /*メニュー＆クレジットの位置調整*/
    float: none;
    text-align: center;
}

.navi-footer-in>.menu-footer {
    /*メニューの位置調整*/
    justify-content: center;
    margin-bottom: 1em;
}

.navi-footer-in a {
    color: #aab3b9;
    /*メニューの文字色*/
}

.navi-footer-in a:hover {
    /*メニューのマウスホバー時の指定*/
    color: #aab3b9;
    /*文字色を通常時と同じに*/
    background: none;
    /*背景色をなしに*/
    /* text-decoration: underline; /*アンダーラインを追加*/
}

.footer-bottom.fnm-text-width .menu-footer li {
    line-height: 1;
    /*メニューの区切りボーダーの高さを1文字分にする*/
}

.copyright {
    color: #333333;
    /*クレジットの文字色*/
}

@media screen and (max-width: 834px) {
    .navi-footer-in>.menu-footer li.menu-item {
        border: none;
        /*モバイルでメニューのボーダーを消す*/
    }
}

@media screen and (max-width: 460px) {
    .navi-footer-in>.menu-footer li.menu-item {
        /*モバイルでメニューを1カラムにする*/
        width: 100%;
        display: block;
        flex: auto;
        padding: 0.3em 0;
    }
    /*SP版問い合わせボタン*/
.contact-button-04 {
    font-size: 16px;
    padding: 16px 32px;
  }
}

.hover-opacity {
    opacity: 1;
    transition: opacity 0.5s;
}

.hover-opacity:hover {
    opacity: 0.7;
    transition: opacity 0.5s;
}


/*Footerのデザイン変更ここまで*/

.item-label:hover {
    color: #fff;
    background-color: #d70a17;
    transition: all 0.8s ease;
}

a {
    text-decoration: none !important;
}


/*モバイルTOPメニューの背景変更*/

/* .cat-label,
.mobile-menu-buttons,
.mobile-menu-buttons .menu-button > a
 {
  background-color: #fff;
  color: #000;
} */

/*モバイルTOPメニューの背景変更ここまで*/

.search-menu-button,
.logo-menu-button,
.logo-menu-button.search-menu-button,
.site-logo-image,
.logo-menu-button>a,
li .logo-menu-button .menu-button {
    background-color: white !important;
}

/*トップに戻るボタンの位置調整*/
.go-to-top {
    bottom: 100px;
}

.go-to-top .go-to-top-button {
    padding: 30px;
    opacity: 0.8;
}

/*サイドバー非表示の場合のメインコンテンツ位置を調整*/

.page .no-sid ebar .content .main {
    /* margin: auto; */
    width: 100%;
    /* max-width:950px; */
}

/*投稿ページの最大幅を調整*/
.post,
.news {
    margin: auto;
    max-width: 950px;
}

.post p,
.news p {
    padding: 0 1em;
}

.post,
.news {
    margin: auto;
    max-width: 950px;
}

.contents-container {
    margin: auto;
    max-width: 1280px;
}

/* .contents-container p{
  padding:0 20px;
} */

/*サイドバー非表示の場合のメインコンテンツ位置を調整*/

.page .article .strength h1 {
    color: #000;
    /*文字色*/
    background: #fff;
    padding: 0.5em 0;
    /*上下の余白*/
    /* border-top: solid 3px red;/*上線*/
    border-bottom: solid 3px red;
    /*下線*/
}

/*カードデザイン１（開業までの流れ）*/
.card-white {
    width: 90%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 5px #808080;
    margin: 0 auto;
}

.card-img {
    max-width: 100%;
    height: auto;
}

.card-content {
    padding-bottom: 20px;
}

.card-text {
    color: #333;
    line-height: 1.5;
}

.card01-title-sub {
    font-size: 24px;
}

/*カードデデザイン１－１（説明会への参加）※読み込むアイコン変えてるだけ*/

.card-title {
    padding: 20px 0px;
    margin: 0px;
    text-align: center;
    color: #ffffff;
    background-color: red;
    width: 100%;
}

.card-title02 {
    padding: 20px 0px;
    margin: 0px;
    text-align: center;
    color: #ffffff;
    background-color: #a3aaba;
    width: 100%;
}

.icon-01 {
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.icon-01::After {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/wp-content/uploads/2019/10/icon_01.png");
    background-size: contain;
    vertical-align: middle;
}

/*カードデデザイン１－２（ご契約）*/

.icon-02 {
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.icon-02::After {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/wp-content/uploads/2019/10/icon_02.png");
    background-size: contain;
    vertical-align: middle;
}

/*カードデデザイン１－３（ご入金）*/
.icon-03 {
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.icon-03::After {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/wp-content/uploads/2019/10/icon_03.png");
    background-size: contain;
    vertical-align: middle;
}

/*カードデデザイン１－４（オリエンテーション）*/
.icon-04 {
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.icon-04::After {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/wp-content/uploads/2019/10/icon_04.png");
    background-size: contain;
    vertical-align: middle;
}

/*カードデデザイン１－５（オリエンテーション）*/
.icon-05 {
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.icon-05::After {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/wp-content/uploads/2019/10/icon_05.png");
    background-size: contain;
    vertical-align: middle;
}

/*カードデデザイン１－６（独立開業）*/
.icon-06 {
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.icon-06::After {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/wp-content/uploads/2019/10/icon_06.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-07 {}

.icon-07::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon_07.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-08 {}

.icon-08::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon_08.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-09 {}

.icon-09::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon_09.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-10 {}

.icon-10::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon_10.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-11 {}

.icon-11::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon_11.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-12 {}

.icon-12::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon-12.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-13 {}

.icon-13::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon-13.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-14 {}

.icon-14::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon-14.png");
    background-size: contain;
    vertical-align: middle;
}

/*icon（おそうじ革命の強み）*/
.icon-15 {}

.icon-15::before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 52px;
    background-image: url("/wp-content/uploads/2019/10/icon-15.png");
    background-size: contain;
    vertical-align: middle;
}

/*カードデザイン１ここまで*/

/*カードデザイン２（独立後のサポート）*/

.card-beige {
    width: 90%;
    background: #FFFFCC;
    border-radius: 5px;
    box-shadow: 0 2px 5px #ccc;
    margin: 0 auto;
}

.card-title-black {
    padding: 10px 0px;
    text-align: center;
    color: #000000;
    width: 100%;
}

.list-center {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.list-center-text {
    color: #333;
    line-height: 1.5;
}

ul.list-center-text {
    list-style-type: circle;
    margin: 5px 30px;
}

ul.list-center-text>li {
    padding: 8px 16px;
    font-family: 'Noto Sans JP';
}

/*

/*カードデザイン２ここまで*/

/*カードデザイン３（お問い合わせ）*/
.card-green-stripe {
    width: 90%;
    background-color: #009900;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #007F00), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #007F00), color-stop(.75, #007F00), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
    border-radius: 10px;
    box-shadow: 0 10px 2px #006e00;
    margin: 0 auto;
}

.card-green-stripe:hover {
    width: 90%;
    background-color: #00CC00;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #007F00), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #007F00), color-stop(.75, #007F00), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
    border-radius: 10px;
    box-shadow: 0 10px 2px #008a00;
    margin: 0 auto;
    transition: 0.5s;
}

.card-green-stripe-title {
    font-size: 36px;
    padding: 20px 0px;
    text-align: center;
    color: #ffff;
    width: 100%;
}

/*カードデザイン３　ここまで*/

/*カードデザイン４*/
.card04 {
    width: 90%;
    background: #EEED02;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    margin: 0 auto;
}

.card04-content {
    padding: 5px 20px;
}

/*カードデザイン４　ここまで*/

/*カードデザイン５*/
.card-entry-title {
    position: relative;
}

.card-entry-title p {
    position: absolute;
    color: #000000;
    width: 100%;
    top: -10%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    text-align: center;
}

.card-entry-title img {
    width: 100%;
}


/*カードデザイン５ ここまで*/

/*カードデザイン6*/
.card06 {
    width: 90%;
    background-color: red;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    margin: 0 auto;
}

.card06-content {
    padding: 5px 20px;
}

/*カードデザイン6　ここまで*/

/*オーナーの声見出し*/
.owner-title {
    font-size: 36px;
    padding: 20px 0px;
    text-align: center;
    color: #ffffff;
    background-color: red;
    width: 100%;
}

.owner-title-sub {
    font-size: 24px;
}

.owner-text-title {
    color: #330000;
    font-size: 32px;
}

.owner-content {
    margin: 0 auto;
    text-align: center;
    max-width: 650px;
}

.owner-content-txt {
    display: inline-block;
    text-align: left;
}

.owner-content-txt>li {
    font-family: 'Noto Sans JP';
    font-weight: 500;
}


/*固定ページタイトル*/
.page-entry-title {
    position: relative;
}

.page-entry-title h1 {
    position: absolute;
    color: #000000;
    width: 100%;
    font-size: 48px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    text-align: center;
}

.page-entry-title img {
    width: 100%;
    max-width: 950px;
    opacity: 0.3;
}

/* .page-entry-title hr {
	border-top:solid 5px red;
	opacity:0.3;
  margin:0px;
	padding:0px;
} */

/*固定ページタイトルここまで*/


/************************************
** 表示関連
************************************/


/* .logo-menu-button{
  background-color: white!important;
} */


.search-menu-input {
    display: none;
}

/*-- レスポンシブで画像切り替え  --*/
.pc_area {
    display: block;
}

.phone_area {
    display: none !important;
}

/*固定ページの非表示要素*/
.search-menu-icon {
    display: none;
}

.search-menu-caption {
    display: none;
}

/* .menu-caption{
	display:none;
} */

.page .date-tags {
    display: none;
}

.page .entry-title {
    display: none;
}

.page .author-info {
    display: none;
}

.page .entry-categories-tags {
    display: none;
}

.page .breadcrumb {
    display: none;
}

.page .toc {
    display: none;
}

/*投稿ページの非表示要素*/

.post .date-tags,
.news .date-tags {
    display: none;
}

/* .post .entry-title, .news .entry-title {
    display: none;
} */

.post .author-info,
.news .author-info {
    display: none;
}

.post .entry-categories-tags,
.news .entry-categories-tags {
    display: none;
}

.post .breadcrumb,
.news .breadcrumb {
    display: none;
}

.post .toc,
.news .toc {
    display: none;
}

.post a,
.news a {
    text-decoration: none;
}

/************************************
** フォントウェイト
************************************/


.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.bgc-turquoise {
    background-color: rgba(41, 157, 166, 1);
}

.bgc-blue {
    background-color: rgba(58, 118, 168, 1);
}

.bgc-blue02 {
    background-color: rgba(0, 70, 120, 1);
}

/************************************
** フォーム関連
************************************/

.page .must {
    background-color: red;
    color: white;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.page .free {
    background-color: #00CC00;
    color: white;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.search-edit,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
    padding: 12px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
}

.wpcf7-submit {
    -webkit-appearance: none;
    background-color: red;
    color: white;
    font-family: 'Noto Sans JP';
    font-size: 16px;
    border-radius: 10px;
}


/************************************
** 装飾関連CSS
************************************/

.marker-yellow {
    background: linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
    display: inline;
}

.marker-green {
    background: linear-gradient(transparent 80%, #00CC00 0%) repeat scroll 0 0;
    display: inline;
}

.red-line {
    border-top: solid 5px red;
    opacity: 0.3;
    margin-bottom: 1em;
}

.title-red-line {
    border-top: solid 5px red;
    opacity: 0.3;
}

.gray-line {
    border-top: solid 5px gray;
}

.info-arrow {
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 30px 0 30px;
    border-color: #ff0000 transparent transparent transparent;

}

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

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

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

    .card01-title-sub {
        font-size: 20px;
    }

    /*見出しの横に表示させるアイコン*/

    .icon-01::After {
        content: '';
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url("/wp-content/uploads/2019/10/icon_01.png");
        background-size: contain;
        vertical-align: middle;
    }

    .icon-02::After {
        content: '';
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url("/wp-content/uploads/2019/10/icon_02.png");
        background-size: contain;
        vertical-align: middle;
    }

    .icon-03::After {
        content: '';
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url("/wp-content/uploads/2019/10/icon_03.png");
        background-size: contain;
        vertical-align: middle;
    }

    .icon-04::After {
        content: '';
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url("/wp-content/uploads/2019/10/icon_04.png");
        background-size: contain;
        vertical-align: middle;
    }

    .icon-05::After {
        content: '';
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url("/wp-content/uploads/2019/10/icon_05.png");
        background-size: contain;
        vertical-align: middle;
    }

    .icon-06::After {
        content: '';
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url("/wp-content/uploads/2019/10/icon_06.png");
        background-size: contain;
        vertical-align: middle;
    }

    /*カードデザイン２（独立後のサポート）*/
    /* .card02-title {
		padding:10px 0px;
		text-align: center;
		color: #000000;
		width:100%;
	} */
    .card-title-black {
        padding: 10px 0px;
        text-align: center;
        color: #000000;
        width: 100%;
    }

    .list-center-text {
        color: #333;
        line-height: 1.5;
    }


    ul.list-center-text>li {
        padding: 4px 8px;
        font-family: 'Noto Sans JP';
    }

    .card-green-stripe-title {
        font-size: 24px;
        font-weight: 900;
        padding: 10px 0px;
        text-align: center;
        color: #ffff;
        width: 100%;
    }

    /*固定ページタイトル*/
    .page-entry-title {
        position: relative;
    }

    .page-entry-title h1 {
        position: absolute;
        color: #000000;
        width: 100%;
        font-size: 30px;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        padding: 0;
        text-align: center;
    }

    /*固定ページタイトルここまで*/

    .owner-title {
        font-size: 24px;
        padding: 10px 0px;
        text-align: center;
        color: #ffffff;
        background-color: red;
        width: 100%;
    }

    .owner-title-sub {
        font-size: 20px;
    }

    .owner-text-title {
        color: #330000;
        font-size: 20px;
    }



}



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

    .pc-center {
        text-align: left;
    }

    /*レスポンシブで表示切替*/
    .pc_area {
        display: none;
    }

    .phone_area {
        display: block !important;
    }

    .strong-text {
        font-size: 16px !important;
    }

    .mini-card {
        margin-left: 0;
        margin-right: 0;
    }

    .article .toggle-content h3 {
        font-size: 1em;
        padding-left: 50px;
    }

    /* タイトル前のポイント画像 */
    .point1::before {
        left: 1em;
    }

    .point2::before {
        left: 1em;
    }

    .point3::before {
        left: 1em;
    }

    .point4::before {
        left: 1em;
    }

    .point5::before {
        left: 1em;
    }

    .pc-hidden {
        display: block;
    }

    .sp-hidden {
        display: none;
    }

    .article p {
        font-size: 14px;
    }

    .box-section img {
        padding: 0;
    }


}

/*****************/
/* カラー関連　　　 */
/*****************/
.bg-red {
    background-color: red !important;
}

.red {
    color: red !important;
}

.white {
    color: white !important;
}

.bg-white {
    background-color: white !important;
}

/* 赤色のバリエーション */
.text-red-100 {
    color: #ffcccc !important;
}

.bg-red-100 {
    background-color: #ffcccc !important;
}

.text-red-200 {
    color: #ff9999 !important;
}

.bg-red-200 {
    background-color: #ff9999 !important;
}

.text-red-300 {
    color: #ff6666 !important;
}

.bg-red-300 {
    background-color: #ff6666 !important;
}

.text-red-400 {
    color: #ff3333 !important;
}

.bg-red-400 {
    background-color: #ff3333 !important;
}

.text-red-500 {
    color: #ff0000 !important;
}

.bg-red-500 {
    background-color: #ff0000 !important;
}

.text-red-600 {
    color: #cc0000 !important;
}

.bg-red-600 {
    background-color: #cc0000 !important;
}

.text-red-700 {
    color: #990000 !important;
}

.bg-red-700 {
    background-color: #990000 !important;
}

.text-red-800 {
    color: #660000 !important;
}

.bg-red-800 {
    background-color: #660000 !important;
}

.text-red-900 {
    color: #330000 !important;
}

.bg-red-900 {
    background-color: #330000 !important;
}

/* 黄色のバリエーション */
.text-yellow-100 {
    color: #ffffcc !important;
}

.bg-yellow-100 {
    background-color: #ffffcc !important;
}

.text-yellow-200 {
    color: #ffff99 !important;
}

.bg-yellow-200 {
    background-color: #ffff99 !important;
}

.text-yellow-300 {
    color: #ffff66 !important;
}

.bg-yellow-300 {
    background-color: #ffff66 !important;
}

.text-yellow-400 {
    color: #ffff33 !important;
}

.bg-yellow-400 {
    background-color: #ffff33 !important;
}

.text-yellow-500 {
    color: #ffff00 !important;
}

.bg-yellow-500 {
    background-color: #ffff00 !important;
}

.text-yellow-600 {
    color: #cccc00 !important;
}

.bg-yellow-600 {
    background-color: #cccc00 !important;
}

.text-yellow-700 {
    color: #999900 !important;
}

.bg-yellow-700 {
    background-color: #999900 !important;
}

.text-yellow-800 {
    color: #666600 !important;
}

.bg-yellow-800 {
    background-color: #666600 !important;
}

.text-yellow-900 {
    color: #333300 !important;
}

.bg-yellow-900 {
    background-color: #333300 !important;
}

/* 青色のバリエーション */
.text-blue-100 {
    color: #cce6ff !important;
}

.bg-blue-100 {
    background-color: #cce6ff !important;
}

.text-blue-200 {
    color: #99ccff !important;
}

.bg-blue-200 {
    background-color: #99ccff !important;
}

.text-blue-300 {
    color: #6699ff !important;
}

.bg-blue-300 {
    background-color: #6699ff !important;
}

.text-blue-400 {
    color: #3366ff !important;
}

.bg-blue-400 {
    background-color: #3366ff !important;
}

.text-blue-500 {
    color: #0033ff !important;
}

.bg-blue-500 {
    background-color: #0033ff !important;
}

.text-blue-600 {
    color: #002699 !important;
}

.bg-blue-600 {
    background-color: #002699 !important;
}

.text-blue-700 {
    color: #001a66 !important;
}

.bg-blue-700 {
    background-color: #001a66 !important;
}

.text-blue-800 {
    color: #000d33 !important;
}

.bg-blue-800 {
    background-color: #000d33 !important;
}

.text-blue-900 {
    color: #000066 !important;
}

.bg-blue-900 {
    background-color: #000066 !important;
}

/* 緑色のバリエーション */
.text-green-100 {
    color: #ccffcc !important;
}

.bg-green-100 {
    background-color: #ccffcc !important;
}

.text-green-200 {
    color: #99ff99 !important;
}

.bg-green-200 {
    background-color: #99ff99 !important;
}

.text-green-300 {
    color: #66ff66 !important;
}

.bg-green-300 {
    background-color: #66ff66 !important;
}

.text-green-400 {
    color: #33ff33 !important;
}

.bg-green-400 {
    background-color: #33ff33 !important;
}

.text-green-500 {
    color: #00ff00 !important;
}

.bg-green-500 {
    background-color: #00ff00 !important;
}

.text-green-600 {
    color: #00cc00 !important;
}

.bg-green-600 {
    background-color: #00cc00 !important;
}

.text-green-700 {
    color: #009900 !important;
}

.bg-green-700 {
    background-color: #009900 !important;
}

.text-green-800 {
    color: #006600 !important;
}

.bg-green-800 {
    background-color: #006600 !important;
}

.text-green-900 {
    color: #003300 !important;
}

.bg-green-900 {
    background-color: #003300 !important;
}

/* グレーのバリエーション */
.text-gray-100 {
    color: #f2f2f2 !important;
}

.bg-gray-100 {
    background-color: #f2f2f2 !important;
}

.text-gray-200 {
    color: #e6e6e6 !important;
}

.bg-gray-200 {
    background-color: #e6e6e6 !important;
}

.text-gray-300 {
    color: #d9d9d9 !important;
}

.bg-gray-300 {
    background-color: #d9d9d9 !important;
}

.text-gray-400 {
    color: #cccccc !important;
}

.bg-gray-400 {
    background-color: #cccccc !important;
}

.text-gray-500 {
    color: #bfbfbf !important;
}

.bg-gray-500 {
    background-color: #bfbfbf !important;
}

.text-gray-600 {
    color: #a6a6a6 !important;
}

.bg-gray-600 {
    background-color: #a6a6a6 !important;
}

.text-gray-700 {
    color: #8c8c8c !important;
}

.bg-gray-700 {
    background-color: #8c8c8c !important;
}

.text-gray-800 {
    color: #737373 !important;
}

.bg-gray-800 {
    background-color: #737373 !important;
}

.text-gray-900 {
    color: #595959 !important;
}

.bg-gray-900 {
    background-color: #595959 !important;
}

/* オレンジ色のバリエーション */
.text-orange-100 {
    color: #ffddcc !important;
}

.bg-orange-100 {
    background-color: #ffddcc !important;
}

.text-orange-200 {
    color: #ffbb99 !important;
}

.bg-orange-200 {
    background-color: #ffbb99 !important;
}

.text-orange-300 {
    color: #ff9966 !important;
}

.bg-orange-300 {
    background-color: #ff9966 !important;
}

.text-orange-400 {
    color: #ff7733 !important;
}

.bg-orange-400 {
    background-color: #ff7733 !important;
}

.text-orange-500 {
    color: #ff5500 !important;
}

.bg-orange-500 {
    background-color: #ff5500 !important;
}

.text-orange-600 {
    color: #dd4400 !important;
}

.bg-orange-600 {
    background-color: #dd4400 !important;
}

.text-orange-700 {
    color: #bb3300 !important;
}

.bg-orange-700 {
    background-color: #bb3300 !important;
}

.text-orange-800 {
    color: #992200 !important;
}

.bg-orange-800 {
    background-color: #992200 !important;
}

.text-orange-900 {
    color: #771100 !important;
}

.bg-orange-900 {
    background-color: #771100 !important;
}

/* 紫色のバリエーション */
.text-purple-100 {
    color: #cc99ff !important;
}

.bg-purple-100 {
    background-color: #cc99ff !important;
}

.text-purple-200 {
    color: #9966ff !important;
}

.bg-purple-200 {
    background-color: #9966ff !important;
}

.text-purple-300 {
    color: #6633ff !important;
}

.bg-purple-300 {
    background-color: #6633ff !important;
}

.text-purple-400 {
    color: #3300ff !important;
}

.bg-purple-400 {
    background-color: #3300ff !important;
}

.text-purple-500 {
    color: #3300cc !important;
}

.bg-purple-500 {
    background-color: #3300cc !important;
}

.text-purple-600 {
    color: #330099 !important;
}

.bg-purple-600 {
    background-color: #330099 !important;
}

.text-purple-700 {
    color: #330066 !important;
}

.bg-purple-700 {
    background-color: #330066 !important;
}

.text-purple-800 {
    color: #330033 !important;
}

.bg-purple-800 {
    background-color: #330033 !important;
}

.text-purple-900 {
    color: #330000 !important;
}

.bg-purple-900 {
    background-color: #330000 !important;
}

/*****************/
/* マーカーハイライト */
/*****************/

.marker-yellow {
    background: linear-gradient(transparent 40%, #f6ff5f 40%) !important;
}

.marker-red {
    background: linear-gradient(transparent 40%, #ff5555 40%) !important;
}

.marker-green {
    background: linear-gradient(transparent 40%, #55ff55 40%) !important;
}

.marker-purple {
    background: linear-gradient(transparent 40%, #aa55ff 40%) !important;
}

.marker-blue {
    background: linear-gradient(transparent 40%, #5555ff 40%) !important;
}

/*****************/
/* ボーダー配色　　　 */
/*****************/

.border-red {
    border: solid 1px red;
}

.border-orange {
    border: solid 1px orange;
}

.border-yellow {
    border: solid 1px yellow;
}

.border-green {
    border: solid 1px green;
}

.border-blue {
    border: solid 1px blue;
}

.border-indigo {
    border: solid 1px indigo;
}

.border-violet {
    border: solid 1px violet;
}

.border-black {
    border: solid 1px black;
}

.border-white {
    border: solid 1px white;
}