.alnd-crypto-hero {
position: relative;
height: 270px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.alnd-crypto-bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 1;
}

.alnd-crypto-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 50, 100, 0.7), rgba(0, 100, 150, 0.6));
z-index: 2;
}

.alnd-crypto-container {
position: relative;
z-index: 3;
max-width: 800px;
padding: 0 40px;
text-align: center;
}

.alnd-crypto-title {
font-size: 48px;
font-weight: 700;
color: white;
line-height: 1.3;
margin-bottom: 30px;
letter-spacing: -0.02em;
}

.alnd-crypto-subtitle {
font-size: 18px;
color: white;
line-height: 1.6;
margin-bottom: 15px;
opacity: 0.95;
}

.alnd-crypto-description {
font-size: 16px;
color: white;
line-height: 1.6;
margin-bottom: 50px;
opacity: 0.9;
}

.alnd-crypto-search-wrapper {
position: relative;
max-width: 500px;
margin: 0 auto;
display: flex;
align-items: center;
}

.alnd-crypto-search-input {
width: 100%;
padding: 18px 120px 18px 50px;
border: none;
border-radius: 50px;
font-size: 16px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
color: #333;
outline: none;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.alnd-crypto-search-input:focus {
background: white;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}

.alnd-crypto-search-input::placeholder {
color: #999;
}

.alnd-crypto-search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
opacity: 0.6;
z-index: 1;
}

/* Search Button */
.alnd-crypto-search-button {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
background: linear-gradient(135deg, #18689D, #145a85);
color: white;
border: none;
padding: 12px 24px;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(24, 104, 157, 0.3);
z-index: 2;
}

.alnd-crypto-search-button:hover {
background: linear-gradient(135deg, #145a85, #18689D);
transform: translateY(-50%) translateY(-2px);
box-shadow: 0 4px 12px rgba(24, 104, 157, 0.4);
}

.alnd-crypto-search-button:active {
transform: translateY(-50%) translateY(0px);
box-shadow: 0 2px 6px rgba(24, 104, 157, 0.3);
}

/* Search Icon SVG */
.alnd-crypto-search-icon svg {
width: 100%;
height: 100%;
fill: #666;
}

/* Responsive Design */
@media (max-width: 768px) {
.alnd-crypto-hero {
height: 400px;
}

.alnd-crypto-container {
padding: 0 20px;
}

.alnd-crypto-title {
font-size: 36px;
margin-bottom: 25px;
}

.alnd-crypto-subtitle {
font-size: 16px;
margin-bottom: 12px;
}

.alnd-crypto-description {
font-size: 15px;
margin-bottom: 40px;
}

.alnd-crypto-search-input {
padding: 16px 100px 16px 45px;
font-size: 15px;
}

.alnd-crypto-search-icon {
left: 18px;
width: 18px;
height: 18px;
}

.alnd-crypto-search-button {
right: 6px;
padding: 10px 18px;
font-size: 13px;
}
}

@media (max-width: 480px) {
.alnd-crypto-hero {
height: 450px;
}

.alnd-crypto-title {
font-size: 32px;
}

.alnd-crypto-subtitle {
font-size: 15px;
}

.alnd-crypto-description {
font-size: 14px;
}

.alnd-crypto-search-input {
padding: 15px 90px 15px 42px;
font-size: 14px;
}

.alnd-crypto-search-icon {
left: 16px;
width: 16px;
height: 16px;
}

.alnd-crypto-search-button {
right: 5px;
padding: 9px 16px;
font-size: 12px;
}
}

.alnd-crypto-bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 1;
}

.alnd-crypto-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 50, 100, 0.7), rgba(0, 100, 150, 0.6));
z-index: 2;
}

.alnd-crypto-container {
position: relative;
z-index: 3;
max-width: 800px;
padding: 0 40px;
text-align: center;
}

.alnd-crypto-title {
font-size: 48px;
font-weight: 700;
color: white;
line-height: 1.3;
margin-bottom: 30px;
letter-spacing: -0.02em;
}

