@charset "UTF-8";

body{
   font-size: 62.5%;
   font-family: 'Noto Sans JP', sans-serif;
   background-color: var(--primary-color);
}

a{
   display: inline-block;
   text-decoration: none;
   color: black;
}

*{
   box-sizing: border-box;
}

.back-inner{
   width: 1200px;
   text-align: center;
   margin: 0 auto;
}
/* =============== トップへ戻るボタン =============== */

.backToTop {
	position: fixed;
	display: inline-block;
	padding: 35px;
	border-radius: 50%;
	background-color: white;
   border: 1px solid deepskyblue;
	bottom: 15px;
	right: calc((100vw - 1200px) / 2);
}

.backToTop::before {
	content: '';
	width: 25px;
	height: 25px;
	border-top: solid 4px deepskyblue;
	border-right: solid 4px deepskyblue;
	position: absolute;
	left: 50%;
	top: 25px;
   transform:translateX(-50%) rotate(-45deg);
}

/* =============== トップへ戻るボタンここまで =============== */

/* -------------------------------
   タブレット
   -------------------------------
*/
@media screen and (min-width:751px) and (max-width:1280px) {
   .back-inner{
      width: 100%;
   }
   /* =============== タブレットトップへ戻るボタン =============== */

   .backToTop{
      right: 5%;
      bottom: 2%;
   }
   
   /* =============== タブレットトップへ戻るボタンここまで =============== */
}


/* -------------------------------
   スマホ
   -------------------------------
*/

@media screen and (max-width:750px) {

   .back-inner{
      width: 100%;
   }
   /* =============== スマホトップへ戻るボタン =============== */

   .backToTop{
      right: 5%;
      bottom: 0;
   }
   
   /* =============== スマホトップへ戻るボタンここまで =============== */
}