@charset "UTF-8";

@import url("reset.css");
@import url("header.css");
@import url("cta.css");
@import url("footer.css");

:root {
	--tryBlue: #0065CC;
	--lightBlue: #F0F5FF;
}
img {
  width: 100%;
  height: auto;
}
html, body {
  font-family:"Noto Sans JP";
  overflow-x: hidden;
	color: #333333;
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
}
h1, h2, h3, h4 {
	color: var(--tryBlue);
} 
.container {
  overflow: hidden;
}
.container p {
	line-height: 1.65;
}
picture {
  font-size: 0;
}
.pc {
  display: none;
}
a {
	color: var(--tryBlue);
}

@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }
	.sp {
		display: none;
	}
}



.mod-pankuzu {
	display: none;
}
@media screen and (min-width: 768px) {
	.mod-pankuzu {
		display: block;
    margin: 92px auto 0;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    font-size: 12px;
		color: #666666;
	}
	.mod-pankuzu a {
		color: #666666;
	}
	.mod-pankuzu ul li {
		display: inline;
	}
}