.alnd-crypto-subtitle {
font-size: 18px;
color: white;
line-height: 1.6;
margin-bottom: 15px;
opacity: 0.95;
}

.alnd-crypto-description {
font-size: 16px;
color: white;
line-height: 1.6;
margin-bottom: 50px;
opacity: 0.9;
}

.alnd-crypto-search-wrapper {
position: relative;
max-width: 500px;
margin: 0 auto;
}

.alnd-crypto-search-input {
width: 100%;
padding: 18px 25px 18px 50px;
border: none;
border-radius: 50px;
font-size: 16px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
color: #333;
outline: none;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.alnd-crypto-search-input:focus {
background: white;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}

.alnd-crypto-search-input::placeholder {
color: #999;
}

.alnd-crypto-search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
opacity: 0.6;
z-index: 1;
}

/* Search Icon SVG */
.alnd-crypto-search-icon svg {
width: 100%;
height: 100%;
fill: #666;
}

/* Responsive Design */
@media (max-width: 768px) {
.alnd-crypto-hero {
height: 410px;
}
.alnd-crypto-container {
padding: 0 20px;
}

.alnd-crypto-title {
font-size: 36px;
margin-bottom: 25px;
margin-top:10px !important;
}
.gnav-fix .drawer__open, .header-fix .drawer__open{
background:transparent !important;		
}
.alnd-crypto-subtitle {
font-size: 16px;
margin-bottom: 12px;
}

.alnd-crypto-description {
font-size: 15px;
margin-bottom: 0px;
}
.alnd-crypto-search-wrapper{
max-width:350px;
margin-top: 0 !important;
margin-bottom: 40px !important;
}
.alnd-crypto-search-input {
padding: 16px 22px 16px 45px;
font-size: 15px;
}

.alnd-crypto-search-icon {
left: 18px;
width: 18px;
height: 18px;
}
}

@media (max-width: 480px) {
.alnd-crypto-hero {
height: 410px;
}

.alnd-crypto-title {
font-size: 32px;
}

.alnd-crypto-subtitle {
font-size: 15px;
}

.alnd-crypto-description {
font-size: 14px;
}

.alnd-crypto-search-input {
padding: 15px 20px 15px 42px;
font-size: 14px;
}

.alnd-crypto-search-icon {
left: 16px;
width: 16px;
height: 16px;
}
}
.alnd-aboutus-section {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
padding: 60px 0;
position: relative;
overflow: hidden;
}

.alnd-aboutus-section::before,
.alnd-aboutus-section::after {
content: '';
position: absolute;
border-radius: 50%;
filter: blur(100px);
opacity: 0.15;
}

.alnd-aboutus-section::before {
top: -10%;
right: -10%;
width: 400px;
height: 400px;
background: radial-gradient(circle, #00d4ff 0%, transparent 60%);
}

.alnd-aboutus-section::after {
bottom: -10%;
left: -10%;
width: 300px;
height: 300px;
background: radial-gradient(circle, #ff6b35 0%, transparent 60%);
}

.alnd-aboutus-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
position: relative;
z-index: 2;
}

.alnd-aboutus-grid {
display: grid;
grid-template-columns: 1fr 500px;
gap: 80px;
align-items: center;
}

.alnd-aboutus-content {
max-width: 600px;
animation: fadeInLeft 0.8s ease-out;
}

.alnd-aboutus-badge {
background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
color: #ffffff;
font-size: 12px;
font-weight: 700;
padding: 8px 16px;
border-radius: 20px;
display: inline-block;
margin-bottom: 30px;
box-shadow: 0 4px 20px rgba(0, 212, 255, 0.3);
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
overflow: hidden;
}

.alnd-aboutus-badge::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.6s;
}

.alnd-aboutus-badge:hover::before {
left: 100%;
}

.alnd-aboutus-title {
font-size: 48px;
font-weight: 900;
margin-top:0 !important;
padding:0 !important;
background:linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1.2;
margin-bottom: 35px;
}

