@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){
  /*必要ならばここにコードを書く*/
	
<div class="pc"><img ...></div>

/* スマホでPCレイアウト最適化 */
@media screen and (max-width: 767px) {
    body { font-size: 16px; line-height: 1.6; }
    .companyPic img, .aboutImg img { 
        width: 100%; height: auto; max-width: 100%; 
    }
    h1,h2,h3 { font-size: 1.2em; }
    p { font-size: 14px; }
    dl { font-size: 12px; }
}

	/* スマホナビ改善 */
@media screen and (max-width: 767px) {
    #navi li { font-size: 14px; padding: 8px 0; }
    .aboutBox, .companyBox { padding: 15px; }
}
/* ★PC/スマホで表示内容変更★ */
.pc-content { display: block; }
.sp-content { display: none; }

@media screen and (max-width: 767px) {
    .pc-content { display: none !important; }
    .sp-content { display: block !important; }
}

	
/* PC/スマホ内容 強制切り替え */
.pc-content { 
    display: block !important;
}
.sp-content { 
    display: none !important;
}

@media screen and (max-width: 767px) {
    .pc-content { 
        display: none !important;
    }
    .sp-content { 
        display: block !important;
    }
}