@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

    .brnd_04 .swell-block-button__link {
        background-color: #004da1;
        color: #fff;
        border: 0px !important;
        font-weight: 500;
    }


.d_none {
	display:none;
}

.top_04 ul li a {
	color:#333;
}

.top_04 ul li a:hover {
	opacity:0.5;
	transition:0.5s;
}


@media screen and (min-width: 960px){
/* 	Media Queries PC */
	
	
#main_visual {
	position: sticky;
  top: 0;
height: 400vh; /* この高さ分だけスクロール中に要素が止まる */
	/* 初期値は1（不透明）、JSでこの値を変更する */
  opacity: var(--fade-opacity, 1);
  will-change: opacity; /* パフォーマンス向上 */

}

.p-mainVisual__imgLayer video {
	position: relative;
	height: 100vh;
}
.p-mainVisual__imgLayer {
		/* JSから操作する透明度 */
    opacity: var(--opacity, 1);
    will-change: transform, opacity;
}

.p-mainVisual__imgLayer:before {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/msk_01.png);
	width:100%;
	height:100vh;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background-size:cover;
	background-position:center;
 /* CSS変数 --scale を受け取る（デフォルトは1） */
	transform: scale(var(--scale, 1));
	/* 動きを滑らかにする */
	transition: transform 0.1s ease-out;
	 /* 初期値は1（不透明）、JSでこの値を変更する */
  opacity: var(--fade-opacity, 1);
  will-change: opacity; /* パフォーマンス向上 */
}

.eigo {
  font-family: "Roboto Condensed";
}


/* PCでハンバーガーボタンを表示 */
.l-header__menuBtn.sp_ {
    display: block !important;
}

/* PCのグローバルナビゲーションを非表示 */
.c-gnav {
    display: none !important;
}

/* 開閉メニューを有効化 */
.p-spMenu {
    display: block !important;
}

/* ハンバーガーボタンの位置を調整 */
.l-header__inner {
    align-items: center;
	position:fixed;
	right:0px;
	top: 0;
    padding-top: 20px;
}

.l-fixHeader__inner {
	display:none;
}

.l-header__barInner {
	display:none;
}

/*ハンバーガーメニュー*/
/*デフォルト時 */
[data-spmenu=closed] {
 .-menuBtn .c-iconBtn__icon {
	position:relative;
    margin-top:15px;
	width: 40px;
	height: 1.5px;
	background-color: #fff;
  }
 .-menuBtn .c-iconBtn__icon::before{
	position:absolute;
    content: '';
	right:0;
	top:-10px;
	width: 50px;
	height: 1.5px;
	background-color: #fff;
  }
	 .-menuBtn .c-iconBtn__icon::after{
	position:absolute;
    content: '';
	right:0;
	top:10px;
	width: 30px;
	height: 1.5px;
	background-color: #fff;
  }
	
	.icon-close-thin {
		display:none;
	}
}
/* ドロワーメニューが開いている時 */
[data-spmenu]:not([data-spmenu=closed]) {
 .icon-menu-thin {
	position:relative;
    margin-top:15px;
	width: 40px;
	height: 1.5px;
	background-color: #333;
  }
 .icon-menu-thin::before{
	position:absolute;
    content: '';
	right:0;
	top:-10px;
	width: 50px;
	height: 1.5px;
	background-color: #333;
  }
	 .icon-menu-thin::after{
	position:absolute;
    content: '';
	right:0;
	top:10px;
	width: 30px;
	height: 1.5px;
	background-color: #333;
  }
	
	.icon-menu-thin {
		display:none;
	}

}
/* ドロワーメニューが開いている時×ボタン */
[data-spmenu]:not([data-spmenu=closed]) {

.c-iconBtn__icon {
  position: relative;
  width: 35px;
  height: 35px;
  cursor: pointer;
	right:45px;
	top:30px;
}

.c-iconBtn__icon::before,
.c-iconBtn__icon::after {
  content: '';
  position: absolute;
  width: 100%; /* 親要素の幅いっぱいに棒を伸ばす */
  height: 1px; /* 棒の太さ */
  background-color: #fff;
  top: 50%; /* 親要素の中央に配置 */
  left: 0;
}

.c-iconBtn__icon::before {
  transform: translateY(-50%) rotate(45deg); /* Y軸方向に半分移動し、45度回転 */
}

.c-iconBtn__icon::after {
  transform: translateY(-50%) rotate(-45deg); /* Y軸方向に半分移動し、-45度回転 */
}
}
/* ドロワーメニューフェードに変更と背景設定 */
.p-spMenu__inner {
	--color_menu_text: #000000; /* メニューテキストの色 */
	--color_menu_bg: rgba(0 0 0 / 75%); /* 開閉メニューの背景色 */
  width: 100vw;
}
.p-spMenu__overlay {
  background: transparent;
}
.-right .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 0;
  transition: opacity .45s;
}
[data-spmenu=opened] .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.p-spMenu__inner::before {
  background: var(--color_menu_bg);
  opacity: 1;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.c-widget__title.-spmenu {
	display:none;
}

.dw_01,.dw_02 {
	    background-color: #00000000!important;
}

/* NEWS */
.h2_area h2 {
	margin:0;
	color:#4F4F4F!important;
	font-weight:normal;
	font-size:21px;
}

.top_01 {
	clear:both;
}

.top_01 .h2_area {
	width:20%;
	float:left;
	border-right:3px solid #000;
}

.top_01 .news_area {
	width:70%;
	margin:0 0 0 25%;
}

.top_01 .more_but a {
	float:right;
	margin:50px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/yjr_blk.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	padding:0 90px 0 0;
			color:#000!important;
}

.top_01 .more_but a:hover {
	opacity:0.5;
	transition:1s;
}

.c-postTimes__modified:before, .c-postTimes__posted:before {
display:none;
}

.news_area .p-postList__body {
	display:flex;
}

.news_area .c-postTimes__posted {
	font-size:16px;
	color:#004DA1;
	margin:0 30px 0 0;
}

.news_area .news_area .p-postList__title {
	font-weight:normal;
}

.news_area .p-postList.-type-simple {
    border-top: none;
}

.news_area .-type-simple .p-postList__link {
    padding: 10px 5px 5px;
}

.top_01 {
/* 	padding:20px 0 60px!important; */
	padding: 80px 0 130px !important;
}
/* ABOUT */
.top_02 {
background-image: linear-gradient(0deg, #ffffff, #000000c7 60%, #000000 80%);
	color:#fff;
	position:relative;
}

.top_02 .text_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/abbg_002.jpg);
	background-size:80%;
	background-repeat:no-repeat;
	height:490px;
	width:50%;
	padding:3% 0 15% 15%;
		background-position:left top;
}

.top_02 .text_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/abbg_001.jpg);
	background-size:85%;
	background-repeat:no-repeat;
	background-position:right bottom;
		width:50%;
		height:370px;
		padding:0% 10% 20% 5%;
	position:absolute;
	top:20%;
	right:0px;
}

.top_02 .mark_orange {
	background:none;
	border-bottom:solid 5px #db0000bf;
}

.top_02 h2 {
	margin:-130px 0 50px;
}

.top_02 p {
	position:relative;
	font-size:25px;
	line-height:250%;
	margin:0 0 100px;
}

.top_02 .tome_but a {
	padding:10px 50px!important;
	background-color: #32373c00;
}


.top_02 .tome_but a:hover {
	background-color:#000;
	transition:1s;
}

.top_02 {
	padding-bottom:300px!important;
}
/* 強み */
.top_03 {
	position:relative;
	top:-270px;
	background-color: #ffffff00!important;
	padding-bottom: 0 !important;
}

.tuyomi_box .wp-block-group__inner-container {
	display:flex;
	justify-content:center;
}

.tuyomi_box .wp-block-group__inner-container figure {
	margin:0 -70px;
}

.tuyomi01 {
	z-index:1;
}

.top_03 .copy span {
	font-size:36px!important;
	font-weight:500;
}

.top_03 .text_area {
	font-size:24px;
	line-height:200%;
}

.center {
		width:1200px;
	margin:0 auto;
}
/* 業務内容 */
.top_04 .background_movie {
	position:fixed;
	top:0px;
	z-index:-1;
	height:100vh;
	width:100vw;
	opacity:0.4;
	object-fit: cover;
}

.top_04 {
	background-image: linear-gradient(0deg, transparent, #000000a1)!important;
	padding-bottom:0px!important;
	position:relative;
	clip-path: inset(0); 
}

.top_04 .h2_area h2 {
	color:#333!important;
	font-weight:500;
	margin:64px 0 0;
}

.top_04 .h2_area {
	width:1200px;
	margin:0 auto 100px;
}

.top_04 .h2_area .wp-block-group__inner-container {
	display:flex;
vertical-align: baseline;
}

.top_04 .h2_area h2 {
	font-size:25px;
}

.top_04 h3 {
	font-size:80px;
	color:#000!important;
	margin:0;
}

.top_04 .h3_area p {
font-weight: 400;
	font-size: 27px;
	color: #333;
	margin-top: -17px;
}

.top_04 ul {
	background-color:#ffffffbd;
	padding:50px 60px;
}

.top_04 ul li {
	font-size:24px;
	margin:0 0 15px;
	padding:0 0 0 15px;
	line-height:150%;
}

.svc_area01 .h3_area {
	display:block;
	width:730px;
	float:right;
	margin-right:50px;
		position:relative;
	margin:0 0 40px;
}

.top_04 .text_area {
	clear:both;
	margin:0 auto 70px;
}

.top_04 .text_area p,.top_04 .text_area {
	color:#222222;
	font-size:20px;
	font-weight:500;
}

.svc_area01 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/blu_line.png);
	width:1200px;
	background-size:cover;
	height:7px;
	display:block;
	position:absolute;
	top:90px;
}

.svc_area01 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}

.svc_area01 ul {
	position:relative;
	top:50px;
}

.svc_box01,.svc_box02,.svc_box03 {
	padding:0 0 50px;
}

.svc_area02 ul {
	position:relative;
	top:50px;
}

.svc_area02 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}

.svc_area03 ul {
	position:relative;
	top:50px;
}

.svc_area03 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}


.svc_area01 figure {
	width:890px;
	margin-left:-100px;
}

.svc_area02 figure {
		width:890px;
	    margin-left: -150px;
}

.svc_area03 figure {
		width:890px;
	    margin-left: -100px;
}

.svc_area01 {
	position:relative;
	margin:0 auto 50px;
}

.svc_area02 {
	position:relative;
	margin:0 auto 50px;
}

.svc_area03 {
	position:relative;
	margin:0 auto;
}

.svc_box01 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/prm_bg-scaled.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_box02 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/crt_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_box03 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/crt_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_area01 .but_more {
	position:absolute;
	bottom:100px;
	right:0;
}

.svc_area02 .but_more {
	position:absolute;
	bottom:10px;
	right:51%;
}

.svc_area03 .but_more {
	position:absolute;
	bottom:-40px;
	right:0;
}

.top_04 .but_more a {
	 padding:5px 50px;
		border:1px solid;
}

.svc_area01 .but_more a {
		border:1px solid #0000b7;
}

.svc_area02 .but_more a {
		border:1px solid #12af28;
}

.svc_area03 .but_more a {
		border:1px solid #c92727;
}

.top_04 .but_more a:hover {
	background-color:#c9272700!important;
	border:1px solid;
	transition:0.5s;
}

.svc_area02 .h3_area {
	position:relative;
	display:table;
	margin:0 0 40px;
}

.svc_area02 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/grn_line.png);
	width:1200px;
	background-size:cover;
	height:7px;
	display:block;
	position:absolute;
	top:90px;
}

.svc_area03 .h3_area {
	position:relative;
    display: block;
    width: 575px;
    float: right;
		margin:0 0 40px;
}

.svc_area03 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/red_line.png);
	width:1200px;
	background-size:cover;
	height:7px;
	display:block;
	position:absolute;
	top:90px;
}

/* 事業紹介 */

.top_05 {
	clear:both;
}

.top_05 .h2_area {
	width:15%;
	float:left;
	position:relative;
	margin:0 30px 0 10px;
}

.top_05 .h2_area h2 {
	font-size:25px;
		color:#4F4F4F;
	position:absolute;
	right:15px;
	bottom:5px;
	font-weight:bold;
}

.top_05 ul {
	width:90%;
}

.top_05 ul li .p-postList__body {
	margin:10px 0 0;
}

.top_05 ul li h3 {
	font-size:25px!important;
}

.top_05 ul li .p-postList__excerpt {
	font-size:20px;
}

.swiper-slide {
  transform: scale(0.5);
  transition: transform 1.5s ease;
	height:650px;
}

.swiper-slide-active {
  transform: scale(1.0);
}

.swiper-slide-active a {
	width:120%;
}

.swiper-slide-duplicate-prev a {
	margin:0px -250px 0 50px;
}

.bi_area {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/gry_bg.jpg);
	background-size:80%;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.top_05 .more_but {
	text-align:right;
	    position: relative;
    top: -100px;
    z-index: 1;
	right: 150px;
}


.top_05 .more_but a:hover {
	opacity:0.5;
	transition:1s;
}

/* お問い合わせ */
.top_07 h2 {
	font-size:25px;
}

.top_07 .contact_but a {
	padding:15px 100px 15px 140px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
	background-repeat:no-repeat;
	background-position:80px center;
	font-size:24px!important;
	white-space: nowrap;
	border:1px solid #004da1;
}

.top_07 .contact_but a:hover {
	background-color: #004da11a !important;
    transition: 0.5s;
	color:#004da1;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico_blu.png);
}

.top_07 .tel_but {
	font-size:55px;
	font-weight:bold;
	color:#000;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 50px;
	margin:0 0 0 90px;
	white-space: nowrap;
}
	
	.top_07 .jikan {
		    margin: 0 0 0 192px;
		position: relative;
    top: -20px;
	}

.top_07 .tel_area {
		border-left:1px solid #848484;
}

.top_07 .cont_but  {
	padding:50px 50px 0 0!important;
}

.top_08 .tizu_area {
	width:1366px;
	margin:0 auto;
	padding:40px;
	background-color:#fff;
	box-shadow:5px 5px 10px #575656bf;
	position:relative;
	bottom:-150px;
}

.top_08 .tizu_area h3 {
	background-color:#004DA1;
	color:#fff;
	padding:0 10px;
	margin:0 0 5px;
}

.top_08 .tizu_area p {
	font-size:18px;
}

.top_08 .tizu_area h4 {
	border-bottom:2px solid #004DA1;
	font-size:24px;
	margin:0 0 20px;
}

.top_08 .tizu_area ul li {
	font-size:14px;
	margin:0 0 15px;
	list-style:none;
	font-weight:500px;
}

.top_08 .tizu_area ul {
		padding:0;
}

.top_08 .add_area {
	margin:0 3% 0;
	width:44%;
}

.top_08 iframe {
	width:100%;
	height:700px;
}

/* footer */

.w-footer {
	display:block;
	clear:both;
}

.w-footer h2 {
	font-size:18px;
}

.w-footer h3 {
	font-size:15px;
	margin:0 0 10px;
}

.foot_nav {
	display:flex;
	justify-content:center;
	border-bottom:1px solid #fff;
	padding:0 0 100px;
}

.foot_nav li {
	margin:0 50px;
	list-style:none;
	font-weight:bold;
}

.foot_nav li a:hover {
	opacity:0.5;
	transition:1s;
}

.nagoya_off {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/nagoya.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0;
}

.osaka_off {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/osaka.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0;
	margin:100px 0;
}

.nagoya_off p,.osaka_off p {
	font-size:14px;
}

.foot_logoarea {
	width:40%;
	float:right;
}

.foot_logoarea .link a {
	font-size:14px;
}

.foot_logoarea .link a:hover {
	opacity:0.5;
	transition:1s;
}

.scrty_mrk {
	float:right;
	margin:0 20px 0 0;
}

.copyright {
	text-align:right!important;
	    position: relative;
    top: -43px;
}

.l-footer__foot {
	padding:0 0 10px;
}

.gaibu_link a {
				background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tab_link.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0 20px 0 0;
}

/* ドロワーメニュー中身 */

.nav_box {
	border-top:1px dotted #fff;
	padding:50px 0 0;
}

.dw_01 {
		position:relative;
}
.dw_01 .drw_logo {
	position:absolute;
	top:-70px;
			width:150px;
}


.dw_01 .home {
	font-size:18px;
	font-weight:bold;

}

.dw_01 h2 {
	font-size:30px;
	margin:0 0 25px;
}

.dw_01 ul li::marker {
	content:'-';
}

.dw_01 ul li {
	padding:0 0 0 10px;
	margin:0 0 10px;
	font-size:17px!important;
}

.dw_01 a:hover {
	opacity:0.5;
	transition:0.5s;
}

.dw_02 .text {
	font-size:15px;
}

.dw_02 .cont_but a {
	    padding: 10px 50px 10px 80px;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
    background-repeat: no-repeat;
	background-size:30px;
    background-position: 35px center;
    font-size: 18px !important;
    white-space: nowrap;
	border:1px solid #004da1;
}

.dw_02 .cont_but a:hover {
	background-color:#004da17a!important;
	transition:0.5s;
}

.dw_02 .tel_but p{
	font-size: 40px;
    font-weight: bold;
    color: #fff;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
		background-size:30px;
padding: 0 0 0 43px;
    white-space: nowrap;
    line-height: 130%;
}

/* サイド固定リンク */
.tb_link {
	position:fixed;
	top:400px;
	right:0px;
	z-index:99;
}

.tb_link:hover {
	opacity:0.5;
	transition:0.5s;
}

.mail_side_but {
		position:fixed;
	top:610px;
	right:0px;
		z-index:99;
}

.mail_side_but:hover {
	opacity:0.5;
	transition:0.5s;
}

/* 下層ページ */
.l-header__inner {
	max-width:100%;
}

.l-topTitleArea h1 p {
	font-size:50px;
	font-family: "Roboto Condensed";
	background-color:#fff;
	color:#000;
	text-shadow:none;
	display:table!important;
	margin:60px 0 10px;
	padding:0 10px;
}

.l-topTitleArea h1 small {
display: table !important;
    color: #fff !important;
    opacity: 1;
    font-style: normal;
    font-size: 18px;
    margin: 0;
}

.-body-solid .p-breadcrumb.-bg-on {
	background-image: linear-gradient(90deg, transparent, #000000)!important;
		font-family: "Roboto Condensed";
	font-weight:500;
	    padding: 5px 0;
}

.-body-solid .p-breadcrumb.-bg-on span {
		font-size:13px!important;
}

.-body-solid .p-breadcrumb.-bg-on ol li:last-child span {
	color:#fff
}

.icon-home:before {
    content: none;
}

.post_content .about_01 {
	position:relative;
	top:-4em;
	margin:0 0 -4em;
}

/* わたしたちについて */
.kaso_h2 h2 {
	font-size:75px;
	margin:0;
	line-height: 100%;
	white-space:nowrap;
}

.kaso_h2 p {
	font-size:20px;
	font-weight:500;
	color:#757575;
}

.about_01 .ab01_l {
	padding:0 5%;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/b_logo.png);
	background-repeat:no-repeat;
	background-size:70%;
	background-position:60% 100%;
	width:35%;
}

.about_01 .ab01_r {
	width:60%;
	padding:0 5% 0 2%;
}

.about_01 .copy {
	margin:0 0 50px;
}

.about_01 .sub_copy {
	margin:0 0 50px;
}

.about_01 .text {
	font-size:20px;
	line-height:300%;
}

.about_02 .kaso_h2 h2 {
	color:#000;
}

.about_02 .kaso_h2 p {
	color:#707070;
}

.about_02 .kaso_h2 {
	margin:0 0 60px;
}

.about_02 .copy {
	font-size:70px;
	line-height:130%;
	margin:0 0 30px;
}

.about_02 .sub_copy {
	font-size:30px;
	line-height:200%;
}

.about_02 .ab02_l {
	padding:0 5%;
}

