@charset "UTF-8";

/*
Theme Name: bizlife-Cocoon
Description: bizlife-C専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: bizlife-s
Author URI: https://bizlife-s.com/
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){
	/*必要ならばここにコードを書く*/
}

/* ---------- 「」 ---------- */

/*　テンプレパーツ
@media screen and (max-width: 1199px) 
@media screen and (max-width: 1140px) 
@media screen and (max-width: 991px) 
@media screen and (max-width: 781px) 
@media screen and (max-width: 768px) 
@media screen and (max-width: 599px)
a:before {
content: '\f0da';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-right: 0.5rem;
}
:not():hover
:nth-of-type(odd)
:nth-of-type(even)
:first-of-type
:last-of-type
calc()

/* 要素を左側いっぱい * /
.box { margin-left: calc(50% - 50vw); }
/* 要素を右側いっぱい * /
.box { margin-right: calc(50% - 50vw);}

*/ 


/************************************
** カスタムプロパティ設定
************************************/
:root{
	--vw: 1vw;
}

/************************************************
* 各種共通設定
*************************************************/

/* ---------- gナビ ---------- */
#header-container-in {
	height: 100vh;
}
nav #navi {
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.navi-in {
	position: relative;
}
.navi-in > ul {
	max-width: calc(100% - 300px);
	position: absolute;
	right: 2rem;
	top: 1rem;
}
.navi-in > ul li {
	width: auto;
}
.cl-slim .navi-in > ul li {
	height: 72px;
}
.navi-in > ul li a {
	padding: 0 1rem;
	color: #fff;
	font-weight: bold;
	font-weight: 600;
	text-transform: uppercase;
	zoom: 1;
	letter-spacing: 1px;
	white-space: nowrap;
}
.navi-in > ul li a:hover {
	color: #fff;
	background: none;
}
.navi-in > ul li a:after {
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	background-color: #fff;
	bottom: calc(50% - 1rem);
	left: 0;
	width: 100%;
	transition: all .5s ease;
	transform: scale(0,1);
	transform-origin: center top
}
.navi-in > ul li a:hover:after {
	transform: scale(1,1)
}


/* ---------- ヘッター ---------- */
.header {
	background-size: cover;
}
.header-in {
	height: 100%;
}
.h-mainvisual {
	height: 100%;
	display: flex;
	text-align: center;
	align-items: center;
}
.h-mainvisual .catchcopy_title {
	color: #fff;
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	font-size: 2.75rem;
	letter-spacing: 4px;
	text-shadow: 1px 1px 0 #438fb8, -1px 1px 0 #438fb8, -1px -1px 0 #438fb8, 1px -1px 0 #438fb8;
}
.h-mainvisual .catchcopy_title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50%;
	height: 1px;
	margin: 0 auto;
	text-align: center;
	background-image: -webkit-linear-gradient(left, transparent, #fff 35%, #fff 65%, transparent);
	background-image: linear-gradient(to right, transparent, #fff 35%, #fff 65%, transparent);
	background-position: center;
	background-repeat: no-repeat;
}
.h-mainvisual .catchcopy_txt {
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	color: #fff;
	text-align: center;
	margin-bottom: 2rem;
	text-shadow: 1px 1px 0 #438fb8, -1px 1px 0 #438fb8, -1px -1px 0 #438fb8, 1px -1px 0 #438fb8;
}
/*
.h-mainvisual .catchcopy_txt span {
	color: #194665;
	background: #fffc;
	padding: 0 1rem;
}
*/
@media screen and (max-width: 1023px){
	.h-mainvisual .catchcopy_title {
		font-size: 2.25rem;
	}
	.header-in {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.header-in .logo-header {
		display: inline-block !important;
	}
}
@media screen and (max-width: 834px) {
	.h-mainvisual .catchcopy_title {
		font-size: 1.75rem;
		letter-spacing: 2px;
	}
	.h-mainvisual .catchcopy_txt {
		font-size: 1rem;
		letter-spacing: 0;
	}
}


@media screen and (max-width: 834px){
}
@media screen and (max-width: 480px){
}

/************************************************
* メインビジュアル設定
*************************************************/
#header-container {
	position: relative;
	background: #fff;
}

/** メインビジュアル全体設定 **/
.mainvisual-center {
}
.mainvisual-center .catchcopy {
	font-size: 3.5rem;
	line-height: 1.3;
	margin-bottom: 1rem;
	letter-spacing: 0.25rem;
	color: #325fa9;
	text-shadow: 2px 2px #fff;
}
.mainvisual-center .txt-br {
	display: block;
}
.mainvisual-center .btn_style01 {
	text-align: center;
	margin: 0 0 1rem;
}
.mainvisual-center .btn_style01 a {
	padding: 0.5rem 2rem;
	font-size: 1.25rem;
	font-weight: normal;
	background: #745285;
	border-color: #6c3d83;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
	transition: all .5s;
}
.mainvisual-center .btn_style01 a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	margin-left: 0.5rem;
}
.mainvisual-center .btn_style01 a:hover {
	background: #ffffff;
	border-color: #745285;
	color: #745285;
}

