stock/contact.html at master · tigerchow89/stock · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html lang="ja" class="FullHeight" dir="ltr">
	<head>
		<title>ミライ カ ネ ツ ツ</title>
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<meta charset="utf-8" />
		<link href="styles.css" rel="stylesheet" />
		<style>
			body {
				font-family: 'Inter', sans-serif;
			}
		</style>
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
		<link rel="icon" type="image/x-icon" href="favicon.ico" />
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<meta name="description" content="金融コンサルティングを通じて顧客の未来をサポートするミライ カ ネ ツ ツは、長年にわたり信頼と実績を積み重ねてきました。私たちは各顧客のニーズに合わせた具体的な財務プランを提案し、資産管理や投資戦略の最適化をサポートします。変化の速い市場に対応し、柔軟で革新的な解決策を提供することで、多くの個人や企業の成長を支援しています。常に責任あるコンサルティングを心がけ、クライアントの満足度向上を最優先としています。" />
		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet" />
	</head>
	<body>
		<div class="FullWidth MaxWidthSevenXL">
			<div class="FlexBox FlexColumnLayout MaxWidthScreenXL PaddingFive MarginXAuto MediumItemsCenter MediumJustificationBetween MediumFlexRowLayout MediumPaddingXSix LargePaddingXEight">
				<div class="FlexBox FlexRowLayout ItemsCenterAlignment JustificationBetween LargeJustificationStart">
					<a class="TextSizeXL BoldFontStyle TrackingTighterMetric TextPurpleSixHundred TransitionEffect DurationFiveHundred EaseInOutEffect TransformEffect tracking-relaxed LargePaddingRightEight" href="index.html">ミライ カ ネ ツ ツ</a>
					<button class="LargeRoundedStyle MediumHiddenVisibility FocusOutlineNone focus:shadow-outline">
						<svg fill="currentColor" viewBox="0 0 20 20" class="WidthEight HeightEight">
							<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"></path>
							<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" style="display: none"></path>
						</svg>
					</button>
				</div>
				<nav class="FlexColumnLayout FlexGrowFactor HiddenView MediumFlexLayout MediumJustificationEnd MediumFlexRowLayout">
					<ul class="SpaceYTwo ListNoStyle LargeSpaceYZero LargeItemsCenterAlignment LargeInlineFlex">
						<li><a href="index.html#feature" class="PaddingXTwo LargePaddingXSix PaddingYSix BottomBorderTwo TransparentBorder HoverBorderBlueSixHundred LeadingTwentyTwoPixels MediumPaddingXThree TextGrayFiveHundred HoverTextBlueFiveHundred">メリット</a></li>
						<li><a href="index.html#testimonials" class="PaddingXTwo LargePaddingXSix PaddingYSix BottomBorderTwo TransparentBorder HoverBorderBlueSixHundred LeadingTwentyTwoPixels MediumPaddingXThree TextGrayFiveHundred HoverTextBlueFiveHundred">レビュー</a></li>
						<li><a href="index.html#faq" class="PaddingXTwo LargePaddingXSix PaddingYSix BottomBorderTwo TransparentBorder HoverBorderBlueSixHundred LeadingTwentyTwoPixels MediumPaddingXThree TextGrayFiveHundred HoverTextBlueFiveHundred">よくある質問</a></li>
						<li><a href="contact.html" class="PaddingXTwo LargePaddingXSix PaddingYSix BottomBorderTwo TransparentBorder HoverBorderBlueSixHundred LeadingTwentyTwoPixels MediumPaddingXThree TextGrayFiveHundred HoverTextBlueFiveHundred">連絡先</a></li>
						<li><a href="blog.html" class="PaddingXTwo LargePaddingXSix PaddingYSix BottomBorderTwo TransparentBorder HoverBorderBlueSixHundred LeadingTwentyTwoPixels MediumPaddingXThree TextGrayFiveHundred HoverTextBlueFiveHundred">ブログ</a></li>
					</ul>
				</nav>
			</div>
		</div>
		<div id="contact">
			<div class="RelativePosition BackgroundWhite">
				<div class="LargeAbsolutePosition LargeInsetZero LargeLeftFiftyPercent">
					<img class="HeightSixtyFour FullWidth BackgroundGrayFifty ObjectCoverStyle SmallHeightEighty LargeAbsolutePosition LargeFullHeight OpacitySeventy" src="img/8f6c90764f693a2b8ddc75bfeaef4989.jpg" alt="" />
				</div>
				<div class="PaddingBottomTwentyFour PaddingTopSixteen SmallPaddingBottomSixteen SmallPaddingTopTwentyFour LargeMarginXAuto LargeGridLayout LargeMaxWidthSevenXL LargeGridColumnsTwo LargePaddingTopTwenty">
					<div class="PaddingXSix LargePaddingXEight">
						<div class="MarginXAuto MaxWidthXL LargeMarginXZero LargeMaxWidthLarge">
							<h2 class="TextSizeThreeXL BoldFontStyle TrackingTightMetric TextGrayNineHundred">コンタクト</h2>
							<p class="MarginTopFour SmallTextSize LeadingSix TextGraySixHundred">
								電話番号:
								<a href="mailto:+81 50-3132-4869" class="SemiboldFontStyle">+81 50-3132-4869</a>
							</p>
							<p class="MarginTopFour SmallTextSize TextGraySixHundred"><span class="SemiboldFontStyle">東京都千代田区丸の内1-9-1</span></p>
							<form action="#" method="POST" class="MarginTopSixteen">
								<div class="GridLayout GridColumnsOne GapXEight GapYSix SmallGridColumnsTwo">
									<div>
										<label for="first-name" class="BlockDisplay SmallTextSize SemiboldFontStyle LeadingSix TextGrayNineHundred">名</label>
										<div class="MarginTopTwoPointFive">
											<input type="text" name="first-name" id="zlnnm0" autocomplete="given-name" class="BlockDisplay FullWidth MediumRoundedStyle BorderZero PaddingXThreePointFive PaddingYTwo TextGrayNineHundred SmallShadowEffect RingOneStyle RingInsetEffect GrayRingThreeHundred PlaceholderTextGrayFourHundred FocusRingTwo FocusRingInset FocusRingPurpleSixHundred SmallTextSizeSmall SmallLeadingSix" />
										</div>
									</div>
									<div>
										<label for="last-name" class="BlockDisplay SmallTextSize SemiboldFontStyle LeadingSix TextGrayNineHundred">姓</label>
										<div class="MarginTopTwoPointFive">
											<input type="text" name="last-name" id="pm36t" autocomplete="family-name" class="BlockDisplay FullWidth MediumRoundedStyle BorderZero PaddingXThreePointFive PaddingYTwo TextGrayNineHundred SmallShadowEffect RingOneStyle RingInsetEffect GrayRingThreeHundred PlaceholderTextGrayFourHundred FocusRingTwo FocusRingInset FocusRingPurpleSixHundred SmallTextSizeSmall SmallLeadingSix" />
										</div>
									</div>
									<div class="SmallColumnSpanTwo">
										<label for="email" class="BlockDisplay SmallTextSize SemiboldFontStyle LeadingSix TextGrayNineHundred">Email</label>
										<div class="MarginTopTwoPointFive">
											<input id="cf3lz" name="email" type="email" autocomplete="email" class="BlockDisplay FullWidth MediumRoundedStyle BorderZero PaddingXThreePointFive PaddingYTwo TextGrayNineHundred SmallShadowEffect RingOneStyle RingInsetEffect GrayRingThreeHundred PlaceholderTextGrayFourHundred FocusRingTwo FocusRingInset FocusRingPurpleSixHundred SmallTextSizeSmall SmallLeadingSix" />
										</div>
									</div>
									<div class="SmallColumnSpanTwo">
										<div class="FlexBox JustificationBetween SmallTextSize LeadingSix">
											<label for="phone" class="BlockDisplay SemiboldFontStyle TextGrayNineHundred">電話番号</label>
										</div>
										<div class="MarginTopTwoPointFive">
											<input type="tel" name="phone" id="p6u8h2" autocomplete="tel" aria-describedby="phone-description" class="BlockDisplay FullWidth MediumRoundedStyle BorderZero PaddingXThreePointFive PaddingYTwo TextGrayNineHundred SmallShadowEffect RingOneStyle RingInsetEffect GrayRingThreeHundred PlaceholderTextGrayFourHundred FocusRingTwo FocusRingInset FocusRingPurpleSixHundred SmallTextSizeSmall SmallLeadingSix" />
										</div>
									</div>
									<div class="SmallColumnSpanTwo">
										<div class="FlexBox JustificationBetween SmallTextSize LeadingSix">
											<label for="message" class="BlockDisplay SmallTextSize SemiboldFontStyle LeadingSix TextGrayNineHundred">メッセージ</label>
										</div>
										<div class="MarginTopTwoPointFive">
											<textarea id="i6oub" name="message" rows="4" aria-describedby="message-description" class="BlockDisplay FullWidth MediumRoundedStyle BorderZero PaddingXThreePointFive PaddingYTwo TextGrayNineHundred SmallShadowEffect RingOneStyle RingInsetEffect GrayRingThreeHundred PlaceholderTextGrayFourHundred FocusRingTwo FocusRingInset FocusRingPurpleSixHundred SmallTextSizeSmall SmallLeadingSix"></textarea>
										</div>
									</div>
								</div>
								<div class="MarginTopTen FlexBox JustificationEnd PaddingTopTwo">
									<button type="submit" class="MediumRoundedStyle BackgroundPurpleSixHundred PaddingXThreePointFive PaddingYTwoPointFive TextCenterAlignment SmallTextSize SemiboldFontStyle TextWhiteColor SmallShadowEffect HoverBackgroundPurpleFiveHundred FocusVisibleOutline FocusVisibleOutlineTwo FocusVisibleOutlineOffsetTwo FocusVisibleOutlinePurpleSixHundred">メッセージを送信</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="TextGraySixHundred body-font">
			<div class="ContainerBase PaddingXFive PaddingYEight MarginXAuto FlexBox ItemsCenterAlignment SmallFlexRow FlexColumnLayout">
				<a class="FlexBox title-font MediumFontStyle ItemsCenterAlignment MediumJustificationStart JustificationCenter TextGrayNineHundred">
					<span class="MarginLeftThree TextSizeXL">ミライ カ ネ ツ ツ</span>
				</a>
				<p class="SmallTextSize TextGrayFiveHundred SmallMarginLeftFour SmallPaddingLeftFour SmallLeftBorderTwo SmallGrayBorderTwoHundred SmallPaddingYTwo SmallMarginTopZero MarginTopFour">© 2024 ミライ カ ネ ツ ツ</p>
				<p class="SmallTextSize TextGrayFiveHundred SmallMarginLeftFour SmallPaddingLeftFour SmallLeftBorderTwo SmallGrayBorderTwoHundred SmallPaddingYTwo SmallMarginTopZero MarginTopFour">
					<a class="FlexBox title-font ItemsCenterAlignment MediumJustificationStart JustificationCenter TextGrayNineHundred" href="privacy_policy.html">
						<span class="SmallTextSize LeadingSix TextGraySixHundred HoverTextGraySevenHundred">プライバシーポリシー</span>
					</a>
				</p>
				<span class="InlineFlexBox SmallMarginLeftAuto SmallMarginTopZero MarginTopFour JustificationCenter SmallJustificationStart">
					<a class="TextGrayFiveHundred">
						<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="WidthFive HeightFive" viewBox="0 0 24 24">
							<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
						</svg>
					</a>
					<a class="MarginLeftThree TextGrayFiveHundred">
						<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="WidthFive HeightFive" viewBox="0 0 24 24">
							<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
						</svg>
					</a>
					<a class="MarginLeftThree TextGrayFiveHundred">
						<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="WidthFive HeightFive" viewBox="0 0 24 24">
							<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
							<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
						</svg>
					</a>
					<a class="MarginLeftThree TextGrayFiveHundred">
						<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="WidthFive HeightFive" viewBox="0 0 24 24">
							<path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
							<circle cx="4" cy="4" r="2" stroke="none"></circle>
						</svg>
					</a>
				</span>
			</div>
		</footer>
		<div id="zdg0" class="FixedBase BottomZero RightZero BackgroundPurpleOneHundred PaddingFour SmallShadowEffect MarginFour LargeRoundedStyle WidthEighty">
			<h2 class="LargeTextSize SemiboldFontStyle">プライバシーポリシー</h2>
			<p class="SmallTextSize MarginTopTwo">
				私たちは、プライバシー保護に最大限の注意を払っています。お客様のデータは細心の注意を払って管理され、情報の安全を確保するために必要なすべての措置を講じています。詳細については、以下のプライバシーポリシーをご覧ください。
				<a class="UnderlineStyle" href="privacy_policy.html">プライバシーポリシーを見る</a>
			</p>
			<div class="MarginTopFour FlexBox GapFour JustificationStart">
				<button onclick="document.getElementById('zdg0').style.display = 'none'" class="BackgroundPurpleFiveHundred TextWhiteColor PaddingXFour PaddingYOne RoundedStyle HoverBackgroundPurpleSevenHundred">同意する</button>
				<button onclick="document.getElementById('zdg0').style.display = 'none'" class="BackgroundGrayFiveHundred TextWhiteColor PaddingXFour PaddingYOne RoundedStyle HoverBackgroundGraySevenHundred">同意しない</button>
			</div>
		</div>
	</body>
</html>