@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.public-page {
    background-image: url(https://colors-gk.jp/wp-content/uploads/2024/07/background.gif);
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.content {
    margin-top: 0px;
}

no-sidebar .content .main {
    margin: 0;
    width: 100%;
    background-image: url(https://colors-gk.jp/wp-content/uploads/2024/07/COLORSinc_image3-768x409.jpg);
    z-index: -5;
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #cecece;
    padding-bottom: 1em;
    /*font-family: '游明朝','Hiragino Mincho ProN';*/
}

/*会社概要のスタイル*/
.colors-table{
	/*font-size:1.2em;*/
}
.colors-table {
 width: 100%;
 /*text-align: center;*/
 border-collapse: collapse;
 border-spacing: 0;
}
.colors-table th {
 padding: 10px;
 border-bottom: solid 4px #778ca3;
 color: #778ca3;
}
.colors-table td {
 padding: 10px;
 border-bottom: solid 1px #778ca3;
}
table tr:nth-of-type(2n+1) {
    background-color: inherit;
}
.cell-left {
	text-align:right;
	color:#006c9a;
	white-space:nowrap;
}
.cell-right {
	text-align:left;
}
span.pr-05 {
	padding-right:0.5em;
}
span.pr-2 {
	padding-right:2em;
}
a.no-deco {
	text-decoration:none;
	color:var(--cocoon-text-color);
}
table:not(.has-border-color) :where(th, td) {
    border-left: inherit;
	border-right: inherit;
	border-top: inherit;
}

/*画像をダウンロードさせない透明pngを重ねる対策*/
.protect_01 {
	position:relative;
	max-width:1280px;
	height:auto;
	text-align: center;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:-1em;
	border-radius:15px;
}
.protect_01 img{
	text-align:center;
	border-radius:10px;
}
.transparent_01 {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://colors-gk.jp/wp-content/uploads/2024/07/flow-01.png);
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .colors-table {
	font-size:1.3em;
	font-weight:500;
	line-height:110%;
  }
}