/** ビズライフサポート ロゴ設定 **/
.logo-image {
	margin: 1rem 1rem 0;
	background: #3332;
	border-radius: 36px;
	padding: 0.75rem 1rem;
	text-align: left;
	line-height: 0;
}
.logo-image span img {
	max-width: 300px;
	width: 100%;
}

@media screen and (max-width: 1023px){
}
@media screen and (max-width: 834px){
}
@media screen and (max-width: 480px){
}

body:not(.home) #header-container-in {
    height: 400px;
}


/*
#header-container {
    position: relative;
    background: #fff
}

#header-mainvisual {
    width: 100%;
    border-top: 1px solid #ddd;
    background: url("/wp-content/uploads/2024/02/mainvisual_bg03.jpg") no-repeat center bottom/cover;
    position: relative
}

@supports (background-image: url(//hanbaisupport.com/wp-content/themes/bizlife-s/image.webp)) {
    @media screen and (min-width:1901px) {
        #header-mainvisual {
            background:url("/wp-content/uploads/2024/02/mainvisual_bg03.jpg.webp") no-repeat center bottom/cover
        }
    }

    @media screen and (max-width: 1900px) {
        #header-mainvisual {
            background:url("/wp-content/uploads/2024/02/mainvisual_bg03.jpg.webp") no-repeat center bottom
        }
    }

    @media screen and (max-width: 1400px) {
        #header-mainvisual {
            background:url("/wp-content/uploads/2024/05/mainvisual_v1400_bg01.jpg.webp") no-repeat center bottom
        }
    }

    @media screen and (max-width: 1023px) {
        #header-mainvisual {
            background:url("/wp-content/uploads/2024/04/mainvisual_v1023_bg01.jpg.webp") no-repeat center bottom/cover
        }
    }

    @media screen and (max-width: 640px) {
        #header-mainvisual {
            background:url("/wp-content/uploads/2024/04/mainvisual_v640_bg01.jpg.webp") no-repeat center bottom/cover
        }
    }

    @media screen and (max-width: 480px) {
        #header-mainvisual {
            background:url("/wp-content/uploads/2024/05/mainvisual_v480_bg01.jpg.webp") no-repeat center bottom/cover
        }
    }
}

#header-mainvisual:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

body:not(.home) #header-mainvisual {
    background: url("/wp-content/uploads/2024/03/mainvisual_bg02.jpg") no-repeat center bottom/cover
}

@supports (background-image: url(//hanbaisupport.com/wp-content/themes/bizlife-s/image.webp)) {
    body:not(.home) #header-mainvisual {
        background:url("/wp-content/uploads/2024/03/mainvisual_bg02.jpg.webp") no-repeat center bottom/cover
    }
}

body:not(.home) #header-mainvisual:after {
    background-color: rgba(255,255,255,.4)
}

*/

/****** ボタン類 04 *********/
#breadcrumb_overlap {
	width: calc(var(--vw) * 100);
	margin: 0;
	padding: 0;
	background: #d0e5ef;
}
#breadcrumb_overlap .breadcrumb {
	margin: 0 auto;
	font-size: .8125rem;
	line-height: 1rem;
	background: 0 0;
	color: #0368ac;
}
#breadcrumb_overlap .breadcrumb a {
	color: #0368ac;
}
#breadcrumb_overlap .breadcrumb a:hover {
	color: #5997bc;
}


