@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
   font-family: "DM Sans", Arial, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", Meiryo, sans-serif;
   letter-spacing: 0.05em;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/*———————————
固定ページのヘッダーを非表示にする
——————————–*/
#header{
  display:none;
  }
  
  /*———————————
  固定ページのタイトルを非表示にする
  ——————————–*/
  h1.entry-title{
  display:none;
  }
  
  /*———————————
  固定ページの日付を非表示にする
  ——————————–*/
  .post-8 .date-tags {
  display: none;
  }
  /*———————————
メニューバーを非表示にする
——————————–*/
#navi{
  display:none;
  }
  
  /*———————————
  投稿者の表示を非表示にする
  ——————————–*/
  .article-footer{
  display: none;
  }

   /*margin top
-------------*/
.mt-0 {
  margin-top: 0px;
}
.mt-20 {
   margin-top: 20px;
}
.mt-30 {
   margin-top: 30px;
}
.mt-35 {
   margin-top: 35px;
}
.mt-40 {
   margin-top: 40px;
}
.mt-50 {
   margin-top: 50px;
}
.mt-60 {
   margin-top: 60px;
}
.mt-70 {
   margin-top: 70px;
}
.mt-75 {
   margin-top: 75px;
}
.mt-80 {
   margin-top: 80px;
}
.mt-90 {
   margin-top: 90px;
}
.mt-100 {
   margin-top: 100px;
}
.mt-120 {
   margin-top: 120px;
}

/* Screen Support
-------------------- */

@media screen and (max-width: 768px) {
   .mt-50 {
       margin-top: 30px;
   }
   .mt-60 {
       margin-top: 30px;
   }
   .mt-80 {
       margin-top: 50px;
   }
   .mt-70 {
       margin-top: 50px;
   }
   .mt-100 {
       margin-top: 60px;
   }
}
/*margin bottom
----------------*/
.mb-0 {
   margin-bottom: 0px!important;
}
.mb-3 {
   margin-bottom: 3px;
}
.mb-5 {
   margin-bottom: 5px;
}
.mb-8 {
   margin-bottom: 8px;
}
.mb-10 {
   margin-bottom: 10px!important;
}
.mb-13 {
   margin-bottom: 13px;
}
.mb-15 {
   margin-bottom: 15px;
}
.mb-20 {
   margin-bottom: 20px;
}
.mb-25 {
   margin-bottom: 25px;
}
.mb-30 {
   margin-bottom: 30px;
}
.mb-35 {
   margin-bottom: 35px;
}
.mb-40 {
   margin-bottom: 40px!important;
}
.mb-50 {
   margin-bottom: 50px!important;
}
.mb-55 {
   margin-bottom: 55px!important;
}
.mb-60 {
   margin-bottom: 60px!important;
}
.mb-70 {
   margin-bottom: 70px!important;
}
.mb-95 {
   margin-bottom: 95px!important;
}
.mt-minus-5 {
   margin-top: -5px;
}
/* Screen Support
-------------------- */

@media screen and (max-width: 767px) {
   .mb-40 {
       margin-bottom: 30px;
   }
   .mb-70 {
       margin-bottom: 30px!important;
   }
   .mb-95 {
       margin-bottom: 50px!important;
   }
}
/*margin left
--------------*/

.ml-20 {
   margin-left: 20px;
}
.ml-30 {
   margin-left: 30px;
}
.ml-35 {
   margin-left: 35px;
}
.ml-60 {
   margin-left: 60px;
}
.ml-70 {
   margin-left: 70px;
}
.ml-100 {
   margin-left: 100px;
}
/*margin right
--------------*/
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-70 {
  margin-right: 70px;
}
.mr-100 {
  margin-right: 100px;
}
/*padding left
--------------*/

.pl-0 {
   padding-left: 0;
}
.pl-10 {
   padding-left: 10px;
}
.pl-20 {
   padding-left: 20px;
}
.pl-25 {
   padding-left: 25px;
}
.pl-30 {
   padding-left: 30px;
}
.pl-35 {
   padding-left: 35px;
}
.pl-60 {
   padding-left:60px;
}
@media screen and (max-width: 767px) {
   .ml-100 {
       margin-left: 20px;
   }
   .ml-60 {
       margin-left: 15px;
   }
}
/* padding right
--------------*/

.pr-0 {
   padding-right: 0px;
}
.pr-5 {
  padding-right: 5px;
}
.pr-10 {
   padding-right: 10px;
}
.pr-30 {
   padding-right: 30px;
}
.pr-40 {
   padding-right: 40px;
}
@media screen and (max-width: 601px) {
   .pr-30 {
       padding-right: 0px;
   }
}
/*padding-top
--------------*/

