@charset "UTF-8";

/*----------------------------------------------------
	Default
----------------------------------------------------*/

html {
	-webkit-text-size-adjust:none;
	overflow-y: scroll;
	position: relative;
	height: 100%;
}

body {
	position: relative;
	height: 100%;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q {
	font-style: normal;
}

q:before{
	content: no-open-quote;
}

q:after {
	content: no-close-quote;
}

object,
embed,
img {
	vertical-align: top;
}

hr,legend {
	display: none;
}

img,abbr,acronym,fieldset {
	border: 0;
}

/*----------------------------------------------------
	form Parts Reset
----------------------------------------------------*/

input[type="text"],
input[type="button"],
textarea,
button,
select {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	line-height: 1.5;
	color: #000;
	font-size: 15px !important;
}

select {
	box-shadow: none;
	padding-right: 24px !important;
	background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
	background-size: 16px 16px;
	cursor: pointer;
}

/*----------------------------------------------------
	Color
----------------------------------------------------*/

body {
	color: #000;
}

::selection {
    background: #ccc;
}

::-moz-selection {
    background: #ccc;
}

img {
	color: #fff;
}

/*----------------------------------------------------
	Typography
 ----------------------------------------------------*/
 
body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	line-height: 1.75;
}

* + html body {
	font-family: matter-regular, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*----------------------------------------------------
	Link
 ----------------------------------------------------*/

a,
a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #666; 
}

/*----------------------------------------------------
	Parts
 ----------------------------------------------------*/

.pcnone {
	display: none;
}

.highlight {
	font-weight: 600;
	color: #ff5064;
}

.btn {
	margin: 60px 0 30px 0;
	text-align: center;
}

.btnl,
input.btnl {
	display: inline-block;
	min-width: 60%;
	margin: 0 auto;
	padding: 10px;
	border: none;
	border-radius: 5px;
	font-size: 16px !important;;
	font-weight: 600 !important;;
	color: #fff;
	background: #000 !important;;
}

.btnm,
input.btnm {
	display: inline-block;
	width: 20%;
	margin: 0 15px 0 0;
	padding: 10px;
	border: none;
	border-radius: 5px;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #fff;
	background: #888 !important;;
}

.btns,
input.btns {
	display: inline-block;
	padding: 10px;
	border: none !important;
	border-radius: 3px;
	color: #fff;
	background: #000 !important;;
}

.btnl:hover,
.btnm:hover,
.btns:hover {
	opacity: 0.7;
}

.btnl,
.btnl:link,
.btnl:hover,
.btnl:visited,
.btnm,
.btnm:link,
.btnm:hover,
.btnm:visited,
.btns,
.btns:link,
.btns:hover,
.btns:visited {
	color: #fff;
	text-decoration: none;
}

/*----------------------------------------------------
	Layout
 ----------------------------------------------------*/

body {
	margin: 0;
}

header {
	position: relative;
	width: 1050px;
	height: 75px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}

header #sycom {
	position: absolute;
	top: 20px;
	left: 0;
}

header #sycom img {
	width: 160px;
}

header #sycom a,
header #sycom a:link,
header #sycom a:visited,
header #sycom a:hover,
header #sycom a:active {
	background: none;
}

main {
	width: 690px;
	margin: 0 auto;
	padding: 60px 0;
}

main h1 {
	width: 690px;
	margin: 0 auto 60px auto;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
}

main .txt {
	width: 690px;
	margin: 60px auto;
}

main .txt p {
	text-align: center;
}

main .txt ul li {
	margin: 30px 0;
}

main .wrapper {
	display: flex;
	width: 690px;
	gap: 30px;
}

main h2 {
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

footer {
	width: 1050px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}

footer p  {
	margin: 0;
	padding: 30px 0;
	text-align: left;
	font-size: 13px;
}