.alnd-aboutus-description {
font-size: 18px;
color: #4a5568;
line-height: 1.8;
margin-bottom: 30px;
position: relative;
padding-left: 25px;
}

.alnd-aboutus-description::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 3px;
height: 20px;
background: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
border-radius: 2px;
box-shadow: 0 0 8px rgba(0, 212, 255, 0.4);
}

.alnd-aboutus-description:last-of-type {
margin-bottom: 50px;
}

.alnd-aboutus-button {
background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
color: #ffffff;
border: 1px solid #00d4ff;
padding: 18px 40px;
border-radius: 30px;
font-size: 16px;
font-weight: 800;
cursor: pointer;
transition: all 0.4s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 12px;
box-shadow: 0 8px 25px rgba(0, 212, 255, 0.3);
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
}

.alnd-aboutus-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #ff6b35 0%, #ff4500 100%);
transition: left 0.4s ease;
z-index: -1;
}

.alnd-aboutus-button:hover::before {
left: 0;
}

.alnd-aboutus-button:hover {
color: white;
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(0, 212, 255, 0.4);
}

.alnd-aboutus-button::after {
content: '→';
font-size: 18px;
transition: transform 0.3s ease;
}

.alnd-aboutus-button:hover::after {
transform: translateX(8px);
}

.alnd-aboutus-visual {
position: relative;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.8) 100%);
border-radius: 25px;
padding: 40px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
animation: fadeInRight 0.8s ease-out;
backdrop-filter: blur(20px);
border: 2px solid rgba(0, 212, 255, 0.2);
overflow: hidden;
}

.alnd-aboutus-visual::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(0, 212, 255, 0.05) 0%, transparent 60%);
animation: rotate 20s linear infinite;
z-index: -1;
}

.alnd-aboutus-main-image {
width: 100%;
height: 100%;
max-width: 400px;
max-height: 400px;
object-fit: cover;
border-radius: 20px;
filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.15));
border: 2px solid rgba(0, 212, 255, 0.3);
}

@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

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

/* Responsive Design */
@media (max-width: 1024px) {
.alnd-aboutus-section {
padding: 100px 0;
}

.alnd-aboutus-grid {
grid-template-columns: 1fr 400px;
gap: 60px;
}

.alnd-aboutus-title {
font-size: 36px;
}

.alnd-aboutus-visual {
height: 450px;
padding: 30px;
}

.alnd-aboutus-main-image {
max-width: 350px;
max-height: 350px;
}
}

@media (max-width: 768px) {
.alnd-aboutus-section {
padding: 80px 0;
}

.alnd-aboutus-section::before {
display: none;
}

.alnd-aboutus-container {
padding: 0 20px;
}

.alnd-aboutus-grid {
grid-template-columns: 1fr;
gap: 50px;
text-align: center;
}

.alnd-aboutus-title {
font-size: 32px;
margin-bottom: 30px;
}

.alnd-aboutus-description {
font-size: 16px;
margin-bottom: 25px;
padding-left: 0;
}

.alnd-aboutus-description::before {
display: none;
}

.alnd-aboutus-description:last-of-type {
margin-bottom: 40px;
}

.alnd-aboutus-visual {
height: 400px;
margin: 0 auto;
max-width: 350px;
padding: 25px;
}

.alnd-aboutus-main-image {
max-width: 300px;
max-height: 300px;
}
}

@media (max-width: 480px) {
.alnd-aboutus-section {
padding: 60px 0;
}

.alnd-aboutus-title {
font-size: 28px;
}

.alnd-aboutus-description {
font-size: 15px;
}

.alnd-aboutus-button {
padding: 15px 30px;
font-size: 14px;
}

.alnd-aboutus-visual {
height: 350px;
padding: 20px;
}

.alnd-aboutus-main-image {
max-width: 250px;
max-height: 250px;
}
}
.crypto-bg-wrapper {
position: relative;
background: #ffffff;
min-height: 100vh;
}

