@charset "UTF-8";
/**
 * Stylesheet for Editor Page
 * 
 * @package welko (based on kz-wpchild01)
 * @author K'z Style
 * 	Update 	1.0.0 2026/05/23 K'z Style k.miyazaki 1st Release
 */

@import url("/v02/wp-content/themes/welko/css/variables.css");
@import url("/v02/wp-content/themes/welko/css/common.css");
@import url("/v02/wp-content/themes/welko/css/top.css");

/* @import url("variables.css");
@import url("common.css");
@import url("top.css"); */

html {
	/* padding: 10px; */
}
body {
	font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;
}
.mincyo {
	font-family: "Noto Serif JP", serif;
}  
.gothic {
	font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;
}
  
html .editor-styles-wrapper :where(.wp-block) {
	max-width: 980px;
}
@media screen and (min-width: 1600px) {
	html .editor-styles-wrapper :where(.wp-block) {
		max-width: var(--top_container_max_size);
	}
}

/*---------------------------------------------------------------------------
  ページ共通
--------------------------------------------------------------------------- */
@media screen and (min-width: 992px) {
	.entry-content {
		font-size: 110%;
	}
}

.wp-block-group.container {
	position: relative;
	margin-top: 2em;
}
@media screen and (min-width: 992px) {
	.wp-block-group.container {
		margin-top: 4em;
	}
}

/* テキスト寄せ */
.has-text-align-right {
	text-align: right;
}
.has-text-align-center {
	text-align: center;
}
.has-text-align-left {
	text-align: left;
}

/* 見出し */
.wp-block-group:not(.sec_henkaku) h2 {
	position: relative;
	color: var(--main-color);
	padding-left: 1em;
}
.wp-block-group:not(.sec_henkaku) h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 70%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-color: var(--main-color);
}
@media screen and (min-width: 768px){ 
	.wp-block-group:not(.sec_henkaku) h2 {
		font-size: 1.5em;
	}
}
@media screen and (min-width: 992px) {
	.wp-block-group:not(.sec_henkaku) h2 {
		font-size: 2em;
	}
}

.wp-block-group h3 {
	position: relative;
	color: var(--main-color);
	font-size: 150%;
}

.section_title {
	position: relative;
	color: var(--main-color);
	padding-left: 1em;
	font-size: 200%;
	text-align: left;
}
.section_title:before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 70%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-color: var(--main-color);
}
.section_title:after {
	content: none;
}
.article-title h2 {
	position: relative;
	color: var(--main-color);
	padding-left: 1em;
	font-size: 200%;
	text-align: left;
}
.article-title h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 70%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-color: var(--main-color);
}

/* 文字色 */
.color-main {
	color: var(--main-color);
}
.color-white {
	color: #fff;
}
.color-high {
	color: var(--high-color);
}

/* 段落枠組み */
.box {
	padding: 1em;
	border-radius: 20px;
}
.bgcolor-standard {
	background-color: var(--bgcolor-standard);
}
.bgcolor-light {
	background-color: var(--bgcolor-light);
}
.bgcolor-high {
	background-color: var(--bgcolor-high);
}
.bgcolor-middle {
	background-color: var(--bgcolor-middle);
}
.bgcolor-white {
	background-color: #fff;
}
@media screen and (min-width: 768px){ 
	.box {
		padding: 2em;
	}
}
@media screen and (min-width: 992px) {
}

/* リスト：チェックボックス */
.list_check li {
	width: 100%;
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 2.5em;
}
.list_check li:before {
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	width: 1.7em;
	height: 1.7em;
}
.list_check_navy li:before {
	background-image: url('img/check_navy.png');
}
.list_disc li:before {
	content: '⚫︎';
	font-size: 150%;
	top: -7px;
	left: 5px;
}
.list_dot li {
	padding-left: 1.5em;
}
.list_dot li:before {
	content: '・';
	/* font-size: 150%; */
	top: -7px;
	left: 5px;
}

@media screen and (min-width: 768px) {
	.list_check {
	}
	.list_check li:before {
		background-size: cover;
	}
}

/* アンダーライン */
.entry-content .underline {
	text-decoration: underline;
}

