/* ---------------------------------------	
ヘッダー	
---------------------------------------	
 */
/* headerにあてると投稿ページのトップにも反映されてしまう */
.l-header {
	background-color: white !important;
	margin: 0;
}

header li a {
	padding: 0px !important;
}

header li {
	margin-left: 16px !important;
}

header li small {
	font-size: 12px !important;
}

.l-header__content {
	max-width: 1360px !important;
	margin: 0 auto;
	padding: 0 40px;
}

header .c-fluid-container {
	padding: 0px;
}

header .c-row {
	margin: 0px !important;
}

header .c-row__col {
	padding: 0px !important;
}

header .l-1row-header__branding {
	padding: 0px !important;
	display: flex;
}

.p-global-nav .c-navbar__item>a {
	padding: 10px 8px !important;
}

/* 実サイトから"item-num"を確認 */
.l-header .menu-item-35 {
	background-color: #f5d547;
}


/* スクロールで表示されるドロップナビ */
header .p-drop-nav {
	background-color: white !important;
	margin: 0;
	/* padding-top: 10px;
	padding-bottom: 10px; */
}

header .p-drop-nav .c-container {
	padding: 0 40px !important;
}

header .p-drop-nav li {
	padding: 0px !important;
}

header .p-drop-nav li {
	margin-left: 20px !important;
	display: inline-block;
	padding-top: 14px !important;
	/* 微調整 */
}

/* 実サイトから"item-num"を確認 */
.p-drop-nav .menu-item-35 a {
	background-color: #f5d547;
	padding: 2px 16px 3px 16px !important;
	border-radius: 20px;
	transition: 0.4s;
}

/* 実サイトから"item-num"を確認 */
.p-drop-nav .menu-item-35 a:hover {
	background-color: white;
	color: #FF6810;
}

/* ---------------------------------------	
ドロワーナビ	
---------------------------------------	
*/

#drawer-nav {
	backdrop-filter: blur(5px);
	background: linear-gradient(90deg, rgba(8, 85, 194, 0.85) 0%, rgba(17, 70, 145, 0.85) 67%, rgba(27, 54, 92, 0.85) 100%);
}

.c-drawer__inner {
	padding-left: 60px !important;
	padding-right: 400px !important;
	margin-top: 0px !important;
}

#drawer-nav ul {
	padding-top: 30px !important;
	display: flex;
	flex-direction: column;
}

#drawer-nav li {
	font-size: 20px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 30px;
	display: inline-block;
	border-bottom: 1px solid white;

}

.drawer_nav-img {
	width: 80%;
	background-color: white;
}



/* ---------------------------------------	
共通
---------------------------------------	
*/

/* セクションサブタイトル */
.smb-section__subtitle {
	color: #8EB6E1;
	opacity: 0.6;
	font-size: 18px;
	line-height: 28px;
}

/* セクションタイトル */
.section h2 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 1000;
	letter-spacing: 0.03rem;
	position: relative;
}

.smb-section__lede {
	font-size: 17px !important;
	line-height: 28px !important;
}

/* 強調してサイズを大きくするときは"xl"をあてる */
.section h2 .has-sm-3-xl-font-size {
	font-size: 36px !important;
	position: relative;
}

.section h2 .has-sm-3-xl-font-size::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/Line.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/Line.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 110px;
	height: 17px;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}


.section {
	padding-top: 100px;
	padding-bottom: 80px;
}

.l-contents__inner {
	margin-top: 0px !important;
	padding-bottom: 0px !important;
}

.c-pagination {
	margin-bottom: 40px !important;
}

.c-entries {
	margin-bottom: 40px !important;
}

/* .smb-section__body:not(:first-child) {
	margin-top: 80px !important;
} */

.l-contents__sidebar {
	padding-bottom: 40px !important;
}

/* 記事ページのサイドバーのタイトル */
.l-contents__sidebar h2 {
	color: #1b365c;
}

#block4 {
	display: none;
}

.c-page-header__title {
	color: #333333;
	font-size: 30px;
}

/* トップページ固定CTAボタン */
.top-cta-btn {
	width: 320px !important;
	padding: 0 20px 20px !important;
}

.top-cta-btn .smb-items__item__body {
	padding: 0px !important;
	width: 100%;
}

.top-cta-btn .smb-items__item__lede {
	padding: 5px 0px;
	width: 100%;
	text-align: center;
	background-color: #FFC72C;
}

.top-cta-btn .smb-items__item__title {
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
	font-size: 18px !important;
}

.top-cta-btn .smb-items__item__title .has-sm-l-font-size {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 18px;
}

.top-cta-btn .smb-items__item__title a {
	position: relative;
	text-decoration: none;
	color: #333333;
	display: inline-block;
	width: 100%;
	line-height: 24px;
}

.top-cta-btn .smb-items__item__title a::before {
	position: absolute;
	content: "";
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-contact-mail.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 14px;
	top: 20%;
	left: calc(50% - 118px);
	transform: translateY(-50%);
}

.top-cta-btn .smb-items__item__content {
	width: 100%;
	text-align: center;
	margin-top: 0px !important;
	padding-bottom: 10px;
	font-size: 14px !important;
}


/* ---------------------------------------	
ボタン
---------------------------------------	
 */

.btn1 {
	background: #FFA443;
	background: linear-gradient(180deg, rgba(255, 164, 67, 1) 0%, rgba(255, 102, 0, 1) 50%, rgba(255, 164, 67, 1) 100%);
	transition: 0.4s;
	position: relative;
}

.btn1::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/btn1-icon.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/btn1-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 52%;
	/* 設定箇所➀ */
	right: 30px;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
}

.btn1:hover {
	transform: translateY(-10px);
}

.btn1 a {
	background-color: transparent !important;
	font-weight: bold;
	font-size: 18px;
	/* 設定箇所➁ */
	padding: 12px 70px 12px 38px;
}

.btn1 a:hover {
	background-color: transparent !important;
}



.btn2 {
	background-color: transparent !important;
	border: 1px solid #333;
	transition: 0.4s;
	position: relative;
}

.btn2::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/btn2-icon.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/btn2-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 52%;
	right: 50px;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
}

.btn2 a {
	border: none !important;
	font-weight: bold;
	font-size: 18px;
	/* 設定箇所➁ */
	padding: 12px 90px 12px 58px;
}

.btn2:hover {
	transform: translateY(-10px);
}

.btn2 a {
	background-color: transparent !important;
	font-weight: 700;
}

.btn2 span {
	transition: 0.4s;
}


.btn3 {
	background: #1B365C;
	transition: 0.4s;
	position: relative;
}

.btn3::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/btn1-icon.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/btn1-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 52%;
	right: 40px;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
}

.btn3:hover {
	transform: translateY(-10px);
}

.btn3 a {
	background-color: transparent !important;
	font-size: 18px;
	/* 設定箇所➁ */
	padding: 12px 80px 12px 48px;
}

.btn3 a:hover {
	background-color: transparent !important;
}

.btn4 {
	background: #F5D547;
	transition: 0.4s;
	position: relative;
}