.career-policy-wrapper {
position: relative;
z-index: 2;
max-width: 1400px;
margin: 0 auto;
padding: 50px 20px;
}

.career-policy-header {
display: flex;
align-items: center;
margin-bottom: 80px;
gap: 40px;
}

.career-policy-header-text {
flex-shrink: 0;
}

.career-policy-subtitle {
font-size: 14px;
color: #666;
margin-bottom: 8px;
font-weight: 400;
}

.career-policy-title {
font-size: 48px !important;
font-weight: 700;
background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #0891b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0 !important;
padding: 0 !important;
}

.career-policy-line {
flex: 1;
height: 4px;
background-color: #333;
margin-left: 20px;
}

.career-policy-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 40px;
margin-top: 60px;
}

.career-policy-card {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(20px);
border: 1px solid rgba(14, 165, 233, 0.1);
border-radius: 20px;
overflow: hidden;
position: relative;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 10px 30px rgba(14, 165, 233, 0.08);
}

.career-policy-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(14, 165, 233, 0.05), transparent);
opacity: 0;
transition: opacity 0.3s ease;
}

.career-policy-card:hover {
transform: translateY(-10px) scale(1.02);
border-color: rgba(14, 165, 233, 0.3);
box-shadow: 
0 25px 50px rgba(14, 165, 233, 0.15),
0 0 30px rgba(14, 165, 233, 0.1);
}

.career-policy-card:hover::before {
opacity: 1;
}

.career-policy-image {
width: 100%;
height: 310px;
position: relative;
overflow: hidden;
}

.career-policy-image-01 {
 background-image: url('https://coinness.com/ja/media/wp-content/uploads/2025/09/crypto-expet-info.jpg');
background-size: cover;
background-position: center;
}

.career-policy-image-02 {
background-image: url('https://coinness.com/ja/media/wp-content/uploads/2025/09/cryptocurrency-insight-driven-picks.jpg');
background-size: cover;
background-position: center;
}

.career-policy-image-03 {
background-image: url('https://coinness.com/ja/media/wp-content/uploads/2025/09/interview-crypto-currency-exchange-ceo.png');
background-size: cover;
background-position: center;
}

@keyframes gradientFloat {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}

.career-policy-number {
position: absolute;
top: 20px;
left: 20px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
width: 50px;
height: 50px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: #0ea5e9;
border: 1px solid rgba(14, 165, 233, 0.2);
box-shadow: 0 8px 25px rgba(14, 165, 233, 0.2);
}

.career-policy-number::after {
content: '';
position: absolute;
inset: -2px;
border-radius: inherit;
background: linear-gradient(135deg, #0ea5e9, transparent, #06b6d4);
z-index: -1;
animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.7; }
}

.career-policy-content {
padding: 40px 30px;
background: rgba(255, 255, 255, 0.9);
}

.career-policy-card-title {
font-size: 20px !important;
font-weight: 600;
color: #1e293b;
margin-top:0 !important;
padding:0 !important;
border:none !important;
margin-bottom: 24px;
line-height: 1.4;
}
.career-policy-card-title::before{
content:none !important;
}
.career-policy-description {
font-size: 15px;
color: #64748b;
line-height: 1.7;
}

.career-policy-link {
color: #0ea5e9;
text-decoration: none;
font-weight: 500;
position: relative;
transition: all 0.3s ease;
}

.career-policy-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(135deg, #0ea5e9, #06b6d4);
transition: width 0.3s ease;
}

.career-policy-link:hover {
color: #0891b2;
text-shadow: 0 2px 10px rgba(14, 165, 233, 0.3);
}

.career-policy-link:hover::after {
width: 100%;
}



/* アクセントボタン */
.accent-button {
display: inline-block;
background: linear-gradient(135deg, #0ea5e9, #06b6d4);
color: white;
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);
transition: all 0.3s ease;
margin-top: 30px;
}