.about_02 .text {
	font-size:20px;
	line-height:300%;
	font-weight:500;
}

.about_03 .kaso_h2 {
	margin:0 5% 50px;
}

.about_03 .ism_box {
	background-color:#fff;
	position:relative;
	padding:50px 30px;
	margin: 0 10% 100px;
}

.about_03 .ism_box:before {
	content:'';
	position:absolute;
	top:-3px;
	left:-3px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/kakko_ue.png);
	background-size:cover;
	width:114px;
	height:113px;
}

.about_03 .ism_box:after {
	content:'';
	position:absolute;
	bottom:-3px;
	right:-3px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/kakko_shita.png);
	background-size:cover;
	width:110px;
	height:113px;
}

.about_03 .ism_box .suji {
	font-weight:bold;
	font-size:30px;
	font-family: "Roboto Condensed";
}


.about_03 .ism_box .eigo {
	font-size:22px;
	color:#004D9F;
	font-weight:bold;
	margin:0;
}

.about_03 .ism_box h3 {
	margin:0 0 60px;
	font-size:30px;
	font-weight:500;
}

.about_03 .ism_box .text {
	font-weight:bold;
	line-height:200%;
}

.about_03 .ism_zu {
	margin:0 0 150px;
}

.ism_01 figure {
	position:absolute;
	top:-50px;
	right:-50px;
		max-width:70%;
}

.ism_03 figure {
	position:absolute;
	top:-50px;
	right:-50px;
		max-width:70%;
}
.ism_05 figure {
	position:absolute;
	top:-50px;
	right:-50px;
		max-width:70%;
}
.ism_02 figure {
	position:absolute;
	top:-150px;
	right:-50px;
		max-width:70%;
}
.ism_04 figure {
	position:absolute;
	top:-70px;
	right:-50px;
		max-width:50%;
}
.ism_04 .text {
	max-width:70%;
}

/* company */
.mess_inn {
	width:1000px;
	margin:0 auto;
	background-color:#ffffffe8;
	padding:90px 100px;
}

.comp_01 .kaso_h2 {
	margin:0 5%;
}

.mess_area {
	padding:100px 0;
	margin:5%;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/comp01.jpg);
	background-position:top left;
	background-size:50%;
	background-repeat:no-repeat;
}

.comp_01 {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/comp02.jpg);
	background-position:bottom right;
	background-size:40%;
	background-repeat:no-repeat;
}

.comp_01 .copy p {
	font-size:30px;
	font-weight:500;
			line-height:180%;
}

.mess_inn p {
	font-size:20px;
	font-weight:400;
	line-height:230%;
}

.comp_01 .copy {
	margin:0 0 70px;
}

.comp_01 .name {
		font-size:25px;
	font-weight:500;
	margin:50px 0;
}

/* loop-slider */

.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 25s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
    width: 500px; /* 画像の横幅を指定（パソコン） */
    position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 65%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 200px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.comp_03 table {
	width:1000px!important;
	margin:0 auto 100px;
	border:none;
}

.comp_03 table,.comp_03 table tbody,.comp_03 table tr,.comp_03 table th,.comp_03 table td {
	border:none;
}

.comp_03 table th {
	border-bottom:1px solid #004D9F;
	background:none;
	width:30%!important;
	padding:25px;
	font-size:20px;
}

.comp_03 table td {
	border-bottom:1px solid #fff;
	background:none;
	padding:25px;
		font-size:20px;
}

.comp_03 .kaso_h2 {
	margin:0 5% 100px;
}

.comp_03 .botm_img img {
	width:100%;
}

.comp_03 {
	padding:130px 0 0!important;
	margin-bottom:0;
}

.comp_03 table a {
	font-size:15px;
	color:#91979b;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/map_ico_gry.png);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	background-size:15px;
	margin:0 0 0 5px;
}

/* PROMOTION DIVISION */
.prmtn_d_01 {
	position:relative;
	top:-64px;
	padding:120px 0!important;
}

.prmtn_d_01 .kaso_h2 {
	margin:0 5% 100px;
}

.prmtn_d_01 .naiyo_area {
	margin:0 5%;
}

.prmtn_d_01 p {
	font-size:20px;
	font-weight:500;
}

.prmtn_d_01 .copy {
	font-size:35px;
	font-weight:500;
}

.prmtn_d_01 .text_area {
	padding-left:20px;
}

.prmtn_d_02 {
		position:relative;
	top:-64px;
}

.prmtn_d_02 .pd_title p {
	font-family: "Roboto Condensed";
	margin:0!important;
}

.prmtn_d_02 .pd_title h3 {
	margin:0;
	font-size:25px;
}

.prmtn_d_02 .pd_title {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pd_kzr.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 30px;
	margin:0 30px 30px;
}

.prmtn_d_02 .bc_ex {
	width:calc(100% / 3);
	margin:0;
	border-right:1px solid;
	border-bottom:1px solid;
	height:500px;
	overflow:hidden;
	position:relative;
}
	
	.prmtn_d_02 .bc_ex figure img {
		width:100%;
	}
	
		.prmtn_d_02 .bc_ex figure {
		max-height:350px;
			overflow:hidden;
	}

.prmtn_d_02 .bc_ex ul:after {
	content:'';
	width:100%;
	height:20%;
	position:absolute;
	background-image: linear-gradient(transparent, #000000 90%);
	bottom:0px;
	left: 0px;
}

.prmtn_d_02 .cont_box:after {
	content:'READ MORE +';
	position:absolute;
	bottom:10px;
	left:40%;
	color:#545454;
	font-weight:bold;
}

.prmtn_d_02 .bc_ex ul li {
	list-style:none;
}

.prmtn_d_02 .swell-block-columns__inner {
	margin:0;
	row-gap: normal;
}

.title_ex {
	  display: flex;
  justify-content: center;
  align-items: center;
}

.title_ex figure {
	width:50%;
}

.prmtn_d_02 .hov_box {
	transition: all 0.5s ease-out; 
}

.prmtn_d_02 .cont_box:hover .hov_box {
	position:absolute;
top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-color:#545454;
	padding:40px 0;
}

.prmtn_d_02 .cont_box:hover.bc_ex ul:after {
	background:none;
}

.prmtn_d_02 .cont_box:hover.cont_box:after {
	color:#fff;
}

/* web promotion */
.webpro_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.webpro_01 .kaso_h2 {
	margin:0 5% 60px;
}

.webpro_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.webpro_01 figure {
	width:90%;
}

.webpro_01 .r_img {
	padding:5% 0;
}

.webpro_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
}

.webpro_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}


.webpro_02 {
	position:relative;
	top:-64px;
}

.webpro_02 .kaso_h2 h2,.webpro_02 .kaso_h2 p {
	color:#fff;
}

.webpro_02 {
	padding:0 5%;
}

.webpro_02 .point_box {
	background-color:#fff;
	border-radius:25px;
}

.webpro_02 .suji {
	background-color:#000;
	margin:0;
	width:100px;
	height:100px;
	padding:15px 20px 30px;
	border-radius:25px 0 0 0;
	margin:0 0 0 23px;
}

/* .webpro_02 .swell-block-columns__inner {
	margin:0;
} */

.webpro_02 .swell-block-columns__inner {
	row-gap:normal;
}

.webpro_02 .w_70 {
	width:70%;
	padding:15px 0;
}

.point_box .text_area {
	padding:25px;
	clear:both;
} 

.point_box .text_area figure {
	width:60%;
	margin:0 20px;
}

.point_box .text_area p {
	font-size:18px;
}

.fl_r {
	float:right;
}

.fl_l {
	float:left;
}

.point_yoko .text_area figure {
	padding:20px;
	width:80%;
}

.webpro_03 .sub {
	color:#707070;
	font-size:20px;
	font-weight:500;
	margin:0;
}

.webpro_03 h3{
	font-size:20px;
	color:#fff!important;
	background-color:#000!important;
	display:inline-block;
	padding:5px 10px!important;
	margin:0;
}

.webpro_03 .cont_area {
	padding:50px;
	margin:0;
	width:50%;
}

.webpro_03 .c_box {
	width:95%;
	margin:0 auto;
}

.webpro_03 .swell-block-columns__inner {
		margin:0 auto;
    row-gap: normal;
}

.webpro_03 .b_01 {
	border-right:1px solid #848484;
	border-bottom:1px solid #848484;
}
.webpro_03 .b_02 {
	border-bottom:1px solid #848484;
}

.webpro_03 .b_03 {
	border-right:1px solid #848484;
}

.webpro_04 h2 {
	font-size:40px;
	font-weight:400;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/fkdas.png)!important;
	background-repeat:no-repeat!important;
	background-position:center bottom!important;
	padding:0 0 40px!important;
}

.webpro_04 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.webpro_04 ul li {
	list-style:none;
	width:48%;
}

.webpro_04 ul li a {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	width:100%;
	display:block;
	padding:15px 0 15px 70px;
	font-weight:500;
	font-size:20px;
	box-shadow: 5px 5px 10px #3333334f;
	margin:0 0 15px;
	position:relative;
}

.webpro_04 ul li a:before {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/blu_yj.png);
	position:absolute;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	left:20px;
	top:30%;
}

.webpro_04 ul li a:hover {
		box-shadow: none;
	background-color:#ffffff5c;
	transition:0.5s;
}

.kaso_h2_02 h2 {
	font-size:50px;
	margin:0;
}

.kaso_h2_02 p {
	font-size:20px;
	color:#757575;
}

.webpro_05 .text {
	font-weight:500;
	margin:0 0 70px;
	font-size:20px;
}

.webpro_05 .text_area {
	margin:0 0 70px;
}

.webpro_05 .brnd,.webpro_07 .brnd {
	border:1px solid;
}

.webpro_06 .sub {
	font-weight:500;
	font-size:25px;
	margin:0 0 30px;
}

.webpro_06 .cont_box {
	background-color:#fff;
	width:95%;
	margin:0 auto;
	padding:50px 0;
}

.webpro_06 .cont_area {
	padding: 20px 50px;
	border-left:1px solid #848484;
}

.webpro_06 .b_01 {
	border:none;
}

.webpro_06 .cont_area h3 {
	font-size: 20px;
    color: #fff !important;
    background-color: #000 !important;
    display: inline-block;
    padding: 5px 10px !important;
    margin: 0;
}

.webpro_06 .cont_area p {
	font-size:15px;
	font-weight:500;
}

/* office promotion */
.off_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.off_01 .kaso_h2 {
	margin:0 5% 60px;
}

.off_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.off_01 figure {
	width:90%;
}

.off_01 .r_img {
	padding:5% 0;
}

.off_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
	padding:0 50px 50px 0;
}

.off_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.off_02 .point_box .text_area figure {
    margin: 0 auto;
}

.point_yoko .text_area {
	font-size: 18px;
}

.off_03 .text {
	font-size:20px;
	margin:70px 0;
}

.sys_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.sys_01 .kaso_h2 {
	margin:0 5% 60px;
}

.sys_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.sys_01 figure {
	width:90%;
}

.sys_01 .r_img {
	padding:5% 0;
}

.sys_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
}

.sys_02 .cont_area {
	margin:70px 0;
}

.sys_02 .pos_logo {
	margin:40px 0;
}

.sys_02 h3 {
	color:#757575!important;
}

.sys_02 .brnd {
    border: 1px solid;
	width:298px;
}

.sys_02 .swell-block-columns__inner {
	justify-content:center;
}

/* movie promotion */
.mov_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.mov_01 .kaso_h2 {
	margin:0 5% 60px;
}

.mov_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.mov_01 figure {
	width:90%;
}

.mov_01 .r_img {
	padding:5% 0;
}

.mov_01 .col_r figure {
	width:100%;
	margin:0 0 30px!important;
}

.mov_01 .col_r figure img {
	width:100%;
}

.mov_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
}

.mov_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.mov_02 {
		position:relative;
	top:-64px;
}

.mov_02 .text_area {
	padding: 40px 60px 40px 40px;
}

.mov_02 .text_area h3 {
	font-size:30px;
}

.mov_02 .text_area p {
	font-size:20px;
}

		.mov_03  .swell-block-button__link {
		background-color:#004da1;
		color:#fff;
		border:0px!important;
		font-weight:500;
	}
	
.mov_03 .kaso_h2_02 {
	margin:0 0 70px;
}

.mov_03 .cont_area p {
	font-size:20px;
	font-weight:500;
	margin:0 0 30px!important;
}


.mov_04 h2 {
	font-size:30px;
	line-height:200%;
	margin:0 0 30px;
}

.mov_04 .text_area {
	padding:0 50px 50px;
}

.mov_04 .text_area p {
	line-height:200%;
	font-size:20px;
	font-weight:400;
}

.mov_04 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/mov_07.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size:55% 80%;
}

/* recruit promotion */
.job_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.job_01 .kaso_h2 {
	margin:0 5% 60px;
}

.job_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.job_01 figure {
	width:90%;
}

.job_01 .r_img {
	padding:5% 0;
}

.job_01 .col_r figure {
	width:100%;
	margin:0 0 30px!important;
}

.job_01 .col_r figure img {
	width:100%;
}

.job_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
	padding:0 65px 100px 0;
}

.job_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.job_02,.job_03 {
		position:relative;
	top:-64px;
}

.job_02 .kaso_h2 {
	margin:0 0 60px;
}

.job_02 .kaso_h2 p {
	color:#fff;
}

.job_02 .sub {
	font-size:30px;
	margin:0 0 40px;
		font-weight:500;
}

.job_02 .copy {
	font-size:20px;
		margin:0 0 60px;
	font-weight:500;
}

.job_02 .l_clm {
	width:35%;
	padding:0 50px 0 5%;
}

.job_02 .text_area p {
	font-size:20px;
	line-height:200%;
}

.job_03 h2 {
	color:#000!important;
}

.job_03 h3 {
	font-size:30px!important;
	background-color:#000!important;
	color:#fff!important;
	display:table;
	margin:0 auto 70px;
	padding:10px 100px!important;
	font-weight:400;
}

.job_03 h4 {
	font-size:25px;
	color:#000!important;
}

.job_03 .sv_02 {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.job_03 .sv_01,.job_03 .sv_02,.job_03 .sv_03 {
		padding:40px 30px 30px;
	width:33%;
	margin:0;
}


.job_03 .sv_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_01.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .sv_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_02.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .sv_03 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_03.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .text {
	background-color:#fff;
	padding:15px;
	height:75%;
}

.kaso_h2_03 {
	margin:0 0 100px;
}

.kaso_h2_03 h2 {
	font-size:50px;
	margin:0;
	color:#000!important;
}

.kaso_h2_03 p {
	font-size:30px;
	color:#757575;
}

.job_04 h3 {
	font-size:20px;
	color:#757575!important;
	font-weight:500;
}

.job_04 .brnd {
	border: 1px solid;
	width:298px;
	height:85px;
}

.job_04 .brnd_box {
	max-width:1000px;
	margin:0 auto 100px;
}

.job_04 .brnd_box .swell-block-columns__inner {
	justify-content:center!important;
}

.job_04 .cont_area {
	padding:50px 0;
}

.job_04 .cont_area h3 {
	font-size:25px;
	color:#000!important;
}

.job_04 .cont_area p {
	font-size:20px;
	line-height:200%;
}

.job_04 .cont_area figure {
	margin:0 40px 0 0;
}

/* branding promotion */
.brnd_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.brnd_01 .kaso_h2 {
	margin:0 5% 60px;
}

.brnd_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.brnd_01 figure {
	width:90%;
}

.brnd_01 .r_img {
	padding:5% 0;
}

.brnd_01 .col_r figure {
	width:100%;
	margin:0 0 30px!important;
}

.brnd_01 .col_r figure img {
	width:100%;
}

.brnd_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
	padding:0 50px 100px 0;
}

.brnd_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.brnd_02,.brnd_03 {
		position:relative;
	top:-64px;
}

.brnd_02 h3 {
	font-size:30px;
	margin:0 0 15px;
}

.brnd_02 .c_area {
	margin:0 0 150px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/wht_skk.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:55%;
}

.brnd_02 .c_area .text_area {
	padding:110px 3% 0;
}

.brnd_02 .c_area .text_area p {
	font-size:18px;
}

.brnd_02 .c_area .eigo {
	color:#707070;
	font-size:20px;
	margin:0 0 20px;
}

.brnd_03 h3 {
	font-size:35px;
	font-weight:500;
}

.brnd_03 h3 .swl-inline-color {
	font-family: "Roboto Condensed";
	font-size:50px;
	font-style:italic;
	font-weight:bold;
}

.brnd_03 .text_area p {
	font-size:23px;
	line-height:200%;
	color:#666666;
}

.brnd_03 figure {
	padding:30px;
}
	
.brnd_04 {
	padding-bottom: 160px !important;
}

.dtp_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.dtp_01 .kaso_h2 {
	margin:0 5% 60px;
}

.dtp_01 .copy {
	font-size:30px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.dtp_01 figure {
	width:90%;
}

.dtp_01 .r_img {
	padding:5% 0;
}

.dtp_01 .col_r figure {
	width:100%;
	margin:0 0 30px!important;
}

.dtp_01 .col_r figure img {
	width:100%;
}

.dtp_01 .text_area {
	font-size:24px;
	line-height:200%;
	font-weight:400;
	padding:0 50px 100px 0;
}

.dtp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.dtp_02 h2 {
	font-size:35px;
}

.dtp_02 .text {
	font-size:20px;
	line-height:200%;
	color:#666666;
	margin:0 0 50px;
}

.dtp_02 .c_box p {
	font-size:20px;
	font-weight:500;
}

/* relation division */

.reld_01 .sub {
    font-size: 27px;
    margin: 0 5% 10px;
    color: #000;
}

.reld_01 .kaso_h2 {
	margin:0 5% 50px;
}

.reld_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.reld_01 h3 {
	font-size:30px;
}

.reld_01 .c_box p {
	font-size:20px;
	padding:0 10% 0 0;
	line-height:200%;
}

.reld_01 .c_box figure {
	margin:0 5% 0 0;
}

.reld_01 .c_02 {
	padding:50px 0 100px 5%;
} 

.reld_01 .wth_70 {
	width:50%;
}

.reld_01 .wth_30 {
	width:45%;
}

.reld_02 {
		position:relative;
	top:-64px;
}

.reld_02 .kaso_h2 p {
	color:#fff;
}

.reld_02 .c_but {
	position:relative;
	background-color:#2B2B2B;
}

.reld_02 .c_but:hover {
	opacity:0.7;
	transition:0.5s;
	background-color:#545454;
}

.reld_02 .c_but:after {
	content:'';
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/gry_yjr.png);
}

.reld_02 .c_but .eigo {
	margin:0;
	padding:30px 30px 0px;
	color:#DDDAD6;
	font-weight:500;
}

.reld_02 .c_but h3 {
	padding:0 0 30px 30px;
	margin:0;
	font-size:25px;
}

.reld_02 .area_03 {
	margin:0 auto 70px;
}

.reld_02 .ex_area h3 {
	background-color:#000;
	padding:10px;
	font-size;30px!important;
	font-weight:500;
	margin:0 0 15px;
}

.reld_02 .ex_area p {
	margin:0 0 30px!important;
}

/* create division */

.cret_01 .kaso_h2 {
	margin:0 5% 50px;
}

.cret_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.cret_01 .cont_area {
	margin:0 3% 0 5%;
}

.cret_01 .r_cont {
	padding:0 2%;
}

.cret_01 h3 {
	font-size:30px;
	line-height:200%;
	margin:0 0 30px;
}

.cret_01 .r_cont p {
	font-size:20px;
}

.cret_01 figure {
	padding:0 0 100px;
}

.cret_02 {
		position:relative;
	top:-64px;
}

.cret_02 .kaso_h2 p {
	color:#fff;
}

.cret_02 .kaso_h2 {
	margin:0 0 100px;
}

.cret_02 .crt_list {
	margin:0 5% 100px;
}

.cret_02 .ttl_clm {
	width:35%;
}

