@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){
  /*必要ならばここにコードを書く*/
}
/* SERVICEカード */
.home .wp-block-column{
background:#fff;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
padding:30px;
transition:0.3s;
}

.home .wp-block-column:hover{
transform:translateY(-6px);
}

/* ヒーロー */
.home .wp-block-cover{
min-height:650px;
background-size:cover;
background-position:right center;
}

/* スマホ */
@media (max-width:768px){

.home .wp-block-cover{
background-position:center;
min-height:420px;
}

}
.entry-content h2::before,
.entry-content h2::after{
display:none !important;
}
.wp-block-columns{
border:none !important;
}

.wp-block-column{
border:none !important;
}
.wp-block-cover{
min-height:650px !important;
background-size:cover !important;
background-position:right center !important;
}

@media (max-width:768px){

.wp-block-cover{
min-height:420px !important;
background-position:center center !important;
}

}

.wp-block-column{
background:#ffffff;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.12);
padding:30px;
}

/* 見出しの線を削除 */
.article h2::before,
.article h2::after,
.article h3::before,
.article h3::after{
display:none !important;
}

/* カラムの線削除 */
.wp-block-columns{
border:none !important;
}

.wp-block-column{
border:none !important;
}

/* ヒーローエリア */
.wp-block-cover{
min-height:650px !important;
background-size:cover !important;
background-position:right center !important;
}

/* スマホ */
@media (max-width:768px){

.wp-block-cover{
min-height:420px !important;
background-position:center center !important;
}

}

/* カバー下の線削除 */
.wp-block-cover{
border:none !important;
}

.entry-content{
border:none !important;
}

.works-area img{
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
transition:0.4s;
}

.works-area img:hover{
transform:scale(1.05);
}

.service-area{
position:relative;
background:#0b1c3a;
padding:120px 0;
}

.service-area{
position:relative;
background:#0b1c3a;
padding:120px 0;
z-index:1;
}

.service-area:before{
content:"";
position:absolute;
top:-80px;
left:0;
width:100%;
height:120px;
background:#0b1c3a;
transform:skewY(-4deg);
z-index:-1;
}
top:-120px;
height:200px;

.works-area img{
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
transition:0.4s;
}

.works-area img:hover{
transform:scale(1.05);
}

.wp-block-cover{
margin-bottom:0 !important;
}

.service-area{
background:#0b1c3a;
padding:120px 0;
position:relative;
}

/* 斜め部分 */
.service-area:before{
content:"";
position:absolute;
top:-100px;
left:0;
width:100%;
height:100px;
background:linear-gradient(to bottom right, transparent 49%, #0b1c3a 50%);
}
.wp-block-cover{
margin-bottom:0;
}

.service-area{
background:#0b1c3a;
padding:120px 0;
clip-path:polygon(0 80px,100% 0,100% 100%,0 100%);
}

.service-area .wp-block-column{
background:white;
padding:35px;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
transition:0.3s;
}

.service-area .wp-block-column:hover{
transform:translateY(-6px);
}

.service-area h3{
background:#1c3f7a;
color:white;
width:80px;
height:80px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 20px;
font-size:18px;
}

.wp-block-image img{
border-radius:10px;
transition:0.4s;
}

.wp-block-image img:hover{
transform:scale(1.05);
}