.btn4::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/btn2-icon.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/btn2-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 51%;
	right: 50px;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
}

.btn4:hover {
	transform: translateY(-10px);
}

.btn4 a {
	background-color: transparent !important;
	/* 設定箇所➁ */
	padding: 12px 90px 12px 58px;
}

.btn4 a:hover {
	background-color: transparent !important;
}


/* ----------------------------------------------------------------------------	
TOPページ
-------------------------------------------------------------------------------	
*/
/* ---------------------------------------	
FV
---------------------------------------	
*/

.fv {
	height: 670px !important;
	padding: 20px 40px 80px 40px;
	position: relative;
}

.fv .smb-section-with-bgimage__bgimage img {
	object-position: 63% 50%;
}


.fv .box {
	position: absolute;
	width: 45% !important;
	top: 10%;
	left: 40px;
	padding: 0;
	z-index: 10;
	color: white;
}

.fv .tag {
	font-size: 20px;
	font-weight: 1000;
	line-height: 2rem;
	color: white;
	display: inline-block;
	padding: 4px 0px 4px 10px;
	background: rgb(8, 85, 194);
	background: linear-gradient(90deg, rgba(8, 85, 194, 1) 0%, rgba(17, 70, 145, 1) 67%, rgba(27, 54, 92, 1) 100%);
	position: relative;
	border-right: 1px solid #1b365c;
}

.fv .tag::before {
	position: absolute;
	content: "";
	top: -0px;
	right: -26px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #1b365c;
	border-width: 40.5px 0px 0px 26px;
}

.fv .text1 {
	font-size: 16px;
	font-weight: 501;
	line-height: 26px;
	letter-spacing: 0.07em;
	margin-top: 10px !important;
	margin-bottom: 6px !important;
}


.fv .title {
	font-size: 52px;
	font-weight: 1000 !important;
	/* line-height: 10px; */
	letter-spacing: -0.01em;
	width: 100%;
	margin-bottom: 10px !important;
}

/* タイトルの小文字部分 */
.fv .text2 {
	margin-top: 10px !important;
	/* ↓ここで微調整 */
	line-height: 30px !important;
}

.fv .text2 span {
	font-size: 27px !important;
	font-weight: 1000 !important;
	/* ↓ここで微調整 */
	line-height: 36px;
	letter-spacing: -0.01em;
}

/* マーケティング調査～～ */
.fv .text3 {
	font-size: 16px;
	font-weight: 501;
	line-height: 26px;
	letter-spacing: 0.07em;
	margin-top: 16px !important;
}

.fv .text3 .sme-text-color {
	font-size: 20px;
	/* line-height: 26px;
	letter-spacing: 0.07em; */
}


.fv .icons {
	width: 480px;
	/* margin-top: 0px !important; */
	margin-left: 0px !important;
	margin-right: 0 !important;
}

.fv .icons-sp {
	display: none;
}

.fv .img-box {
	/* width: 160px; */
	margin-right: 20px !important;
}

.fv .icon {
	margin: 0px !important;
}

.top-cta {
	padding: 20px;
	display: none;
}

.top-cta .cta-text2 {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	position: relative;
}

.top-cta .cta-text2::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-cta-line1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-cta-line1.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 51%;
	left: -40px;
	transform: translateY(-50%);
	width: 21px;
	height: 29px;
	z-index: 10;
}

.top-cta .cta-text2::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-cta-line2.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-cta-line2.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 51%;
	right: -40px;
	transform: translateY(-50%);
	width: 21px;
	height: 29px;
	z-index: 10;
}

.top-cta .sp-btn {
	margin-top: 10px !important;
}

/* ---------------------------------------	
problem
---------------------------------------	
*/

.problem {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}

.problem .box {
	width: 950px !important;
}

.problem .has-sm-s-font-size {
	font-size: 15px !important;
}

.problem .lists {
	text-align: left;
}

.problem .list {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	padding-left: 10px;
}

.problem .list::before {
	content: '';
	position: absolute;
	top: 15px;
	left: -18px;
	width: 10px;
	height: 5px;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(-45deg) translate(-50%, -50%);
	z-index: 10;
}

.problem .list::after {
	content: "";
	position: absolute;
	margin: 0;
	top: 10px;
	bottom: 0;
	left: -1.5em;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #022F80;
}

.problem .text1 {
	margin-top: 50px !important;
	margin-bottom: 40px !important;
	position: relative;
	font-size: 16px !important;
	display: inline-block;
}

.problem .text1::before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	/* background-image: url(http://localhost:10107/wp-content/uploads/2025/04/top-problem-underline.png); */
	background-image: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-problem-underline.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 12px;
}

.problem .img2 {
	width: 685px;
}

.problem .text2 {
	margin-top: 40px !important;
	font-size: 20px;
}

.ms-box {
	padding: 50px 40px;
	text-align: center;
}

.ms-box .text1 {
	font-size: 22px !important;
	font-weight: 700 !important;
	display: inline-block;
	position: relative;
}

.ms-box .text1::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/Line-2.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/Line-2.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	top: 51%;
	left: -32px;
	transform: translateY(-50%);
}

.ms-box .text1::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/Line-3.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/Line-3.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	top: 51%;
	right: -40px;
	transform: translateY(-50%);
}


.ms-box .text2 {
	font-size: 20px !important;
	font-weight: 700 !important;
	margin-top: 10px !important;
}

.ms-box .text3 {
	font-size: 28px !important;
	line-height: 32px;
	font-weight: 700 !important;
	margin-top: 6px !important;
}

.ms-box .text3 .sme-font-size {
	font-size: 34px !important;
}

.ms-box .text3 .sme-text-color {
	font-size: 34px !important;
}


/* ---------------------------------------	
reason
---------------------------------------	
 */

.reason {
	background-color: #f2f2f2;
	margin-top: 0px !important;
	padding-bottom: 160px;
	padding-left: 40px;
	padding-right: 40px;
}

.reason h2 .has-sm-4-xl-font-size {
	position: relative;
}

.reason h2 .has-sm-4-xl-font-size::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/Line.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/Line.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 110px;
	height: 17px;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}

.reason .text {
	font-size: 17px !important;
	line-height: 28px !important;
	white-space: nowrap;
}

.reason .box {
	position: relative;
	padding: 0px;
}

.reason .num {
	position: absolute;
	content: "";
	top: -20px;
	left: 20px;
	font-size: 39px;
	line-height: 39px;
	color: #1B365C;
	font-weight: 1000 !important;
	z-index: 10;
}

.reason .box .img {
	margin-top: 0;
}

.reason .box .text-box {
	margin-top: 0;
	padding: 30px 15px;
}

.reason .content-title {
	font-size: 25px;
	font-weight: 700 !important;
}

.reason .add-text {
	font-size: 26px;
	font-weight: 1000 !important;
	position: relative;
}

.reason .add-text::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-reason-more_arrow.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-reason-more_arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -34px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 20px;
}

.reason .ms-box2 {
	width: 900px;
	padding: 0;
	text-align: center;
	margin-top: 80px !important;
	position: relative;
}