.cret_02 .r_clm {
	width:59%;
}

.crt_title {
		position:relative;
}

.crt_title h3 {
	font-size:60px;
	margin:0;
	line-height:100%;
}

.crt_title:before {
	content:'';
	width:18px;
	height:18px;
	display:block;
	position:absolute;
	top:-11px;
	left:-15px;
	background-color:#004DA0;
}

.crt_title p {
	font-size:23px;
}

.cret_02 .c_but {
	position:relative;
	background-color:#2B2B2B;
}
	
	.cret_02 .c_but figure img {
		width:100%;
	}

.cret_02 .c_but:hover {
	opacity:0.7;
	transition:0.5s;
	background-color:#545454;
}

.cret_02 .c_but:after {
	content:'';
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/gry_yjr.png);
}

.cret_02 .c_but .eigo {
	margin:0;
	padding:30px 30px 0px;
	color:#DDDAD6;
	font-weight:500;
}

.cret_02 .c_but h3 {
	padding:0 0 60px 30px;
	margin:0;
	font-size:25px;
}

/* new website */
.newhp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.newhp_01 .kaso_h2 {
	margin:0 0 70px;
}

.newhp_01 .copy {
	font-size:30px;
	margin:0 0 15px;
	font-weight:500;
}

.newhp_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.newhp_01 .text {
	font-size:18px;
	margin:0 5% 30px 0;
	line-height:200%;
}

.newhp_01 figure {
	margin:0 5% 0 0;
}

.newhp_02,.newhp_03 {
	position:relative;
	top:-64px;
}

.newhp_02 .kaso_h2 h2,.newhp_02 .kaso_h2 p {
	color:#004DA0;
}

.newhp_02 .kaso_h2 {
	margin:0 0 120px;
}

.newhp_02 .point_ttl {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/newhp_02.png);
	background-position:top center;
	background-repeat:no-repeat;
	display: table;
  width: 165px;
  padding: 36px 0 0;
	position:absolute;
	top:-85px;
	left:calc(50% - 83px);
	background-size: 104%;
}

.newhp_02 .point_ttl img {
	height:70px;
	width:auto;
}

.newhp_02 .p_clm {
	background-color:#fff;
	padding:20px 20px 70px;
	position:relative;
	box-shadow:3px 0px 10px #23234fb0;
}

.newhp_02 .p_clm h3 {
	color:#004DA0;
	font-size:25px;
	margin:50px 0 30px;
}

.newhp_02 .p_clm p {
	font-size:18px;
	margin:0 0 20px;
}

.newhp_02 .p_clm a {
	border-radius:0;
	margin:20px 0 10px!important;
}

.flw_h2 {
	clear:both;
}

.flw_h2 h2 {
	font-size:75px;
	float:left;
	margin:0 0 100px;
}

.flw_h2 p {
	font-size:20px;
	color:#757575;
	padding:50px 20px 0!important;
	display:table;
}

.flw_prt {
	clear:both;
}

.newhp_03 .jisya {
	background-color:#000;
	color:#fff;
	padding:10px;
	font-size:25px;
}

.newhp_03 .tasya {
	background-color:#757575;
	color:#fff;
	padding:10px;
	font-size:25px;
}

.jisya_step .swell-block-step__title {
	background-color:#333333!important;
	color:#fff;
	padding:0 20px;
	font-size:23px!important;
}

.tasya_step .swell-block-step__title {
	background-color:#757575!important;
	color:#fff;
	padding:0 20px;
	font-size:23px!important;
}

.swell-block-step__number {
    height: 60px;
    width: 60px;
	  left: -5px;
}

.swell-block-step__number:after {
    font-size: 30px;
	font-weight:bold;
}

.swell-block-step__item {
    padding: 0 0 3em 90px;
}

/* website　renewal */
.rehp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.rehp_01 .kaso_h2 {
	margin:0 0 70px;
}

.rehp_01 .copy {
	font-size:30px;
	margin:0 0 15px;
	font-weight:500;
}

.rehp_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.rehp_01 .text {
	font-size:18px;
	margin:0 15% 30px 0;
	line-height:200%;
}

.rehp_01 figure {
	margin:0 5% 0 0;
}

/* mobile-friendly */
.mbil_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.mbil_01 .kaso_h2 {
	margin:0 0 70px;
}

.mbil_01 .copy {
	font-size:30px;
	margin:0 0 15px;
	font-weight:500;
}

.mbil_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.mbil_01 .text {
	font-size:18px;
	margin:0 15% 30px 0;
	line-height:200%;
}

.mbil_01 figure {
	margin:0 5% 0 0;
}

.hp_contarea .text {
font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;
    position: relative;
    top: -30px;
}

.hp_contarea .tel {
	font-size:50px;
	font-weight:bold;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    padding: 0 0 0 43px;
    white-space: nowrap;
    line-height: 130%;
	display:table;
	margin:0 auto;
}

.hp_contarea  .cont_but a {
	padding: 15px 65px 15px 95px;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50px center;
    font-size: 18px !important;
    white-space: nowrap;
    border: 1px solid #004da1;
	background-color:#004da1;
	color:#fff!important;
}

.hp_contarea  .cont_but a:hover {
	background-color:#004da18a;
	transition:0.5s;
}


/* Recruitment website */
.rcrthp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.rcrthp_01 .kaso_h2 {
	margin:0 0 70px;
}

.rcrthp_01 .copy {
	font-size:30px;
	margin:0 0 15px;
	font-weight:500;
}

.rcrthp_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.rcrthp_01 .text {
	font-size:18px;
	margin:0 5% 30px 0;
	line-height:200%;
}

.rcrthp_01 figure {
	margin:0 5% 0 0;
}

/* Website maintenance */
.maint_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.maint_01 .kaso_h2 {
	margin:0 0 70px;
}

.maint_01 .copy {
	font-size:30px;
	margin:0 0 15px;
	font-weight:500;
}

.maint_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.maint_01 .text {
	font-size:18px;
	margin:0 5% 30px 0;
	line-height:200%;
}

.maint_01 figure {
	margin:0 5% 0 0;
}

.maint_03 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.maint_03 table {
	background-color:#fff;
}

.maint_03 table th {
	background-color:#333;
	color:#fff;
	width:30%!important;
	text-align:center;
}


.maint_03 table td {
padding-left: 30px;
}

.maint_03 .wp-block-table {
	margin:0 0 10px;
}

/* Website consultation */
.webcons_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.webcons_01 .kaso_h2 {
	margin:0 0 70px;
}

.webcons_01 .copy {
	font-size:30px;
	margin:0 0 15px;
	font-weight:500;
}

.webcons_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.webcons_01 .text {
	font-size:18px;
	margin:0 5% 30px 0;
	line-height:200%;
}

.webcons_01 figure {
	margin:0 5% 0 0;
}

/* Privacy policy */
.pp_01 .pp_area p {
	font-size:18px;
	margin:0 0 30px;
}

.pp_01 .pp_area li {
		font-size:18px;
	list-style:none;
	margin:0 0 15px;
}

.pp_01 .pp_area ol,.pp_01 .pp_area ul {
	margin:0 0 30px;
}

/* PICTURE CREATION */
.picc_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.picc_01 .kaso_h2 {
	margin:0 0 70px 5%;
}

.picc_01 .text_area {
	padding:0 5% 0 0;
}


.picc_01 .text_area h3 {
	font-size:25px;
	margin:50px 0 20px;
}

.picc_01 .text_area p {
	font-size:20px;
	margin:0 0 50px;
	line-height:200%;
}

.picc_01 figure {
	margin:0 5% 0 0;
}

.picc_01 .l_area {
	padding:0 0 0 5%;
	width:35%;
}

.picc_02 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.picc_02 .cont_box {
	background-color:#fff;
	padding:40px 70px;
}

.picc_02 .cont_box h3 {
	font-size:25px;
	margin:0 0 30px;
}

.picc_02 .cont_box figure {
	padding:0 30px;
}

.picc_02 .b_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_01.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_02.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_03 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_03.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_04 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_04.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .cont_area {
	margin:0 0 70px;
}

.picc_02 a {
	border-radius:0;
}

/* お問い合わせ */

#cf_lp table,#cf_lp table tr,#cf_lp table th,#cf_lp table td {
		border:none;
	background:none;
}

#cf_lp table {
	margin:0 0 20px!important;
}

.required00 {
    font-size: 0.7rem;
    padding: 0px 8px;
    background: #004DA0 !important;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
    order: 2;
    display: flex;
    align-items: center;
}

#cf_lp table tr th p {
    display: flex;
    align-item: center;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 10px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #fff;
}

.contactarea_02 p {
	text-align:center;
}

input.wpcf7-submit {
    display: block;
    padding: 10px;
    width: 320px;
    letter-spacing: 0.1rem;
    margin: 70px auto 0;
    transition: all .25s;
    background: #004DA0;
    border: 0;
    font-weight: bold;
    color: #fff;
}

input.wpcf7-submit:hover {
	opacity:0.7;
}

.contact_cont p {
	text-align:center;
}

/* お問い合わせ */
.contact_01 p {
	text-align:center;
	font-size:20px;
}

.l-content {
    margin: 0 auto;
}

.l-topTitleArea h1::first-line {
    font-size: 50px;
    font-family: "Roboto Condensed";
    background-color: #fff;
    color: #000;
    text-shadow: none;
    padding: 0 10px;
}

/* シングルページ */

.p-articleMetas.-top {
    margin: 0;
}

.l-article {
	padding:0 0 50px;
}
	
	.top_08 {
	padding: 130px 0 0 !important;
} 

/* footer {
	margin: -82px 0 0;
} */

.is-active {
	background: #00000017;
	    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	box-shadow: 1px 3px 5px #0000002e;
}

.top #content {
/*     margin-bottom: -82px; */
}

.top_08 {
    padding: 130px 0 0 !important;
    margin: 0 0 -82px;
}

/* 
リレーションシップ */
.reld_02 .non_link {
	    position: relative;
    background-color: #2B2B2B;
}

.reld_02 .non_link .eigo {
    margin: 0;
    padding: 30px 30px 0px;
    color: #DDDAD6;
    font-weight: 500;
}

.reld_02 .non_link h3 {
    padding: 0 0 60px 30px;
    margin: 0;
    font-size: 25px;
}

/* お問い合わせ */
.contact_02 {
	margin-bottom:-48px;
}

.contact_01 .bg_gry {
	background-color:#f7f7f7;
	padding:50px;
}

.contact_01 .bg_gry .tel_p {
	font-size:30px;
	margin-bottom:0;
}
	
.contact_01 .jikan {
	font-size:14px!important;
	margin:0 0 30px;
}
	
	.contact_01 .line_p {
	    color: #00b900;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 500;
	}
	
	/* page404 */
	
		.error404 {
		padding:93px 0 0;
}

.error404 .l-header__inner {
	background: #00000017;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        box-shadow: 1px 3px 5px #0000002e;
}
	
	/* 	*******************************PC Media Queries end *************************/
}

@media screen and ( max-width:767px) {
/* ***************************************Media Queries SP********************************************************************************************************************************************************************************************************************************************** */
	
	    .l-header__logo {
        width: 135px;
    }
	
	.pc_only {
		display:none;
	}
	
	.pc_dpy {
		display:none;
	}
	
	
#main_visual {
	position: sticky;
  top: 0;
height: 400vh; /* この高さ分だけスクロール中に要素が止まる */
	/* 初期値は1（不透明）、JSでこの値を変更する */
  opacity: var(--fade-opacity, 1);
  will-change: opacity; /* パフォーマンス向上 */

}

.p-mainVisual__imgLayer video {
	position: relative;
	height: 100vh;
}
.p-mainVisual__imgLayer {
		/* JSから操作する透明度 */
    opacity: var(--opacity, 1);
    will-change: transform, opacity;
}

.p-mainVisual__imgLayer:before {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/sp_main_m00.png);
	width:100%;
	height:100vh;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background-size:cover;
	background-position:center;
 /* CSS変数 --scale を受け取る（デフォルトは1） */
	transform: scale(var(--scale, 1));
	/* 動きを滑らかにする */
	transition: transform 0.1s ease-out;
	 /* 初期値は1（不透明）、JSでこの値を変更する */
  opacity: var(--fade-opacity, 1);
  will-change: opacity; /* パフォーマンス向上 */
}

.eigo {
  font-family: "Roboto Condensed";
}


/* PCでハンバーガーボタンを表示 */
/* .l-header__menuBtn.sp_ {
    display: block !important;
} */

/* PCのグローバルナビゲーションを非表示 */
/* .c-gnav {
    display: none !important;
} */

/* 開閉メニューを有効化 */
/* .p-spMenu {
    display: block !important;
} */

/* ハンバーガーボタンの位置を調整 */
.l-header__inner {
    align-items: center;
	position:fixed;
	right:0px;
	top: 0;
    padding-top: 10px;
}
/* 
.l-fixHeader__inner {
	display:none;
}

.l-header__barInner {
	display:none;
} */
	
.l-header__inner .l-header__menuBtn {
		position:absolute;
	top:0px;
	right:10px;
	}

/*ハンバーガーメニュー*/
/*デフォルト時 */
[data-spmenu=closed] {
 .-menuBtn .c-iconBtn__icon {
	position:relative;
    margin-top:15px;
	width: 40px;
	height: 1.5px;
	background-color: #fff;
  }
 .-menuBtn .c-iconBtn__icon::before{
	position:absolute;
    content: '';
	right:0;
	top:-10px;
	width: 50px;
	height: 1.5px;
	background-color: #fff;
  }
	 .-menuBtn .c-iconBtn__icon::after{
	position:absolute;
    content: '';
	right:0;
	top:10px;
	width: 30px;
	height: 1.5px;
	background-color: #fff;
  }
	
	.icon-close-thin {
		display:none;
	}
}
/* ドロワーメニューが開いている時 */
[data-spmenu]:not([data-spmenu=closed]) {
 .icon-menu-thin {
	position:relative;
    margin-top:15px;
	width: 40px;
	height: 1.5px;
	background-color: #333;
  }
 .icon-menu-thin::before{
	position:absolute;
    content: '';
	right:0;
	top:-10px;
	width: 50px;
	height: 1.5px;
	background-color: #333;
  }
	 .icon-menu-thin::after{
	position:absolute;
    content: '';
	right:0;
	top:10px;
	width: 30px;
	height: 1.5px;
	background-color: #333;
  }
	
	.icon-menu-thin {
		display:none;
	}

}
/* ドロワーメニューが開いている時×ボタン */
[data-spmenu]:not([data-spmenu=closed]) {

.c-iconBtn__icon {
  position: relative;
  width: 35px;
  height: 35px;
  cursor: pointer;
	right:15px;
	top:10px;
}

.c-iconBtn__icon::before,
.c-iconBtn__icon::after {
  content: '';
  position: absolute;
  width: 100%; /* 親要素の幅いっぱいに棒を伸ばす */
  height: 1px; /* 棒の太さ */
  background-color: #fff;
  top: 50%; /* 親要素の中央に配置 */
  left: 0;
}

.c-iconBtn__icon::before {
  transform: translateY(-50%) rotate(45deg); /* Y軸方向に半分移動し、45度回転 */
}

.c-iconBtn__icon::after {
  transform: translateY(-50%) rotate(-45deg); /* Y軸方向に半分移動し、-45度回転 */
}
}
/* ドロワーメニューフェードに変更と背景設定 */
.p-spMenu__inner {
	--color_menu_text: #000000; /* メニューテキストの色 */
	--color_menu_bg: rgba(0 0 0 / 75%); /* 開閉メニューの背景色 */
  width: 100vw;
}
.p-spMenu__overlay {
  background: transparent;
}
.-right .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 0;
  transition: opacity .45s;
}
[data-spmenu=opened] .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.p-spMenu__inner::before {
  background: var(--color_menu_bg);
  opacity: 1;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.c-widget__title.-spmenu {
	display:none;
}

.dw_01,.dw_02 {
	    background-color: #00000000!important;
}

/* NEWS */
.h2_area h2 {
	margin:0;
	color:#4F4F4F!important;
	font-weight:normal;
	font-size:21px;
}

.top_01 {
	clear:both;
}

.top_01 .h2_area {
}

.top_01 .news_area {
}

.top_01 .more_but a {
	float:right;
	margin:50px 0 0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/yjr_blk.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	padding:0 90px 0 0;
			color:#000!important;
	font-size:15px;
}

.top_01 .more_but a:hover {
	opacity:0.5;
	transition:1s;
}

.c-postTimes__modified:before, .c-postTimes__posted:before {
display:none;
}

.news_area .p-postList__body {
	display:flex;
}

.news_area .c-postTimes__posted {
	font-size:16px;
	color:#004DA1;
	margin:0 30px 0 0;
}

.news_area .news_area .p-postList__title {
	font-weight:normal;
}

.news_area .p-postList.-type-simple {
    border-top: none;
}

.news_area .-type-simple .p-postList__link {
    padding: 10px 5px 5px;
}
	
	.news_area h2 p {
		font-size:18px;
	}

.top_01 {
/* 	padding:20px 0 60px!important; */
	padding: 80px 0 130px !important;
}
/* ABOUT */
.top_02 {
background-image: linear-gradient(0deg, #ffffff, #000000c7 60%, #000000 80%);
	color:#fff;
	position:relative;
}

.top_02 .text_01 {
	background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/abbg_002.jpg);
        background-size: 80%;
        background-repeat: no-repeat;
        height: 300px;
        width: 70%;
        padding: 3% 0 0% 5%;
        background-position: left top;
}

.top_02 .text_02 {
	background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/abbg_001.jpg);
        background-size: 85%;
        background-repeat: no-repeat;
        background-position: right bottom;
        width: 70%;
        height: 234px;
        padding: 5% 5% 0% 0%;
        position: absolute;
        top: 20%;
        right: 0px;
}

.top_02 .mark_orange {
	background:none;
	border-bottom:solid 5px #db0000bf;
}
	

.top_02 h2 {
	margin:-130px 0 50px;
	font-size:90%;
	line-height:300%;
}

.top_02 p {
	position:relative;
	font-size:18px;
	line-height:250%;
	margin:0 30px 100px;
}

.top_02 .tome_but a {
	padding:10px 50px!important;
	background-color: #32373c00;
}


.top_02 .tome_but a:hover {
	background-color:#000;
	transition:1s;
}

.top_02 {
	padding-bottom:300px!important;
}
/* 強み */
.top_03 {
	position:relative;
	top:-270px;
	background-color: #ffffff00!important;
	padding-bottom: 0 !important;
	margin-bottom: -130px;
}
	
		.top_03 .h2_area figure {
		width:70%;
	}

.tuyomi_box .wp-block-group__inner-container {
	display:flex;
	justify-content:center;
}

.tuyomi_box .wp-block-group__inner-container figure {
	margin:0 -20px;
}

.tuyomi01 {
	z-index:1;
}
	
	.tuyomi01,.tuyomi02,.tuyomi03 {
		width:50%;
	}

.top_03 .copy span {
	font-size:24px!important;
	font-weight:500;
}

.top_03 .text_area {
	font-size:16px;
	line-height:200%;
}

/* 業務内容 */
	
.top_04 .background_movie {
	position:fixed;
	top:0px;
	z-index:-1;
	height:100vh;
	opacity:0.4;
	object-fit: cover;
}