/* 概要文章 */
.outline p {
	margin-bottom: 1em;
}
/*---------------------------------------------------------------------------
  トップページ
--------------------------------------------------------------------------- */
@media screen and (min-width: 992px) {
	#top .container {
		max-width: var(--top_container_max_size);
	}
}

/*----------------------------------------
  「経営の変革」を構想から実行まで一貫して支援します
-----------------------------------------*/
.sec_henkaku {
	background-color: var(--bgcolor-standard);
	padding: 1.5em 0 0;
}
@media screen and (min-width: 992px) {
	.sec_henkaku {
		padding: 3em 0 0;
	}
}

.sec_henkaku ul,
.sec_henkaku .sec_henkaku_img,
.sec_henkaku .sec_henkaku_link {
	margin-left: auto;
	margin-right: auto;
	width: 93%;
}
@media screen and (min-width: 992px) {
	.sec_henkaku ul,
	.sec_henkaku .sec_henkaku_img,
	.sec_henkaku .sec_henkaku_link {
		width: 97%;
		max-width: var(--top_container_max_size);
	}
}

.sec_henkaku ul {
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
	margin-bottom: 1.5em;
	font-size: 105%;
	padding-left: 1.5em;
}
.sec_henkaku ul li {
	list-style-type:disc;
}
@media screen and (min-width: 768px){ 
	.sec_henkaku ul {
		font-size: 150%;
		padding-left: 4em;
	}
}
@media screen and (min-width: 992px) {
	.sec_henkaku ul {
		font-size: 200%;
		padding-left: 7em;
	}
}

.sec_henkaku h2 {
	color: #fff;
	background: #223152;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(34, 49, 82, 1) 10%, rgba(34, 49, 82, 1) 50%, rgba(34, 49, 82, 1) 90%, rgba(255, 255, 255, 1) 100%);	
	text-align: center;
	font-size: 100%;
	padding: 10px 0;
	margin-bottom: 2em;
}
@media screen and (min-width: 768px){ 
	.sec_henkaku h2 {
		font-size: 200%;
	}
}
@media screen and (min-width: 992px) {
	.sec_henkaku h2 {
		font-size: 250%;
	}
}

.sec_henkaku .sec_henkaku_img .wp-block-column {
	text-align: center;
	background-color: #fff;
	line-height: 1.2;

	padding: 2em 0 1em;
	border-radius: 30px;
	font-size: 75%;
}
.sec_henkaku .sec_henkaku_img img {
	width: 70%;
}

/* .sec_henkaku .sec_henkaku_link p { */
.sec_henkaku .sec_henkaku_link {
	text-align: right;
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 2em;
}
@media screen and (max-width: 767px){ 
	.sec_henkaku :where(.wp-block-columns.is-layout-flex) {
		gap: 0.5em;
	}
}
@media screen and (min-width: 768px){ 
	.sec_henkaku .sec_henkaku_img .wp-block-column {
		padding: 1em 0 0;
		border-radius: 40px;
		font-size: 110%;
	}
	.sec_henkaku .sec_henkaku_img img {
		width: auto;
	}
}
@media screen and (min-width: 992px) {
	.sec_henkaku .wp-block-column {
		padding: 1em 0 0;
		border-radius: 40px;
		font-size: 150%;
		line-height: 1.2;
	}

	/* .sec_henkaku .sec_henkaku_link p { */
	.sec_henkaku .sec_henkaku_link {
		font-size: 150%;
		padding-bottom: 2em;
	}
}

/*----------------------------------------
  このような事業者様におすすめです
-----------------------------------------*/
.sec_recommend {
	background-color: var(--bgcolor-light);
	font-size: 100%;
}
@media screen and (min-width: 768px) {
	.sec_recommend {
		font-size: 120%;
	}
}
@media screen and (min-width: 992px) {
	.sec_recommend {
		font-size: 150%;
	}
}