.accent-button:hover {
transform: translateY(-2px);
box-shadow: 0 12px 35px rgba(14, 165, 233, 0.4);
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
.career-policy-wrapper {
padding: 60px 15px;
}

.career-policy-header {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

.career-policy-line {
width: 100%;
margin-left: 0;
}

.career-policy-title {
font-size: 36px;
}

.career-policy-grid {
grid-template-columns: 1fr;
gap: 30px;
}

.career-policy-content {
padding: 30px 20px;
}

.career-policy-card-title {
font-size: 18px;
}

.career-policy-description {
font-size: 14px;
}
}

@media (max-width: 480px) {
.career-policy-title {
font-size: 28px;
}

.career-policy-image {
height: 300px;
}

.career-policy-content {
padding: 25px 15px;
}
}
.profile-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 80px 20px;
}

.profile-header {
display: flex;
align-items: center;
margin-bottom: 50px;
gap: 40px;
}

.profile-header-text {
flex-shrink: 0;
}

.profile-subtitle {
font-size: 14px;
color: #666;
margin-bottom: 8px;
font-weight: 400;
}

.profile-title {
font-size: 48px !important;
font-weight: 700;
background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #0891b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0 !important;
padding:0 !important;
}

.profile-line {
flex: 1;
height: 4px;
background-color: #333;
margin-left: 20px;
}

.profile-content {
background: rgba(248, 250, 252, 0.8);
border-radius: 20px;
padding: 60px;
display: grid;
grid-template-columns: 300px 1fr;
gap: 60px;
align-items: center;
position: relative;
overflow: hidden;
}

.profile-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(14, 165, 233, 0.02), transparent);
pointer-events: none;
}

.profile-image-container {
position: relative;
}

.profile-image {
width: 100%;
height: 300px;
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}

.profile-image:hover {
transform: scale(1.02);
}

.profile-info {
padding-left: 20px;
}

.profile-company {
font-size: 14px;
color: #64748b;
margin-bottom: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}

.profile-name {
font-size: 32px !important;
font-weight: 700;
background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #0891b2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 0 !important;
margin-top:0 !important;
border:none !important;
line-height: 1.2;
}
.profile-name::before{
content:none !important;
}
.profile-name-en {
font-size: 16px;
color: #94a3b8;
margin-bottom: 30px;
font-weight: 400;
font-style: italic;
}

.profile-description {
font-size: 15px;
color: #475569;
line-height: 1.8;
}

.profile-description p {
margin-bottom: 20px;
margin-top:0 !important;
}

.profile-description p:last-child {
margin-bottom: 0;
}

.profile-description strong {
color: #334155;
font-weight: 600;
}

.profile-link {
color: #0ea5e9;
text-decoration: none;
font-weight: 500;
position: relative;
transition: all 0.3s ease;
}

.profile-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(135deg, #0ea5e9, #06b6d4);
transition: width 0.3s ease;
}

.profile-link:hover {
color: #0891b2;
}

.profile-link:hover::after {
width: 100%;
}

