Showing source for: https://www.craftdesign.co.jp/
Duration: 1.473522s
Server: nginx
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>
ãã¶ã¤ã³ãªãã©ã¼ã ãªãæ ªå¼ä¼ç¤¾ã¯ã©ããã¸
</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/destyle.css" rel="stylesheet">
<style>
html {
font-size : 62.5%;
}
@media screen and (max-width: 767px) {
html {
font-size : 2.266667vw;
}
}
body {
font-family : "游ã´ã·ãã¯ä½", YuGothic, "游ã´ã·ã㯠Medium", "Yu Gothic Medium", "游ã´ã·ãã¯", "Yu Gothic", Roboto, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo UI", Meiryo, sans-serif;
color : #222;
font-size : 1rem;
letter-spacing : 0.08em;
}
.l-wrapper {
display : flex;
justify-content : center;
align-items : center;
width : 100%;
height : 100vh;
height : 100dvh;
padding : 0 calc( 50 / 800 * 100vw );
}
.l-container {
display : flex;
flex-direction : column;
justify-content : space-between;
align-items : center;
width : 100%;
height : 100%;
text-align : center;
}
header {
padding-top : calc( 120 / 800 * 100vh );
}
header p {
font-size : 1.1rem;
}
main {
text-align : center;
}
main ul {
margin : calc( 50 / 800 * 100vh ) 0;
}
main li {
font-size : 1.8rem;
line-height : 1.4;
list-style-type : none;
}
main li:nth-child(n/**/+2) {
margin-top : calc( 50 / 800 * 100vh );
}
main a {
color : #222;
text-decoration : underline;
transition : text-decoration 0.5s ease-in-out;
}
main a:hover {
text-decoration : none;
}
footer {
padding-bottom : calc( 120 / 800 * 100vh );
}
footer p {
font-size : 1.6rem;
line-height : 2.2;
}
.u-mincho {
font-family : YuMincho, "Yu Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Times New Roman", "HGMinchoE", "yu-mincho-pr6n", "MS PMincho", "MS Mincho", serif;
}
.u-mt-20 {
margin-top : 2rem;
}
</style>
</head>
<body>
<div class="l-wrapper">
<div class="l-container">
<header>
<div>
<svg height="40.035" id="logo-craft-01" viewBox="0 0 157.316 40.035" width="157.316" xmlns="http://www.w3.org/2000/svg">
<g data-name="ã°ã«ã¼ã 1" id="ã°ã«ã¼ã_1">
<path d="M41.844,36h-4.8a.942.942,0,0,1-.941-.941V18.943A.927.927,0,0,1,37.042,18h4.8a.942.942,0,0,1,.941.941V35.088a.954.954,0,0,1-.941.917M25.434.941V3.089a.942.942,0,0,0,.941.941H41.844a.937.937,0,0,1,.941.917v8.132a.942.942,0,0,1-.941.941H26.351a.938.938,0,0,0-.941.917V39.093a.942.942,0,0,0,.941.941H52.486a.976.976,0,0,0,.941-1.062V.8a.928.928,0,0,0-.941-.8H26.351a.922.922,0,0,0-.917.941" data-name="ãã¹ 1" fill="#222" id="ãã¹_1" transform="translate(35.909)">
</path>
<path d="M0,.941V39.093a.937.937,0,0,0,.917.941H23.07a.922.922,0,0,0,.917-.941V36.946a.9.9,0,0,0-.917-.917H11.607a.922.922,0,0,1-.917-.941V4.947a.917.917,0,0,1,.917-.917H23.07a.922.922,0,0,0,.917-.941V.941A.922.922,0,0,0,23.07,0H.917A.922.922,0,0,0,0,.941" data-name="ãã¹ 2" fill="#222" id="ãã¹_2">
</path>
<path d="M12.71.941V39.093a.942.942,0,0,0,.941.941h8.808a.922.922,0,0,0,.917-.941V4.947a.917.917,0,0,1,.917-.917H35.78a.922.922,0,0,0,.917-.941V.941A.937.937,0,0,0,35.78,0H13.651a.927.927,0,0,0-.941.941" data-name="ãã¹ 3" fill="#222" id="ãã¹_3" transform="translate(17.961)">
</path>
<path d="M100.154,14.021H92.021a.942.942,0,0,1-.941-.941V.941A.938.938,0,0,0,90.163,0H81.355a.922.922,0,0,0-.917.941V13.079a.937.937,0,0,1-.917.941H61.374a.922.922,0,0,1-.917-.941V4.923a.917.917,0,0,1,.917-.917H72.86a.942.942,0,0,0,.941-.941V.941A1,1,0,0,0,72.836,0H50.708a.942.942,0,0,0-.941.941V13.079a.937.937,0,0,1-.917.941H40.717a.917.917,0,0,0-.917.917v2.148a.937.937,0,0,0,.917.941h8.132a.917.917,0,0,1,.917.917v20.15a.942.942,0,0,0,.941.941h8.808a.942.942,0,0,0,.941-.941V18.943a.917.917,0,0,1,.917-.917H79.521a.917.917,0,0,1,.917.917v20.15a.937.937,0,0,0,.917.941h8.808a.922.922,0,0,0,.917-.941V18.943a.922.922,0,0,1,.941-.917h8.132a.922.922,0,0,0,.917-.941V14.938a.887.887,0,0,0-.917-.917" data-name="ãã¹ 4" fill="#222" id="ãã¹_4" transform="translate(56.244)">
</path>
</g>
</svg>
</div>
<p class="u-mt-20">
ãã¶ã¤ã³ãªãã©ã¼ã ãªãæ ªå¼ä¼ç¤¾ã¯ã©ããã¸
</p>
</header>
<main>
<ul class="u-mincho">
<li>
<a href="https://craftdesign.cloud/renovation">
CRAFTã®ãªããã¼ã·ã§ã³ãµã¤ã
</a>
</li>
<li>
<a href="https://craftdesign.cloud/one">
中å¤ç©ä»¶è³¼å
¥ï¼ãªããã¼ã·ã§ã³ãµã¤ã
</a>
</li>
<li>
<a href="https://craftdesign.cloud/soup">
CRAFTã®ãªã¦ã³ãã¡ãã£ã¢
<br>
(RENOVATION SOUP)
</a>
</li>
</ul>
</main>
<footer>
<p class="u-mincho">
ãhttps://www.craftdesign.co.jpãã¯ã
<br>
ãµã¤ãããªãã¥ã¼ã¢ã«ããã¦ç§»è¡è´ãã¾ããã
<br>
ãææ°ã§ããä¸è¨ãªã³ã¯ããã¢ã¯ã»ã¹ãã ããã
</p>
</footer>
</div>
</div>
</body>
</html>