.reason .ms-box2::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/unnamed-file.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/05/top-reason-left_side.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 30px;
	left: 0;
	width: 20px;
	height: 100%;
}

.reason .ms-box2::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/unnamed-file-1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/05/top-reason-right_side.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 30px;
	right: 0;
	width: 20px;
	height: 100%;
}

.reason .ms-box3 {
	width: 900px;
	padding: 0;
	text-align: center;
	margin-top: 80px !important;
	position: relative;
}

.reason .ms-box3::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/unnamed-file.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/05/top-reason-left_side2.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 55%;
	left: calc(50% - 400px);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 100%;
}

.reason .ms-box3::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/unnamed-file-1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/05/top-reason-right_side2.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 55%;
	right: calc(50% - 400px);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 100%;
}

.reason .text1 {
	font-size: 25px;
	display: inline-block;
	letter-spacing: 0.1em;
	z-index: 10;
	position: relative;
}

.reason .text1 .sme-text-color {
	font-size: 35px;
	font-weight: 700;
	margin-left: 6px;
	margin-right: 6px;
}

.reason .support-box {
	padding-left: 60px;
	padding-right: 60px;
}

.reason .text2 {
	font-size: 22px;
	font-weight: 600;
	padding-left: 70px;
	position: relative;
	line-height: 30px;
}

.reason .text2::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-reason-icon1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-reason-icon1.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
}

.reason .text2 .sme-font-size {
	font-size: 18px;
}

.reason .text3 {
	font-size: 22px;
	padding-left: 70px;
	position: relative;
}

.reason .text3::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-reason-icon2.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-reason-icon2.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
}


/* ---------------------------------------	
message
---------------------------------------	
*/
.message {
	padding-top: 30px !important;
	padding-left: 40px;
	padding-right: 40px;
}

.message .box {
	position: relative;
	padding: 0 25px;
}

.message .box::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: rgb(8, 85, 194);
	background: linear-gradient(135deg, rgba(8, 85, 194, 1) 0%, rgba(17, 70, 145, 1) 50%, rgba(27, 54, 92, 1) 100%);
	border-radius: 10px;
}

.message .text-box {
	padding-bottom: 36px;
}

.message .text1 {
	font-size: 25px;
	font-weight: bold;
	color: white;
}

.message .text2 {
	margin-top: 20px !important;
	font-size: 35px;
	line-height: 50px;
	font-weight: bold;
	color: white;
	/* position: relative; */
}

.message .text2 .has-sm-l-font-size {
	font-size: 35px !important;
	position: relative;
}

.message .text2 .has-sm-l-font-size::before {
	position: absolute;
	content: "・・・";
	top: -30px;
	/* right: 150px; */
	/* font-size: 35; */
	font-weight: bold;
}

.message .text3 {
	font-size: 20px;
	line-height: 34px;
	letter-spacing: 0.04em;
	font-weight: medium;
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

/* ---------------------------------------	
service
---------------------------------------	
*/

.service {
	padding-left: 40px;
	padding-right: 40px;
}

.service .text {
	font-size: 17px !important;
	line-height: 28px !important;
}

.service .box {
	position: relative;
}

.service .box::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-service-reco1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-service-reco1.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: -18px;
	left: 0;
	width: 163px;
	height: 18px;
}

.service .box::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-service-reco2.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-service-reco2.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: -38px;
	left: -13px;
	/* transform: translate(-50% -50%); */
	width: 180px;
	height: 80px;
	z-index: 10;
}

.service .text-box {
	height: 369px;
	padding: 60px 50px 30px 50px;
}

.service .text-box .title {
	font-size: 32px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 20px !important;
}

.service .text-box .title .has-sm-l-font-size {
	font-size: 25px !important;
}

.service .text-box .title .has-sm-m-font-size {
	font-size: 20px !important;
	font-weight: medium;
}

.service .text-box .text1 {
	line-height: 25px;
}

.service .box .list:not(:first-child) {
	margin-top: 0px !important;
}


.service .img-box {
	height: 369px;
	width: 100%;
}

.service .img {
	height: 100% !important;
	width: 100%;
	overflow: hidden;
}

.service .img img {
	object-fit: cover;
	height: 100% !important;
	width: 100%;
}

.service .box2 {
	padding: 0;
}

.service .text-box2 {
	padding: 30px 20px;
	margin-top: 0 !important;
}

.service .content-title {
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 60px !important;
}

.service .content-title .has-sm-s-font-size {
	font-size: 22px !important;
}

.service .sub-title {
	margin-bottom: 20px !important;
}

.service .content-title .has-sm-m-font-size {
	font-size: 20px !important;
	line-height: 12px;
}

.service .text2 {
	font-size: 17px;
	font-weight: medium;
	margin-top: 40px !important;
	margin-bottom: 80px !important;
}

