回答編集履歴

- CSSは恐らくカットできる部分も多いと思うのですが、

-

- スライド部分は

-

- ```

-

- .slider {

-

- width: 100vw;

-

- height: 100vh;

-

- }

-

-

- padding: 0;

-

- margin: 0;

-

- }

-

- .slider li {

-

- width: 100%;

-

- height: 100%;

-

- position: absolute;

-

- top: 0px;

-

- left: 0px;

-

- display: none;

-

- }

-

- .slider li:first-child {

-

- display: block;

-

- }

-

- .slider .overlay {

-

- display: block;

-

- position: fixed;

-

- position: relative;

-

- padding: 20% 0 0;

-

- }

-

- .content h1 {

-

- font-size: 48px;

-

- font-family: "Helvetica Neue", "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;

-

- color: #fff;

-

- line-height: 1.5;

-

- text-align: center;

-

- }

-

- .color {

-

- color: #ffa500;

-

- font-size: 38px;

-

- }

-

- .slider p {

-

- top: 50%;

-

- left: 50%;

-

- margin: 0;

-

- padding: 0;

-

- color: #fff;

-

- text-align: center;

-

- }

-

- .slider img.maxw {

-

- width: 100%;

-

- height: auto;

-

- max-height: none;

-

- position: absolute;

-

- filter: inherit;

-

- }

-

- .slider img.maxh {

-

- width: auto;

-

- max-width: none;

-

- height: 100%;

-

- position: absolute;

-

- filter: inherit;

-

- }

-

- a.fa.fa-angle-down {

-

- padding: 10px 15px;

-

- color: #fff;

-

- border: 2px solid #b4b4b4;

-

- border-radius: 50%;

-

- font-size: 24px;

-

- margin-top: 200px;

-

- transition: all 0.5s;

-

- }

-

- a.fa.fa-angle-down:hover {

-

- background: #fcac45;

-

- color: #ffffff;

-

- border: 2px solid #fcac45;

-

- }

-

- コード

-

- ```