.pt-5 {
   padding-top: 5px;
}
.pt-10 {
   padding-top: 10px;
}
.pt-15 {
   padding-top: 15px;
}
.pt-20 {
   padding-top: 20px;
}
.pt-40 {
   padding-top: 40px;
}
.pt-50 {
   padding-top: 50px;
}
.pt-75 {
    padding-top:75px;
}
.pt-100 {
   padding-top: 100px;
}
.pt-195 {
   padding-top: 195px;
}
.pt-155 {
   padding-top: 155px;
}
/* Screen Support
---------------------*/

@media screen and (max-width: 767px) {
   .pt-100 {
       padding-top: 50px;
   }
   .pt-195 {
       padding-top: 80px;
   }
   .pt-155 {
       padding-top: 50px;
   }
}
/*padding-bottom
------------------*/

.pb-20 {
   padding-bottom: 20px;
}
.pb-35 {
   padding-bottom: 35px;
}
.pb-40 {
   padding-bottom: 40px;
}
.pb-50 {
   padding-bottom: 50px;
}
.pb-100 {
   padding-bottom: 100px;
}
/* Screen Support
-------------------- */

@media screen and (max-width: 767px) {
   .pb-100 {
       padding-bottom: 80px;
   }
  .pb-40 {
       padding-bottom: 20px;
   }
}
/*padding top bottom
---------------------*/

.ptb-20 {
   padding-top: 20px;
   padding-bottom: 20px;
}
.ptb-30 {
   padding-top: 30px;
   padding-bottom: 30px;
}
.ptb-35 {
   padding-top: 35px;
   padding-bottom: 35px;
}
.ptb-45 {
   padding-top: 45px;
   padding-bottom: 45px;
}
.ptb-50 {
   padding-top: 50px;
   padding-bottom: 50px;
}
.ptb-60 {
   padding-top: 70px;
   padding-bottom: 70px;
}
.ptb-70 {
   padding-top: 70px;
   padding-bottom: 70px;
}
.ptb-75 {
   padding-top: 75px;
   padding-bottom: 75px;
}
.ptb-100 {
   padding-top: 100px;
   padding-bottom: 100px;
}
.ptb-80-100 {
 padding-top: 80px;
 padding-bottom: 100px;
 overflow:hidden;
}
.ptb-120 {
   padding-top: 100px;
   padding-bottom: 100px;
 overflow:hidden;
}
.ptb-120b {
   padding-top: 50px;
   padding-bottom: 100px;
 overflow:hidden;
}
.ptb-223 {
   padding-top: 223px;
   padding-bottom: 223px;
}
/* Screen Support
-------------------- */

@media screen and (max-width: 767px) {
   .ptb-50 {
       padding-top: 30px;
       padding-bottom: 30px;
   }
   .ptb-60 {
       padding-top: 20px;
       padding-bottom: 20px;
   }
   .ptb-70 {
       padding-top: 40px;
       padding-bottom: 40px;
   }
   .ptb-75 {
       padding-top: 45px;
       padding-bottom: 45px;
   }
   .ptb-100 {
       padding-top: 80px;
       padding-bottom: 80px;
   }
   .ptb-120 {
       padding-top: 30px;
       padding-bottom: 30px;
   }
   .ptb-223 {
       padding-top: 150px;
       padding-bottom: 150px;
   }
  .ptb-80-100 {
       padding-top: 30px;
       padding-bottom: 50px;
 }
}
/*padding left right
---------------------*/

.plr-5 {
   padding-left: 5px;
   padding-right: 5px;
}
.plr-10 {
   padding-left: 10px;
   padding-right: 10px;
}
.plr-15 {
   padding-left: 15px;
   padding-right: 15px;
}
.plr-25 {
   padding-left: 25px;
   padding-right: 25px;
}
.plr-30 {
   padding-left: 30px;
   padding-right: 30px;
}
.plr-35 {
   padding-left: 35px;
   padding-right: 35px;
}
.plr-50 {
   padding-left: 50px;
   padding-right: 50px;
}

.floatleft{
   float: left;
}
.floatright{
   float: right;
}
/* Screen Support
-------------------- */

@media screen and (max-width: 767px) {
   .plr-50 {
       padding-left: 15px;
       padding-right: 15px;
   }
}
/*Font Size
-------------*/

.font-12 {
   font-size: 12px;
}
.font-13 {
   font-size: 13px;
}
.font-15 {
   font-size: 15px;
}
.font-14 {
   font-size: 14px!important;
}
.font-15 {
   font-size: 15px!important;
}
.font-16 {
   font-size: 16px!important;
}
.font-17 {
   font-size: 17px!important;
}
.font-18 {
   font-size: 18px!important;
}
.font-20 {
   font-size: 20px!important;
}
.font-22 {
   font-size: 22px;
}
.font-23 {
   font-size: 23px;
}
.font-24 {
   font-size: 24px;
}
.font-26 {
   font-size: 26px;
}
.font-30 {
   font-size: 30px;
}
.font-32 {
   font-size: 32px;
}
.font-36 {
   font-size: 36px;
}
.font-42 {
   font-size: 42px;
}
.font-44 {
   font-size: 44px;
}
.font-45 {
   font-size: 45px;
}
/*font size in screen support
-----------------------------------*/