/************************************************
* 装飾類の設定
*************************************************/


/****** ボタン類 04 ********* /
.btn_style03 a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #0073b5;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 30px;
	text-decoration: none;
	text-shadow: none;
	font-weight: 700;
	padding: 1rem 1.5rem;
	transition: all .3s
}
.btn_style03 a:hover {
	color: #0073b5;
	background: #fff;
	border: 1px solid #0073b5
}
.btn_style03 a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-weight: 900;
	margin-left: .5rem;
	display: inline-block
}
.btn_style03 a[target=_blank]::after {
	content: "\f35d"
}
*/

/****** ボタン類 04 *********/
.btn_style04 {
	text-align: center;
	margin-top: auto
}
.btn_style04 {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	border: 2px solid #0073b5;
	box-sizing: border-box
}
.btn_style04:before {
	content: '';
	width: 11px;
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	background: #fff;
	z-index: 1
}
.btn_style04 a {
	position: relative;
	display: block;
	border: 1px solid #fff;
	padding: .5rem 2rem;
	color: #0073b5;
	text-decoration: none;
	outline: none;
	font-size: .825rem;
	font-weight: 700
}
.btn_style04 a:hover {
	border: 1px solid #fff;
	background: #0b84c9;
	color: #fff
}
.btn_style04 a:before {
	content: '';
	width: 25px;
	height: 2px;
	position: absolute;
	right: -16px;
	top: 50%;
	background: #0073b5;
	transition: all .3s;
	z-index: 1
}
.btn_style04 a:after {
	content: '';
	width: 15px;
	height: 2px;
	position: absolute;
	right: -1rem;
	top: calc(50% - 5px);
	background: #0073b5;
	transform: rotate(35deg);
	transition: all .3s
}
.btn_style04 a:hover:before,.btn_style04 a:hover:after {
	right: -26px
}

/****** リスト類 *********/
.article .page-link-list,
.article .page-anchor-list {
	margin: 0 auto 3rem;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #e6e3e1;
	border-radius: 12px;
	box-shadow: 0 0 12px rgba(143,140,138,.12);
	overflow: hidden
}

.article .page-link-list>li,
.article .page-anchor-list>li {
	margin: 0;
	border-bottom: 1px solid #e6e3e1;
	font-size: 1rem
}

.article .page-link-list>li:nth-last-child(1),
.article .page-anchor-list>li:nth-last-child(1) {
	border-bottom: none
}

.article .page-link-list>li a,
.article .page-anchor-list>li a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: .5rem 1rem;
	color: #224;
	text-decoration: none
}

.article .page-link-list>li a {
	justify-content: space-between
}

.article .page-anchor-list>li a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0ab";
	font-weight: 900;
	margin-right: .5rem;
	display: inline-block;
	color: #3888bd
}

.article .page-link-list>li a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-weight: 900;
	margin-left: .5rem;
	margin-right: .5rem;
	display: inline-block;
	color: #3888bd;
	transition: all .3s
}

.article .page-link-list>li a:hover:after {
	margin-left: 1rem;
	margin-right: 0
}

.article .page-link-list>li a:hover,
.article .page-anchor-list>li a:hover {
	background: #e3eaf3
}



	.article .page-link-list,
	.article .page-anchor-list {
		display:grid;
		grid-template-columns: repeat(2,1fr)
	}
	.article .page-link-list>li:nth-child(2n-1),
	.article .page-anchor-list>li:nth-child(2n-1) {
		border-right: 1px solid #e6e3e1
	}
	.article .page-link-list>li a,
	.article .page-anchor-list>li a {
		padding: 1rem
	}
	.article .page-link-list>li:nth-last-child(1),
	.article .page-link-list>li:nth-last-child(2):nth-child(2n+1),
	.article .page-anchor-list>li:nth-last-child(1),
	.article .page-anchor-list>li:nth-last-child(2):nth-child(2n+1) {
		border-bottom: none
	}