.top_04 {
	background-image: linear-gradient(0deg, transparent, #000000a1)!important;
	padding-bottom:0px!important;
	position:relative;
	clip-path: inset(0); 
}

.top_04 .h2_area h2 {
	color:#333!important;
	font-weight:500;
}

.top_04 .h2_area {
	width:70%;
	margin:0 20px 80px;
}

.top_04 .h2_area .wp-block-group__inner-container {
vertical-align: baseline;
}

.top_04 .h2_area h2 {
	font-size:21px;
}

.top_04 h3 {
	font-size:45px;
	color:#222!important;
	margin:0 20px;
	line-height:100%;
}

.top_04 .h3_area p {
	font-weight:400;
	font-size:20px;
	color:#333;
	margin:0 20px;
}
	
		    .svc_area01 .swell-block-column,.svc_area02 .swell-block-column, .svc_area03 .swell-block-column {
        display: block;
				width:90%;
				margin:0 auto;
    }

.top_04 ul {
	background-color:#ffffff57;
	padding:30px 50px;
	margin:0 0 0 20px;
}

.top_04 ul li {
	font-size:16px;
	margin:0 0 10px;
	padding:0 0 0 15px;
}

.svc_area01 .h3_area {
	display:block;
		position:relative;
	margin:0 0 40px;
}
	
	.svc_area01 .swell-block-columns__inner,.svc_area03 .swell-block-columns__inner {
		display:block;
	}

.top_04 .text_area {
	clear:both;
	margin:0 20px 10px;
}

.top_04 .text_area p,.top_04 .text_area {
	color:#333;
	font-size:16px;
	font-weight:400;
}

.svc_area01 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/blu_line.png);
	width:100%;
	background-size:cover;
	height:6px;
	display:block;
	position:absolute;
	bottom:30px;
}

.svc_area01 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}

.svc_box01,.svc_box02,.svc_box03 {
	padding:0 0 10px;
}


.svc_area02 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}

.svc_area03 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
	}


.svc_area01 figure,.svc_area02 figure,.svc_area03 figure {
	width:100%;
	margin:0 auto 30px;
}

.svc_area01 {
	position:relative;
	margin:0 auto 10px;
}

.svc_area02 {
	position:relative;
	margin:0 auto 10px;
}

.svc_area03 {
	position:relative;
	margin:0 auto;
}

.svc_box01 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/prm_bg-scaled.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_box02 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/crt_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_box03 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/crt_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_area01 .but_more {
	position:absolute;
	bottom:0px;
	right:20px;
}

.svc_area02 .but_more {
	position:absolute;
	bottom:20px;
	right:20px;
}

.svc_area03 .but_more {
	position:absolute;
	bottom:0px;
	right:0;
}

.top_04 .but_more a {
	 padding:5px 50px;
		border:1px solid;
}

.svc_area01 .but_more a {
		border:1px solid #0000b7;
}

.svc_area02 .but_more a {
		border:1px solid #12af28;
}

.svc_area03 .but_more a {
		border:1px solid #c92727;
}

.top_04 .but_more a:hover {
	background-color:#c9272700!important;
	border:1px solid;
	transition:0.5s;
}

.svc_area02 .h3_area {
	position:relative;
	margin:0 0 40px;
}

.svc_area02 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/grn_line.png);
	width:100%;
	background-size:cover;
	height:6px;
	display:block;
	position:absolute;
	top:90px;
	background-position: 70%;
}

.svc_area03 .h3_area {
	position:relative;
		margin:0 0 40px;
}

.svc_area03 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/red_line.png);
	width:100%;
	background-size:cover;
	background-position:70%;
	height:7px;
	position:absolute;
	top:90px;
}

/* 事業紹介 */

.top_05 {
	clear:both;
}

.top_05 .h2_area {
	width:20%;
	float:left;
	position:relative;
	margin:0 30px 0 10px;
}
	
	.top_05 .h2_area figure {
		margin:0 0 10px;
	}

.top_05 .h2_area h2 {
	font-size:18px;
		color:#4F4F4F;
	margin:0 0 0 -5px;
	font-weight:bold;
	 -ms-writing-mode: tb-rl;    /* IE用 */
  writing-mode: vertical-rl; /* 縦書き (右から左) */      
}

.top_05 ul {
	width:90%;
	height:50%;
}

.top_05 ul li .p-postList__body {
	margin:10px 0 0;
}

.top_05 ul li h3 {
	font-size:16px!important;
}

.top_05 ul li .p-postList__excerpt {
	font-size:14px;
}

.swiper-slide {
  transform: scale(0.5);
  transition: transform 1.5s ease;
}

.swiper-slide-active {
  transform: scale(1.0);
}

.swiper-slide-active a {
	width:95%;
}
.swiper-button-next,.swiper-button-prev {
	display:none;
}

.bi_area {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/gry_bg.jpg);
	background-size:85%;
	background-position:right bottom;
	background-repeat:repeat-y;
}

.top_05 .more_but {
	text-align:right;
	    position: relative;
    top: 0px;
    z-index: 1;
	right: 20px;
}


.top_05 .more_but a:hover {
	opacity:0.5;
	transition:1s;
}

/* お問い合わせ */
	
	.top_07 .h2_area {
		margin-bottom:70px;
	}
	
	.top_07 .h2_area figure {
		width:60%;
		margin:0 auto 10px;
	}
	
.top_07 h2 {
	font-size:18px;
}

.top_07 .contact_but a {
	padding:10px 30px 10px 65px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
	background-repeat:no-repeat;
	background-position:30px center;
	background-size:25px;
	font-size:18px!important;
	white-space: nowrap;
	border:1px solid #004da1;
	margin:0 auto;
}

.top_07 .contact_but a:hover {
	background-color: #004da11a !important;
    transition: 0.5s;
	color:#004da1;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico_blu.png);
}

.top_07 .tel_but {
	font-size:40px;
	font-weight:bold;
	color:#000;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
	background-repeat:no-repeat;
	background-position:left center;
		background-size:25px;
	padding:0 0 0 35px;
	margin:0 auto;
	white-space: nowrap;
	display:table;
}
	
	.top_07 .jikan {
		text-align:center;
		font-size:14px;
		margin: -10px 0 0;
	}

.top_07 .is-layout-flex:not(.is-vertical).is-content-justification-right {
	justify-content:center;
}

.top_08 .tizu_area {
	margin:0 auto;
	padding:40px;
	background-color:#fff;
	box-shadow:5px 5px 10px #575656bf;
	position:relative;
/* 	bottom:-70px; */
	width:90%;
}
	
.top_08 .jigyou_list {
	width: 100%;
}

.top_08 .tizu_area h3 {
	font-size:18px;
	background-color:#004DA1;
	color:#fff;
	padding:0 10px;
	margin:0 0 5px;
}

.top_08 .tizu_area p {
	font-size:14px;
}

.top_08 .tizu_area h4 {
	border-bottom:2px solid #004DA1;
	font-size:17px;
	margin:0 0 15px;
	padding:20px 0 5px;
}

.top_08 .tizu_area ul li {
	font-size:13px;
	list-style:none;
	font-weight:500px;
	margin:0 0 5px;
}

.top_08 .tizu_area ul {
		padding:0;
}
	
	.top_08 .tizu_area .swell-block-columns__inner {
		display:block;
	}

.top_08 .add_area {
	margin:0 0 0 5%;
	width:100%;
}
	
	.top_08 .add_area figure {
		width:50%;
	}

.top_08 iframe {
	width:100%;
	height:300px;
}

/* footer */

.w-footer {
	display:block;
	clear:both;
}

.w-footer h2 {
	font-size:18px;
}

.w-footer h3 {
	font-size:15px;
	margin:0 0 10px;
}

.foot_nav {
	justify-content:center;
	border-bottom:1px solid #fff;
	padding:0 0 50px;
}

.foot_nav li {
	margin:0 0px 15px;
	list-style:none;
	font-weight:bold;
	font-size:15px;
}

.foot_nav li a:hover {
	opacity:0.5;
	transition:1s;
}
	
	.sp_footnav li {
		margin:0 0px 15px;
	list-style:none;
	font-weight:bold;
	font-size:15px;
	}

.nagoya_off {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/nagoya.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0;
	background-size:100%;
}

.osaka_off {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/osaka.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0;
	background-size:90%;
	margin:50px 0 30px;
}

.nagoya_off p,.osaka_off p {
	font-size:12px;
}

.foot_logoarea {
	width:40%;
	float:right;
}

.foot_logoarea .link a {
	font-size:14px;
}

.foot_logoarea .link a:hover {
	opacity:0.5;
	transition:1s;
}

.scrty_mrk {
	margin:0 20px 0 0;
}

.copyright {
}

.l-footer__foot {
	padding:0 0 10px;
}
	
	footer .sp-py-20 {
		padding-bottom:0!important;
	}

.gaibu_link a {
				background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tab_link.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0 20px 0 0;
}

/* ドロワーメニュー中身 */

.nav_box {
	border-top:1px dotted #fff;
	padding:50px 0 0;
}

.dw_01 {
		position:relative;
	padding: 35px;
}
.dw_01 .drw_logo {
	position:absolute;
	top:-50px;
			width:150px;
	left:0px;
}


.dw_01 .home {
	font-size:20px;
	font-weight:bold;

}

.dw_01 h2 {
	font-size:25px;
	margin:0 0 25px;
}

.dw_01 ul li::marker {
	content:'-';
}

.dw_01 ul li {
	padding:0 0 0 10px;
	margin:0 0 10px;
	font-size:17px!important;
}

.dw_01 a:hover {
	opacity:0.5;
	transition:0.5s;
}

.dw_02 .text {
	font-size:15px;
}
	
	.dw_02 .cont_but {
		display:table;
		margin:0 auto;
	}

.dw_02 .cont_but a {
	    padding: 10px 50px 10px 80px;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
    background-repeat: no-repeat;
	background-size:30px;
    background-position: 35px center;
    font-size: 18px !important;
    white-space: nowrap;
	border:1px solid #004da1;
}

.dw_02 .cont_but a:hover {
	background-color:#004da17a!important;
	transition:0.5s;
}

.dw_02 .tel_but p{
	font-size: 40px;
    font-weight: bold;
    color: #fff;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
		background-size:30px;
	  padding: 0 0 0 43px;
    white-space: nowrap;
    line-height: 130%;
		display:table;
		margin:0 auto;
}

/* サイド固定リンク */
/* .tb_link {
	position:fixed;
	top:400px;
	right:0px;
	z-index:99;
}

.tb_link:hover {
	opacity:0.5;
	transition:0.5s;
}

.mail_side_but {
		position:fixed;
	top:610px;
	right:0px;
		z-index:99;
}

.mail_side_but:hover {
	opacity:0.5;
	transition:0.5s;
} */

/* 下層ページ */
.l-header__inner {
	max-width:100%;
}

.l-topTitleArea h1 p {
	font-size:30px;
	font-family: "Roboto Condensed";
	background-color:#fff;
	color:#000;
	text-shadow:none;
	display:table!important;
	margin:60px auto 10px;
	padding:0 10px;
}

.l-topTitleArea h1 small {
display: table !important;
    color: #fff !important;
    opacity: 1;
    font-style: normal;
    font-size: 14px;
    margin: 0 auto;
}

.-body-solid .p-breadcrumb.-bg-on {
	background-image: linear-gradient(90deg, transparent, #000000)!important;
		font-family: "Roboto Condensed";
	font-weight:500;
	    padding: 5px 0;
}

.-body-solid .p-breadcrumb.-bg-on span {
		font-size:13px!important;
}

.-body-solid .p-breadcrumb.-bg-on ol li:last-child span {
	color:#fff
}

.icon-home:before {
    content: none;
}

.post_content .about_01 {
	position:relative;
	top:-2em;
	margin:0 0 -4em;
}

/* わたしたちについて */
.kaso_h2 h2 {
	font-size:45px;
	margin:0;
	line-height: 100%;
}

.kaso_h2 p {
	font-size:18px;
	font-weight:500;
	color:#757575;
}
	
	.kaso_h2 {
		padding-bottom:50px!important;
	}

.about_01 .ab01_l {
	padding:0 5%;

	width:100%;
}

.about_01 .ab01_r {
	width:100%;
	padding:0 5% 0;
}

.about_01 .copy {
	margin:0 0 50px;
}

.about_01 .sub_copy {
	margin:0 0 50px;
}

.about_01 .text {
	font-size:18px;
	line-height:250%;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/b_logo_toka30.png);
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center;
	text-align:left;
	padding:0 0 50px;
}

.about_02 .kaso_h2 h2 {
	color:#000;
}

.about_02 .kaso_h2 p {
	color:#707070;
}

.about_02 .kaso_h2 {
/* 	margin:0 0 60px; */
}

.about_02 .copy {
	font-size:35px;
	line-height:130%;
	margin:0 0 30px;
}

.about_02 .sub_copy {
	font-size:18px;
	line-height:200%;
}

.about_02 .ab02_l {
	padding:0 5%;
}

.about_02 .text {
	font-size:15px;
	line-height:200%;
	font-weight:500;
	padding:0 5%;
}

.about_03 .kaso_h2 {
	margin:0 5% 50px;
}

.about_03 .ism_box {
	background-color:#fff;
	position:relative;
	padding:50px 30px;
	margin: 0 7% 100px;
}

.about_03 .ism_box:before {
	content:'';
	position:absolute;
	top:-3px;
	left:-3px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/kakko_ue.png);
	background-size:cover;
	width:114px;
	height:113px;
}

.about_03 .ism_box:after {
	content:'';
	position:absolute;
	bottom:-3px;
	right:-3px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/kakko_shita.png);
	background-size:cover;
	width:110px;
	height:113px;
}

.about_03 .ism_box .suji {
	font-weight:bold;
	font-size:20px;
	font-family: "Roboto Condensed";
}


.about_03 .ism_box .eigo {
	font-size:18px;
	color:#004D9F;
	font-weight:bold;
	margin:0;
}

.about_03 .ism_box h3 {
	margin:0 0 60px;
	font-size:25px;
	font-weight:500;
}

.about_03 .ism_box .text {
	font-weight:bold;
	line-height:200%;
	font-size:15px;
}

.about_03 .ism_zu {
	margin:0 5% 150px;
}
	
	.about_03 {
		margin-bottom:-0px;
	}

.ism_01 figure {
	position:absolute;
	top:-20px;
	right:0px;
		max-width:50%;
}

.ism_03 figure {
	position:absolute;
	top:-20px;
	right:10px;
		max-width:50%;
}
.ism_05 figure {
	position:absolute;
	top:-20px;
	right:-10px;
		max-width:40%;
}
.ism_02 figure {
	position:absolute;
	top:-20px;
	right:0px;
		max-width:40%;
}
.ism_04 figure {
	position:absolute;
	top:-70px;
	right:20px;
		max-width:35%;
}
.ism_04 .text {
	max-width:70%;
}

/* company */
.mess_inn {
	margin:0 5%;
	background-color:#ffffffe8;
	padding:50px 5%;
}

.comp_01 .kaso_h2 {
	margin:0 5%;
}

.mess_area {
	padding:100px 0;
	margin:5% 0;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/comp01.jpg);
	background-position:top left;
	background-size:85%;
	background-repeat:no-repeat;
}

.comp_01 {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/comp02.jpg);
	background-position:bottom right;
	background-size:80%;
	background-repeat:no-repeat;
}

.comp_01 .copy p {
	font-size:20px;
	font-weight:500;
			line-height:180%;
}

.mess_inn p {
	font-size:16px;
	font-weight:400;
	line-height:180%;
}

.comp_01 .copy {
	margin:0 0 70px;
}

.comp_01 .name {
		font-size:18px;
	font-weight:500;
	margin:50px 0;
}

/* loop-slider */

.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 25s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
    width: 500px; /* 画像の横幅を指定（パソコン） */
    position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 65%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 300px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.comp_03 table {
	width:95%!important;
	margin:0 auto 100px;
	border:none;
}

.comp_03 table,.comp_03 table tbody,.comp_03 table tr,.comp_03 table th,.comp_03 table td {
	border:none;
}

.comp_03 table th {
	border-bottom:1px solid #004D9F;
	background:none;
	width:30%!important;
	padding:15px;
	font-size:16px;
}

.comp_03 table td {
	border-bottom:1px solid #fff;
	background:none;
	padding:15px;
		font-size:18px;
}

.comp_03 .kaso_h2 {
	margin:0 5% 0px;
}
	
	.comp_03 .botm_img {
		height:200px;
	}

.comp_03 .botm_img img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.comp_03 {
	padding:130px 0 0!important;
	margin-bottom:0px;
}

.comp_03 table a {
	font-size:15px;
	color:#91979b;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/map_ico_gry.png);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	background-size:15px;
	margin:0 0 0 5px;
}

/* PROMOTION DIVISION */
.prmtn_d_01 {
	position:relative;
	top:-32px;
	padding:90px 0!important;
}

.prmtn_d_01 .kaso_h2 {
	margin:0 5%;
}

.prmtn_d_01 .naiyo_area {
	margin:0;
}

.prmtn_d_01 p {
	font-size:16px;
	font-weight:500;
}

.prmtn_d_01 .copy {
	font-size:20px;
	font-weight:500;
}

.prmtn_d_01 .text_area {
	padding:20px;
}

.prmtn_d_02 {
		position:relative;
	top:-32px;
}

.prmtn_d_02 .pd_title p {
	font-family: "Roboto Condensed";
	margin:0!important;
}

.prmtn_d_02 .pd_title h3 {
	margin:0;
	font-size:18px;
}

.prmtn_d_02 .pd_title {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pd_kzr.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 20px;
	margin:0 20px 10px;
}

.prmtn_d_02 .bc_ex {
/* 	width:calc(100% / 2); */
	width:100%;
	margin:0;
	border-right:1px solid;
	border-bottom:1px solid;
	height:auto;
	overflow:hidden;
	position:relative;
	padding-bottom:30px;
}
	
	.prmtn_d_02 .bc_ex figure img {
		width:100%;
	}
	
	.prmtn_d_02 .bc_ex ul {
		padding:0 20px;
	}

.prmtn_d_02 .bc_ex ul:after {
	content:'';
	width:100%;
	height:20%;
	position:absolute;
/* 	background-image: linear-gradient(transparent, #000000 50%); */
	bottom:0px;
	left: 0px;
}

.prmtn_d_02 .cont_box:after {
	content:'READ MORE +';
	position:absolute;
	bottom:10px;
	font-size:12px;
	left:calc(50% - 40px);
	color:#545454;
	font-weight:bold;
}

.prmtn_d_02 .bc_ex ul li {
	list-style:none;
	font-size:14px;
}

.prmtn_d_02 .swell-block-columns__inner {
	margin:0;
	row-gap: normal;
}

.title_ex {
	  display: flex;
  justify-content: center;
  align-items: center;
}

.title_ex figure {
	width:50%;
}

.prmtn_d_02 .hov_box {
	transition: all 0.5s ease-out; 
}

/* .prmtn_d_02 .cont_box:hover .hov_box {
	position:absolute;
top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-color:#545454;
	padding:40px 0;
}

.prmtn_d_02 .cont_box:hover.bc_ex ul:after {
	background:none;
} */

.prmtn_d_02 .cont_box:hover.cont_box:after {
	color:#fff;
	transition:0.5s;
}

/* web promotion */
.webpro_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.webpro_01 .kaso_h2 {
	margin:0 5% 0;
}

.webpro_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 0 20px 5%;
}

.webpro_01 figure {
	width:100%;
}

.webpro_01 .r_img {
	padding:5% 0;
}

.webpro_01 .text_area {
	font-size:16px;
	padding:20px;
	line-height:200%;
	font-weight:400;
}

.webpro_01 {
	position:relative;
	top:-32px;
	padding:90px 0 0!important;
}


.webpro_02 {
	position:relative;
	top:-32px;
}

.webpro_02 .kaso_h2 h2,.webpro_02 .kaso_h2 p {
	color:#fff;
}

.webpro_02 {
	padding:0 5%;
}

.webpro_02 .point_box {
	background-color:#fff;
	border-radius:25px;
	margin-bottom:30px;
}

.webpro_02 .suji {
	background-color:#000;
	margin:0;
	width:70px;
	height:70px;
	padding:15px 20px 30px;
	border-radius:25px 0 0 0;
	margin:0 0 0 20px;
}

/* .webpro_02 .swell-block-columns__inner {
	margin:0;
} */

.webpro_02 .swell-block-columns__inner {
	row-gap:normal;
}

.webpro_02 .w_70 {
	width:65%;
	padding:15px;
	margin:0;
}
	
	.webpro_02 h3 {
		font-size:17px;
	}

