/*

  全体レイアウト

================================================================
*/
#wrapper {
  position: relative;
  max-width: 2000px;
  min-width: 1300px;
  margin: 0 auto;}
.inner {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;}
#container {
  position: relative;
  padding-top: 100px;}
section {
  padding: 100px 0;}
.pcn {
  display: none;}
.spn {
  display: inline-block;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
#wrapper {
  max-width: 100%;
  min-width: 100%;}
.inner {
  width: 100%;}
#container {
  padding-top: 18vw;}
section {
  padding: 10vw 5vw;}
.pcn {
  display: inline-block;}
.spn {
  display: none;}}

/*
================================================================

  使用頻度の高いレイアウト系

================================================================
*/

/*実務で実装したページに飛ばすボタン用*/
.fix {
  position: relative;
  width: 1200px;
  height: 100%;
  padding: 40px 0;
  margin: 0 auto;}
.fix a {
  display: block;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  width: 400px;
  padding: 20px 30px;
  text-align: center;
  background-color: #282828;
  border: 1px solid #282828;
  color: #fff;
  letter-spacing: .1em;
  transition: .6s;}
.fix a:hover {
  background-color: #fff;
  color: #282828;}
.fix a::before {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 4%;
    transform: translateY(-50%);
    transition: .6s;}
.fix a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 7px 4px 0 4px;
    border-style: solid;
    border-color: #282828 transparent transparent transparent;
    top: 52%;
    right: 5.5%;
    transform: translateY(-50%);
    transition: .6s;}
.fix a:hover::before {
    background-color: #282828;}
.fix a:hover::after {
    border-color: #fff transparent transparent transparent;}
/* --------------------------------------------------------- sp */
@media (max-width: 767px) {
.fix {
    width: 100%;}
.fix a {
    width: 60vw;
    padding: 3vw 8vw;
    font-size: 4.6vw;}
.fix a::before {
    width: 5vw;
    height: 5vw;
    right: 5%;}
.fix a::after {
    border-width: 1.6vw 1.2vw 0 1.2vw;
    top: 51%;
    right: 7.5%;}}