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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
*, *::before, *::after {box-sizing: border-box; }
.date-tags {display:none;}
#content-in {padding:0; margin:0; width:100%;}
.references_list i { font-style: normal; padding-left: 0.5em;}
.references_list {font-size:15px; line-height:1.2;}
.references_list ul { padding-left:1.25em;}
cite {font-style: normal; padding-left: 0.5em;}
.kaigyou:after {content:""; display:block; clear:both;}

.single-post h1 {padding:0;}
.single-post h2 {background:#333333; color:#FFFFFF;}
.single-post h3 {border:none; border-bottom:solid 2px #333333; padding:0 0 3px 0;}

#container, .container {padding:0; margin:0; width:100%; }
#header-container {position: relative; height:80px; background: #333333;}
#header-container #header-container-in #header #header-in .logo {height:60px; margin:10px 0 10px 0; padding:0; text-align:left; display: flex; align-items: center; width:50%;}
#header-container .navi {background: transparent; background: transparent; text-align:left;}
#header-container .navi ul li a{color:#FFFFFF; font-weight:bold; }
#header-container .navi ul li a:hover{background: transparent; color:#a8a8a8;}
#navi-in .menu-header {  justify-content: flex-end; }

.home #header-container {background: transparent;  }
.home #header-container.is-scrolled {background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));}/* スクロールで背景色が変化 javascriptも変更 */

.header-container-in {width:100%;}

.home #content-top { margin: 0; padding: 0; }
.home #content-top-in { width: 100%; max-width: none; margin: 0; padding: 0; }
.home #content-top .custom-html-widget { display: flex; flex-wrap: nowrap; }

.home #header-container {
  position: fixed;
  z-index: 9999;
  width: 100%;
}

.home .main {border:none; padding-top:0;}
.home .main h1 {display:none;}

.home_bg_box {
  width: 100%;

height: 100svh;
  background-color: #000;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)),
    url("https://parallelworker.com/wp-content/uploads/2026/08/top_bg.webp");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home_bg_box {
  display: flex;
flex-direction: column;
  justify-content: center;  /* 水平方向の中央 */
	align-items: center;     /* 垂直方向の中央 */
}

.home_bg_gazo {
  width: 100%;
  height: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.home_bg_gazo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home_bg_copy {margin-top:70px;
  display: flex;
  width: 100%;
}

/* 左右を50%ずつにする */
.home_bg_copy_left_box { width: 50%; box-sizing: border-box; }
.home_bg_copy_right_box { width: 50%; box-sizing: border-box; }

.home_bg_box_copy01 {color:#FFFFFF; font-weight:bold; font-size:2.0vw; letter-spacing: 0.05em; text-align:center;}
.home_bg_box_copy02 {color:#FFFFFF; font-size:1.0vw; letter-spacing: 0.05em; text-align:center; }
.home_bg_box_copy03 {color:#FFFFFF; font-weight:bold; font-size:2.0vw; letter-spacing: 0.05em; text-align:center;}
.home_bg_box_copy04 {color:#FFFFFF; font-size:1.0vw; letter-spacing: 0.05em; text-align:center; }

.home .content {margin:0; }
.home #content, .home .content, .home #content-in, .home .content-in, .home #main, .home .main {width:100%; padding:0; margin:0;}
.home .entry-content{padding-top:0; margin-top:0;}
.home #content-top, .home #content-top-in, .home #custom_html-4, .home #content-top .custom-html-widget { margin: 0; padding: 0;}


.toppage_message_box {padding:60px 10%; }
.toppage_message_bar {font-weight:bold; font-size:26px; width:100%; margin-bottom:20px;}
.toppage_message_box p {line-height:1.7; margin:0; font-weight:bold;}
.toppage_service_box {background:#333333; color:#FFFFFF;}

.toppage_service_box {padding:60px 10%;}
.toppage_service_bar {font-size:4.0vw; font-weight:bold; letter-spacing:0.05em;}
.toppage_service_menu {font-size:2.0vw; font-weight:bold; letter-spacing:0.05em; border-bottom:solid 3px #FFFFFF; margin:50px 0 15px;}
.toppage_service_box p {line-height:1.7; margin:0; font-weight:bold;}
.toppage_service_box ul li {font-weight:bold;}

.entry-card-wrap .entry-card-categorys .entry-category, .entry-card-wrap .fa-clock-o {display:none;}
.entry-card-wrap h2.entry-card-title {text-decoration-line: underline; text-decoration-color: #333; text-decoration-thickness: 2px; text-underline-offset: 4px;}

/* ページネイション */
.pagination-next-link {display:none; margin-top:0;}
.pagination {margin-top:0; margin-bottom: 50px;}
.pagination > .page-numbers{color: #151515; border:solid 3px #151515; border-radius:0; margin-top:0;}
.pagination > .current{background:#f5f5f5;}

.footer {  margin-top: 0px; background:#333333; border-top:solid 0.5px #FFFFFF; color:#FFFFFF;}
.home .entry-content > .toppage_box { margin-bottom: 0;}
.home .entry-content { margin-bottom: 0;}
.home .article { margin-bottom: 0;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.references_list {font-size:12px; }
	
.single-post h1 {margin-bottom:30px; line-height:1.5;}
.single-post h2 {font-size:18px; line-height:1.5;}
.single-post h3 {font-size:17px; line-height:1.5;}
	
  #header-container { display: none !important; }
	
.home_bg_copy { display: block; margin-top:60px; }

.home_bg_copy_left_box, .home_bg_copy_right_box { width: 100%; }
		
.home_bg_box_copy01 {font-size:6.0vw; }
.home_bg_box_copy02 {font-size:3.0vw; }
.home_bg_box_copy03 {font-size:6.0vw; margin-top:30px;}
.home_bg_box_copy04 {font-size:3.0vw; }
	
.mobile-header-menu-buttons {background:#333333; box-shadow: none; border-bottom:none;}
.mobile-header-menu-buttons > .menu-button:nth-child(1) {width: calc(100% / 2); padding:0 7%;}
.mobile-header-menu-buttons > .menu-button:nth-child(2) {width: calc(100% / 5); }
.mobile-header-menu-buttons > .menu-button:nth-child(2) a{color:#FFFFFF;}
.mobile-header-menu-buttons > .menu-button:nth-child(3) {width: calc(100% / 5); color:#FFFFFF; }


	
.menu-drawer > .menu-item a{background-color:#FFFFFF; color:#1f4063; padding:8px 0 8px; margin-bottom:8px; text-align:center; letter-spacing: 0.05em; font-size:20px;}
.menu-drawer > .menu-item:nth-child(1){margin-top:30px;}	
.navi-menu-close-button .fa {color:#1f4063;}

.home .mobile-header-menu-buttons {background:transparent; box-shadow: none; border-bottom:none;}
.home .mobile-header-menu-buttons.is-scrolled {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));}/* スクロールで背景色が変化 javascriptも変更 */	
	
.home #content-top { margin: 0; padding: 0; margin-top:-50px;}

.toppage_message_box {padding:60px 5%;}
.toppage_message_bar {font-size:5.4vw;}
.toppage_message_box p {font-size:3.8vw;}
	
.toppage_service_box {padding:60px 5%;}
.toppage_service_bar {font-size:9.6vw; font-weight:bold; letter-spacing:0.05em; line-height:1.0;}
.toppage_service_menu {font-size:5.0vw; margin:40px 0 15px;}
.toppage_service_box p {font-size:3.8vw;}
.toppage_service_box ul {margin-top:15px;}
.toppage_service_box ul li {font-size:3.8vw;}
	
}

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

}

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