/* 装飾要素 */
.profile-decoration {
position: absolute;
top: 20px;
right: 20px;
width: 100px;
height: 100px;
background: linear-gradient(135deg, #0ea5e9, #06b6d4);
border-radius: 50%;
opacity: 0.03;
}

.profile-decoration::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: linear-gradient(135deg, #06b6d4, #0891b2);
border-radius: 50%;
}

/* レスポンシブ対応 */
@media (max-width: 1024px) {
.profile-content {
grid-template-columns: 250px 1fr;
gap: 40px;
padding: 40px;
}

.profile-name {
font-size: 28px;
}
}

@media (max-width: 768px) {
.profile-wrapper {
padding: 0px 15px;
}

.profile-header {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

.profile-line {
width: 100%;
margin-left: 0;
}

.profile-title {
font-size: 36px;
}

.profile-content {
grid-template-columns: 1fr;
gap: 30px;
padding: 30px;
text-align: center;
}

.profile-image {
height: 250px;
margin: 0 auto;
max-width: 250px;
}

.profile-info {
padding-left: 0;
}

.profile-name {
font-size: 24px;
}

.profile-description {
text-align: left;
}
}

@media (max-width: 480px) {
.profile-title {
font-size: 28px;
}

.profile-content {
padding: 20px;
}

.profile-image {
height: 200px;
max-width: 200px;
}

.profile-name {
font-size: 22px;
}

.profile-description {
font-size: 14px;
}
}
footer{
background-color: #f8f9fa !important;
}
.cn-footer-container {
background-color: #f8f9fa;
}
.outline-footer-container{
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
.cn-top-nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
gap: 20px;
}

.cn-nav-links {
display: flex;
gap: 30px;
flex-wrap: wrap;
}

.cn-nav-links a {
color: #999;
text-decoration: none;
font-size: 14px;
transition: color 0.2s;
}

.cn-nav-links a:hover {
color: #666;
}

.cn-language-selector {
position: relative;
display: inline-block;
}

.cn-language-toggle {
display: flex;
align-items: center;
color: #999;
font-size: 14px;
cursor: pointer;
padding: 8px 12px;
border: 1px solid #e5e7eb;
border-radius: 6px;
background: #fff;
transition: all 0.2s;
}

.cn-language-toggle:hover {
border-color: #d1d5db;
background: #f9fafb;
}

.cn-language-toggle::before {
content: "🌐";
margin-right: 8px;
}

.cn-language-toggle::after {
content: "▼";
margin-left: 8px;
font-size: 10px;
transition: transform 0.2s;
}

.cn-language-selector.cn-active .cn-language-toggle::after {
transform: rotate(180deg);
}

.cn-language-dropdown {
position: absolute;
top: 100%;
right: 0;
min-width: 120px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(-5px);
transition: all 0.2s;
}

.cn-language-selector.cn-active .cn-language-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.cn-language-option {
display: block;
padding: 10px 16px;
color: #666;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid #f3f4f6;
transition: background-color 0.2s;
}

.cn-language-option:last-child {
border-bottom: none;
}

.cn-language-option:hover {
background-color: #f9fafb;
}

.cn-language-option.cn-selected {
background-color: #f0f9ff;
color: #0369a1;
font-weight: 500;
}

.cn-main-content {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 30px;
}

.cn-logo {
    width: 20%;
    height: 100%;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-weight: bold;
font-size: 24px;
}

.cn-content-text {
flex: 1;
}

.cn-tagline {
color: #333;
font-size: 16px;
font-weight: 500;
margin-bottom: 8px;
}

.cn-contact-info {
font-size: 14px;
color: #666;
line-height: 1.4;
}

.cn-contact-info a {
color: #666;
text-decoration: none;
}

.cn-contact-info a:hover {
text-decoration: underline;
}

.cn-bottom-section {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}

.cn-copyright {
color: #999;
font-size: 12px;
}

.cn-app-links {
display: flex;
gap: 15px;
}

.cn-app-link {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
text-decoration: none;
color: #666;
font-size: 14px;
transition: all 0.2s;
}

.cn-app-link:hover {
background: #f9fafb;
border-color: #d1d5db;
}

.cn-app-icon {
width: 20px;
height: 20px;
}

.cn-apple-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}

.cn-google-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285f4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334a853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23fbbc05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23ea4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}

@media (max-width: 768px) {
.cn-nav-links {
gap: 20px;
}

.cn-main-content {
flex-direction: column;
text-align: center;
gap: 20px;
}

.cn-bottom-section {
flex-direction: column;
text-align: center;
}

.cn-app-links {
justify-content: center;
}
}

@media (max-width: 480px) {
.cn-nav-links {
flex-direction: column;
gap: 15px;
text-align: center;
}

.cn-top-nav {
flex-direction: column;
text-align: center;
}
}
.cn-header-wrap {
background-color: #ffffff;
border-bottom: 1px solid #e9ecef;
padding: 10px 24px;
height: 75px;
display: flex;
align-items: center;
justify-content: space-between;
}