@media screen and (max-width: 834px) {
	.article .page-link-list,
	.article .page-anchor-list {
		grid-template-columns: 1fr;
	}
	.article .page-link-list>li:nth-last-child(2):nth-child(2n+1),
	.article .page-anchor-list>li:nth-last-child(2):nth-child(2n+1) {
		border-bottom: 1px solid #e6e3e1;
		border-right: none;
	}
}


@media screen and (max-width: 834px){
}
@media screen and (max-width: 480px) {
	.article .page-link-list>li,
	.article .page-anchor-list>li {
		font-size:.875rem
	}
}



/* ---------- キービジュアル ---------- */

/* ---------- 子ページ用 キービジュアル ---------- */

/* ---------- メイン ---------- */
#content {
	margin-top: 0;
	padding-top: 6rem;
}
@media screen and (max-width: 1023px){
	#content {
		margin-top: 0;
		padding-top: 5rem;
	}
}
@media screen and (max-width: 834px){
	#content {
		margin-top: 0;
		padding-top: 3rem;
	}
}
@media screen and (max-width: 480px){
	#content {
		margin-top: 0;
		padding-top: 2rem;
	}
}

body:not(.single) .article-header.entry-header {
	display: none;
}
.is-layout-constrained .wp-block-columns {
	max-width: none;
}

/* ---------- サイド ---------- */


/* ---------- フッター ---------- */

#footer {
	background: url(/wp-content/uploads/2025/12/footer-contact_bg01.jpg) no-repeat center center #000;
	background-color: rgba(0, 0, 0, .8);
	background-blend-mode: multiply;
	text-decoration: none;
	padding: 0;
}
.footer-widgets {
	margin: 0;
	padding: 8rem 0;
}
.footer-left {
	width: 100%;
	color: #fff;
}
.footer-left .widget_text {
	display: grid;
	grid-template-columns: 1fr 2fr;	
	align-items: center;
}
.footer-left .widget_text .footer-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	font-size: .875rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.footer-left .widget_text .footer-title::before {
	content: '';
	display: block;
	width: 3rem;
	height: 2px;
	background: #dae7f5;
	order: 2
}
.footer-left .widget_text .footer-title::after {
	content: 'CONTACT';
	display: block;
	font-size: 2.5rem;
	line-height: 1;
	order: 3
}
.footer-left .widget_text .footer-menu {
	display: flex;
	padding: 2rem 0 0;
	overflow: hidden;
	flex-direction: row;
	justify-content: space-evenly;
}
.footer-left .widget_text .footer-menu li {
    list-style: none;
    text-align: center;
    transition: opacity .6s
}
.footer-left .widget_text .footer-menu li a {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0.5rem;
	grid-row-gap: 0px;
	align-items: center;
	height: 100%;
	padding: .5rem 3rem;
	background: #16375b;
	border: 1px solid #999;
	border-radius: 100vmax;
	color: #fff;
	text-decoration: none;
	transition: all .3s;
	line-height: 1.5;
}
.footer-left .widget_text .footer-menu li a::before { grid-area: 1 / 1 / 2 / 2; }
.footer-left .widget_text .footer-menu li a { grid-area: 1 / 2 / 2 / 3; }
.footer-left .widget_text .footer-menu li a::after { grid-area: 2 / 1 / 3 / 3; }
.footer-left .widget_text .footer-menu li a:hover {
    background-color: #2c6381
}
.footer-left .widget_text .footer-menu li:first-of-type a {
	grid-template-rows: repeat(1, 1fr);
	font-size: 1.25rem;
}
.footer-left .widget_text .footer-menu li:first-of-type a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
    font-weight: 900;
}
.footer-left .widget_text .footer-menu li:last-of-type a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2a0";
    font-weight: 900;
}
.footer-left .widget_text .footer-menu li:last-of-type a {
    flex-direction: column;
    font-size: 1.3rem;
}
.footer-left .widget_text .footer-menu li:last-of-type a:after {
	content: "受付時間：平日9:15～17:15";
	font-size: 0.8rem;
}
.footer-center,
.footer-right {
	display: none;
}