/* ---------------------------------------	
top-works
---------------------------------------	
*/
.top-works {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.top-works::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-works-bg-1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-works-bg-1.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.top-works .text1 {
	font-size: 24px;
	margin-top: 10px !important;
}

.top-works .text2 {
	font-size: 16px;
	margin-top: 10px !important;
}

/* ---------------------------------------	
voice
---------------------------------------	
*/
.voice {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.voice::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-voice-bg-1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-voice-bg-1.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voice .box {
	padding: 40px 60px;
}

.voice .text1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 24px;
	margin-top: 6px !important;
}

.voice .btn3 {
	margin-top: 40px !important;
}

.voice .img-voice-sp {
	display: none;
}


/* ---------------------------------------	
plan
---------------------------------------	
*/

.plan {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.plan::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-plan-bg.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-plan-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.plan .wrapper {
	padding: 0;
}

.plan .box {
	margin-top: 80px !important;
}

.plan .plan-box {
	background-color: white;
	padding: 45px 40px;
}

.plan .space {
	margin-top: 30px;
	margin-bottom: 30px !important;
	border: 1px solid #333333;
	padding: 24px;
}

.plan .plan-box .title {
	font-size: 29px;
	font-weight: 1000;
	letter-spacing: 0.1em;
	margin-bottom: 10px !important;
}

.plan .space .title {
	font-size: 24px;
}

.plan .space .title2 {
	font-size: 12px;
}

.plan .line {
	margin-top: 14px !important;
	width: 60%;
}

.plan .plan-box .price {
	font-weight: bold;
	margin-top: 14px !important;
}

.plan .text {
	font-size: 16px !important;
	margin-top: 14px !important;
}

.plan .icon {
	position: relative;
	border: 6px solid #f5d547;
}

.plan .icon::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-plan-reco.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-plan-reco.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 20px;
	transform: translateY(-50%);
	width: 100px;
	height: 100px;
}

.plan .text2 {
	font-size: 12px !important;
	margin-bottom: 60px !important;
}


/* ---------------------------------------	
concept
---------------------------------------	
*/

.concept {
	padding-left: 40px;
	padding-right: 40px;
	background: rgb(8, 85, 194);
	background: linear-gradient(135deg, rgba(8, 85, 194, 1) 0%, rgba(17, 70, 145, 1) 10%, rgba(27, 54, 92, 1) 50%, rgba(17, 70, 145, 1) 90%, rgba(8, 85, 194, 1) 100%);
}

.concept h2 {
	color: white;
}

.concept .text-box {
	background-color: white;
	margin-top: 60px;
	padding: 70px 40px;
}

.concept .title {
	font-size: 32px;
	font-weight: bold;
}

.concept .text {
	font-weight: bold;
}

.concept .img-box {
	margin-left: -80px !important;
}

/* ---------------------------------------	
faq
---------------------------------------	
*/

.faq {
	padding-left: 40px;
	padding-right: 40px;
}

.faq .wp-block-snow-monkey-blocks-section {
	padding: 0px !important;
}

.faq .c-container {
	padding: 0px !important;
}

.faq .contents {
	border: none !important;
	padding: 0px !important;
}

/* Qの文字色 */
.is-style-RJE_R002LP_faq_items>.smb-accordion__item>.smb-accordion__item__title>.smb-accordion__item__title__label:before {
	color: #FF6600 !important;
}

/* Aの文字色 */
.is-style-RJE_R002LP_faq_items>.smb-accordion__item>.smb-accordion__item__body:before {
	color: #FF6600 !important;
}

/* ---------------------------------------	
column
---------------------------------------	
*/

.column {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.column::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-column-bg.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-column-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.column .c-entry-summary__term {
	display: none;
}

.column .c-entry-summary__meta {
	margin-top: 10px !important;
	justify-content: start;
}


/* ---------------------------------------	
CONTACT
---------------------------------------	
*/
.contact {
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-contact.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-contact.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 40px 40px 60px;
}

.contact .smb-section__subtitle {
	color: rgba(8, 85, 194, 1) !important;
}

.contact .text {
	font-size: 24px;
	color: #333 !important;
}

.contact .smb-panels__item__body {
	padding: 0;
}

.contact .contact-box {
	transition: 0.4s;
}

.contact .contact-box:hover {
	transform: translateY(-10px);
}

.contact .tel-box {
	transition: 0.4s;
}

.contact .tel-box:hover {
	transform: translateY(-10px);
}

.contact .text2 {
	font-size: 11px;
	padding: 6px 0px;
}

.contact .mail-icon {
	font-size: 18px;
	margin-top: 0px !important;
	padding: 12px 0 12px 16px;
	position: relative;
}

.contact .mail-icon::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-contact-mail.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-contact-mail.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 14px;
	top: 53%;
	left: calc(50% - 112px);
	transform: translateY(-50%);
}

.contact .text-box {
	margin-top: 0px !important;
	padding: 9px 0;
}

.contact .text-tel-box {
	margin-top: 0px !important;
	padding: 9px 0;
}

.contact .tel-icon {
	font-size: 20px;
	line-height: 20px;
	margin-top: 0px !important;
	position: relative;
}

.contact .tel-icon::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-contact-tel.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-contact-tel.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 14px;
	height: 16px;
	top: 55%;
	left: calc(50% - 90px);
	transform: translateY(-50%);
}

.contact .text4 {
	font-size: 10px;
	margin-top: 0px !important;
}


.contact .title {
	font-size: 60px;
	color: white !important;
}

.contact .sub-title {
	font-size: 30px !important;
	line-height: 30px !important;
	font-weight: 1000;
	letter-spacing: 0.1rem;
	color: white;
}

.contact .text {
	color: white;
}



/* ---------------------------------------	
フッター	
---------------------------------------	
*/
/* footerにあてると投稿ページの送り欄にも反映されてしまう */
.l-footer {
	background-color: #003366;
	color: white;
	border: none !important;
	/* margin-top: 30px!important; */
}

.l-footer--default .l-footer-widget-area {
	padding: 0px !important;
}

footer .l-footer-widget-area__item {
	margin-bottom: 0px !important;
}

footer .c-fluid-container {
	padding: 0;
}

footer .widgettitle {
	font-size: 18px !important;
	color: #FF6810;
}

.l-footer .footer-menu {
	/* margin: 0; */
	margin-right: auto;
	margin-left: auto;
	max-width: 1360px;
	padding: 10px 40px 30px;
}

.footer-logo {
	width: 140px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	background-color: white;
}

.l-footer .text-box {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
}

.footer-privacy-policy {
	font-size: 12px;
	text-align: left;
	margin: 10px 0px 0px !important;
	color: white !important;
	text-decoration: none !important;
}

.footer-privacy-policy a {
	color: white !important;
	text-decoration: none !important;
}

.footer-privacy-policy a:hover {
	border-bottom: 1px solid white;
}

.l-footer .widget_nav_menu {
	margin: 0;
}

.l-footer ul {
	display: flex;
	/* liタグ内で改行させずにタグごと改行する */
	flex-wrap: wrap;
}

.l-footer .footer-menu ul li {
	margin-top: 0px !important;
	font-size: 12px;
	margin-right: 26px !important;
	position: relative;
}

.l-footer .footer-menu ul li::before {
	position: absolute;
	content: "";
	border: 1px solid white;
	height: 80%;
	width: 1px;
	right: -13px;
	top: 50%;
	transform: translateY(-50%);
}

.l-footer .footer-menu ul li:last-child::before {
	display: none;
}

.l-footer .svg-inline--fa {
	width: 26px;
	height: 26px;
}

.l-footer .copy-right {
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px !important;
}

.c-copyright {
	background-color: #003366;
	padding: 10px 0;
}

/* 特定のページのウィジェット削除 */
.page-id-20 .l-footer-widget-area {
	display: none;
}

/* .page-id-900 .l-footer-widget-area {
	display: none;
} */


/* ----------------------------------------------------------------------------	
introduction
-------------------------------------------------------------------------------	
*/
/* ---------------------------------------	
intro-ms
---------------------------------------	
*/
.intro-ms {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.intro-ms::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/intro-ms-bg.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/intro-ms-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: -42px;
	left: 0;
	width: 100%;
	height: calc(100% + 46px);
	z-index: -10;
}