.sec_recommend ul {
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1em;
}
.sec_recommend li {
	display: flex;
	align-items: center;
}
.sec_recommend li:before {
	content: '';
	display: inline-block;
	background-image: url('img/check_navy.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin-right: 0.5em;
}
@media screen and (min-width: 768px) {
	.sec_recommend ul {
		padding: 1em 2em;
		margin-bottom: 1em;
	}
	.sec_recommend li:before {
		width: 30px;
		height: 30px;
		background-size: cover;
		margin-right: 0.7em;
	}
}

/*----------------------------------------
  当社が選ばれる理由
-----------------------------------------*/
.sec_strength {
	background-color: var(--bgcolor-standard);
	font-size: 120%;
}
@media screen and (min-width: 992px) {
	.sec_strength {
		font-size: 150%;
	}
}

:where(.wp-block-columns.is-layout-flex.sec_strength_item) {
	gap: 1em;
}
.sec_strength_item {
	background-color: #fff;
	width: 98%;
	margin-left: auto !important;
}
/* .sec_strength_item .textwidget {
	padding: 0.5em 1em;
} */
.sec_strength_text {
	padding: 0.5em 1em;
}
.sec_strength_item h3 {
	margin-bottom: 0;
}
.sec_strength_item p {
	font-size: 80%;
	margin-left: 1em;
}
.sec_strength_img {
	background-color: var(--bgcolor-high);
	padding: 5px;
	text-align: center;
}
@media screen and (min-width: 768px) {
	/* .sec_strength_item .textwidget {
		padding: 0.5em 1em;
		padding-left: 0;
	} */
	.sec_strength_text {
		padding: 0.5em 1em;
		padding-left: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.sec_strength_item {
		flex-wrap: nowrap !important;
	}
	.wp-block-columns.sec_strength_item .wp-block-column.sec_strength_img {
		flex-basis: 25% !important;
	}
}

/*----------------------------------------
  about
-----------------------------------------*/
.sec_about {
	background-color: var(--bgcolor-light);
	font-size: 100%;
}
@media screen and (min-width: 768px) {
	.sec_about {
		font-size: 140%;
	}
}
@media screen and (min-width: 992px) {
	.sec_about {
		font-size: 140%;
	}
}

.sec_about h2 {
	display: block;
	width: 100%;
	color: #fff !important;
	background: #223152;
	background: linear-gradient(90deg, rgba(34, 49, 82, 1) 0%, rgba(34, 49, 82, 1) 50%, rgba(34, 49, 82, 1) 90%, rgba(255, 255, 255, 1) 100%);	
	text-align: center;
	font-size: 140%;
	padding: 10px 35px !important;
	margin-bottom: 1em;
}
.sec_about h2:before {
	width: 0;
}
@media screen and (min-width: 992px) {
	.sec_about h2 {
		padding: 10px 0 !important;
	}
}

/*----------------------------------------
  その他の支援メニュー
-----------------------------------------*/
.sec_menu {
	background-color: var(--bgcolor-middle);
	/* padding: 2em;
	border-radius: 20px; */
	font-size: 110%;
}
@media screen and (min-width: 992px) {
	.sec_menu {
		font-size: 140%;
	}
}

.sec_menu_outline p {
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1em;
}

.sec_menu_title {
	position: relative;
	display: inline-block;
	color: var(--main-color);
	border-bottom: 2px solid var(--main-color);
	margin-left: 3em !important;
	margin-top: 1em !important;
}
.sec_menu_title:before {
	content: '';
	display: block;
	width: 55px;
	height: 50px;
	background-image: url(img/top_menu01.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -3em;
	top: -10px;
}
.sec_menu02_title:before {
	background-image: url(img/top_menu02.png);
}
@media screen and (min-width: 992px) {
	.sec_menu_title:before {
		width: 70px;
		height: 60px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.sec_menu_items {
		flex-wrap: nowrap !important;
		gap: 1em;
	}
}

.sec_menu_item_img figure {
	position: relative;
}
.sec_menu_item_img figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: #223152;
	background: linear-gradient(90deg, rgba(34, 49, 82, 1) 0%, rgba(34, 49, 82, 1) 50%, rgba(34, 49, 82, 1) 90%, rgba(255, 255, 255, 1) 100%);	
	font-size: 80%;
	margin: 0;
	padding: 0.3em 0 0.3em 2em;
}

/*---------------------------------------------------------------------------
  会社情報ページ
--------------------------------------------------------------------------- */
#company .entry-content p {
	margin-bottom: 1.5em;
}

#company .entry-content .bgcolor-white {
	padding-bottom: 5px;
}
#company .entry-content ul {
	margin-left: 1.5em;
}
#company .entry-content ul li {
	list-style-type: disc;
}
#company .entry-content figcaption {
	text-align: center;
}

