.cookie-top {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	isolation: isolate;
  	text-align: left;
  	font-size: 6.4vw;
  	color: #1a1c21;
  	font-family: 'Noto Sans JP';
}
.main {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 16vw 0vw 0vw;
  	z-index: 0;
}
.cookie-title-wrapper {
  	width: 100vw;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	font-size: 9.6vw;
}
.cookie-title-inner {
  	width: 100%;
  	background-color: #fff;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 10.667vw 6.4vw;
  	box-sizing: border-box;
  	max-width: 100%;
  	min-height: 40vw;
}
.cookie-title-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 4px;
}
.cookie-title {
  	align-self: stretch;
  	position: relative;
  	letter-spacing: 0.04em;
  	font-weight: 900;
  	background: linear-gradient(267.36deg, #a0d8ec, #0288d1 28.04%, #004fc5);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.company-profile {
  	position: relative;
  	font-size: 3.2vw;
  	font-weight: 600;
  	/* font-family: Inter; */
  	background: linear-gradient(267.36deg, #a0d8ec, #0288d1 28.04%, #004fc5);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.group {
  	align-self: stretch;
  	background-color: #fff;
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	padding: 6.4vw;
  	gap: 12px;
  	font-size: 2.667vw;
}
.bread-link1 {
  	position: relative;
}
.cookie-breadcrumbs-current {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	color: #6b7075;
}
.cookie-breadcrumbs-title {
  	position: relative;
  	color: #6b7075;
  	cursor: pointer;
}

.cookie-intro-frame {
  	align-self: stretch;
  	background-color: #fff;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 21.333vw 6.4vw;
  	gap: 48px;
}
.section-title {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.wrapper {
  	align-self: stretch;
  	border-left: 1.067vw solid #0288d1;
  	display: flex;
  	align-items: flex-start;
  	padding: 0vw 0vw 0vw 4.267vw;
}
.section-text {
  	flex: 1;
  	position: relative;
  	line-height: 180%;
}
.frame-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	font-size: 4vw;
}
.container {
  	width: 100%;
  	display: flex;
  	align-items: flex-start;
  	max-width: 100%;
}
.main-inner {
  	align-self: stretch;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 0vw 6.4vw 21.333vw;
  	font-size: 4.8vw;
}
.frame-parent {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	max-width: 100%;
}
.frame-div {
  	align-self: stretch;
  	border-bottom: 0.267vw solid #dbdee3;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 12.8vw 0vw;
  	gap: 16px;
}
.cookie-content-list {
  	align-self: stretch;
  	position: relative;
  	line-height: 180%;
}
.cookie-content-text {
  	align-self: stretch;
  	position: relative;
  	font-size: 4vw;
  	line-height: 180%;
  	color: #000;
}
.parent2 {
  	align-self: stretch;
  	border-bottom: 0.267vw solid #dbdee3;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 12.8vw 0vw;
  	gap: 16px;
  	font-size: 4vw;
  	color: #000;
}
.b3 {
  	align-self: stretch;
  	position: relative;
  	font-size: 4.8vw;
  	line-height: 180%;
  	color: #1a1c21;
}
.cookie-content-subsection {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
}
.frame {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0vw 0vw 0vw 6.4vw;
}
.cookie-content-link-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 0vw 0vw 0vw 6.4vw;
  	color: #005bac;
}
.cookie-content-subtext {
  	display: flex;
  	align-items: center;
  	gap: 8px;
}

.child {
  	height: 7.733vw;
  	width: 2.133vw;
	flex-shrink: 0;
    object-fit: contain;
}

.cookie-content-link-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #005BAC;
}
.cookie-content-inner {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 32px;
  	font-size: 4vw;
  	color: #000;
}
.button-secondary {
  	width: 80vw;
  	border-radius: 26.667vw;
  	background-color: #fff;
  	border: 2px solid #a0d8ec;
  	box-sizing: border-box;
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0vw 7.467vw;
  	position: relative;
  	isolation: isolate;
  	gap: 10px;
  	font-size: 4.267vw;
  	color: #0288d1;
  	/* font-family: Inter; */
}

/* ボタン固有のスタイル */
#ot-sdk-btn.button-secondary {
    width: 80vw;
    border-radius: 26.667vw;
    background: #FFF;
    border: none;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0vw 7.467vw;
    position: relative;
    isolation: isolate;
    gap: 10px;
    font-size: 4.267vw;
    color: #0288d1;
    /* font-family: Inter; */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* グラデーション枠を疑似要素で実装 */
#ot-sdk-btn.button-secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 26.667vw;
    padding:  0.533vw;
    background: linear-gradient(267.36deg, #A0D8EC, #0288D1 28.04%, #004FC5);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* ホバー時の背景色変化（スマホではタップ時）
#ot-sdk-btn.button-secondary:hover,
#ot-sdk-btn.button-secondary:active {
    background-color: #A0D8EC;
} */

/* 矢印アイコンにアニメーション設定 */
#ot-sdk-btn .icnext16px-icon {
    height: 4.267vw;
    width: 4.267vw;
    position: absolute;
    margin: 0 !important;
    top: 5.6vw;
    left: 70.4vw;
    z-index: 1;
    flex-shrink: 0;
    /* transition: transform 1s ease;
    will-change: transform; */
    display: block;
}

/* ホバー時に矢印が右に移動
#ot-sdk-btn.button-secondary:hover .icnext16px-icon,
#ot-sdk-btn.button-secondary:active .icnext16px-icon {
    transform: translateX(2.133vw);
} */

/* テキストのスタイル */
#ot-sdk-btn .cookie-settings-button-text {
    position: relative;
    letter-spacing: 0.12em;
    line-height: 14.933vw;
    font-weight: 800;
    z-index: 0;
    flex-shrink: 0;
    font-size: 4.267vw;
}

.icnext16px-icon {
  	height: 4.267vw;
  	width: 4.267vw;
  	position: absolute;
  	margin: 0 !important;
  	top: 5.6vw;
  	left: 70.4vw;
  	z-index: 1;
  	flex-shrink: 0;
}
.url-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
  	color: #005bac;
}
.url {
  	align-self: stretch;
  	position: relative;
  	line-height: 180%;
  	color: #000;
}
.cookie-content-card {
  	align-self: stretch;
  	border-bottom: 0.267vw solid #dbdee3;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 6.4vw 0vw;
  	gap: 16px;
}

/* タップ時の青いハイライトを無効化 */
#ot-sdk-btn.button-secondary,
#ot-sdk-btn.button-secondary * {
  -webkit-tap-highlight-color: transparent;
}

/* フォーカス枠を非表示 */
#ot-sdk-btn.button-secondary:focus {
  outline: none;
  box-shadow: none;
}