@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 {
	padding: 0px;
	max-width: none;
}

.main { padding: 0px;  }
.sec-lbl { 
  font-family: HGS創英角ﾎﾟｯﾌﾟ体, 'Hiragino Sans'; 
  text-align: center;
}

.sec-lbl.head { 
	padding-top: 25px; 
	font-size: 240% 
}
.sec-lbl.dtls { font-size: 140% }
.sec-lbl.fter-dtls { font-size: 180% }

.sec1 { height: 130px; }
.sec2 { height: 180px; }

.flow { padding: 0px 300px; }
.Jisseki,
.solution { padding: 0px 60px; }
.counselor { padding: 0px 60px; }
/* カウンセラーProfile */
.profile { font-size: 120%; }

.problem-content {  padding: 20px 160px; }
.problem-hd { 
    color: #26499d;
    text-align: center;
    font-size: 180%;
    font-weight: 900;
    border: 1px dotted #26499d; 
    border-width: 0px 0px 3px 0px;
    margin-bottom: 10px;
 }
.problem-bd { 
    text-align: center;  
    font-size: 120%;
    font-weight: 900;
}

.step-content {  padding: 20px 160px; }
.step-hd { 
    text-align: center;
    font-size: 180%;
    color: #006574;
    font-weight: 900;
    border: 1px dotted #006574; 
    border-width: 0px 0px 3px 0px;
    margin-bottom: 10px;
 }
.step-bd { text-align: center; }

.pls-label {
	border: 4px solid #FF7BAC;
	border-width: 0px 0px 4px 0px;
	color: #FF7BAC;
	background-color: white;
	font-size: 140%;
    margin-bottom:14px;
}

.faq-question-content { 
    margin-right: 0px; 
    border: 1px dotted #FFD8DC; 
    border-width: 0px 0px 3px 0px;
}
.faq-question { margin-bottom: 0px; }
.wpcf7-form.init { padding: 0px 40px; }
.sec1 { background-color: #FFD8DC; }
.sec2 { background-color: #FFFF83; }

.contact-lbl { font-weight: bold; }
/* マーカーの設定 */
span.marker { background: linear-gradient(transparent 50%, rgba(33.203, 255, 0, 0.5) 50%); }
span.marker-y { background: linear-gradient(transparent 50%, rgba(255, 239, 3, 0.33) 50%); }

/* 問合せボタン */
.btn.btn-default { background-color: #FF7BAC; }
input[type=submit].btn-submit { 
  border-radius: 66px 66px 66px 66px;
  background-color: mistyrose; 
  font-size: 150%;
}

/* フローティングバナー */
.floating-banner{
	display: flex;
	position: fixed; 
	right: 20px; 
	top: 5px; 
	z-index: 9999; 
	background-color: #f2f2f2; /* バナー背景色 */
}
.float-contents { 
	height: 80px;
	padding: 23px 15px 15px 15px;	
	font-size: 20px;
	color:white;
}
a.fc { 
	color: white;
    text-decoration: none; 
}

/* フローティングバナー 公式サイトへ */
#fcnt0 { background-color: #FF7BAC; }
.fa-envelope-o { color: white; }

/* フローティングバナー メールで相談 */
#fcnt1 { background-color: #C92020; }
.fa-envelope-o { color: white; }

/* フローティングバナー LINEで相談 */ 
#fcnt2 { background-color: #05C755;; }
div#fcnt1 i.fa-line { color: white; }


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	    #main.main { padding: 0px; }
    .sec1 { height: 55px; }
    .sec2 { height: 85px; }
    .sec-lbl.head { 
                           padding-top: 12px; 
                           font-size: 115%;
                           font-weight: 900;
    }
    .sec-lbl.dtls{ 
                        font-size: 90%;
                        font-weight: 900;
    }
    .sec-lbl.fter-dtls  { 
                         font-size: 85%;
                         font-weight: 900;
    }

    .prb-icon { width: 30% }
    .flow { padding: 0px 30px; }
    .Jisseki,
    .solution { padding: 0px 80px; }
    .problem { padding: 0px 10px; } 

    .problem-content {  padding: 20px; font-size: 90%; }
    .step-content {  padding: 20px; }
	
	/* カウンセラーProfile */
    .profile { font-size: 100%; }
}

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