.company_tbl {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.company_tbl table tr td:first-of-type {
	width: 25%;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.company_tbl table tr td:first-of-type {
		width: 20%;
	}
}
@media screen and (min-width: 992px) {
	.company_tbl {
		width: 70%;
	}
}

@media screen and (min-width: 768px) {
	#company .wp-block-columns.contribution_items {
		flex-wrap: nowrap !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.company_biography .wp-block-columns {
		flex-wrap: nowrap !important;
		gap: 1em;
	}
	.company_biography .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:first-of-type {
		flex-basis: 60% !important;
	}
	.company_biography .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:last-of-type {
		flex-basis: 40% !important;
	}
}

/*---------------------------------------------------------------------------
  私たちの理念ページ
--------------------------------------------------------------------------- */
.reason_message {
	background-image: url(img/reason_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
.reason_message .wp-block-group__inner-container {
	background-color: rgba(255,255,255,0.2);
	padding: 0 0 19em 0;
}
@media screen and (min-width: 768px) {
	.reason_message {
		background-image: url(img/reason_pc_tab.jpg);
		background-size: cover;
		background-position: 70%;
	}
	.reason_message .wp-block-group__inner-container {
		color: #000;
		background-color: rgba(255,255,255,0.7);
		padding: 0em 15em 1em 0;
	}
}
@media screen and (min-width: 992px) {
	.reason_message {
		background-position: center;
	}
	.reason_message .wp-block-group__inner-container {
		padding: 3em 24em 3em 0;
	}
}

.reason_message p {
	margin-bottom: 1.5em;
}

.reason_guideline_item {
	border: 1px solid var(--main-color);
	margin-top: 2em;
}
.reason_guideline_item h3 {
	background-color: var(--main-color);
	color: #fff;
	padding: 5px 0 5px 1em;
	margin-bottom: 0;
}
.reason_guideline_item_text {
	background-color: var(--bgcolor-light);
	font-size: 120%;
	padding: 1em;
}

/*---------------------------------------------------------------------------
  変化の時代に、経営の変革をページ
--------------------------------------------------------------------------- */
.transformation_outline p {
	margin-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
	.wp-block-columns.transformation_item {
		padding: 1em;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.transformation_item {
		flex-wrap: nowrap !important;
		gap: 1em;
		padding-right: 2em;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile).transformation_item>.wp-block-column {
		flex-basis: auto !important;
	}
}

/*---------------------------------------------------------------------------
  コンサルティングページ
--------------------------------------------------------------------------- */

.consulting_strength_item {
	border: 1px solid var(--accent-color);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.consulting_strength_items {
		gap: 1em;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile).consulting_strength_items >.wp-block-column {
		flex-basis: auto !important;
		width: 45%;
	}
}

.consulting_strength_item .wp-block-columns {
	gap: 0;
	margin-bottom: 0;
}
.consulting_strength_item .wp-block-column figure {
	width: 75%;
	margin-left: auto;
}
@media screen and (max-width: 767px) {
	.consulting_strength_item .wp-block-column figure {
		width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	.consulting_strength_item .wp-block-column p {
		display: inline;
	}
}

.consulting_proceed_item {
	position: relative;
	gap: 1em;
}
.consulting_proceed_item:after {
	content: '▼';
	display: block;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--accent-color);
	font-size: 120%;
}
.consulting_proceed_item:last-of-type:after {
	content: none;
}
.consulting_proceed_item_title {
	background-color: var(--bgcolor-high);
}
.consulting_proceed_item_title h3 {
	font-size: 130%;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	margin: 0;
}
.consulting_proceed_item_text {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 991px) {
	.consulting_proceed_item_text {
		padding: 0 1em 1em;
	}
}

.consulting_support_item {
	background-color: #fff;
}
.consulting_support_item .wp-block-image {
	background-color: var(--bgcolor-high);
}
.consulting_support_item .wp-block-image figure {
	text-align: center;
	padding-top: 2em;
}
.consulting_support_item .wp-block-image figure img {
	width: 60px;
}
.consulting_support_item .wp-block-image figure figcaption {
	display: block;
	text-align: center;
	font-size: 120%;
	color: #fff;
}
.consulting_support_item_text_exp {
	border: 1px solid var(--accent-color);
	border-radius: 7px;
	padding: 10px;
	margin: 0.5em auto;
}

.consulting_merit h3,
.consulting_merit h4 {
	color: var(--main-color);
}
.consulting_merit h4 {
	font-size: 120%;
}

/*---------------------------------------------------------------------------
  研修・セミナーページ
--------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.training_point_item {
		flex-wrap: nowrap !important;
		gap: 1em;
		padding-right: 2em;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile).training_point_item>.wp-block-column:first-of-type {
		flex-basis: 20% !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile).training_point_item>.wp-block-column:last-of-type {
		flex-basis: 80% !important;
	}
}

/*---------------------------------------------------------------------------
  補助金・融資ページ
--------------------------------------------------------------------------- */
.financing_support_items {
	width: 90%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.financing_support_items {
		flex-wrap: nowrap !important;
		width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.financing_support_items {
		width: 80%;
	}
}

.financing_support_item {
	border: 1px solid var(--accent-color);
}
.financing_support_item .wp-block-image {
	background: #A8BCDE;
	background: linear-gradient(90deg,rgba(168, 188, 222, 1) 0%, rgba(189, 203, 230, 1) 15%, rgba(255, 255, 255, 1) 50%, rgba(189, 203, 230, 1) 85%, rgba(168, 188, 222, 1) 100%);
}
.financing_support_item .wp-block-image figure {
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.financing_support_item .wp-block-image figure img {
	width: auto;
	height: calc( 110px * 3 / 4 );
}

/*---------------------------------------------------------------------------
  創業・事業承継ページ
--------------------------------------------------------------------------- */
.founding_outline p {
	margin-bottom: 1.5em;
}
.founding_support_title {
	margin-left: 2em;
	gap: 1em;
}
.founding_support_title img {
	border: 2px solid var(--main-color);
}

.founding_support .bgcolor-white {
	border: 2px solid var(--bgcolor-high);
}

.founding_achievement .bgcolor-white {
	border: 2px solid var(--bgcolor-high);
}

/*---------------------------------------------------------------------------
  健康経営ページ
--------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.management_support_items {
		flex-wrap: nowrap !important;
	}
}

.management_support_item {
	position: relative;
	background-color: #fff;
	border: 1px solid var(--accent-color);
}
.management_support_item:after {
	content: '\f107';
	font-family: "Font Awesome 6 Free";
	font-size: 250%;
	font-weight: 600;
	position: absolute;
	/* bottom: -44%; */
	bottom: -85px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.management_support_item:last-child:after {
	content: none;
}
.management_support_item p {
	padding: 1em;
}
.management_support_item h3 {
	font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;
	font-weight: normal;
	background-image: url(img/bg01.png);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	padding: 10px 0;
	line-height: 1.2;
}
.management_link_btn {
	background-color: var(--accent-color);
	color: #fff !important;
	text-decoration: none;
	border-radius: 15px;
	padding: 7px 40px;
}
@media screen and (min-width: 768px) {
	.management_support_item:after {
		content: '\f105';
		top: 50%;
		bottom: auto;
		right: -25%;
		left: auto;
	}
}
@media screen and (min-width: 992px) {
	.management_support_item:after {
		right: -15%;
	}
}

/*---------------------------------------------------------------------------
  お問い合わせフォーム
--------------------------------------------------------------------------- */
#contact p {
	margin-bottom: 1.5em;
}
.form_caution {
	display: block;
	text-align: left;
	font-weight: normal;
	margin-top: 10px;
}

/*---------------------------------------------------------------------------
  個人情報保護方針ページ
--------------------------------------------------------------------------- */
#privacy-policy p {
	margin-bottom: 1.5em;
}

/*---------------------------------------------------------------------------
  XXXX
--------------------------------------------------------------------------- */
/*------------------------------------------
XXXX
--------------------------------------------*/
@media (min-width: 992px) {
}
@media (min-width: 768px){ 
}