.footer-bottom {
	width: calc(var(--vw) * 100);
	margin: 0 calc(50% - (var(--vw) * 50)) !important;
	background: #5555;
}
.footer-bottom-content .copyright {
	color: #fff;
	margin: 0;
	padding: 1rem 0;
}

/************************************************
* 個別ページ用設定
*************************************************/

/* ---------- トップページ ---------- */


/* ---------- about as | わたしたちについて ---------- */
#About_section h2 {
	margin: 0 0 2rem;
	padding: 0;
	font-size: .875rem;
	border: none;
	position: relative;
	display: block flex;
	flex-direction: column;
	align-items: center;
	color: #7a6f5d;
}
#About_section h2:after {
	content: 'ABOUT US';
	display: inline-block;
	width: auto;
	-webkit-box-reflect: below -0.75rem -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6));
	margin: 0 0 3rem;
	font-size: 3rem;
	color: #998057;
	text-shadow: 1px 1px 1px #6b5c45;
	border: none;
	position: static;
}


/* ---------- about as | サービス紹介 ---------- */
#Service_contents {
	max-width: none;
	max-width: 1020px;
}
#Service_contents .wp-block-group {
	display: flex;
	align-items: center;
	max-width: none;
	margin-bottom: 5rem;
}
#Service_contents .wp-block-group:nth-of-type(even){
	flex-direction: row-reverse;
}
#Service_contents .servicec_box {
	width: 100%;
	min-height: 360px;
	height: 100%;
	position: relative;
}
#Service_contents .servicec_box::after {
	content: '';
	border-radius: 32px;
	min-height: 360px;
	height: 100%;
	min-width: 540px;
	width: auto;
	box-shadow: 3px 3px 3px #ccc;
	position: absolute;
}
#Service_contents .servicec_box:nth-of-type(1)::after {
	background: url(/wp-content/uploads/2025/11/service_img01.jpg) no-repeat top right / cover;
	right: 0;
}
#Service_contents .servicec_box:nth-of-type(2)::after {
	background: url(/wp-content/uploads/2025/11/service_img02.jpg) no-repeat top right / cover;
	left: 0;
}
#Service_contents .servicec_box:nth-of-type(3)::after {
	background: url(/wp-content/uploads/2025/11/service_img03.jpg) no-repeat top right / cover;
	right: 0;
}
#Service_contents .servicec_txt {
	display: flex;
	flex-direction: column;
	max-width: 580px;
	width: 100%;
	background: #f0f7fdcc;
	box-sizing: border-box;
	border: 2px solid #e0eaf1;
	border-radius: 8px;
	padding: 2rem;
	z-index: 1;
	margin: 0 !important;
}
#Service_contents h3 {
	color: #194665;
	position: relative;
}
#Service_contents h3:after {
	display: block;
	content: "";
	margin: 1rem auto 0;
	width: 2rem;
	height: 4px;
	background: #f4b63b;
	border-radius: 30px;
}
#Service_contents .wp-block-image {
	margin: 0;
}
#Service_contents .wp-block-image img {
	border-radius: 32px;
	max-height: 360px;
	width: 100%;
	box-shadow: 3px 3px 3px #ccc;
}

/* ---------- support | 弥生の認定開発パートナー ---------- */
#Support_section-overlap {
	width: calc(var(--vw) * 100);
	margin: 0 calc(50% - (var(--vw) * 50)) 100px;
	padding: 8rem 0 0;
	background: #faf7f5;
	position: relative;
}
#Support_section-overlap::after {
	content: "";
	position: absolute;
	height: 101px;
	width: 100%;
	clip-path: polygon(0 0,50% 100%,100% 0);
	background: #faf7f5;
	background-image: linear-gradient(180deg, rgb(250 247 245), rgb(251 250 248));
	left: 0;
	bottom: -100px;
}
#Support_section {
	max-width: 920px;
	width: 100%;
	padding: 3rem 2rem;
	border: 1px solid transparent;
	border-radius: var(--cocoon-basic-border-radius);
}
#Support_section h2 {
	margin: 0 0 2rem;
	padding: 0;
	font-size: .875rem;
	border: none;
	position: relative;
	display: block flex;
	flex-direction: column;
	align-items: center;
	color: #7a6f5d;
}
#Support_section h2:after {
	content: 'SUPPORT';
	display: inline-block;
	width: auto;
	-webkit-box-reflect: below -0.75rem -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6));
	margin: 0 0 3rem;
	font-size: 3rem;
	color: #998057;
	text-shadow: 1px 1px 1px #6b5c45;
	border: none;
	position: static;
}
#Support_section h3 {
	margin: 0;
	padding: 1rem;
	background-color: #ffffff;
	color: #194665;
	text-align: center;
	font-size: 1.25rem;
	border: 1px solid #e6e3e1;
	border-bottom: none;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}
