@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 1;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
br {
  line-height: 0;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
  /*font-size: 18px;*/
}
/*a:hover{
	opacity: .7;
}*/
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
button {
  cursor: pointer;
}
img {
  vertical-align: middle;
}
/* IE */
* {
  -webkit-tap-highlight-color: transparent;
}

::selection {
  color: #000;
  background: rgb(152 109 142 / 50%);
}
/** {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}*/

.inner {
  width: 1000px;
  margin: 0 auto;
  max-width: 95%;
}
/**:before,
*:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}*/
.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: "";
}
.pc,
.tb {
  display: block;
}
.sp {
  display: none;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  height: 0;
  display: block;
  clear: both;
  content: "";
}

/*For PC*/
@media only screen and (min-width: 980px) {
  /*.grid_01,
	.grid_02,
	.grid_03,
	.grid_04,
	.grid_05{
		float: left;
	}
	.grid_01{
		width: 100%;
	}
	.grid_02{
		width: 50%;
	}
	.grid_03{
		width: 33.33333333%;
	}
	.grid_04{
		width: 25%;
	}
	.grid_05{
		width: 20%;
	}
	.only_pc{
		display: block;
	}
	.only_tb,
	.only_sp{
		display: none;
	}*/
}

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /*.grid_tb_01,
	.grid_tb_02,
	.grid_tb_03,
	.grid_tb_04,
	.grid_tb_05{
		float: left;
	}
	.grid_tb_01{
		width: 100%;
	}
	.grid_tb_02{
		width: 50%;
	}
	.grid_tb_03{
		width: 33.33333333%;
	}
	.grid_tb_04{
		width: 25%;
	}
	.grid_tb_05{
		width: 20%;
	}
	.only_pc, .only_tb{
		display: block;
	}
	.only_sp{
		display: none;
	}*/
}

@media only screen and (max-width: 767px) {
  .inner {
    width: 95%;
    margin: 0 auto;
  }
  .pc {
    display: none;
  }
  .sp,
  .tb {
    display: block;
  }
  /*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
	code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
	form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer,
	header, hgroup, menu, nav, section, time, mark, audio, video {
		font-size:.12rem;
	}
	.inner{
		width: 100%;
		margin: 0 auto;
	}
	.grid_sp_01,
	.grid_sp_02,
	.grid_sp_03,
	.grid_sp_04,
	.grid_sp_05{
		float: left;
	}
	.grid_sp_01{
		width: 100%;
	}
	.grid_sp_02{
		width: 50%;
	}
	.grid_sp_03{
		width: 33.33333333%;
	}
	.grid_sp_04{
		width: 25%;
	}
	.grid_sp_05{
		width: 20%;
	}
	.only_pc{
		display: none;
	}
	.only_sp,
	.only_tb{
		display: block;
	}
	*/
}