.point_box .text_area {
	padding:0 25px 25px;
	clear:both;
} 

.point_box .text_area figure {
	width:60%;
	margin:0 20px 20px;
}

.point_box .text_area p {
	font-size:16px;
}

.fl_r {
	float:right;
}

.fl_l {
	float:left;
}

.point_yoko .text_area figure {
	padding:20px;
	width:80%;
}

.webpro_03 .sub {
	color:#707070;
	font-size:16px;
	font-weight:500;
	margin:0;
}

.webpro_03 h3{
	font-size:18px;
	color:#fff!important;
	background-color:#000!important;
	display:inline-block;
	padding:5px 10px!important;
	margin:0;
}
	
	.webpro_03 .text {
		font-size:15px;
		text-align:left;
	}

.webpro_03 .cont_area {
	padding:50px;
	margin:0;
	width:100%;
}

.webpro_03 .c_box {
	width:95%;
	margin:0 auto;
}

.webpro_03 .swell-block-columns__inner {
		margin:0 auto;
    row-gap: normal;
}

.webpro_03 .b_01 {
	border-bottom:1px solid #848484;
}
.webpro_03 .b_02 {
	border-bottom:1px solid #848484;
}

.webpro_03 .b_03 {
	border-bottom:1px solid #848484;
}

.webpro_04 h2 {
	font-size:20px;
	font-weight:400;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/fkdas.png)!important;
	background-repeat:no-repeat!important;
	background-position:center bottom!important;
	padding:0 0 40px!important;
}

.webpro_04 ul {
}

.webpro_04 ul li {
	list-style:none;
}

.webpro_04 ul li a {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	width:100%;
	display:block;
	padding:15px 10px 15px 40px;
	font-weight:500;
	font-size:17px;
	box-shadow: 5px 5px 10px #3333334f;
	margin:0 0 15px;
	position:relative;
}

.webpro_04 ul li a:before {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/blu_yj.png);
	position:absolute;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	left:10px;
	top:30%;
}

.webpro_04 ul li a:hover {
		box-shadow: none;
	background-color:#ffffff5c;
	transition:0.5s;
}

.kaso_h2_02 h2 {
	font-size:45px;
	margin:0;
}

.kaso_h2_02 p {
	font-size:18px;
	color:#757575;
}

.webpro_05 .text {
	font-weight:500;
	margin:0 20px 70px;
	font-size:18px;
		text-align:left!important;
}

.webpro_05 .text_area {
	margin:0 20px 70px;
}
	
	.webpro_05 .text_area p {
		font-size:16px;
	}
	
	.br_box_sp {
        margin: 0 20px 20px 30px;
        width: 93%;
	}

.webpro_05 .brnd,.webpro_07 .brnd {
	border:1px solid;
	margin:0 10px;
}

.webpro_06 .sub {
	font-weight:500;
	font-size:20px;
	margin:0 0 30px;
}

.webpro_06 .cont_box {
	background-color:#fff;
	width:95%;
	margin:0 auto;
	padding:50px 0;
}

.webpro_06 .cont_area {
	padding: 20px 50px;
}
	
	.webpro_06 .text {
	margin:0 20px 70px;
	font-size:16px;
		text-align:left!important;
}
	
	.webpro_06 .b_01 {
		position:relative;
	}

.webpro_06 .b_01:after {
	content:'';
	width:80%;
	height:1px;
	background-color:#848484;
	position:absolute;
	bottom:-15px;
	left:calc(50% - 40%);
}
	
		.webpro_06 .b_02 {
		position:relative;
	}

.webpro_06 .b_02:after {
	content:'';
	width:80%;
	height:1px;
	background-color:#848484;
	position:absolute;
	bottom:-15px;
	left:calc(50% - 40%);
}

.webpro_06 .cont_area h3 {
	font-size: 18px;
    color: #fff !important;
    background-color: #000 !important;
    display: inline-block;
    padding: 5px 10px !important;
    margin: 0;
}

.webpro_06 .cont_area p {
	font-size:15px;
	font-weight:500;
	text-align:left;
}
	
	.webpro_07 .cont_area {
		margin:0 20px 20px;
	}
	
	.webpro_07 .cont_area p {
		font-size:16px;
	}

/* office promotion */
.off_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.off_01 .kaso_h2 {
	margin:0 5%;
}

.off_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 0 30px 5%;
}

.off_01 figure {
	width:100%;
}

.off_01 .r_img {
	padding:5% 0;
}

.off_01 .text_area {
	font-size:16px;
	line-height:200%;
	font-weight:400;
	padding:0 20px 0;
}

.off_01 {
	position:relative;
	top:-32px;
	padding:90px 0 0!important;
}

.off_02 .point_box .text_area figure {
    margin: 0 20px 20px;
}

.point_yoko .text_area {
	font-size: 16px;
}

.off_03 .text {
	font-size:16px;
	margin:70px 0;
}

.sys_01 .sub {
	font-size:27px;
	margin:0 5%;
	color:#000;
}

.sys_01 .kaso_h2 {
	margin:0 5%;
}

.sys_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.sys_01 figure {
	width:100%;
}

.sys_01 .text_area {
	font-size:16px;
	line-height:200%;
	font-weight:400;
	margin:0 20px 20px;
}

.sys_02 .cont_area {
	margin:70px 0;
}
	
	.sys_02 .cont_area p {
		font-size:16px;
	}
	
	.sys_02 .pos_area_sp {
		margin-bottom: 10px;
     background-color: #f7f7f7;
     padding: 20px 20px 30px;
	}

.sys_02 .pos_logo {
	margin:20px 0;
}

.sys_02 h3 {
	color:#757575!important;
}

.sys_02 .brnd {
    border: 1px solid;
	width:298px;
}

.sys_02 .swell-block-columns__inner {
	justify-content:center;
}

/* movie promotion */
.mov_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.mov_01 .kaso_h2 {
	margin:0 5%;
}

.mov_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.mov_01 figure {
	width:100%;
}


.mov_01 .text_area {
	font-size:16px;
	margin: 0 20px 20px;
	line-height:200%;
	font-weight:400;
}

.mov_01 {
	position:relative;
	top:-32px;
	padding:90px 0 20px!important;
}

.mov_02 {
		position:relative;
	top:-32px;
}

.mov_02 .text_area {
	padding:20px;
}

.mov_02 .text_area h3 {
	font-size:20px;
}

.mov_02 .text_area p {
	font-size:16px;
}

.mov_03 .kaso_h2_02 {
	margin:0 0 70px;
}

.mov_03 .cont_area p {
	font-size:20px;
	font-weight:500;
	margin:0 0 30px!important;
}
	
	.mov_03  .swell-block-button__link {
		background-color:#004da1;
		color:#fff;
		border:0px!important;
		font-weight:500;
	}


.mov_04 h2 {
	font-size:20px;
	line-height:200%;
	margin:0 0 30px;
}

.mov_04 .text_area {
	padding:0 50px 50px;
}

.mov_04 .text_area p {
	line-height:200%;
	font-size:16px;
	font-weight:400;
}

.mov_04 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/mov_07.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size:55% 80%;
}

/* recruit promotion */
.job_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.job_01 .kaso_h2 {
	margin:0 5%;
}

.job_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 0 70px 5%;
}

.job_01 figure {
	width:100%;
}

.job_01 .text_area {
	font-size:16px;
	line-height:200%;
	font-weight:400;
	padding:20px;
}

.job_01 {
	position:relative;
	top:-32px;
	padding:90px 0 0!important;
}

.job_02,.job_03 {
		position:relative;
	top:-32px;
}

.job_02 .kaso_h2 p {
	color:#fff;
}

.job_02 .sub {
	font-size:20px;
	margin:0 0 40px;
		font-weight:500;
}

.job_02 .copy {
	font-size:18px;
		margin:0 20px 30px;
	font-weight:400;
	text-align:left;
}

.job_02 .l_clm {
	padding:0 5%;
}

.job_02 .text_area p {
	font-size:16px;
	line-height:200%;
	margin:0 20px;
}

.job_03 h2 {
	color:#000!important;
}

.job_03 h3 {
	font-size:20px!important;
	background-color:#000!important;
	color:#fff!important;
	display:table;
	margin:0 auto 50px;
	padding:10px!important;
	font-weight:400;
	width:100%;
}

.job_03 h4 {
	font-size:20px;
	color:#000!important;
}

	.job_03 .swell-block-columns__inner {
		display:block;
	}

.job_03 .sv_01,.job_03 .sv_02,.job_03 .sv_03 {
		padding:24px 20px 30px;
	width:100%;
	        margin: 0 20px 0 10px !important;
}


.job_03 .sv_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_01.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .sv_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_02.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .sv_03 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_03.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .text {
	background-color:#fff;
	padding:15px;
	height:75%;
	font-size:16px;
}


.kaso_h2_03 h2 {
	font-size:50px;
	margin:0;
	color:#000!important;
}

.kaso_h2_03 p {
	font-size:20px;
	color:#757575;
}

.job_04 h3 {
	font-size:20px;
	color:#757575!important;
	font-weight:500;
}

.job_04 .brnd {
	border: 1px solid;
}

.job_04 .brnd_box {
	margin:0 auto 50px;
}

.job_04 .brnd_box .swell-block-columns__inner {
	justify-content:center!important;
}

.job_04 .cont_area {
	padding:50px 0;
}

.job_04 .cont_area h3 {
	font-size:20px;
	color:#000!important;
}

.job_04 .cont_area p {
	font-size:16px;
	line-height:200%;
}

.job_04 .cont_area figure {
}

/* branding promotion */
.brnd_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.brnd_01 .kaso_h2 {
	margin:0 5%;
}

.brnd_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 40px 5%;
}

.brnd_01 figure {
	width:100%;
}

.brnd_01 .text_area {
	font-size:16px;
	line-height:200%;
	font-weight:400;
	padding:20px;
}

.brnd_01 {
	position:relative;
	top:-32px;
	padding:90px 0 0!important;
}

.brnd_02,.brnd_03 {
		position:relative;
	top:-64px;
}

.brnd_02 h3 {
	font-size:20px;
	margin:0 0 15px;
}

.brnd_02 .c_area {
	background-color:#ffffff70;
	padding:40px 15px;
}

.brnd_02 .c_area .text_area {
	padding:10px 3% 0;
}

.brnd_02 .c_area .text_area p {
	font-size:16px;
}

.brnd_02 .c_area .eigo {
	color:#707070;
	font-size:14px;
	margin:0 0 20px;
}

.brnd_03 h3 {
	font-size:20px;
	font-weight:500;
}

.brnd_03 h3 .swl-inline-color {
	font-family: "Roboto Condensed";
	font-size:50px;
	font-style:italic;
	font-weight:bold;
}

.brnd_03 .text_area p {
	font-size:16px;
	line-height:200%;
	color:#666666;
	text-align:center;
}

.brnd_03 figure {
	padding:0px;
	width:25%;
	margin:0 auto;
}
	
.brnd_04 {
	padding-bottom: 100px !important;
}

.dtp_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.dtp_01 .kaso_h2 {
	margin:0 5%;
}

.dtp_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.dtp_01 figure {
	width:100%;
}

.dtp_01 .r_img {
	padding:5% 0;
}

.dtp_01 .col_r figure {
	width:100%;
	margin:0 0 30px!important;
}


.dtp_01 .text_area {
	font-size:16px;
	line-height:200%;
	font-weight:400;
	padding:20px;
}

.dtp_01 {
	padding:90px 0 0!important;
}

.dtp_02 h2 {
	font-size:20px ;
}

.dtp_02 .text {
	font-size:16px;
	line-height:200%;
	color:#666666;
	margin:0 20px 40px;
}

.dtp_02 .c_box p {
	font-size:16px;
	font-weight:500;
}

/* relation division */
	
.reld_02 .non_link {
	    position: relative;
    background-color: #2B2B2B;
}

.reld_02 .non_link .eigo {
    margin: 0;
    padding: 10px 30px 0px;
    color: #DDDAD6;
    font-weight: 500;
}

.reld_02 .non_link h3 {
    padding: 0 0 30px 30px;
    margin: 0;
    font-size: 20px;
}

.reld_01 .sub {
    font-size: 20px;
    margin: 0 5% 10px;
    color: #000;
}

.reld_01 .kaso_h2 {
	margin:0 5%;
}

.reld_01 {
	position:relative;
	top:-32px;
	padding:90px 0 50px!important;
}

.reld_01 h3 {
	font-size:20px;
	margin:0 5% 30px;
}

.reld_01 .c_box p {
	font-size:16px;
	padding:0 5%;
	line-height:200%;
}

.reld_01 .c_box figure {
	width:100%;
}

.reld_02 {
		position:relative;
	top:-32px;
}

.reld_02 .kaso_h2 p {
	color:#fff;
}

.reld_02 .c_but {
	position:relative;
	background-color:#2B2B2B;
}

.reld_02 .c_but:hover {
	opacity:0.7;
	transition:0.5s;
	background-color:#545454;
}

.reld_02 .c_but:after {
	content:'';
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/gry_yjr.png);
}

.reld_02 .c_but .eigo {
	margin:0;
    padding: 10px 30px 0px;
	color:#DDDAD6;
	font-weight:500;
}

.reld_02 .c_but h3 {
	padding:0 0 30px 30px;
	margin:0;
	font-size:20px;
}

.reld_02 .area_03 {
	margin:0 auto 70px;
}

.reld_02 .ex_area h3 {
	background-color:#000;
	padding:10px;
	font-size;30px!important;
	font-weight:500;
	margin:0 0 15px;
}

.reld_02 .ex_area p {
	margin:0 0 30px!important;
	font-size:16px;
}

/* create division */

.cret_01 .kaso_h2 {
	margin:0 5%;
}

.cret_01 {
	position:relative;
	top:-32px;
	padding:90px 0 0!important;
}

.cret_01 .cont_area {
	margin:0;
}

.cret_01 .r_cont {
	padding:0 2%;
}

.cret_01 h3 {
	font-size:20px;
	line-height:200%;
	margin:0 20px 30px;
}

.cret_01 .r_cont p {
	font-size:16px;
	margin:0 20px 30px;
}
	
	.cret_01 .r_cont {
		padding:0 0 50px;
	}

.cret_01 figure {
	width:100%;
}

.cret_02 {
		position:relative;
	top:-32px;
}

.cret_02 .kaso_h2 p {
	color:#fff;
}


.cret_02 .crt_list {
	margin:0 5% 100px;
}


.cret_02 .r_clm {
}

.crt_title {
		position:relative;
	padding-bottom:30px;
}

.crt_title h3 {
	font-size:40px;
	margin:0;
	line-height:100%;
}

.crt_title:before {
	content:'';
	width:18px;
	height:18px;
	display:block;
	position:absolute;
	top:-11px;
	left:-15px;
	background-color:#004DA0;
}

.crt_title p {
	font-size:18px;
}

.cret_02 .c_but {
	position:relative;
	background-color:#2B2B2B;
}

.cret_02 .c_but:hover {
	opacity:0.7;
	transition:0.5s;
	background-color:#545454;
}

.cret_02 .c_but:after {
	content:'';
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/gry_yjr.png);
}

.cret_02 .c_but .eigo {
	margin:0;
	padding:10px 30px 0px;
	color:#DDDAD6;
	font-weight:500;
}

.cret_02 .c_but h3 {
	padding:0 0 30px 30px;
	margin:0;
	font-size:20px;
}

/* new website */
.newhp_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.newhp_01 .kaso_h2 {
	margin:0;
}

.newhp_01 .copy {
	font-size:20px;
	margin:0 20px 15px;
	font-weight:500;
}

.newhp_01 .sub {
	font-size:18px;
	margin:0 20px 40px;
}

.newhp_01 .text {
	font-size:16px;
	margin:0 20px 30px;
	line-height:200%;
}

.newhp_01 figure {
	width:100%;
	margin:0 0 5%;
}

.newhp_02,.newhp_03 {
	position:relative;
	top:-64px;
}

.newhp_02 .kaso_h2 h2,.newhp_02 .kaso_h2 p {
	color:#004DA0;
}

.newhp_02 .kaso_h2 {
	margin:0 0 90px;
}

.newhp_02 .point_ttl {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/newhp_02.png);
	background-position:top center;
	background-repeat:no-repeat;
	display: table;
  width: 165px;
  padding: 36px 0 0;
	position:absolute;
	top:-85px;
	left:calc(50% - 83px);
	background-size: 104%;
}

.newhp_02 .point_ttl img {
	height:70px;
	width:auto;
}

.newhp_02 .p_clm {
	background-color:#fff;
	padding:20px 20px 50px;
	position:relative;
	box-shadow:3px 0px 10px #23234fb0;
	margin-bottom:65px;
}

.newhp_02 .p_clm h3 {
	color:#004DA0;
	font-size:20px;
	margin:40px 0 30px;
}

.newhp_02 .p_clm p {
	font-size:16px;
	margin:0 0 20px;
}

.newhp_02 .p_clm a {
	border-radius:0;
	margin:20px 0 10px!important;
}

.flw_h2 {
	clear:both;
}

.flw_h2 h2 {
	font-size:50px;
	float:left;
	margin:0 0 70px;
}

.flw_h2 p {
	font-size:18px;
	color:#757575;
	padding:25px 20px 0!important;
	display:table;
}

.flw_prt {
	clear:both;
}

.newhp_03 .jisya {
	background-color:#000;
	color:#fff;
	padding:10px;
	font-size:18px;
}

.newhp_03 .tasya {
	background-color:#757575;
	color:#fff;
	padding:10px;
	font-size:18px;
}

	.flw_prt p {
		font-size:16px;
	}
	
	.swell-block-step__body {
		margin:20px 0 0!important;
	}

.jisya_step .swell-block-step__title {
	background-color:#333333!important;
	color:#fff;
	padding:0 20px;
	font-size:18px!important;
}

.tasya_step .swell-block-step__title {
	background-color:#757575!important;
	color:#fff;
	padding:0 20px;
	font-size:18px!important;
}

.swell-block-step__number {
    height: 60px;
    width: 60px;
	  left: -5px;
}

.swell-block-step__number:after {
    font-size: 30px;
	font-weight:bold;
}

.swell-block-step__item {
    padding: 0 0 3em 90px;
}

/* website　renewal */
.rehp_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.rehp_01 .kaso_h2 {
	margin:0;
}

.rehp_01 .copy {
	font-size:20px;
	margin:0 20px 15px;
	font-weight:500;
	text-align:center;
}

.rehp_01 .sub {
	font-size:18px;
	margin:0 20px 40px;
	text-align:center;
}

.rehp_01 .text {
	font-size:16px;
	margin:0 20px 30px;
	line-height:200%;
}

.rehp_01 figure {
	margin:0 0 5%;
	width:100%;
}

/* mobile-friendly */
.mbil_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.mbil_01 .kaso_h2 {
	margin:0;
}

.mbil_01 .copy {
	font-size:20px;
	margin:0 20px 15px;
	font-weight:500;
	text-align:center;
}

.mbil_01 .sub {
	font-size:18px;
	margin:0 20px 50px;
}

.mbil_01 .text {
	font-size:16px;
	margin:0 20px 30px;
	line-height:200%;
}

.mbil_01 figure {
	margin:0 5% 0 0;
}

.hp_contarea .text {
font-size: 16px;
    font-weight: 500;
    margin: 0 0 20px;
    position: relative;
    top: -30px;
}

.hp_contarea .tel {
	font-size:45px;
	font-weight:bold;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    padding: 0 0 0 43px;
    white-space: nowrap;
    line-height: 130%;
	display:table;
	margin:0 auto 20px;
}
	
	.hp_contarea .tel a {
		color:#333;
	}
	
	
	.hp_contarea .jikan {
		font-size:16px;
		margin:-15px 0 40px;
	}

.hp_contarea  .cont_but a {
	padding: 15px 45px 15px 75px;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 30px center;
    font-size: 18px !important;
    white-space: nowrap;
    border: 1px solid #004da1;
	background-color:#004da1;
	color:#fff!important;
}