.cn-left-content {
display: flex;
align-items: center;
gap: 32px;
}

.cn-brand-section {
display: flex;
align-items: center;
gap: 8px;
}

.cn-brand-logo {
color: white;
width:100%;
max-width:150px;
font-weight: 700;
font-size: 14px;
}
.cn-brand-outline{
display:flex;
align-items:center;
}
.text-text-txt-02 {
color: #b1b7c3 !important;
font-size: 18px;
margin-top:5px;
font-weight: 700;
}
.jfhtgZ {
width: 3px;
height: 30px;
margin:0 10px;
background-color: #e9ebef;
}
}
.cn-brand-text {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
}

.cn-nav-section {
display: flex;
align-items: center;
gap: 24px;
margin-left:20px;
}

.cn-nav-button {
text-decoration: none;
padding: 8px 0;
transition: color 0.2s ease;
border: none;
background: none;
cursor: pointer;
color: #b1b7c3;
font-size: 18px;
font-weight: 700;
}

.cn-special-feature {
background-color: #fff;
color: #445cf2;
border: 2px solid #445cf2;
padding: 6px 12px;
border-radius: 66px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
gap: 4px;
}
.cn-right-content {
display: flex;
align-items: center;
gap: 16px;
}

.cn-metric-badge {
background-color: #f8f9fa;
color: #495057;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
}

.cn-ticker-info {
color: #6c757d;
font-size: 12px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.cn-action-icon {
width: 32px;
height: 32px;
border: none;
background: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: background-color 0.2s ease;
color: #6c757d;
}

.cn-action-icon:hover {
background-color: #f8f9fa;
}

.cn-login-btn {
background: none;
border: 1px solid #dee2e6;
color: #495057;
padding: 6px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 400;
cursor: pointer;
transition: all 0.2s ease;
}

.cn-login-btn:hover {
border-color: #4285f4;
color: #4285f4;
}

@media (max-width: 768px) {
.cn-nav-section {
display: none;
}
.cn-logo {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    font-size: 24px;
}
.cn-ticker-info {
display: none;
}

.cn-metric-badge {
display: none;
}
}
.more-view-dropdown-container {
position: relative;
display: inline-block;
}

.more-view-trigger-btn {
background: #fff;
font-weight: 600;
font-size:18px;
color: #b1b7c3;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
transition: all 0.2s ease;
white-space: nowrap;
}

.more-view-trigger-btn:hover {
background: #f7f9fa;
border-color: #cfd9de;
}

.more-view-dropdown-arrow {
font-size: 12px;
transition: transform 0.2s ease;
}

.more-view-dropdown-container:hover .more-view-dropdown-arrow {
transform: rotate(180deg);
}

.more-view-dropdown-menu {
position: absolute;
top: calc(100% + 8px);
left: 0;
background: #fff;
border: 1px solid #e1e8ed;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
min-width: 200px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.2s ease;
z-index: 1000;
}

.more-view-dropdown-container:hover .more-view-dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.more-view-menu-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
text-decoration: none;
color: #0f1419;
font-size: 14px;
font-weight: 400;
transition: background-color 0.2s ease;
border-bottom: 1px solid #f7f9fa;
}

.more-view-menu-item:last-child {
border-bottom: none;
}

.more-view-menu-item:hover {
background-color: #f7f9fa;
}

.more-view-menu-item:first-child {
border-radius: 12px 12px 0 0;
}

.more-view-menu-item:last-child {
border-radius: 0 0 12px 12px;
}

.more-view-menu-icon {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-shrink: 0;
}

.more-view-menu-text {
flex: 1;
}

/* アイコンの色設定 */
.icon-lightbulb {
color: #f7931e;
}

.icon-megaphone {
color: #e74c3c;
}

.icon-chart {
color: #27ae60;
}

.icon-book {
color: #f39c12;
}
.demo-section {
margin-bottom: 40px;
}