#Support_section h3::before {
	content: '';
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background: url(/wp-content/uploads/2025/12/Yayoi_BPP_kaihatsu_icon.gif) no-repeat top left;
	background-size: contain;
	vertical-align: middle;
}
#Support_section .page-link-list {
	border-radius: 0 0 12px 12px;
}

/* ---------- support | サービス紹介 ---------- */
#Winko_section {
	padding-top: 5rem;
	position: relative;
}
#Winko_section::after {
	content: '';
	display: block;
	width: calc(var(--vw) * 100);
	margin: 0 calc(50% - (var(--vw) * 50)) 100px;
	height: 100%;
	background: url(/wp-content/uploads/2025/12/winko-rakuraku_bg01.png) no-repeat top center;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	z-index: -1;
}
#Winko_section #Winko_header {
	max-width: none;
	width: 100%;
	max-height: 480px;
	height: 100%;
	position: relative;
	margin-bottom: 6rem;
}
#Winko_section .winko_image {
	max-width: none !important;
}
#Winko_section .winko_image img {
	max-width: 50vw;
}
#Winko_section .winko_catchcopy {
	width: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}
#Winko_section .winko_title {
	margin: 0 0 3rem !important;
	padding: 2rem 3rem;
	background: #fff;
	border-radius: 8px;
	box-shadow: 1px 1px 8px #ccc;
}
#Winko_section .winko_title .cocoon-custom-text-1:first-of-type {
	display: block;
	padding-bottom: 1rem;
	letter-spacing: 0.1rem;
}
#Winko_section .winko_title .cocoon-custom-text-1:last-of-type {
	display: block;
	padding-top: 1rem;
	letter-spacing: 0.1rem;
}
#Winko_section .winko_title .cocoon-custom-text-2 {
	display: block;
	letter-spacing: 0.1rem;
	color: #3888bd;
	font-size: 2.25rem;
	background: linear-gradient(transparent 60%, #ff9 60%);
}
#Winko_section .winko_title ruby rt {
	color: #3888bd;
}
#Winko_section > h3 {
	font-size: 1.5rem;
	color: #3888bd;
	letter-spacing: 0.1rem;
}
#Winko_section > h3 .cocoon-custom-text-1 {
	font-size: 1.75rem;
	font-size: 1.75rem;
	padding-top: 0.25rem;
	background-position: top left 2px;
	background-repeat: repeat-x;
	background-size: 1.75rem .3rem;
	background-image: -webkit-radial-gradient(0.15rem 0.15rem at center center,#f4b63b,#f4b63b 100%,transparent);
	background-image: radial-gradient(0.15rem 0.15rem at center center, #f4b63b, #f4b63b 100%, transparent);
}
#Winko_section > h3:before {
	font-family: "Font Awesome 5 Free";
	content: "\f085";
	font-weight: 900;
	font-size: 2.5rem;
	padding-right: 0.5rem;
	display: inline-block;
	text-shadow: 1px 1px 1px #194665;	
}
/*
#Winko_section > h3:after {
    display: block;
    content: "";
    margin: 1rem auto 0;
    width: 2rem;
    height: 4px;
    background: #f4b63b;
    border-radius: 30px;
}
*/
#Winko_section .winko_function {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	counter-reset: a-number 0;
}
#Winko_section .winko_function .wp-block-group {
	margin: 0;
	padding: 1rem;
	border: 1px solid #a5cbe9;
	border-radius: 8px;
	background: #f0f7fdcc;
	box-shadow: 0px 1px 6px #b4b4b4;
}
/*
#Winko_section .winko_function .wp-block-group::after {
	content: "0" counter(wf-number);
	display: block;
	text-align: center;
	color: #9991;
	color: #FFC10733;
	font-size: 5rem;
	position: absolute;
	top: -2.5rem;
	left: 0;
	z-index: 0;
	
	position: absolute;
	top: -2rem;
	left: 1rem;
	z-index: 0;
}
*/	
#Winko_section .winko_function .wp-block-group h4 {
	margin-bottom: 1rem;
	color: #194665;
	text-align: center;
	position: relative;
	z-index: 1;
}
#Winko_section .winko_function .wp-block-group p {
	font-size: 1rem;
}