.intro-ms .box {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

.intro-ms .prof {
	position: relative;
}

.intro-ms .prof::before {
	position: absolute;
	content: "";
	background: #104F8F;
	width: 90%;
	height: 100%;
	top: 0;
	right: 0;
	border-top-left-radius: 10px;
}

.intro-ms .name-text {
	position: absolute;
	color: white;
	top: 20%;
	right: 30px;
	transform: translate(-50% -50%);
}

.intro-ms .name-text strong {
	font-size: 20px;
}

.intro-ms .img {
	margin-top: 0px !important;
}

.intro-ms .img img {
	width: 300px;
}

.intro-ms .career-list {
	margin-top: 6px !important;
	font-size: 14px !important;
}

.intro-ms .career-list .c-row__col--md-1-4 {
	padding-right: 0px !important;
}

.intro-ms .career-list .c-row__col--md-3-4 {
	padding-left: 0px !important;
}

.intro-ms .ms-box {
	padding: 0;
}

.intro-ms .name-text2 {
	font-size: 20px;
}

.performance-box {
	margin-top: 80px !important;
}

.performance-box .title {
	margin-bottom: 10px !important;
}

/* ---------------------------------------	
vision
---------------------------------------	
*/
.vision {
	padding-left: 40px;
	padding-right: 40px;
}

.vision .img {
	margin-bottom: 16px !important;
}

.vision .title {
	margin: 14px 0px !important;
}

.vision .line {
	width: 60% !important;
}

.vision .smb-panels__item__body {
	padding: 40px 26px;
}

/* ----------------------------------------------------------------------------	
service
-------------------------------------------------------------------------------	
*/
/* ---------------------------------------	
strength
---------------------------------------	
*/
.strength {
	padding-left: 40px;
	padding-right: 40px;
}

.strength .ms-text strong {
	font-size: 20px;
}

.strength .box1-space {
	margin-top: 80px !important;
}

.strength .box {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

.strength .box::before {
	position: absolute;
	content: "";
	background-color: #f5f5f5;
	width: 100%;
	height: calc(100% - 90px);
	left: 0;
	bottom: 0;
}

.strength .right {
	padding-left: 30px;
	position: relative;
}

.strength .right::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/service-strength-tri1.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/service-strength-tri1.png);
	background-size: cover;
	background-repeat: no-repeat;
	bottom: 0;
	right: 1px;
	height: 370px;
	width: 237px;
}

.strength .left {
	padding-right: 30px;
	position: relative;
}

.strength .left::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/service-strength-tri2.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/service-strength-tri2.png);
	background-size: cover;
	background-repeat: no-repeat;
	bottom: 0;
	left: 1px;
	height: 370px;
	width: 237px;
}


.strength .point-num {
	font-size: 32px;
}

.strength .title {
	font-size: 24px !important;
	display: inline-block;
	border-bottom: 1px solid #072B5D;
}

.strength .point-num .sme-font-size {
	font-size: 57px !important;
	line-height: 57px !important;
	margin-left: 4px;
}

.strength .box img {
	width: 100%;
}

.strength .right-img-box {
	z-index: 10;
}

.strength .left-img-box {
	z-index: 10;
}

.strength .strength-img {
	width: 840px;
	margin-top: 80px !important;
}

.strength .strength-img-sp {
	display: none;
}

.service-ms {
	padding: 30px 40px;
}

.service-ms .text1 {
	font-size: 24px;
	font-weight: bold;
}

.service-ms .text2 {
	font-size: 32px;
	font-weight: bold;
	margin-top: 0px !important;
}

.service-ms .text2 {
	font-size: 32px;
	margin-top: 0px !important;
}

.service-cta {
	padding: 40px 40px;
}

.service-cta .cta-text1 {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}

.service-cta .cta-text1 .sme-text-color {
	font-size: 32px;
}

.service-cta .cta-text2 {
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	position: relative;
}

.service-cta .cta-text2::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/service-left.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/service-left.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 51%;
	left: -40px;
	transform: translateY(-50%);
	width: 21px;
	height: 29px;
	z-index: 10;
}

.service-cta .cta-text2::after {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/service-right.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/service-right.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 51%;
	right: -40px;
	transform: translateY(-50%);
	width: 21px;
	height: 29px;
	z-index: 10;
}


.company-ms {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}

.company-ms::before {
	position: absolute;
	content: "";
	background-color: #FFF9F3;
	width: 60%;
	height: calc(100% + 100px);
	top: -100px;
	left: 0;
	z-index: -10;
}

.company-ms .alignright {
	max-width: 100% !important;
}

.company-ms .img {
	width: 600px;
}

.company-ms .img img {
	width: 100%;
}

/* ---------------------------------------	
process
---------------------------------------	
*/

.process {
	padding-left: 40px;
	padding-right: 40px;
}

.process .text strong {
	font-size: 18px !important;
}

.process .box {
	padding: 50px 30px 50px 0px;
	margin-top: 40px !important;
	position: relative;
}

.process .box::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #103e7d transparent transparent transparent;
	border-width: 20px 20px 0px 20px;
	bottom: -30px;
	left: 57px;
}

.process .no-arrow::before {
	display: none;
}


.process .num-box .text {
	font-size: 20px !important;
	font-weight: bold;
}

.process .num-box .sme-font-size {
	font-size: 36px !important;
	line-height: 0px;
}

.process .inner-box {
	padding: 0 30px;
	border-left: 1px solid #A6A8AB;
}

.process .process-ms {
	position: relative;
	padding: 30px 40px 0px 40px;
	margin-top: 40px !important;
}

.process .process-ms::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/service-flow-bg.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/05/service-flow-bg2.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.process .process-ms::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #103e7d transparent transparent transparent;
	border-width: 20px 20px 0px 20px;
	bottom: -30px;
	left: 57px;
}

.process-ms .text-box {
	padding-bottom: 30px;
}

.process-ms .title {
	font-size: 20px;
	font-weight: bold;
}

.process-ms .text-box .text {
	font-size: 14px;
}


/* ---------------------------------------	
banner
---------------------------------------	
*/
.service-banner {
	padding-left: 40px;
	padding-right: 40px;
}

.service-banner .smb-panels__item {
	box-shadow: none !important;
}

.service-banner .smb-panels__item__body {
	padding: 0;
}


/* ----------------------------------------------------------------------------	
works
-------------------------------------------------------------------------------	
*/
.works-p {
	padding-left: 40px;
	padding-right: 40px;
}

.c-entry-summary__header {
	margin-bottom: 6px !important;
}

.c-entry-summary__meta {
	justify-content: start;
	margin-top: 0px !important;
}

.c-entry-summary__term {
	display: none;
}

/* .c-entry__body{
	padding-bottom: 40px;
} */

.widget_search {
	display: none;
}

/* .p-archive .c-entries .c-entries__item {
	flex: 0 1 25%;
	max-width: 25%;
} */

.c-entry-summary__figure {
	margin-bottom: 10px !important;
}

/* ---------------------------------------	
voice-info
---------------------------------------	
*/
.voice-info {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.voice-info .box {
	padding: 40px 60px;
	border: 1px solid #cccc;
}

.voice-info .text1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 24px;
	margin-top: 6px !important;
}

.voice-info .btn3 {
	margin-top: 40px !important;
}

.voice-info .img-voice-sp {
	display: none;
}



/* ---------------------------------------	
price-info（料金表）
---------------------------------------	
*/
.price-info {
	padding-left: 40px;
	padding-right: 40px;
}

.price-plans {
	border-collapse: collapse !important;
}

.price-plans .icon {
	position: relative;
	border: 6px solid #f5d547 !important;
	padding: 40px 30px 30px;
}

