@charset "utf-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ用エディタ（クラシックエディタ）のカスタマイズ（2024-01-15mk）
※クラシックエディタではグローバルスタイルが読み込めないため、「ブログ専用」クラスを別に用意することとした
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-h_large_a {
    position: relative;
    border-bottom: 3px solid #c7c7c7
}

.blog-h_large_a::before {
    content: '';
    width: 120px;
    height: 3px;
    position: absolute;
    bottom: -3px;
    background-image: linear-gradient(90deg,#015eea 0%,#00c0fa 100%);
}

.blog-h_large_b::after {
    height: 4px;
    border-radius: 2px;
}

.blog-h_middle_a {
    border-left: none;
    padding: 10px 0 10px 20px;
    position: relative;
}

.blog-h_middle_a::before {
    background-color: var(--main,#0054d0);
    width: 8px;
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    border-radius: 4px;
}

.blog-h_middle_b {
    background-image: linear-gradient(90deg,#015eea 0%,#00c0fa 100%);
    border-radius: 4px;
}

.blog-basic_btn01 {
    display: flex;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    max-width: 300px;
    min-width: 250px;
    position: relative;
    transition: all 0.3s ease 0s;
    border: 2px solid var(--main);
    border-radius: 50px;
    padding: 20px 60px;
}

a.blog-basic_btn01::after {
    font-family: "icomoon";
    content: "\ea3c";
    font-weight: normal;
    position: absolute;
    width: 35px;
    height: 35px;
    color: var(--main,#0054d0);
    background-color: #fff;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    font-size: 13px;
    border-radius: 50px;
    top: auto;
}

a.blog-basic_btn01:hover {
	opacity: 1;
    background-color: #ffffff;
    color: var(--main,#0054d0);
}

a.blog-basic_btn01:hover::after {
    color: #fff;
    background-color: var(--main,#0054d0);
}

.blog-basic_btn02{
	font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　ul　ol
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:is(article:not(.type-page), body:not(.post-type-page)) ::marker {
    color: var(--main,#0054d0);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　BOX
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:is(article:not(.type-page), body:not(.post-type-page)) [class*="basic_box"] {
	border-radius: 4px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > アコーディオン02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.accordion02 .gb-icon {
	color: #88909b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿 > カテゴリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*民泊・不動産コラム*/
.category-real-estate .cmn_cat {
	background-color: #ff7f17;
}

/*金融証券コラム*/
.category-financial .cmn_cat {
	background-color: #1cba63;
}

/*お知らせ*/
.category-news .cmn_cat {
	background-color: #11b0f5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿（顧客事例） > アーカイブ・詳細
top > case
カテゴリーの色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*相続・財産*/
.case_category-property .case_cat {
	background-color: #11b0f5;
}

/*民泊・不動産*/
.case_category-real-estate .case_cat {
	background-color: #ff7f17;
}


/*投資*/
.case_category-investment .case_cat {
	background-color: #1cba63;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿（セミナー・講演会） > アーカイブ・詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* アーカイブ＞開催予定を2ページ目以降は出さない */
body.is-paged .only_front_page{
    display: none;
}

/*受付中・受付終了の出し分け*/
:is(body.single-seminar:not(:has(.reception-uketsukechu)),.mikaisai_loop .gb-loop-item:not(.reception-uketsukechu))
.uketsukechu_wrap{
	display: none;
}


:is(body.single-seminar article.reception-uketsukechu,.mikaisai_loop .gb-loop-item.reception-uketsukechu)
.shuryo_wrap{
	display: none;
}

/* 受付中のセミナー以外はお申し込みフォームを非表示 */
body.single-seminar:not(:has(.reception-uketsukechu)) #a01 {
	display: none
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　メインナビゲーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カレント */
body[class*='case'] .main-nav ul:not(.sub-menu) > li.case > a,
body[class*='seminar'] .main-nav ul:not(.sub-menu) > li.seminar > a,
body[class*='service'][class*='brochures-child'] .main-nav li.brochures > a,
body[class*='service'][class*='brochures-child'] .main-nav li.service > a {
	color: var(--main);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo::before {
	content: '';
	position: absolute;
	top: -110px;
	right: 0;
	background: url("./images/promo_bg_deco.png") no-repeat 50% / contain;
	width: 37.76vw;
	height: 35vw;
}

#home_promo::after {
	content: '';
	position: absolute;
	left: -38.54vw;
	bottom: -44.64vw;
	background: url("./images/cmn_bg_deco.png") no-repeat 50% / contain;
	width: 58.96vw;
	height: 58.96vw;
}

#home_promo h2.ttl::before {
	content: '';
	position: absolute;
	top: -2.08vw;
	left: -4.17vw;
	background: url("./images/promo_img01.png") no-repeat 50% / contain;
	width: 5.68vw;
	height: 6.46vw;
}

#home_promo h2.ttl::after {
	content: '';
	position: absolute;
	right: 120px;
	bottom: 5.99vw;
	background: url("./images/promo_img02.png") no-repeat 50% / contain;
	width: 5.83vw;
	height: 4.53vw;
}

#home_promo h2 .cmn-soshoku-a {
	background-color: var(--main);
	letter-spacing: 0em;
	padding: 0 1.56vw 5px 1.04vw;
	border-radius: 8px;
}

/*#home_promo .img::before {
	content: '';
	position: absolute;
	top: -0.52vw;
	left: 1.82vw;
	background: url("./images/promo_img04.svg") no-repeat 50% / contain;
	width: 14.9vw;
	height: 13.91vw;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > seminar
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_seminar .bl {
	transition: all 0.5s ease;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > about
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_about::before {
	content: '';
	position: absolute;
	top: -28.65vw;
	left: -37.24vw;
	background: url("./images/cmn_bg_deco.png") no-repeat 50% / contain;
	width: 58.96vw;
	height: 58.96vw;
	opacity: 0.2;
}

#home_about::after {
	content: '';
	position: absolute;
	right: -38.8vw;
	bottom: -17.19vw;
	background: url("./images/about_bg_txt.svg") no-repeat 50% / contain;
	width: 68.07vw;
	height: 68.54vw;
	animation: rotate 80s linear infinite;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

#home_about .fukidashi::before {
	content: '';
	position: absolute;
	left: 36px;
	bottom: 13px;
	background: url("./images/about_icon.svg") no-repeat 50% / contain;
	width: 30px;
	height: 64px;
}

#home_about .fukidashi::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	border-top-color: #0091f3;
	border-top-width: 10px;
	border-left-width: 12px;
	border-right-width: 12px;
	margin-left: -12px;
}

#home_about h3.ttl::after {
	content: '';
	position: absolute;
	top: -20px;
	right: -30px;
	background: url("./images/cmn_icon02.svg") no-repeat 50% / contain;
	width: 50px;
	height: 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > service
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service {
	mask-image: linear-gradient(to bottom, transparent 0%, black 13%);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 13%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > features 先方の要望により削除
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*#home_features::before {
	content: '';
	position: absolute;
	top: -37.5vw;
	right: -28.65vw;
	background: url("./images/cmn_bg_deco.png") no-repeat 50% / contain;
	width: 58.96vw;
	height: 58.96vw;
}

#home_features::after {
	content: '';
	position: absolute;
	left: -40.1vw;
	bottom: -33.85vw;
	background: url("./images/cmn_bg_deco.png") no-repeat 50% / contain;
	width: 58.96vw;
	height: 58.96vw;
}

#home_features .gradation_txt {
	color: transparent;
	background: linear-gradient(0deg, #015eea 0%, #00c0fa 100%);
	-webkit-background-clip: text;
}

#home_features .gradation_txt::after {
	content: '';
	position: absolute;
	top: -20px;
	right: -30px;
	background: url("./images/cmn_icon02.svg") no-repeat 50% / contain;
	width: 37px;
	height: 37px;
}

#home_features .img01::after {
	content: '';
	position: absolute;
	top: clamp(275px, 203.947px + 5.263vw, 305px);
	right: 25px;
	background: url("./images/features_deco01.png") no-repeat 50% / contain;
	width: 7.76vw;
	height: 14.84vw;
}

#home_features .img02::before {
	content: '';
	position: absolute;
	top: clamp(310px, 203.421px + 7.895vw, 355px);
	left: 20px;
	background: url("./images/features_deco02.png") no-repeat 50% / contain;
	width: 6.93vw;
	height: 13.28vw;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > case
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_case .case:hover img {
	transform: scale(1.1);
}

/*css変数 slik内の要素の左右の余白*/
:root {
	--slick_side_margin: 20px;
}

/*slick arrow*/
.cmn_carousel_full :is(.slick-prev, .slick-next) {
	top: -105px;
}

.cmn_carousel_full :is(.slick-prev, .slick-next)::before {
	font-size: 20px;
	width: 78px;
	height: 78px;
}

#home_case .slick-prev.slick-disabled:before, #home_case .slick-next.slick-disabled:before {
	color: #cdd8df!important;
	border-color: #cdd8df;
	opacity: 1;
}

.cmn_carousel_full .slick-prev {
	right: clamp(95px, -248.421px + 25.439vw, 240px);
}

.cmn_carousel_full .slick-next {
	right: clamp(5px, -338.421px + 25.439vw, 150px);
}

/*slick dot*/
#home_case .slick-dots {
	bottom: -65px;
}

#home_case .slick-dots li button:before {
	font-size: 10px;
	color: var(--main);
}

#home_case .slick-dots li.slick-active button:before {
	opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > news
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news .txt::before {
	content: '';
	position: absolute;
	top: -4.17vw;
	left: calc(clamp(25px, -105.263px + 9.649vw, 80px) * -1);
	background: url("./images/noimage.svg?date=20260119") no-repeat 50% / contain;
	width: 9.06vw;
	height: 9.06vw;
	opacity: 0.3;
	z-index: -1;
}

#home_news .post:last-child {
	border-bottom: none;
}

#home_news .post:hover img {
	transform: scale(1.1);
}

/*投資・資産運用*/
#home_news .category-operation .post_cat {
	color: #ff7f17;
}

/*コラム*/
#home_news .category-column .post_cat {
	color: #1cba63;
}

/*杉山の視点*/
#home_news .category-perspective .post_cat {
	color: #11b0f5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
contact_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area .area_a .btn:hover .free {
	background-color: var(--main);
}

#contact_area .area_a .btn:hover .txt {
	color: var(--main);
}

#contact_area .area_a .btn:hover .arrow {
	background-color: var(--main);
	color: #fff;
}

#contact_area .area_b .btn:hover .free {
	background-color: var(--accent);
}