@media screen and (max-width: 767px) {
   .font-30 {
       font-size: 25px;
   }
   .font-32 {
       font-size: 28px;
   }
   h1,
   .font-35,
   .font-36,
   .font-44,
   .font-45,
   .font-40 {
       font-size: 30px;
   }
}
.t-c{
   text-align: center;
}
.article h2{
   background-color: #fff;
   padding: 25px 25px 18px 5px;
   background-image: url("/images/line.jpg");
   background-position: bottom center;
   background-size: 100%;
   background-repeat: no-repeat;
}
.article h4{
   border:none;
}

h4{
   color: #fff;
   font-size: 18px!important;
   background-image: url("/images/line02.jpg");
   background-position: bottom center;
   background-size: cover;
   background-repeat: no-repeat;
   line-height: 1.6!important;
}

a.none{
   text-decoration: none;
   color: #000;
}

.blog_line {
   position: relative;
   width: 100%;
    text-align:center;
    border-bottom:solid 0.5px #636363;
    padding-bottom:5px;
 }
 .blog_title {
   position: relative;
   width: 100%;
    text-align:center;
    border-bottom:solid 1px #ccc;
    padding-bottom:10px;
    font-size:20px;
 }
 .blog_box {
    border:0.5px solid #636363;
    padding:15px;
 }
 .blog_boxin {
    background:#f1f1f1;
    padding:30px;
    margin-bottom:10px!important;
 }
/*faq
-----------------------------------*/
 .qa-8 dt {
   margin-bottom: 1em;
   color: #333333;
   font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
   margin-right: .4em;
}

.qa-8 dt::before {
   content: "Q.";
}

.qa-8 dd {
   margin: 0 0 2.5em;
   padding: 1em 1.5em;
   background-color: #f2f2f2;
   color: #333333;
}

.qa-8 dd::before {
   content: "A.";
}
/*吹き出し
-----------------------------------*/
.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-align: center;
   margin-bottom: 10px!important;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 1px;
	height: 20px;
	background-color: #333;
}

.heading04::before {
	margin-right: 20px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 20px;
	transform: rotate(35deg)
}
/*下矢印
-----------------------------------*/
.dli-chevron-down {
   display: inline-block;
   vertical-align: middle;
   color: #333;
   line-height: 1;
   width: 1em;
   height: 1em;
   border: 0.1em solid currentColor;
   border-left: 0;
   border-bottom: 0;
   box-sizing: border-box;
   transform: translateY(-25%) rotate(135deg);
 }
.center{
   margin:0 auto 10px auto;
   width:30px;
}

.blog_box li{
   list-style-image: url("/images/check02.png");
   background-position: bottom center;
   background-size: 100%;
   background-repeat: no-repeat;
   padding-left: 5px;
}
.blog_boxin p,ul.wp-block-list{
   margin-bottom: 0;
}
.small{
   font-size:15px!important;
}
.b{
   font-weight: bold;
}


.wp-block-button__link{
   background-color: #eb879c;
   border-radius: 3px;
}
.wp-block-button a:hover{
   color:#fff;
   opacity: 0.7; 
   transition-property: opacity;
   transition-duration: 0.5s;
}
.wp-block-button a{
   width: 350px;
   position: relative;
   display: block;
}
.btn-arrow-right2 a::after {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   right: 27px;
   width: 9px;
   height: 9px;
   margin: auto;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: rotate(45deg);
   box-sizing: border-box;
 }

.article h3{
   padding:0;
   border:none;
   color: #eb879c;
   line-height:1.8;
}
.point{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}
.point h3{
   margin-bottom:0;
}
.midasi{
   background: #eb879c;
   padding: 6px;
   color: #fff;
   margin-right: 15px;
   font-weight: bold;
}
.point dt{
   display: flex;
   align-items: center;
   width:12%
}
.point dd{
   display: flex;
   align-items: center;
   width: 88%;
   margin-left: 0;
}
.point dt, .point dd{
   box-sizing: border-box;
}
.br_sp{
   display: block;
}
@media screen and (max-width: 559px) {
   br{
      display: none;
   }
   .point dt{
      width:100%;
      margin-bottom:10px;
   }
   .point dd{
      width:100%;
   }
   .name{
      margin-left:10px;
   }
   }
   

   
p{
   font-size:17px!important;
   line-height: 2!important;
}
.article ul li, .article ol li {
   margin: 0.2em 0.2em 0.5em 0.2em;
}
.u{
   text-decoration: line-through;
   text-decoration-thickness: 1px;
}

.footer-bottom-logo img{
   height:25px;
}

.user p{
   margin-bottom:10px;
}
.user{
   border-bottom: 0.5px solid #ccc;
   margin-bottom:20px;
}
.c-t{
   color:#eb879c;
}
.voice p{
   margin-bottom:0px;
}