.price-plans .icon::before {
	position: absolute;
	content: "";
	/* background: url(http://localhost:10107/wp-content/uploads/2025/04/top-plan-reco.png); */
	background: url(https://mj-web-connections.jp/wp-content/uploads/2025/04/top-plan-reco.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 20px;
	transform: translateY(-50%);
	width: 100px;
	height: 100px;
}

.price-plan {
	padding: 44px 30px 30px;
}

.price-plan .line {
	margin-top: 16px !important;
}

.price-plan .title {
	font-size: 28px;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #1b365c;
	margin-bottom: 10px !important;
}

.price-plans .icon .title {
	font-size: 40px;
	line-height: 48px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #1b365c;
	margin-bottom: 10px !important;
}

.price-plan .price {
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 30px !important;
}

.price-plans .icon .price {
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 14px !important;
}

.price-plan .text {
	margin-top: 10px !important;
}

.price-plan .box {
	margin-top: 10px !important;
}

.price-plan .sub-title {
	font-size: 20px;
	font-weight: bold;
	color: #1B365C;
}

.price-plan .lists {
	margin-top: 10px !important;
}

.option-text {
	font-size: 20px;
	font-weight: bold;
}

.option-menu {
	width: 600px;
	margin: 0 !important;
	font-size: 20px;
}

.option-menu .smb-information__item__label {
	padding: 6px 10px !important;
}

.option-menu .smb-information__item__body {
	padding: 6px 10px !important;
}


/* ---------------------------------------	
contact-form（お問い合わせフォーム）
---------------------------------------	
*/

.faq-form {
	padding-left: 40px;
	padding-right: 40px;
}

.faq-form .smf-item__col--label {
	max-width: 19em !important;
	flex: 0 0 19em !important;
}

.faq-form .smf-item__col--controls {
	max-width: calc(100% - 19em);
	flex: 1 1 calc(100% - 19em);
}

.faq-form .smb-section__body {
	margin-top: 120px;
}

.grecaptcha-badge {
	bottom: 60px !important;
}

/* body:not(.contact) .grecaptcha-badge {
	visibility: hidden;
} */


/* ---------------------------------------	
privacy-policy
---------------------------------------	
*/
.privacy-policy {
	padding-top: 20px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.privacy-policy-box .smf-item--divider .smf-item__col {
	max-width: 100% !important;
}

.privacy-policy-text {
	height: 250px;
	width: 90%;
	padding: 16px;
	border: 1px solid #CCC;
	overflow: auto;
	margin: 40px auto 20px;
	background: #ffffff;
}

.sub_privacy-policy-text {
	/* height: 250px; */
	/* width: 90%; */
	padding: 16px;
	/* border: 1px solid #CCC; */
	overflow: visible;
	margin: 40px auto 20px;
	/* background: #ffffff; */
}

.privacy-policy .smb-section__contents-wrapper {
	margin: 0;
}

.smf-checkboxes-control__control {
	text-align: center !important;
	margin-bottom: 60px !important;
}

.smf-error-messages {
	text-align: center !important;
	margin-top: -60px !important;
	margin-bottom: 60px !important;
}

/* 確認画面でプライバシーポリシーのボックスを非表示にする */
form[data-screen="confirm"] .privacy-policy-box {
	display: none;
}


/* ---------------------------------------	
レスポンシブ	
---------------------------------------	
*/

@media (max-width: 1250px) {
	.concept .img-box {
		margin-left: 0px !important;
	}

	.concept .text-box {
		flex-basis: 60% !important;
		margin-right: 30px;
	}

	.concept .img-box {
		flex-basis: 40% !important;
	}
}

@media (max-width: 1140px) {
	header li small {
		font-size: 8px !important;
	}

	.reason .content-title {
		font-size: 20px;
	}

	.service .content-title {
		font-size: 26px;
	}

	.service .content-title .has-sm-m-font-size {
		font-size: 18px !important;
	}

	.strength .title {
		font-size: 23px !important;
	}

}




/* タブレット */
@media (max-width: 1023px) {
	.l-header {
		padding: 10px 0px;
	}

	.concept .box {
		display: flex;
		flex-direction: column-reverse;
	}

	.concept .img-box img {
		aspect-ratio: 16 / 9;
		object-fit: cover;
		object-position: center 5%;
	}

	.concept .text-box {
		margin-right: 0px !important;
		margin-top: 20px !important;
	}

	.intro-ms .box {
		display: flex;
		flex-direction: column;
		align-items: center;
		/* width: 600px; */
	}

	.intro-ms .prof-box {
		width: 600px;
		margin: 0 auto;
		position: relative;
	}

	.intro-ms .prof-box .title {
		width: 600px !important;
	}

	.intro-ms .prof-box .career-box {
		width: 600px !important;
	}


}

/* タブレット */
@media (max-width: 980px) {
	.problem .box {
		width: 700px !important;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.problem .list {
		font-size: 18px;
	}

	.problem .list::before {
		top: 12px;
		left: -16px;
	}

	.problem .list::after {
		top: 7px;
		bottom: 0;
	}

	.problem .wp-block-columns {
		display: flex;
		flex-direction: column;
	}

	.problem .img-box {
		width: 50%;
	}

	.problem .text-box {
		width: 500px !important;
	}

	.reason {
		margin-top: 0px !important;
		padding-bottom: 120px;
	}

	.reason .smb-section__body {
		margin-right: auto;
		margin-left: auto;
	}

	.reason .contents-box {
		display: flex;
		flex-direction: column;
		width: 700px;
	}

	.reason .box {
		margin-bottom: 60px;
	}

	.reason .content-title {
		font-size: 28px;
	}

	.reason .add-text {
		margin-top: 0px !important;
	}

	.reason .ms-box2 {
		width: 700px;
		margin-top: 60px !important;
	}

	.reason .ms-box3 {
		width: 700px;
		margin-top: 80px !important;
	}

	.reason .ms-box3 {
		width: 900px;
		padding: 0;
		text-align: center;
		margin-top: 80px !important;
		position: relative;
	}

	.reason .ms-box3::before {
		left: calc(50% - 340px);
	}

	.reason .ms-box3::after {
		right: calc(50% - 360px);
	}

	.reason .text1 {
		font-size: 20px;
		display: inline-block;
		letter-spacing: 0.1em;
		z-index: 10;
		position: relative;
	}

	.reason .text1 .sme-text-color {
		font-size: 30px;
		margin-left: 6px;
		margin-right: 3px;
	}


	.reason .text2 {
		font-size: 20px;
	}

	.reason .text2 .sme-font-size {
		font-size: 18px;
	}

	.reason .text3 {
		font-size: 20px;
	}

	.message .text-box {
		padding-bottom: 20px;
	}

	.message .text1 {
		font-size: 20px;
	}

	.message .text2 {
		font-size: 30px;
	}

	.message .text2 .has-sm-l-font-size {
		font-size: 30px !important;
	}

	.message .text3 {
		font-size: 18px;
	}

	.message .text2::before {
		font-size: 30px;
	}

	.service .box {
		display: flex;
		flex-direction: column-reverse;
		gap: 0px !important;
		margin-bottom: 0px !important;
	}

	.service .box2 img {
		width: 100%;
	}

	.service .img img {
		object-fit: cover;
		object-position: center 36%;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.service .contents-box {
		display: flex;
		flex-direction: column;
	}

	.service .text-box {
		padding: 30px !important;
	}

	.service .text-box2 .content-title {
		margin-bottom: 20px !important;
	}

	.service .text2 {
		font-size: 17px;
	}

	.plan .plan-box .title {
		font-size: 26px;
	}

	.plan .space .title {
		font-size: 24px;
	}

}

@media (max-width: 900px) {
	.vision .box {
		width: 600px;
	}

	.vision .c-row--fill {
		display: flex;
		flex-direction: column;
	}

	.vision .c-row__col {
		max-width: 100% !important;
	}
}

@media (max-width: 820px) {
	.message .text2 {
		margin-top: 8px !important;
	}

	.message .text2::before {
		font-size: 30px;
	}

	.service .text {
		margin-bottom: 70px !important;
	}

	.plan .box {
		flex-direction: column;
	}

	.page-id-15 .c-page-header__bgimage>img {
		object-position: 67% 50% !important;
	}

	.strength .box {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.strength .right {
		flex-direction: column;
		gap: 0;
	}

	.strength .text-box {
		margin-bottom: 30px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.strength .right-img-box {
		display: flex;
		justify-content: end;
	}

	.strength .right .img {
		width: 80%;
		margin: 0;
	}

	.strength .left {
		flex-direction: column-reverse;
		gap: 0;
	}

	.strength .left-img-box {
		display: flex;
		justify-content: start;
	}

	.strength .left .img {
		width: 80%;
		margin: 0;
	}

	.strength .title {
		font-size: 28px !important;
	}

	.process-ms .img-box {
		flex-basis: 45% !important;
	}

	.process-ms .text-box {
		flex-basis: 55% !important;
	}

	.footer-menu {
		flex-direction: column;
	}


}


@media (max-width: 781px) {
	.fv .tag {
		font-size: 18px;
	}

	.fv .title {
		font-size: 44px;
	}

	/* タイトルの小文字部分 */
	.fv .text2 {
		margin-top: 10px !important;
	}

	.fv .text2 span {
		font-size: 22px !important;
	}

	/* マーケティング調査～～ */
	.fv .text3 {
		font-size: 16px;
		font-weight: 501;
		line-height: 26px;
		letter-spacing: 0.07em;
		margin-top: 16px !important;
	}

	.fv .text3 .sme-text-color {
		font-size: 18px;
	}

	.reason .support-box .img {
		display: none;
	}

	.reason .ms-box2::before {
		display: none;
	}

	.reason .ms-box2::after {
		display: none;
	}

	.reason .ms-box3::before {
		display: none;
	}

	.reason .ms-box3::after {
		display: none;
	}

	.service .text {
		margin-bottom: 20px !important;
	}

	.message .box .text1 {
		font-size: 16px !important;
	}

	.message .box .text2 {
		font-size: 24px !important;
	}

	.message .box .text2 {
		font-size: 24px !important;
		line-height: 30px;
	}

	.message .text2 .has-sm-l-font-size {
		font-size: 24px !important;
	}

	.voice .img-voice-sp {
		display: block;
	}

	.voice .img-voice-pc {
		display: none;
	}

	.voice-info .img-voice-sp {
		display: block;
	}

	.voice-info .img-voice-pc {
		display: none;
	}

	.plan .box {
		margin-top: 40px !important;
	}

	.plan .wrapper {
		width: 600px;
	}

	.plan .text2 {
		margin-top: 10px !important;
		margin-bottom: 60px !important;
	}

	.service-cta .cta-text1 {
		font-size: 18px;
		line-height: 36px;
		font-weight: bold;
	}

	.service-cta .cta-text1 .sme-text-color {
		font-size: 26px;
	}

	.service-cta .cta-text2 {
		font-size: 22px;
		font-weight: bold;
		display: inline-block;
		position: relative;
	}

	.intro-ms .img2 img {
		width: 400px;
	}

	.process .box {
		padding: 20px 20px 40px;
	}

	.process .inner-box {
		border: none;
	}

	.process .box::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.process-ms h3 br {
		display: none;
	}

	.process .img {
		width: 60%;
	}

	.process-ms .text {
		font-size: 16px !important;
	}

	.process .process-ms::after {
		left: 50%;
		transform: translateX(-50%);
	}

}

@media (max-width: 639px) {
	.fv {
		padding: 20px 20px 20px;
		height: 630px !important;
		align-items: start;
		/* デバイスによって高さが異なるためvhは不適切。デザインが崩れる */
		/* height: 80vh !important; */
	}

	.fv .tag {
		font-size: 14px;
		line-height: 2rem;
		padding: 0px 0px 0px 10px;
	}

	.fv .tag::before {
		top: -0px;
		right: -24px;
		border-width: 32px 0px 0px 24px;
	}

	/* タイトルの小文字部分 */
	.fv .title .sme-font-size {
		font-size: 16px !important;
		line-height: 30px;
	}

	.fv .title {
		font-size: 32px;
		line-height: 40px;
		letter-spacing: -0.02em;
		margin-bottom: 10px !important;
		margin-top: -12px !important;
	}

	.fv .text {
		font-size: 14px !important;
		line-height: 20px;
		letter-spacing: 0.07em;
		margin-top: 10px !important;
	}

	.fv .text .sme-text-color {
		font-size: 18px;
		/* line-height: 26px;
		letter-spacing: 0.07em; */
	}

	.fv .pc-btn {
		display: none;
	}

	.fv .icons {
		width: 120px;
		flex-direction: column;
		margin-top: 38px !important;
	}

	.fv .icons-sp {
		display: none;
	}

	.problem .box {
		width: 100% !important;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.problem .list {
		font-size: 16px;
	}

	.problem .list::before {
		top: 9px;
		left: -10px;
	}

	.problem .list::after {
		top: 4px;
		left: -21px;
	}

	.problem .img-box {
		width: 50%;
	}

	.problem .text-box {
		width: 100% !important;
	}

	.problem .text2 {
		font-size: 16px;
	}

	.ms-box {
		padding: 40px 30px;
	}

	.reason .support-box {
		padding: 0;
	}

	.message .box {
		display: flex;
		flex-direction: column;
	}
}




@media (max-width: 430px) {
	.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.fv .text2 {
		/* ↓ここで微調整 */
		line-height: 22px !important;
		margin-bottom: 20px !important;
	}

	.fv .text2 span {
		font-size: 17px !important;
		/* ↓ここで微調整 */
		line-height: 20px;
	}

	.fv .text3 {
		font-size: 16px;
		margin-top: 10px !important;
	}

	.fv .text3 .sme-text-color {
		font-size: 19px;
	}

	.smb-section__lede-wrapper {
		margin-top: 40px !important;
	}

	.l-header__content {
		padding: 0 20px;
	}

	.top-cta {
		display: block;
	}

	.problem {
		padding-left: 20px;
		padding-right: 20px;
	}

	.problem h2 {
		font-size: 20px !important;
	}

	.problem h2 .has-sm-3-xl-font-size {
		font-size: 28px !important;
	}

	.problem .has-sm-s-font-size {
		font-size: 12px !important;
	}

	.ms-box .text1 {
		font-size: 18px;
	}

	.ms-box .text2 {
		font-size: 16px !important;
	}

	.ms-box .text3 {
		font-size: 22px !important;
		line-height: 32px;
		margin-top: 6px !important;
	}

	.ms-box .text3 .sme-font-size {
		font-size: 26px !important;
	}

	.ms-box .text3 .sme-text-color {
		font-size: 28px !important;
	}

	.reason {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 50px !important;
	}

	.reason .smb-section__lede {
		font-size: 15px !important;
		line-height: 24px !important;
	}

	.reason .content-title {
		font-size: 24px;
	}

	.reason .add-text {
		margin-top: 30px !important;
		font-size: 18px;
	}

	.reason .add-text::before {
		width: 40px;
		height: 10px;
		bottom: -20px;
	}

	.reason .ms-box2 {
		margin-top: 32px !important;
	}

	.reason .text1 {
		font-size: 16px;
		display: inline-block;
	}

	.reason .text1 .sme-text-color {
		font-size: 22px;
	}

	.reason .box {
		margin-bottom: 0px;
		margin-top: 30px !important;
	}

	.reason .text2 {
		font-size: 18px;
		padding-left: 70px;
	}

	.reason .text2 .sme-font-size {
		font-size: 14px !important;
	}

	.reason .text3 {
		font-size: 18px;
		padding-left: 70px;
		position: relative;
	}

	.message {
		padding-left: 20px;
		padding-right: 20px;
	}

	.message .box {
		padding: 0 20px;
	}

	.message .box .text1 {
		font-size: 14px !important;
	}

	.message .text2 .has-sm-l-font-size::before {
		top: -26px;
	}


	.message .text3 {
		font-size: 16px;
		margin-top: 30px !important;
		letter-spacing: -0.02em;
	}

	.service {
		padding-left: 20px;
		padding-right: 20px;
	}

	.service .text-box {
		padding: 30px 18px !important;
	}

	.service .text {
		font-size: 15px !important;
		margin-bottom: 60px !important;
	}

	.service .box2 .text {
		font-size: 15px !important;
		margin-bottom: 10px !important;
	}

	.service .text2 {
		font-size: 14px;
	}

	.top-works {
		padding-left: 20px;
		padding-right: 20px;
	}

	.voice {
		padding-left: 20px;
		padding-right: 20px;
	}

	.voice .box {
		padding: 20px;
	}

	.voice-info {
		padding-left: 20px;
		padding-right: 20px;
	}

	.voice-info .box {
		padding: 20px;
	}

	.plan {
		padding-left: 20px;
		padding-right: 20px;
	}

	.plan .icon {
		padding: 45px 20px;
	}

	.concept {
		padding-right: 20px;
		padding-left: 20px;
	}

	.concept .text-box {
		padding: 30px 20px;
	}

	.concept .title {
		font-size: 30px !important;
	}

	.faq {
		padding-left: 20px;
		padding-right: 20px;
	}

	.column {
		padding-left: 20px;
		padding-right: 20px;
	}

	.contact {
		padding-left: 20px;
		padding-right: 20px;
	}

	.contact .text {
		font-size: 20px !important;
	}

	.service-cta {
		padding: 20px 20px;
	}

	.service-cta .cta-text1 {
		font-size: 16px;
		line-height: 36px;
		font-weight: bold;
	}

	.service-cta .cta-text1 .sme-text-color {
		font-size: 20px;
	}

	.service-cta .cta-text2 {
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		position: relative;
	}

	.intro-ms {
		padding-left: 20px;
		padding-right: 20px;
	}

	.intro-ms .prof-box {
		width: 100%;
	}

	.intro-ms .text2 {
		font-size: 14px;
	}

	.intro-ms .ms-box .text {
		font-size: 14px;
	}

	.intro-ms .img img {
		width: 200px;
	}

	.intro-ms .name-text {
		font-size: 14px;
		right: 20px;
	}

	.intro-ms .title {
		margin-bottom: 10px !important;
	}

	.performance-box .text {
		font-size: 15px;
	}

	.intro-ms .c-row {
		margin-left: 0px;
	}

	.intro-ms .c-row>.c-row__col {
		margin-bottom: 0;
		padding-left: 0;
	}

	.intro-ms .career-list .c-row__col--md-3-4 {
		padding-left: 0px !important;
		height: 60px;
	}

	.strength {
		padding-left: 20px;
		padding-right: 20px;
	}

	.strength .box {
		margin-top: 0px !important;
		padding-top: 60px !important;
	}

	.strength .text-box {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.strength .point-num {
		font-size: 26px;
	}

	.strength .point-num .sme-font-size {
		font-size: 44px !important;
		line-height: 44px !important;
	}

	.strength .title {
		font-size: 24px !important;
		margin-top: 10px !important;
	}

	.strength .right .img {
		width: 95%;
	}

	.strength .left .img {
		width: 95%;
	}

	.strength .left::after {
		height: 300px;
	}

	.strength .right::after {
		height: 300px;
	}

	.strength .strength-img {
		display: none;
	}

	.strength .strength-img-sp {
		display: block;
	}


	.service-ms {
		padding: 20px 40px;
	}

	.service-ms .text1 {
		font-size: 20px;
		line-height: 24px;
	}

	.service-ms .text2 {
		font-size: 24px;
		line-height: 32px;
	}

	.process {
		padding-left: 20px;
		padding-right: 20px;
	}

	.process .box {
		padding: 20px 10px 30px;
	}

	.process .inner-box {
		padding: 0 10px;
		flex-direction: column;
	}

	.process .process-ms {
		padding: 30px 14px 0px;
		gap: 0px !important;
	}

	.process-ms .title {
		font-size: 19px !important;
	}

	.process .img {
		width: 40%;
	}

	.process-ms .img {
		width: 70% !important;
	}

	.process .process-ms::before {
		/* background: url(http://localhost:10107/wp-content/uploads/2025/04/service-flow-bg.png); */
		background: url(https://mj-web-connections.jp/wp-content/uploads/2025/05/service-flow-bg2-sp.jpg);
	}

	/* .l-footer .widget_nav_menu ul {
		display: none;
	}

	.l-footer .footer-menu ul li::before {
		display: none;
	} */

	.l-footer .footer-menu {
		padding: 10px 20px 30px;
	}

	.faq-form {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.faq-form .smf-item__col--label {
		max-width: 100% !important;
	}

	.faq-form .smf-item__col--controls {
		max-width: 100%;
	}

	.price-info {
		padding-left: 20px;
		padding-right: 20px;
	}

	.price-plans {
		gap: 4em 0 !important;
	}

	.price-plan {
		padding: 30px 14px;
	}

	.price-plans .icon {
		padding: 40px 14px 30px;
	}

	.price-plans .icon .title {
		font-size: 36px;
	}

	.price-plans .icon .price {
		font-size: 28px;
	}

	/* 投稿ページのカラム数調整 */
	.c-entries {
		--entries--item-width: 100% !important;
	}

	.c-drawer__inner {
		padding-left: 30px !important;
		padding-right: 160px !important;
	}

	#drawer-nav li {
		font-size: 18px;
		line-height: 18px;
	}

	.drawer_nav-img {
		width: 90%;
	}

	/* コピーライト */
	footer .c-fluid-container {
		font-size: 11px;
	}

	.privacy-policy {
		padding-top: 20px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

}