.hp_contarea  .cont_but a:hover {
	background-color:#004da18a;
	transition:0.5s;
}


/* Recruitment website */
.rcrthp_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.rcrthp_01 .kaso_h2 {
	margin:0px;
}

.rcrthp_01 .copy {
	font-size:20px;
	margin:0 0 15px;
	font-weight:500;
	text-align:center
}

.rcrthp_01 .sub {
	font-size:18px;
	margin:0 0 40px;
	text-align:center;
}

.rcrthp_01 .text {
	font-size:16px;
	margin:0 20px 30px;
	line-height:200%;
}

.rcrthp_01 figure {
	margin:0 0 5%;
	width:100%;
}

/* Website maintenance */
.maint_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.maint_01 .kaso_h2 {
	margin:0px;
}

.maint_01 .copy {
	font-size:20px;
	margin:0 0 15px;
	font-weight:500;
	text-align:center;
}

.maint_01 .sub {
	font-size:18px;
	margin:0 0 40px;
	text-align:center;
}

.maint_01 .text {
	font-size:16px;
	margin:0 20px 30px;
	line-height:200%;
}

.maint_01 figure {
	margin:0 0 5%;
	width:100%;
}

.maint_03 {
	position:relative;
	top:-64px;
	padding:60px 0!important;
}

.maint_03 table {
	background-color:#fff;
	margin:0 auto;
	width:90%!important;
}

.maint_03 table th {
	background-color:#333;
	color:#fff;
	width:30%!important;
	text-align:center;
}


.maint_03 table td {
padding-left: 30px;
}

.maint_03 .wp-block-table {
	margin:0 0 10px;
}
	
	.maint_03 p {
		text-align:center;
	}

/* Website consultation */
.webcons_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.webcons_01 .kaso_h2 {
	margin:0px;
}

.webcons_01 .copy {
	font-size:20px;
	margin:0 0 15px;
	font-weight:500;
	text-align:center;
}

.webcons_01 .sub {
	font-size:18px;
	margin:0 0 40px;
	text-align:center;
}

.webcons_01 .text {
	font-size:16px;
	margin:0 20px 30px;
	line-height:200%;
}

.webcons_01 figure {
	margin:0 5% 0 0;
}

/* Privacy policy */
.pp_01 .pp_area p {
	font-size:16px;
	margin:0 0 30px;
}

.pp_01 .pp_area li {
		font-size:16px;
	list-style:none;
	margin:0 0 15px;
}

.pp_01 .pp_area ol,.pp_01 .pp_area ul {
	margin:0 0 30px;
}
	
	.pp_01 ol {
		padding:0;
	}

/* PICTURE CREATION */
.picc_01 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.picc_01 .kaso_h2 {
	margin:0 0 0 5%;
}

.picc_01 .text_area {
	padding:0;
}


.picc_01 .text_area h3 {
	font-size:18px;
	margin:30px 20px 15px;
}

.picc_01 .text_area p {
	font-size:16px;
	margin:0 20px 50px;
	line-height:200%;
}

.picc_01 figure {
	margin:0;
}


.picc_02 {
	position:relative;
	top:-32px;
	padding:90px 0 100px!important;
}

.picc_02 .cont_box {
	background-color:#fff;
	padding:40px;
}
	
	
	.picc_02 .cont_box p {
		font-size:16px;
	}

.picc_02 .cont_box h3 {
	font-size:20px;
	margin:0 0 20px;
}

.picc_02 .cont_box figure {
	padding:0 0 20px;
}

.picc_02 .b_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_01.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_02.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_03 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_03.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_04 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_04.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .cont_area {
	margin:0 0 70px;
}

.picc_02 a {
	border-radius:0;
}

/* お問い合わせ */
	
	.contact_01 p {
		margin:0 20px 30px;
		text-align:left!important;
		font-size:16px!important;
	}

#cf_lp table,#cf_lp table tbody,#cf_lp table tr,#cf_lp table th,#cf_lp table td {
		border:none;
	background:none;
	display:block!important;
	font-size:16px;
	padding:0px!important;
}
	
	#cf_lp table td {
			padding:0 0 25px!important;
	}

#cf_lp table {
	margin:0 0 20px!important;
	padding:0 20px!important;
}

.required00 {
    font-size: 0.7rem;
    padding: 0px 8px;
    background: #004DA0 !important;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
    order: 2;
    display: flex;
    align-items: center;
}

#cf_lp table tr th p {
    display: flex;
    align-item: center;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 10px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #fff;
}

.contactarea_02 p {
	text-align:center;
}

input.wpcf7-submit {
    display: block;
    padding: 10px;
    width: 320px;
    letter-spacing: 0.1rem;
    margin: 70px auto 0;
    transition: all .25s;
    background: #004DA0;
    border: 0;
    font-weight: bold;
    color: #fff;
}

input.wpcf7-submit:hover {
	opacity:0.7;
}

.contact_cont p {
	text-align:center;
}

/* お問い合わせ */
.contact_01 p {
	text-align:center;
	font-size:20px;
}

.l-content {
    margin: 0 auto;
}

.l-topTitleArea h1::first-line {
    font-size: 30px;
    font-family: "Roboto Condensed";
    background-color: #fff;
    color: #000;
    text-shadow: none;
    padding: 0 10px;
}
	
	.l-topTitleArea h1 {
		text-align:center;
	}

/* シングルページ */

.p-articleMetas.-top {
    margin: 0;
}

.l-article {
	padding:0 0 50px;
}
	

/* footer {
	margin: -82px 0 0;
} */

.is-active {
	background: #00000017;
	    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	box-shadow: 1px 3px 5px #0000002e;
}

.top #content {
/*     margin-bottom: -82px; */
}

.top_08 {
    padding: 100px 0 0 !important;
    margin: 0 0 -82px;
}



/* お問い合わせ */
.contact_02 {
	margin-bottom:-48px;
}

.contact_01 .bg_gry {
	background-color:#f7f7f7;
	padding:40px 20px;
	margin:0 20px;
}
	
	.contact_01 .bg_gry p {
		text-align:center!important;
	}

.contact_01 .bg_gry .tel_p {
	font-size:30px;
	font-size:25px!important;
	margin-bottom:0;
}
	
	.contact_01 .bg_gry .tel_p a {
		color:#333;
		text-decoration:underline;
	}
	
	.contact_01 .jikan {
		font-size:14px!important;
	}
	
		.contact_01 .line_p {
	    color: #00b900;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 500;
	}

			.error404 {
		padding:60px 0 0!important;
}
	
	    .error404 .l-header__inner {
        background: #00000017;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        box-shadow: 1px 3px 5px #0000002e;
    }

	
		/* ***********************	Sp Media Queries END ***************** */
}


@media only screen and (max-width: 959px) and (min-width: 768px) {

/* @media (min-width: 768px) and (max-width: 959px) */
/* ***************************************Media Queries TAB********************************************************************************************************************************************************************************************************************************************** */
	
	#main_visual {
	position: sticky;
  top: 0;
height: 320vh; /* この高さ分だけスクロール中に要素が止まる */
	/* 初期値は1（不透明）、JSでこの値を変更する */
  opacity: var(--fade-opacity, 1);
  will-change: opacity; /* パフォーマンス向上 */

}

.p-mainVisual__imgLayer video {
	position: relative;
	height: 100vh;
}
.p-mainVisual__imgLayer {
		/* JSから操作する透明度 */
    opacity: var(--opacity, 1);
    will-change: transform, opacity;
}

.p-mainVisual__imgLayer:before {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/sp_main_m00.png);
	width:100%;
	height:100vh;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background-size:cover;
	background-position:center;
 /* CSS変数 --scale を受け取る（デフォルトは1） */
	transform: scale(var(--scale, 1));
	/* 動きを滑らかにする */
	transition: transform 0.1s ease-out;
	 /* 初期値は1（不透明）、JSでこの値を変更する */
  opacity: var(--fade-opacity, 1);
  will-change: opacity; /* パフォーマンス向上 */
}

.eigo {
  font-family: "Roboto Condensed";
}



/* PCでハンバーガーボタンを表示 */
/* .l-header__menuBtn.sp_ {
    display: block !important;
} */

/* PCのグローバルナビゲーションを非表示 */
/* .c-gnav {
    display: none !important;
} */

/* 開閉メニューを有効化 */
/* .p-spMenu {
    display: block !important;
} */

/* ハンバーガーボタンの位置を調整 */
.l-header__inner {
    align-items: center;
	position:fixed;
	right:0px;
	top: 0;
    padding-top: 10px;
}
/* 
.l-fixHeader__inner {
	display:none;
}

.l-header__barInner {
	display:none;
} */
	
.l-header__inner .l-header__menuBtn {
		position:absolute;
	top:0px;
	right:10px;
	}

/*ハンバーガーメニュー*/
/*デフォルト時 */
[data-spmenu=closed] {
 .-menuBtn .c-iconBtn__icon {
	position:relative;
    margin-top:15px;
	width: 40px;
	height: 1.5px;
	background-color: #fff;
  }
 .-menuBtn .c-iconBtn__icon::before{
	position:absolute;
    content: '';
	right:0;
	top:-10px;
	width: 50px;
	height: 1.5px;
	background-color: #fff;
  }
	 .-menuBtn .c-iconBtn__icon::after{
	position:absolute;
    content: '';
	right:0;
	top:10px;
	width: 30px;
	height: 1.5px;
	background-color: #fff;
  }
	
	.icon-close-thin {
		display:none;
	}
}
/* ドロワーメニューが開いている時 */
[data-spmenu]:not([data-spmenu=closed]) {
 .icon-menu-thin {
	position:relative;
    margin-top:15px;
	width: 40px;
	height: 1.5px;
	background-color: #333;
  }
 .icon-menu-thin::before{
	position:absolute;
    content: '';
	right:0;
	top:-10px;
	width: 50px;
	height: 1.5px;
	background-color: #333;
  }
	 .icon-menu-thin::after{
	position:absolute;
    content: '';
	right:0;
	top:10px;
	width: 30px;
	height: 1.5px;
	background-color: #333;
  }
	
	.icon-menu-thin {
		display:none;
	}

}
/* ドロワーメニューが開いている時×ボタン */
[data-spmenu]:not([data-spmenu=closed]) {

.c-iconBtn__icon {
  position: relative;
  width: 35px;
  height: 35px;
  cursor: pointer;
	right:15px;
	top:10px;
}

.c-iconBtn__icon::before,
.c-iconBtn__icon::after {
  content: '';
  position: absolute;
  width: 100%; /* 親要素の幅いっぱいに棒を伸ばす */
  height: 1px; /* 棒の太さ */
  background-color: #fff;
  top: 50%; /* 親要素の中央に配置 */
  left: 0;
}

.c-iconBtn__icon::before {
  transform: translateY(-50%) rotate(45deg); /* Y軸方向に半分移動し、45度回転 */
}

.c-iconBtn__icon::after {
  transform: translateY(-50%) rotate(-45deg); /* Y軸方向に半分移動し、-45度回転 */
}
}
/* ドロワーメニューフェードに変更と背景設定 */
.p-spMenu__inner {
	--color_menu_text: #000000; /* メニューテキストの色 */
	--color_menu_bg: rgba(0 0 0 / 75%); /* 開閉メニューの背景色 */
  width: 100vw;
}
.p-spMenu__overlay {
  background: transparent;
}
.-right .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 0;
  transition: opacity .45s;
}
[data-spmenu=opened] .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.p-spMenu__inner::before {
  background: var(--color_menu_bg);
  opacity: 1;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.c-widget__title.-spmenu {
	display:none;
}

.dw_01,.dw_02 {
	    background-color: #00000000!important;
}
/* NEWS */
.h2_area h2 {
	margin:0;
	color:#4F4F4F!important;
	font-weight:normal;
	font-size:21px;
}

.top_01 {
	clear:both;
}

.top_01 .h2_area {
	width:20%;
	float:left;
	border-right:3px solid #000;
}

.top_01 .news_area {
	width:70%;
	margin:0 0 0 25%;
}

.top_01 .more_but a {
	float:right;
	margin:50px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/yjr_blk.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	padding:0 90px 0 0;
			color:#000!important;
}

.top_01 .more_but a:hover {
	opacity:0.5;
	transition:1s;
}

.c-postTimes__modified:before, .c-postTimes__posted:before {
display:none;
}

.news_area .p-postList__body {
	display:flex;
}

.news_area .c-postTimes__posted {
	font-size:16px;
	color:#004DA1;
	margin:0 30px 0 0;
}

.news_area .news_area .p-postList__title {
	font-weight:normal;
}

.news_area .p-postList.-type-simple {
    border-top: none;
}

.news_area .-type-simple .p-postList__link {
    padding: 10px 5px 5px;
}

.top_01 {
/* 	padding:20px 0 60px!important; */
	padding: 80px 0 130px !important;
}
/* ABOUT */
.top_02 {
background-image: linear-gradient(0deg, #ffffff, #000000c7 60%, #000000 80%);
	color:#fff;
	position:relative;
}

.top_02 .text_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/abbg_002.jpg);
	background-size:80%;
	background-repeat:no-repeat;
	height:490px;
	width:50%;
	padding:3% 0 15% 15%;
		background-position:left top;
}

.top_02 .text_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/abbg_001.jpg);
	background-size:85%;
	background-repeat:no-repeat;
	background-position:right bottom;
		width:50%;
		height:370px;
		padding:0% 10% 20% 5%;
	position:absolute;
	top:20%;
	right:0px;
}

.top_02 .mark_orange {
	background:none;
	border-bottom:solid 5px #db0000bf;
}

.top_02 h2 {
	margin:-130px 0 50px;
}

.top_02 p {
	position:relative;
	font-size:18px;
	line-height:250%;
	margin:0 0 100px;
}

.top_02 .tome_but a {
	padding:10px 50px!important;
	background-color: #32373c00;
}


.top_02 .tome_but a:hover {
	background-color:#000;
	transition:1s;
}

.top_02 {
	padding-bottom:300px!important;
}
/* 強み */
.top_03 {
	position:relative;
	top:-270px;
	background-color: #ffffff00!important;
	padding-bottom: 0 !important;
}
	
	    .top_03 .h2_area figure {
        width: 50%;
    }

.tuyomi_box .wp-block-group__inner-container {
	display:flex;
	justify-content:center;
}

.tuyomi_box .wp-block-group__inner-container figure {
	margin:0 -50px;
	width:43%;
}

.tuyomi01 {
	z-index:1;
}

.top_03 .copy span {
	font-size:25px!important;
	font-weight:500;
}

.top_03 .text_area {
	font-size:18px;
	line-height:200%;
}

/* 業務内容 */
	
.top_04 .background_movie {
	position:fixed;
	top:0px;
	z-index:-1;
	height:100vh;
	opacity:0.4;
	object-fit: cover;
}

.top_04 {
	background-image: linear-gradient(0deg, transparent, #000000a1)!important;
	padding-bottom:0px!important;
	position:relative;
	clip-path: inset(0); 
}
	
	
	.top_04 .h2_area figure {
		width:55%;
	}

.top_04 .h2_area h2 {
	color:#333!important;
	font-weight:500;
}

.top_04 .h2_area {
	width:70%;
	margin:0 20px 80px;
}

.top_04 .h2_area .wp-block-group__inner-container {
vertical-align: baseline;
}

.top_04 .h2_area h2 {
	font-size:21px;
}

.top_04 h3 {
	font-size:45px;
	color:#222!important;
	margin:0 20px;
	line-height:100%;
	text-align:left!important;
}

.top_04 .h3_area p {
	font-weight:400;
	font-size:20px;
	color:#333;
	margin:0 20px;
		text-align:left!important;
}
	
	    .svc_area01 .swell-block-column,.svc_area02 .swell-block-column, .svc_area03 .swell-block-column {
        display: block;
				width:85%;
				margin:0 auto;
    }

.top_04 ul {
	background-color:#ffffff57;
	padding:30px 50px;
	margin:0 0 0 20px;
	width:100%;
}

.top_04 ul li {
	font-size:16px;
	margin:0 0 10px;
	padding:0 0 0 15px;
}

.svc_area01 .h3_area {
	display:block;
		position:relative;
	margin:0 0 40px;
}
	
	.svc_area01 .swell-block-columns__inner,.svc_area03 .swell-block-columns__inner {
		display:block;
	}

.top_04 .text_area {
	clear:both;
	margin:0 20px 10px;
}

.top_04 .text_area p,.top_04 .text_area {
	color:#333;
	font-size:16px;
	font-weight:400;
}

.svc_area01 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/blu_line.png);
	width:100%;
	background-size:cover;
	height:6px;
	display:block;
	position:absolute;
	bottom:30px;
}

.svc_area01 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}

.svc_box01,.svc_box02,.svc_box03 {
	padding:0 0 10px;
}


.svc_area02 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}

.svc_area03 ul li::marker {
	content:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/blk_yjr.png);
}
	
	.top_04 .swell-block-columns__inner {
		clear:both;
	}

.svc_area01 figure,.svc_area02 figure,.svc_area03 figure {
	width:50%;
	margin:0 30px 30px;
	float:left;
}

.svc_area01 {
	position:relative;
	margin:0 auto 10px;
}

.svc_area02 {
	position:relative;
	margin:0 auto 10px;
}

.svc_area03 {
	position:relative;
	margin:0 auto;
}

.svc_box01 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/prm_bg-scaled.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_box02 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/crt_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_box03 {
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/crt_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
}

.svc_area01 .but_more {
	position:absolute;
	bottom:0px;
	right:20px;
}

.svc_area02 .but_more {
	position:absolute;
	bottom:20px;
	right:20px;
}

.svc_area03 .but_more {
	position:absolute;
	bottom:0;
	right:20px;
}

.top_04 .but_more a {
	 padding:5px 50px;
		border:1px solid;
}

.svc_area01 .but_more a {
		border:1px solid #0000b7;
}

.svc_area02 .but_more a {
		border:1px solid #12af28;
}

.svc_area03 .but_more a {
		border:1px solid #c92727;
}

.top_04 .but_more a:hover {
	background-color:#c9272700!important;
	border:1px solid;
	transition:0.5s;
}

.svc_area02 .h3_area {
	position:relative;
	margin:0 0 40px;
}

.svc_area02 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/grn_line.png);
	width:100%;
	background-size:cover;
	height:6px;
	display:block;
	position:absolute;
	top:90px;
	background-position: 70%;
}

.svc_area03 .h3_area {
	position:relative;
		margin:0 0 40px;
}

.svc_area03 .h3_area:after {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/red_line.png);
	width:100%;
	background-size:cover;
	background-position:70%;
	height:7px;
	position:absolute;
	top:90px;
}


/* 事業紹介 */

.top_05 {
	clear:both;
}

.top_05 .h2_area {
	width:15%;
	float:left;
	position:relative;
	margin:0 30px 0 10px;
}

.top_05 .h2_area h2 {
	font-size:20px;
		color:#4F4F4F;
	position:absolute;
	bottom:-25px;
	font-weight:bold;
}

.top_05 ul {
	width:90%;
}

.top_05 ul li .p-postList__body {
	margin:10px 0 0;
}

.top_05 ul li h3 {
	font-size:18px!important;
}

.top_05 ul li .p-postList__excerpt {
	font-size:16px;
}

.swiper-slide {
  transform: scale(0.5);
  transition: transform 1.5s ease;
/* 	height:600px; */
}

.swiper-slide-active {
  transform: scale(1.0);
}

.swiper-slide-active a {
	width:97%;
}

.swiper-slide-duplicate-prev a {
	margin:0px -250px 0 50px;
}

.bi_area {
        background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/gry_bg.jpg);
        background-size: 85%;
        background-position: right bottom;
        background-repeat: repeat-y;
}

.top_05 .more_but {
	text-align:right;
	    position: relative;
    top: -100px;
    z-index: 1;
	right: 150px;
}


.top_05 .more_but a:hover {
	opacity:0.5;
	transition:1s;
}

