@charset "UTF-8";
/* base ------------------------------------------------------------- */

/* Graphik */
/*
@font-face {
	font-family: "Graphik";
	font-style: normal;
	font-weight: bold;
	src: url("../font/Graphik/GraphikSemibold.woff2") format('woff2'),
		url("../font/Graphik/GraphikSemibold.woff") format('woff');
	font-display: swap;
}
@font-face {
	font-family: "Graphik";
	font-style: normal;
	font-weight: bold;
	src: url("../font/Graphik/GraphikMedium.woff2") format('woff2'),
		url("../font/Graphik/GraphikMedium.woff") format('woff');
	font-display: swap;
}
@font-face {
	font-family: "Graphik";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Graphik/GraphikRegular.woff2") format('woff2'),
		url("../font/Graphik/GraphikRegular.woff") format('woff');
	font-display: swap;
}
@font-face {
	font-family: "Graphik";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Graphik/GraphikLight.woff2") format('woff2'),
		url("../font/Graphik/GraphikLight.woff") format('woff');
	font-display: swap;
}
*/

*:focus {
  outline: none;
}

#ca_storys {
  /*font-family: "Graphik", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, sans-serif;*/
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  position: relative;
  font-weight: normal;
  color: #5A5A5A;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#ca_storys a {
  color: #5A5A5A;
  transition: 0.3s all;
  text-decoration: none;
}
#ca_storys a:hover {
  opacity: 0.7;
}
/*
#ca_storys .font-graphik {
  font-family: "Graphik", sans-serif;
}
*/

#ca_storys * {
  box-sizing: border-box;
}

/*============================
PC
============================*/
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
/*============================
SP
============================*/
@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}


#ca_storys img {
  max-width: 100%;
  height: auto;
  display: block;
}
.clearfix::after {
 content: "";
 display: block;
 clear: both;
}
.t-main_body .o-inner {
  max-width: 100%;
  width: 100%;
  padding: 0;
}

.o-container {
  margin: 0;
}

.t-pagetop {
  z-index: 100;
}