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

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

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

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

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

/************************************
** すべてのページのタイトルを非表示にする
************************************/
.entry-title {
display: none;
}
.content {
    margin-top: 0;
}

section.change-area {
    background-image: url(http://www.8c-eight.com/wp-content/uploads/2023/08/pixta_38078570_M2.jpg);
    background-repeat: no-repeat;
	background-size: cover; 
    background-attachment: fixed; 
    background-position: center center;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 64px;
    padding-bottom: 30px;
    margin-bottom: 0!important;
}

.appeal-title {
    font-size: 2.1em;
    font-weight: bold;
    color: #C61616;
}

.appeal-message {
    font-size: 1.4em;
    line-height: 2.2em;
}

.smb-section__header {
    text-align: center;
    font-weight: 700;
    margin: 0 0 16px 0;
}

section.change-area2 {
    background-image: url(http://www.8c-eight.com/wp-content/uploads/2023/08/pixta_43948727_M_clipdrop-background-removal5.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	padding-bottom: 30px;
}

.business figure.wp-block-image.size-large {
    margin-bottom: 8px!important;
}

.business {
    background-color: #FFFDEC;
}

.business p {
    padding: 24px;
    font-size: 16px;
}



h2.saiyo {
    position: relative;
    padding: 10px 5px 10px 42px;
    background: #FFBD59;
    font-size: 24px;
    color: white;
    margin-left: -33px;
    line-height: 1.3;
    z-index: -1;
}

h2.saiyo:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}

h3.saiyo {
    margin-bottom: 0.6em;
    padding: 0;
}

.btn--orange, a.btn--orange {
    color: #fff;
    background-color: #2557A7;
    font-size: 24px;
    padding: 20px 100px;
}

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