/* ---------- Information | お知らせ ---------- */
#News_section {
	display: grid;
	grid-template-columns: 1fr 2fr;	
	align-items: center;
	margin-bottom: 5rem;
	padding: 5rem 0 0;
}
#News_section h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	font-size: .875rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #194665;
}
#News_section h2::before {
	content: '';
	display: block;
	width: 3rem;
	height: 2px;
	background: #dae7f5;
	order: 2;
}
#News_section h2::after {
	content: 'INFORMATION';
	display: block;
	font-size: 2.25rem;
	line-height: 1;
	order: 3;
	text-shadow: 1px 1px 1px #488381;
	color: #194665;
}


@media screen and (max-width: 1023px){
	#News_section h2::after {
		font-size: 1.75rem;
		letter-spacing: 1px;
	}
}
@media screen and (max-width: 834px){
	#News_section {
		grid-template-columns: 1fr;
	}
	#News_section h2 {
		margin-bottom: 2rem;
	}
}
@media screen and (max-width: 480px){
}




#News_section .info-list-box {
	width: 100%;
}
#info-list {
	padding: 0 1rem;	
}
#info-list .info-list-item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
}
#info-list .info-list-item-content {
	order: 2;
	margin-bottom: 0;
}
#info-list .info-list-item-content a {
	display: block;
	padding: 0 2rem 0 0;
	position: relative;
	text-decoration: none;
}
#info-list .info-list-item-content a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: 900;
	margin-right: .5rem;
	transition: right .3s;
	font-size: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}
#info-list .info-list-item-meta {
	order: 1;
}

/* ---------- Banner | バナー ---------- */
#Banner_section .wp-block-image {
	max-width: 480px;	
}
#Banner_section .wp-block-image a:hover {
	opacity: 0.8;
}


/**********************************/
/******* 丸波アニメーション *******/
/********************************** /

#About_section:before,
#About_section:after {
content: "";
width: 15vw;
margin: 0;
padding: 7.5vw 0;
position: absolute;
top: 1rem;
right: -10vw;
opacity: 0.5;
z-index: -1;
animation: fluidrotate 30s ease 0s infinite;
background: linear-gradient(87deg,rgba(49,116,186,1) 0%,rgba(131,169,210,1) 100%);
}
#About_section:after {
top: 8rem;
left: -10vw;
}

@keyframes fluidrotate {
0%,100% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
}

14% {
border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
}

28% {
border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
}

42% {
border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
}

56% {
border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
}

70% {
border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
}

84% {
border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
}
}
/******* 丸波アニメーション ******* /
/**********************************/