/* お問い合わせ */
	
	.top_07 .h2_area {
		margin-bottom:70px;
	}
	
	.top_07 .h2_area figure {
		width:60%;
		margin:0 auto 10px;
	}
	
.top_07 h2 {
	font-size:18px;
}

.top_07 .contact_but a {
	padding:10px 30px 10px 65px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
	background-repeat:no-repeat;
	background-position:30px center;
	background-size:25px;
	font-size:18px!important;
	white-space: nowrap;
	border:1px solid #004da1;
	margin:0 auto;
	position:relative;
	top:15px;
}

.top_07 .contact_but a:hover {
	background-color: #004da11a !important;
    transition: 0.5s;
	color:#004da1;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico_blu.png);
}

.top_07 .tel_but {
	font-size:40px;
	font-weight:bold;
	color:#000;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
	background-repeat:no-repeat;
	background-position:left center;
		background-size:25px;
	padding:0 0 0 35px;
	margin:0 auto;
	white-space: nowrap;
	display:table;
}
	
	.top_07 .tel_area {
        border-left: 1px solid #848484;
    }
	
	.top_07 .jikan {
		text-align:center;
		font-size:14px;
		margin: -10px 0 0;
	}

.top_07 .is-layout-flex:not(.is-vertical).is-content-justification-right {
	justify-content:center;
}

.top_08 .tizu_area {
	margin:0 auto;
	padding:40px;
	background-color:#fff;
	box-shadow:5px 5px 10px #575656bf;
	position:relative;
/* 	bottom:-70px; */
	width:90%;
}

.top_08 .tizu_area h3 {
	font-size:18px;
	background-color:#004DA1;
	color:#fff;
	padding:0 10px;
	margin:0 0 5px;
}

.top_08 .tizu_area p {
	font-size:14px;
}

.top_08 .tizu_area h4 {
	border-bottom:2px solid #004DA1;
	font-size:17px;
	margin:0 0 15px;
	padding:20px 0 5px;
	width:100%;
}

.top_08 .tizu_area ul li {
	font-size:13px;
	list-style:none;
	font-weight:500px;
	margin:0 0 5px;
}

.top_08 .tizu_area ul {
		padding:0;
}

.top_08 .add_area {
	margin:10px;
	width:100%;
}
	
	.top_08 .jigyou_list {
		width: 100%;
    margin: 10px;
	}
	
	.top_08 .add_area figure {
		width:40%;
		padding:0 0 15px;
	}

.top_08 iframe {
	width:100%;
	height:500px;
}

/* footer */

.w-footer {
	display:block;
	clear:both;
}

.w-footer h2 {
	font-size:18px;
}

.w-footer h3 {
	font-size:15px;
	margin:0 0 10px;
}

.foot_nav {
	display:flex;
	justify-content:center;
	border-bottom:1px solid #fff;
	padding:0 0 100px;
}

.foot_nav li {
	margin:0 30px;
	list-style:none;
	font-weight:bold;
}

.foot_nav li a:hover {
	opacity:0.5;
	transition:1s;
}

.nagoya_off {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/nagoya.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0;
}

.osaka_off {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/osaka.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0;
	margin:100px 0;
}

.nagoya_off p,.osaka_off p {
	font-size:14px;
}

.foot_logoarea {
	width:40%;
	float:right;
}

.foot_logoarea .link a {
	font-size:14px;
}

.foot_logoarea .link a:hover {
	opacity:0.5;
	transition:1s;
}
	
	.l-footer__inner {
		position:relative;
	}

.scrty_mrk {
	position:absolute;
	right:70px;
	bottom:-113px;
}
	
	.foot_logo {
			position:absolute;
	right:100px;
	bottom:-113px;
	}

.copyright {
	text-align:right!important;
	    position: absolute;
    bottom: 20px;
}

.l-footer__foot {
	padding:0 0 10px;
}

.gaibu_link a {
				background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tab_link.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0 20px 0 0;
}

/* ドロワーメニュー中身 */

.nav_box {
	border-top:1px dotted #fff;
	padding:50px 50px 0;
	margin:0 20px;
}

.dw_01 {
		position:relative;
}
.dw_01 .drw_logo {
	position:absolute;
	top:-70px;
	left:50px;
			width:200px;
}


.dw_01 .home {
	font-size:18px;
	font-weight:bold;

}

.dw_01 h2 {
	font-size:30px;
	margin:0 0 25px;
}

.dw_01 ul li::marker {
	content:'-';
}

.dw_01 ul li {
	padding:0 0 0 10px;
	margin:0 0 10px;
	font-size:17px!important;
}

.dw_01 a:hover {
	opacity:0.5;
	transition:0.5s;
}

.dw_02 .text {
	font-size:15px;
}

.dw_02 .cont_but a {
	    padding: 10px 50px 10px 80px;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
    background-repeat: no-repeat;
	background-size:30px;
    background-position: 35px center;
    font-size: 18px !important;
    white-space: nowrap;
	border:1px solid #004da1;
}

.dw_02 .cont_but a:hover {
	background-color:#004da17a!important;
	transition:0.5s;
}

.dw_02 .tel_but p{
	font-size: 40px;
    font-weight: bold;
    color: #fff;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
		background-size:30px;
padding: 0 0 0 43px;
    white-space: nowrap;
    line-height: 130%;
}

/* サイド固定リンク */
.tb_link {
	position:fixed;
	top:400px;
	right:0px;
	z-index:99;
}

.tb_link:hover {
	opacity:0.5;
	transition:0.5s;
}

.mail_side_but {
		position:fixed;
	top:610px;
	right:0px;
		z-index:99;
}

.mail_side_but:hover {
	opacity:0.5;
	transition:0.5s;
}

/* 下層ページ */
.l-header__inner {
	max-width:100%;
}

.l-topTitleArea h1 p {
	font-size:50px;
	font-family: "Roboto Condensed";
	background-color:#fff;
	color:#000;
	text-shadow:none;
	display:table!important;
	margin:60px 0 10px;
	padding:0 10px;
}

.l-topTitleArea h1 small {
display: table !important;
    color: #fff !important;
    opacity: 1;
    font-style: normal;
    font-size: 18px;
    margin: 0;
}

.-body-solid .p-breadcrumb.-bg-on {
	background-image: linear-gradient(90deg, transparent, #000000)!important;
		font-family: "Roboto Condensed";
	font-weight:500;
	    padding: 5px 0;
}

.-body-solid .p-breadcrumb.-bg-on span {
		font-size:13px!important;
}

.-body-solid .p-breadcrumb.-bg-on ol li:last-child span {
	color:#fff
}

.icon-home:before {
    content: none;
}

.post_content .about_01 {
	position:relative;
	top:-4em;
	margin:0 0 -4em;
}

/* わたしたちについて */
.kaso_h2 h2 {
	font-size:55px;
	margin:0;
	line-height: 100%;
	white-space:nowrap;
}

.kaso_h2 p {
	font-size:20px;
	font-weight:500;
	color:#757575;
}

.about_01 .ab01_l {
	padding:0 3%;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/b_logo.png);
	background-repeat:no-repeat;
	background-size:70%;
	background-position:center;
	width:30%;
}

.about_01 .ab01_r {
	width:60%;
	padding:0 0 0 4%;
}

.about_01 .copy {
	margin:0 0 50px;
}

.about_01 .sub_copy {
	margin:0 0 50px;
}

.about_01 .text {
	font-size:18px;
	line-height:300%;
		text-align:left!important;
}

.about_02 .kaso_h2 h2 {
	color:#000;
}

.about_02 .kaso_h2 p {
	color:#707070;
}

.about_02 .kaso_h2 {
	margin:0 0 60px;
}

.about_02 .copy {
	font-size:40px;
	line-height:130%;
	margin:0 0 30px;
}

.about_02 .sub_copy {
	font-size:20px;
	line-height:200%;
}

.about_02 .ab02_l {
	padding:0 5%;
}

.about_02 .text {
	font-size:18px;
	line-height:200%;
	font-weight:500;
	padding:15% 3% 0 0;
}

.about_03 .kaso_h2 {
	margin:0 5% 50px;
}
	
	.about_03 {
		margin:0;
	}
	
	.about_03 .ism_zu {
		padding:0 10%;
	}

.about_03 .ism_box {
	background-color:#fff;
	position:relative;
	padding:50px 30px;
	margin: 0 10% 100px;
}

.about_03 .ism_box:before {
	content:'';
	position:absolute;
	top:-3px;
	left:-3px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/kakko_ue.png);
	background-size:cover;
	width:114px;
	height:113px;
}

.about_03 .ism_box:after {
	content:'';
	position:absolute;
	bottom:-3px;
	right:-3px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/kakko_shita.png);
	background-size:cover;
	width:110px;
	height:113px;
}

.about_03 .ism_box .suji {
	font-weight:bold;
	font-size:30px;
	font-family: "Roboto Condensed";
}


.about_03 .ism_box .eigo {
	font-size:22px;
	color:#004D9F;
	font-weight:bold;
	margin:0;
}

.about_03 .ism_box h3 {
	margin:0 0 60px;
	font-size:30px;
	font-weight:500;
}

.about_03 .ism_box .text {
	font-weight:bold;
	line-height:200%;
}

.about_03 .ism_zu {
	margin:0 0 150px;
}

.ism_01 figure {
	position:absolute;
	top:-30px;
	right:-30px;
		max-width:40%;
}

.ism_03 figure {
	position:absolute;
	top:-30px;
	right:-30px;
		max-width:40%;
}
.ism_05 figure {
	position:absolute;
	top:-30px;
	right:-30px;
		max-width:30%;
}
.ism_02 figure {
	position:absolute;
	top:-40px;
	right:-40px;
		max-width:30%;
}
.ism_04 figure {
	position:absolute;
	top:-20px;
	right:-30px;
		max-width:30%;
}
.ism_04 .text {
	max-width:70%;
}

/* company */
.mess_inn {
	margin:0 auto;
	background-color:#ffffffe8;
	padding:90px 100px;
}

.comp_01 .kaso_h2 {
	margin:0 5%;
}

.mess_area {
	padding:100px 0;
	margin:5%;
		background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/comp01.jpg);
	background-position:top left;
	background-size:50%;
	background-repeat:no-repeat;
}

.comp_01 {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/comp02.jpg);
	background-position:bottom right;
	background-size:40%;
	background-repeat:no-repeat;
}

.comp_01 .copy p {
	font-size:20px;
	font-weight:500;
			line-height:180%;
}

.mess_inn p {
	font-size:18px;
	font-weight:400;
	line-height:230%;
}

.comp_01 .copy {
	margin:0 0 70px;
}

.comp_01 .name {
		font-size:20px;
	font-weight:500;
	margin:50px 0;
}

/* loop-slider */

.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 25s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
    width: 400px; /* 画像の横幅を指定（パソコン） */
    position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 65%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}


@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.comp_03 table {
	width:90%!important;
	margin:0 auto 100px;
	border:none;
}

.comp_03 table,.comp_03 table tbody,.comp_03 table tr,.comp_03 table th,.comp_03 table td {
	border:none;
}

.comp_03 table th {
	border-bottom:1px solid #004D9F;
	background:none;
	width:30%!important;
	padding:25px;
	font-size:18px;
}

.comp_03 table td {
	border-bottom:1px solid #fff;
	background:none;
	padding:18px;
		font-size:20px;
}

.comp_03 .kaso_h2 {
	margin:0 5% 100px;
}

.comp_03 .botm_img img {
	width:100%;
}

.comp_03 {
	padding:130px 0 0!important;
	margin-bottom:0;
}

.comp_03 table a {
	font-size:15px;
	color:#91979b;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/02/map_ico_gry.png);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	background-size:15px;
	margin:0 0 0 5px;
}

/* PROMOTION DIVISION */
.prmtn_d_01 {
	position:relative;
	top:-64px;
	padding:120px 0!important;
}

.prmtn_d_01 .kaso_h2 {
	margin:0 5% 100px;
}

.prmtn_d_01 .naiyo_area {
	margin:0 5%;
}

.prmtn_d_01 p {
	font-size:16px;
	font-weight:500;
}

.prmtn_d_01 .copy {
	font-size:20px;
	font-weight:500;
}

.prmtn_d_01 .text_area {
	padding-left:20px;
}

.prmtn_d_02 {
		position:relative;
	top:-64px;
}

.prmtn_d_02 .pd_title p {
	font-family: "Roboto Condensed";
	margin:0!important;
}

.prmtn_d_02 .pd_title h3 {
	margin:0;
	font-size:20px;
}

.prmtn_d_02 .pd_title {
			background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pd_kzr.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 30px;
	margin:0 30px 30px;
}

.prmtn_d_02 .bc_ex {
	width:calc(100% / 2);
	margin:0;
	border-right:1px solid;
	border-bottom:1px solid;
	height:610px;
	overflow:hidden;
	position:relative;
}

.prmtn_d_02 .bc_ex ul:after {
	content:'';
	width:100%;
	height:20%;
	position:absolute;
	bottom:0px;
	left: 0px;
}

.prmtn_d_02 .cont_box:after {
	content:'READ MORE +';
	position:absolute;
	bottom:10px;
	left:calc(50% - 52px);
	color:#545454;
	font-weight:bold;
}

.prmtn_d_02 .bc_ex ul li {
	list-style:none;
}

.prmtn_d_02 .swell-block-columns__inner {
	margin:0;
	row-gap: normal;
}

.title_ex {
	  display: flex;
  justify-content: center;
  align-items: center;
}

.title_ex figure {
	width:50%;
}

.prmtn_d_02 .hov_box {
	transition: all 0.5s ease-out; 
}

.prmtn_d_02 .cont_box:hover .hov_box {
	position:absolute;
top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-color:#545454;
	padding:40px 0;
}

.prmtn_d_02 .cont_box:hover.bc_ex ul:after {
	background:none;
}

.prmtn_d_02 .cont_box:hover.cont_box:after {
	color:#fff;
}

/* web promotion */
.webpro_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.webpro_01 .kaso_h2 {
	margin:0 5% 60px;
}

.webpro_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.webpro_01 figure {
	width:70%;
}

.webpro_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	margin:0 5% 30px;
}

.webpro_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}


.webpro_02 {
	position:relative;
	top:-64px;
}

.webpro_02 .kaso_h2 h2,.webpro_02 .kaso_h2 p {
	color:#fff;
}

.webpro_02 {
	padding:0;
}

.webpro_02 .point_box {
	background-color:#fff;
	border-radius:25px;
}

.webpro_02 .suji {
	background-color:#000;
	margin:0;
	width:70px;
	height:70px;
	padding:15px 20px 30px;
	border-radius:25px 0 0 0;
	margin:0 0 0 23px;
}

/* .webpro_02 .swell-block-columns__inner {
	margin:0;
} */

.webpro_02 .swell-block-columns__inner {
	row-gap:normal;
}

.webpro_02 .w_70 {
	width:60%;
	padding:10px 0;
}
	
	.webpro_02 .w_70 h3 {
		font-size:18px;
	}

.point_box .text_area {
	padding:10px 20px 30px;
	clear:both;
} 

.point_box .text_area figure {
	width:60%;
	margin:0 20px;
}

.point_box .text_area p {
	font-size:16px;
}

.fl_r {
	float:right;
}

.fl_l {
	float:left;
}

.point_yoko .text_area figure {
	padding:20px;
	width:100%;
}

.webpro_03 .sub {
	color:#707070;
	font-size:16px;
	font-weight:500;
	margin:0;
}

.webpro_03 h3{
	font-size:18px;
	color:#fff!important;
	background-color:#000!important;
	display:inline-block;
	padding:5px 10px!important;
	margin:0;
}

.webpro_03 .cont_area {
	padding:50px;
	margin:0;
	width:50%;
}
	
	.webpro_03 .text {
		text-align:left;
	}

.webpro_03 .c_box {
	width:95%;
	margin:0 auto;
}

.webpro_03 .swell-block-columns__inner {
		margin:0 auto;
    row-gap: normal;
}

.webpro_03 .b_01 {
	border-right:1px solid #848484;
	border-bottom:1px solid #848484;
}
.webpro_03 .b_02 {
	border-bottom:1px solid #848484;
}

.webpro_03 .b_03 {
	border-right:1px solid #848484;
}

.webpro_04 h2 {
	font-size:27px;
	font-weight:400;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/fkdas.png)!important;
	background-repeat:no-repeat!important;
	background-position:center bottom!important;
	padding:0 0 40px!important;
}

.webpro_04 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.webpro_04 ul li {
	list-style:none;
	width:49%;
}

.webpro_04 ul li a {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	width:100%;
	display:block;
	padding:15px 15px 15px 45px;
	font-weight:500;
	font-size:16px;
	box-shadow: 5px 5px 10px #3333334f;
	margin:0 0 15px;
	position:relative;
}

.webpro_04 ul li a:before {
	content:'';
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/blu_yj.png);
	position:absolute;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	left:15px;
	top:30%;
}

.webpro_04 ul li a:hover {
		box-shadow: none;
	background-color:#ffffff5c;
	transition:0.5s;
}

.kaso_h2_02 h2 {
	font-size:45px;
	margin:0;
}

.kaso_h2_02 p {
	font-size:16px;
	color:#757575;
}

.webpro_05 .text {
	font-weight:500;
	margin:0 0 70px;
	font-size:18px;
}

.webpro_05 .text_area {
	margin:0 5% 70px;
}

.webpro_05 .brnd,.webpro_07 .brnd {
	border:1px solid;
}
	
	.webpro_05 .br_box_sp {
		margin:0 5%;
	}

.webpro_06 .sub {
	font-weight:500;
	font-size:20px;
	margin:0 0 30px;
}

.webpro_06 .cont_box {
	background-color:#fff;
	width:95%;
	margin:0 auto;
	padding:50px 30px;
}

.webpro_06 .cont_area {
	padding: 20px 50px;
	        margin: 0;
        width: 50%;
}
	
	.webpro_06 .b_01 {
		border-bottom:1px solid #848484;
	}
	
	.webpro_06 .b_02 {
			border-left:1px solid #848484;
		border-bottom:1px solid #848484;
	}
	
	.webpro_06 .cont_box .swell-block-columns__inner {
		row-gap: normal;
		margin-left: 0;
	}

	
		.webpro_06 .b_03 {
			border-right:1px solid #848484;
	}


.webpro_06 .cont_area h3 {
	font-size: 18px;
    color: #fff !important;
    background-color: #000 !important;
    display: inline-block;
    padding: 5px 10px !important;
    margin: 0;
}

.webpro_06 .cont_area p {
	font-size:15px;
	font-weight:500;
	text-align:left;
}
	
	.webpro_07 .cont_area {
		margin:0 5% 70px;
	}
	
	.webpro_07 .br_box_sp {
		margin:0 5% 70px;
	}
	
	.webpro_07 .cont_area h3 {
		font-size:20px;
		margin:0 0 20px;
	}

/* office promotion */
.off_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.off_01 .kaso_h2 {
	margin:0 5% 60px;
}

.off_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.off_01 figure {
	width:70%;
}

.off_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	padding:0 5% 30px;
}

.off_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.off_02 .point_box .text_area figure {
    margin: 0 20px;
}

.point_yoko .text_area {
	font-size: 16px;
}

.off_03 .text {
	font-size:18px;
	margin:70px 0;
}

.sys_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.sys_01 .kaso_h2 {
	margin:0 5% 60px;
}

.sys_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.sys_01 figure {
	width:70%;
}

.sys_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	margin:0 5% 30px;
}

.sys_02 .cont_area {
	margin:70px 0;
}

.sys_02 .pos_logo {
	margin:40px 0;
}

.sys_02 h3 {
	color:#757575!important;
}

.sys_02 .brnd {
    border: 1px solid;
	width:298px;
}

.sys_02 .swell-block-columns__inner {
	justify-content:center;
}

/* movie promotion */
.mov_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.mov_01 .kaso_h2 {
	margin:0 5% 60px;
}

.mov_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.mov_01 figure {
	width:70%;
}