#contact_area .area_b .btn:hover .txt {
	color: var(--accent);
}

#contact_area .area_b .btn:hover .arrow {
	background-color: var(--accent);
	color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu {
	font-size: 17px;
	gap: 45px;
}

#footer-widgets .sub-menu {
	padding-left: 20px;
}

.footer-widgets ul.sub-menu a {
	position: relative;
	font-size: 15px;
	color: #c0c0c0;
}

.footer-widgets ul.sub-menu a::before {
	content: 'ー';
	position: absolute;
	font-size: 15px;
	left: -20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.note_page_promo::before {
	content: '';
	position: absolute;
	top: -39.84vw;
	left: -28.39vw;
	background: url("./images/cmn_bg_deco.png") no-repeat 50% / contain;
	width: 59.11vw;
	height: 59.11vw;
	opacity: 0.3;
}

.note_page_promo::after {
	content: '';
	position: absolute;
	right: -28.39vw;
	bottom: -39.84vw;
	background: url("./images/cmn_bg_deco.png") no-repeat 50% / contain;
	width: 59.11vw;
	height: 59.11vw;
	opacity: 0.3;
}

.note_page_promo .txt::after {
	content: '';
	position: absolute;
	top: -20px;
	right: -25px;
	background: url("./images/cmn_icon02.svg") no-repeat 50% / contain;
	width: 30px;
	height: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 > 資料ダウンロード > フォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
input[name="wpforms[fields][62]"] {
  pointer-events: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sp .my_hamburger {
	width: 50px;
	height: 50px;
}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:transparent;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 10px;
	height: 2px;
	border-radius: 2px;
  background:var(--main);
	width: 60%;
}

.openbtn span:nth-of-type(1) {
	top:15px; 
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 16px;
	transform: translateY(6px) rotate(-45deg);
	width: 40%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
	top: 30px;
	left: 16px;
	transform: translateY(-6px) rotate(45deg);
	width: 40%;
}