/*****************************************/
/****** サービス一覧　画像リスト *********/
/*****************************************/
#Service_ListContents {
	width: calc(var(--vw) * 100);
	margin: 0 calc(50% - (var(--vw) * 50)) !important;
	gap: 0;
	background: #27b48c;
	background: linear-gradient(90deg,rgba(39,180,140,.8) 0%,rgba(4,144,212,.8) 100%);
	background-blend-mode: normal;
	background-size: auto;
}
#Service_ListContents .wp-block-column {
	position: relative;
	overflow: hidden;
}
#Service_ListContents .wp-block-column .wp-block-image {
	margin: 0;
	line-height: 0;
}
#Service_ListContents .wp-block-column .wp-block-image img {
	transition-duration: 0.5s;
	filter: blur(0);
}
#Service_ListContents .wp-block-column:hover .wp-block-image img {
	height: 120%;
	filter: blur(3px);
}
#Service_ListContents .wp-block-column .slink_content {
	width: 100%;
	height: 100%;
	padding: 0 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #00539566;
	background: #1a578799;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;
}
#Service_ListContents .wp-block-column .slink_content:hover {
	background: #0239;
}
#Service_ListContents .wp-block-column .slink_content h4 {
	font-size: 1.5rem;
}
#Service_ListContents .wp-block-column .slink_content p {
	font-size: 1rem;
}
#Service_ListContents .wp-block-column .slink_content:hover p {
	visibility: visible;
}
#Service_ListContents .wp-block-column .slink_content:before {
	content: '';
	width: calc(100% - 1rem - 2px);
	height: calc(100% - 1rem - 2px);
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	border: 1px solid #fff9;
	border-radius: 0 6px 0 6px;
}
#Service_ListContents .wp-block-column .slink_content:after {
	content: '';
	transition: all .3s;
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
	border-left: 1.5rem solid #fff0;
	border-bottom: 1.5rem solid #fff;
}

/****** サービス一覧　画像リスト *********/

/******************************************************************
// ブロックパターン設定 - Functions which registers block patterns.
/******************************************************************

/* ■段落　　　｜内部ブロック名：core/paragraph */
/* ■見出し　　｜内部ブロック名：core/heading */
/* ■画像　　　｜内部ブロック名：core/image */
/* ■グループ　｜内部ブロック名：core/group */
/* ■カラム　　｜内部ブロック名：core/column */
/* ■表　		｜内部ブロック名：core/table */
/* ■ボタン　　｜内部ブロック名：core/button */
/* ■ギャラリー｜内部ブロック名：core/gallery */
/* ■リスト　　｜内部ブロック名：core/list */
/*** 矢印(リンクなし) ***/
.is-style-list-arrow01 {
	list-style: none;
	padding: 0;
}
.article .is-style-list-arrow01 {
	list-style: none;
	padding: 0;
}
.is-style-list-arrow01 li {
	padding-left: 1.5rem;
}
.is-style-list-arrow01 li.block-editor-block-list__layout {
	display: flex;
}
.is-style-list-arrow01 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f152";
	font-weight: 900;
	margin-right: 0.5rem;
	margin-left: -1.25rem;
	display: inline-block;
	color: var(--wp--preset--color--teal);
}

/*** 矢印(リンクあり) ***/
.is-style-linklist-arrow01 {
	list-style: none;
	padding: 0;
}
.is-style-linklist-arrow01 li a {
	padding-left: 1.5rem;
	text-decoration: none;
	display: block;
}
.is-style-linklist-arrow01 li a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f152";
	font-weight: 900;
	margin-right: 0.5rem;
	margin-left: -1.25rem;
	display: inline-block;
}

/*** 基本ボタン ***/
.is-style-linkbtn-list {
	margin: 0 auto 5rem;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.is-style-linkbtn-list > li {
	margin: 0;
	font-size: 1rem;
}
.is-style-linkbtn-list > li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #0073b5;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 30px;
	text-decoration: none;
	text-shadow: none;
	font-weight: 700;
	padding: 1rem 1.5rem;
	transition: all .3s;
}
.is-style-linkbtn-list > li a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-weight: 900;
	margin-left: .5rem;
	display: inline-block;
}
.is-style-linkbtn-list > li a[target=_blank]::after {
	content: "\f35d"
}

.is-style-linkbtn-list > li a:hover {
	color: #0073b5;
	background: #fff;
	border: 1px solid #0073b5;
}

/* ■引用　　　｜内部ブロック名：core/quote */
/* ■カバー　　｜内部ブロック名：core/cover */
/* ■ファイル　｜内部ブロック名：core/file */
/* ■音声　　　｜内部ブロック名：core/audio */
/* ■動画　　　｜内部ブロック名：core/video */
/* ■パターン　｜内部ブロック名：core/video */