.mov_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	margin:0 5% 30px;
}

.mov_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}
	
	
	.mov_02 figure {
		width:90%;
		margin:0 auto;
	}

.mov_02 {
		position:relative;
	top:-64px;
}

.mov_02 .text_area {
	padding:30px 5%;
}

.mov_02 .text_area h3 {
	font-size:20px;
}

.mov_02 .text_area p {
	font-size:16px;
}

		.mov_03  .swell-block-button__link {
		background-color:#004da1;
		color:#fff;
		border:0px!important;
		font-weight:500;
	}
	
.mov_03 .kaso_h2_02 {
	margin:0 0 70px;
}

.mov_03 .cont_area p {
	font-size:20px;
	font-weight:500;
	margin:0 0 30px!important;
}


.mov_04 h2 {
	font-size:20px;
	line-height:200%;
	margin:0 0 20px;
}

.mov_04 .text_area {
	padding:0 5% 50px 15px;
}

.mov_04 .text_area p {
	line-height:200%;
	font-size:16px;
	font-weight:400;
}

.mov_04 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/mov_07.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size:55% 80%;
}

/* recruit promotion */
.job_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.job_01 .kaso_h2 {
	margin:0 5% 60px;
}

.job_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.job_01 figure {
	width:65%;
}
	
	.btm_figure {
		float:right;
	}


.job_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	padding:0 5% 30px;
}

.job_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.job_02,.job_03 {
		position:relative;
	top:-64px;
}

.job_02 .kaso_h2 {
	margin:0 0 60px;
}

.job_02 .kaso_h2 p {
	color:#fff;
}

.job_02 .sub {
	font-size:23px;
	margin:0 0 40px;
		font-weight:500;
}

.job_02 .copy {
	font-size:18px;
		margin:0 5% 60px;
	font-weight:500;
}

.job_02 .l_clm {
	width:45%;
	padding:0 20px 0 5%;
}

.job_02 .text_area p {
	font-size:16px;
	line-height:200%;
	margin-right:5%;
}

.job_03 h2 {
	color:#000!important;
}

.job_03 h3 {
	font-size:20px!important;
	background-color:#000!important;
	color:#fff!important;
	display:table;
	margin:0 auto 70px;
	padding:10px 100px!important;
	font-weight:400;
}

.job_03 h4 {
	font-size:20px;
	color:#000!important;
}

.job_03 .sv_02 {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.job_03 .sv_01,.job_03 .sv_02,.job_03 .sv_03 {
		padding:40px 20px;
	width:33%;
	margin:0;
}


.job_03 .sv_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_01.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .sv_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_02.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .sv_03 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/w_03.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
}

.job_03 .text {
	background-color:#fff;
	padding:15px;
	height:85%;
}

.kaso_h2_03 {
	margin:0 0 100px;
}

.kaso_h2_03 h2 {
	font-size:50px;
	margin:0;
	color:#000!important;
}

.kaso_h2_03 p {
	font-size:20px;
	color:#757575;
}

.job_04 h3 {
	font-size:20px;
	color:#757575!important;
	font-weight:500;
}

.job_04 .brnd {
	border: 1px solid;
	width:298px;
	height:85px;
}

.job_04 .brnd_box {
	max-width:1000px;
	margin:0 auto 100px;
}

.job_04 .brnd_box .swell-block-columns__inner {
	justify-content:center!important;
}

.job_04 .cont_area {
	padding:50px 0;
}

.job_04 .cont_area h3 {
	font-size:20px;
	color:#000!important;
	margin:0 0 15px;
}

.job_04 .cont_area p {
	font-size:16px;
	line-height:200%;
}

.job_04 .cont_area figure {
	margin:0;
}

/* branding promotion */
.brnd_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.brnd_01 .kaso_h2 {
	margin:0 5% 60px;
}

.brnd_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.brnd_01 figure {
	width:70%;
}



.brnd_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	padding:0 5% 30px;
}

.brnd_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.brnd_02,.brnd_03 {
		position:relative;
	top:-64px;
}

.brnd_02 h3 {
	font-size:18px;
	margin:0 0 15px;
}

.brnd_02 .c_area {
	margin:0 0 80px;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/wht_skk.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:90%;
	padding:30px;
}

.brnd_02 .c_area .text_area {
	padding:80px 2% 0 0;
}

.brnd_02 .c_area .text_area p {
	font-size:15px;
}

.brnd_02 .c_area .eigo {
	color:#707070;
	font-size:16px;
	margin:0 0 20px;
}

.brnd_03 h3 {
	font-size:20px;
	font-weight:500;
}

.brnd_03 h3 .swl-inline-color {
	font-family: "Roboto Condensed";
	font-size:50px;
	font-style:italic;
	font-weight:bold;
}

.brnd_03 .text_area p {
	font-size:16px;
	line-height:200%;
	color:#666666;
}

.brnd_03 figure {
	padding:30px;
}
	
.brnd_04 {
	padding-bottom: 160px !important;
}

.dtp_01 .sub {
	font-size:20px;
	margin:0 5%;
	color:#000;
}

.dtp_01 .kaso_h2 {
	margin:0 5% 60px;
}

.dtp_01 .copy {
	font-size:20px;
	font-weight:500;
	margin:0 5% 30px;
}

.dtp_01 figure {
	width:70%;
}

.dtp_01 .text_area {
	font-size:18px;
	line-height:200%;
	font-weight:400;
	padding:0 5% 30px;
}

.dtp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.dtp_02 h2 {
	font-size:20px;
}

.dtp_02 .text {
	font-size:16px;
	line-height:200%;
	color:#666666;
	margin:0 0 50px;
}

.dtp_02 .c_box p {
	font-size:16px;
	font-weight:500;
}

/* relation division */

.reld_01 .sub {
    font-size: 20px;
    margin: 0 5% 10px;
    color: #000;
}

.reld_01 .kaso_h2 {
	margin:0 5% 50px;
}

.reld_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.reld_01 h3 {
	font-size:20px;
	margin:0 5% 30px;
}

.reld_01 .c_box p {
	font-size:16px;
	padding:0 5% 0 0;
	line-height:200%;
	margin:0 5% 30px;
}

.reld_01 .c_box figure {
	width:70%;
}

.reld_01 .c_02 {
	padding:50px 0 100px 5%;
} 

.reld_01 .wth_30 {
	width:100%;
	margin:0;
}

.reld_02 {
		position:relative;
	top:-64px;
}

.reld_02 .kaso_h2 p {
	color:#fff;
}

.reld_02 .c_but {
	position:relative;
	background-color:#2B2B2B;
}

.reld_02 .c_but:hover {
	opacity:0.7;
	transition:0.5s;
	background-color:#545454;
}

.reld_02 .c_but:after {
	content:'';
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/gry_yjr.png);
}

.reld_02 .c_but .eigo {
	margin:0;
	padding:30px 30px 0px;
	color:#DDDAD6;
	font-weight:500;
}

.reld_02 .c_but h3 {
	padding:0 0 30px 30px;
	margin:0;
	font-size:20px;
}

.reld_02 .area_03 {
	margin:0 auto 70px;
}

.reld_02 .ex_area h3 {
	background-color:#000;
	padding:10px;
	font-size:18px!important;
	font-weight:500;
	margin:0 0 15px;
}

.reld_02 .ex_area p {
	margin:0 0 30px!important;
}

/* create division */

.cret_01 .kaso_h2 {
	margin:0 5% 50px;
}

.cret_01 {
	position:relative;
	top:-64px;
	padding:120px 0 0!important;
}

.cret_01 .cont_area {
	margin:0 3% 0 5%;
}

.cret_01 .r_cont {
	padding:0 2%;
}

.cret_01 h3 {
	font-size:20px;
	line-height:200%;
	margin:0 0 30px;
}

.cret_01 .r_cont p {
	font-size:16px;
}

.cret_01 figure {
	padding:0 0 100px;
}

.cret_02 {
		position:relative;
	top:-64px;
}

.cret_02 .kaso_h2 p {
	color:#fff;
}

.cret_02 .kaso_h2 {
	margin:0 0 100px;
}

.cret_02 .crt_list {
	margin:0 5% 100px;
}

.cret_02 .ttl_clm {
}

.cret_02 .r_clm {
	width:100%;
}

.crt_title {
		position:relative;
}

.crt_title h3 {
	font-size:50px;
	margin:0;
	line-height:100%;
}

.crt_title:before {
	content:'';
	width:18px;
	height:18px;
	display:block;
	position:absolute;
	top:-11px;
	left:-15px;
	background-color:#004DA0;
}

.crt_title p {
	font-size:16px;
}

.cret_02 .c_but {
	position:relative;
	background-color:#2B2B2B;
}

.cret_02 .c_but:hover {
	opacity:0.7;
	transition:0.5s;
	background-color:#545454;
}

.cret_02 .c_but:after {
	content:'';
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/gry_yjr.png);
}

.cret_02 .c_but .eigo {
	margin:0;
	padding:30px 30px 0px;
	color:#DDDAD6;
	font-weight:500;
}

.cret_02 .c_but h3 {
	padding:0 0 60px 30px;
	margin:0;
	font-size:20px;
}

/* new website */
.newhp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
	text-align:center;
}

.newhp_01 .kaso_h2 {
	margin:0 0 30px;
}

.newhp_01 .copy {
	font-size:22px;
	margin:0 5% 15px;
	font-weight:500;
}

.newhp_01 .sub {
	font-size:20px;
	margin:0 5% 30px;
}

.newhp_01 .text {
	font-size:16px;
	margin:0 5% 0;
	line-height:200%;
}

.newhp_01 figure {
	width:100%;
}

.newhp_02,.newhp_03 {
	position:relative;
	top:-64px;
}

.newhp_02 .kaso_h2 h2,.newhp_02 .kaso_h2 p {
	color:#004DA0;
}

.newhp_02 .kaso_h2 {
	margin:0 0 120px;
}

.newhp_02 .point_ttl {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/newhp_02.png);
	background-position:top center;
	background-repeat:no-repeat;
	display: table;
  width: 165px;
  padding: 36px 0 0;
	position:absolute;
	top:-85px;
	left:calc(50% - 83px);
	background-size: 104%;
}

.newhp_02 .point_ttl img {
	height:70px;
	width:auto;
}

.newhp_02 .p_clm {
	background-color:#fff;
	padding:20px 20px 30px;
	position:relative;
	box-shadow:3px 0px 10px #23234fb0;
	margin-bottom:70px;
}

.newhp_02 .p_clm h3 {
	color:#004DA0;
	font-size:20px;
	margin:50px 0 20px;
}

.newhp_02 .p_clm p {
	font-size:16px;
	margin:0 0 20px;
}

.newhp_02 .p_clm a {
	border-radius:0;
	margin:20px 0 10px!important;
}
	
	.newhp_02 .swell-block-columns__inner {
		justify-content:center;
	}

.flw_h2 {
	clear:both;
}

.flw_h2 h2 {
	font-size:55px;
	float:left;
	margin:0 0 100px;
}

.flw_h2 p {
	font-size:20px;
	color:#757575;
	padding:30px 20px 0!important;
	display:table;
}

.flw_prt {
	clear:both;
}

.newhp_03 .jisya {
	background-color:#000;
	color:#fff;
	padding:10px;
	font-size:20px;
}

.newhp_03 .tasya {
	background-color:#757575;
	color:#fff;
	padding:10px;
	font-size:20px;
}

.jisya_step .swell-block-step__title {
	background-color:#333333!important;
	color:#fff;
	padding:0 20px;
	font-size:18px!important;
}

.tasya_step .swell-block-step__title {
	background-color:#757575!important;
	color:#fff;
	padding:0 20px;
	font-size:18px!important;
}

.swell-block-step__number {
    height: 60px;
    width: 60px;
	  left: -5px;
}

.swell-block-step__number:after {
    font-size: 30px;
	font-weight:bold;
}

.swell-block-step__item {
    padding: 0 0 3em 90px;
}

/* website　renewal */
.rehp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
	text-align:center;
}

.rehp_01 .kaso_h2 {
	margin:0 0 30px;
}

.rehp_01 .copy {
	font-size:22px;
	margin:0 0 15px;
	font-weight:500;
}

.rehp_01 .sub {
	font-size:20px;
	margin:0 0 30px;
}

.rehp_01 .text {
	font-size:16px;
	margin:0 5% 30px 0;
	line-height:200%;
}

.rehp_01 figure {
	width:100%;
}

/* mobile-friendly */
.mbil_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
	text-align:center;
}

.mbil_01 .kaso_h2 {
	margin:0 0 30px;
}

.mbil_01 .copy {
	font-size:22px;
	margin:0 0 15px;
	font-weight:500;
}

.mbil_01 .sub {
	font-size:20px;
	margin:0 0 30px;
}

.mbil_01 .text {
	font-size:16px;
	margin:0 5% 30px;
	line-height:200%;
}

.mbil_01 figure {
	width:100%;
}

.hp_contarea .text {
font-size: 18px;
    font-weight: 500;
    margin: 0 0 20px;
    position: relative;
    top: -30px;
}

.hp_contarea .tel {
	font-size:50px;
	font-weight:bold;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/tek_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    padding: 0 0 0 43px;
    white-space: nowrap;
    line-height: 130%;
	display:table;
	margin:0 auto;
}
	
		.hp_contarea .tel a {
		color:#333;
	}

.hp_contarea  .cont_but a {
	padding: 15px 65px 15px 95px;
    background-image: url(https://brandea.co.jp/_cp/wp-content/uploads/2025/12/mail_ico.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50px center;
    font-size: 18px !important;
    white-space: nowrap;
    border: 1px solid #004da1;
	background-color:#004da1;
	color:#fff!important;
}

.hp_contarea  .cont_but a:hover {
	background-color:#004da18a;
	transition:0.5s;
}


/* Recruitment website */
.rcrthp_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
	text-align:center;
}

.rcrthp_01 .kaso_h2 {
	margin:0 0 30px;
}

.rcrthp_01 .copy {
	font-size:22px;
	margin:0 0 15px;
	font-weight:500;
}

.rcrthp_01 .sub {
	font-size:20px;
	margin:0 0 30px;
}

.rcrthp_01 .text {
	font-size:16px;
	margin:0 5% 30px;
	line-height:200%;
}

.rcrthp_01 figure {
	width:100%;
}

/* Website maintenance */
.maint_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
	text-align:center;
}

.maint_01 .kaso_h2 {
	margin:0 0 30px;
}

.maint_01 .copy {
	font-size:22px;
	margin:0 0 15px;
	font-weight:500;
}

.maint_01 .sub {
	font-size:22px;
	margin:0 0 30px;
}

.maint_01 .text {
	font-size:16px;
	margin:0 5% 30px 0;
	line-height:200%;
}

.maint_01 figure {
	width:100%;
}

.maint_03 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.maint_03 table {
	background-color:#fff;
	width:90%!important;
	margin:0 auto;
}

.maint_03 table th {
	background-color:#333;
	color:#fff;
	width:30%!important;
	text-align:center;
}


.maint_03 table td {
padding-left: 30px;
}

.maint_03 .wp-block-table {
	margin:0 0 10px;
}
	
	.maint_03 p {
        margin-right:5%;
    }

/* Website consultation */
.webcons_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
	text-align:center;
}

.webcons_01 .kaso_h2 {
	margin:0 0 30px;
}

.webcons_01 .copy {
	font-size:22px;
	margin:0 0 15px;
	font-weight:500;
}

.webcons_01 .sub {
	font-size:20px;
	margin:0 0 30px;
}

.webcons_01 .text {
	font-size:16px;
	margin:0 5% 30px;
	line-height:200%;
}

.webcons_01 figure {
	width:100%;
}

/* Privacy policy */
.pp_01 .pp_area p {
	font-size:16px;
	margin:0 0 30px;
}

.pp_01 .pp_area li {
		font-size:16px;
	list-style:none;
	margin:0 0 15px;
}

.pp_01 .pp_area ol,.pp_01 .pp_area ul {
	margin:0 0 30px;
}

/* PICTURE CREATION */
.picc_01 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.picc_01 .kaso_h2 {
	margin:0 0 30px 5%;
}

.picc_01 .text_area {
}


.picc_01 .text_area h3 {
	font-size:20px;
	margin:50px 5% 10px;
}

.picc_01 .text_area p {
	font-size:18px;
	margin:0 5% 50px;
	line-height:200%;
}

.picc_01 figure {
	width:100%;
}


.picc_02 {
	position:relative;
	top:-64px;
	padding:120px 0 100px!important;
}

.picc_02 .cont_box {
	background-color:#fff;
	padding:40px 20px;
}

.picc_02 .cont_box h3 {
	font-size:20px;
	margin:0 0 30px;
}

.picc_02 .cont_box figure {
	padding:0 30px 15px;
}

.picc_02 .b_01 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_01.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_02 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_02.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_03 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_03.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .b_04 {
	background-image:url(https://brandea.co.jp/_cp/wp-content/uploads/2026/01/pcf_04.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}

.picc_02 .cont_area {
	margin:0 0 70px;
}

.picc_02 a {
	border-radius:0;
}

/* お問い合わせ */

#cf_lp table,#cf_lp table tr,#cf_lp table th,#cf_lp table td {
		border:none;
	background:none;
}

#cf_lp table {
	margin:0 auto 20px!important;
	width:90%;
}

.required00 {
    font-size: 0.7rem;
    padding: 0px 8px;
    background: #004DA0 !important;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
    order: 2;
    display: flex;
    align-items: center;
}

#cf_lp table tr th p {
    display: flex;
    align-item: center;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 10px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #fff;
}

.contactarea_02 p {
	text-align:center;
}

input.wpcf7-submit {
    display: block;
    padding: 10px;
    width: 320px;
    letter-spacing: 0.1rem;
    margin: 70px auto 0;
    transition: all .25s;
    background: #004DA0;
    border: 0;
    font-weight: bold;
    color: #fff;
}

input.wpcf7-submit:hover {
	opacity:0.7;
}

.contact_cont p {
	text-align:center;
}

/* お問い合わせ */
.contact_01 p {
	text-align:center;
	font-size:16px;
}
	
	.contact_01 a {
		color:#333;
	}

.l-content {
    margin: 0 auto;
}

.l-topTitleArea h1::first-line {
    font-size: 50px;
    font-family: "Roboto Condensed";
    background-color: #fff;
    color: #000;
    text-shadow: none;
    padding: 0 10px;
}

/* シングルページ */

.p-articleMetas.-top {
    margin: 0;
}

.l-article {
	padding:0 0 50px;
}
	
	.top_08 {
	padding: 130px 0 0 !important;
} 

/* footer {
	margin: -82px 0 0;
} */

.is-active {
	background: #00000017;
	    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	box-shadow: 1px 3px 5px #0000002e;
}

.top #content {
/*     margin-bottom: -82px; */
}

.top_08 {
    padding: 130px 0 0 !important;
    margin: 0 0 -82px;
}

/* 
リレーションシップ */
.reld_02 .non_link {
	    position: relative;
    background-color: #2B2B2B;
}

.reld_02 .non_link .eigo {
    margin: 0;
    padding: 30px 30px 0px;
    color: #DDDAD6;
    font-weight: 500;
}

.reld_02 .non_link h3 {
    padding: 0 0 60px 30px;
    margin: 0;
    font-size: 25px;
}

/* お問い合わせ */
.contact_02 {
	margin-bottom:-48px;
}

.contact_01 .bg_gry {
	background-color:#f7f7f7;
	padding:50px;
}

.contact_01 .bg_gry .tel_p {
	font-size:30px;
	margin-bottom:0;
}
	
.contact_01 .jikan {
	font-size:14px!important;
	margin:0 0 30px;
}
	
	.contact_01 .line_p {
	    color: #00b900;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 500;
	}
	
	/* page404 */
	
		.error404 {
		padding:60px 0 0;
}

.error404 .l-header__inner {
	background: #00000017;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        box-shadow: 1px 3px 5px #0000002e;
}

	
	/* 	end */
}