@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
  font-weight: normal;
  -webkit-appearance: none;
}

body {
  background: #fff;
  color: #333;
  cursor: auto;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

p {
  padding: 5px 0 10px;
}

blockquote {
  margin: 15px 0;
  padding: 10px 15px 3px;
  background: #faf6ed;
}

pre {
  background: #eee;
  margin: 1em 0;
  padding: 0 20px;
  overflow: auto;
  width: auto;
}

code {
  color: #5b5905;
  font-family: sans-serif;
  letter-spacing: 0;
}

ul, ol {
  margin: 10px 0 0;
  padding: 0 0 0 30px;
}

ul {
  margin: 10px 0;
  padding: 0 0 0 15px;
  list-style: none;
}

li {
  padding-bottom: 10px;
}

dl {
  margin: 10px 0;
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:visited {
  color: #333;
}

a:hover {
  color: #333;
  text-decoration: none;
}

a:focus,
a:active {
  color: #333;
}

em {
  font-weight: bold;
  color: #666;
  font-style: normal;
}

strong {
  font-weight: bold;
  color: #28a452;
}

hr {
  display: none;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border: none;
  color: #fff;
  background: transparent;
  vertical-align: bottom;
}

embed, object {
  outline: 0;
  vertical-align: bottom;
}

abbr, acronym {
  cursor: help;
}

sup {
  vertical-align: super;
  font-size: 70%;
}

sub {
  vertical-align: baseline;
  font-size: 70%;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

input,
textarea {
  padding: 1px;
  font-family: meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", sans-serif;
}

select option {
  padding: 0 5px;
}

label {
  cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
  background: #fff;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
	background-color: #fff;
	padding: 10px;
	font-family: meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", sans-serif;
	border: 1px solid #ccc;
	border-radius: 10px;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 5px;
	width: 1.2em;
	height: 1.2em;
}

input[type="radio"] { position: relative;}
input[type="radio"]::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	width: 1em;
	height: 1em;
	margin: -.5em 0 0 -.5em;
	border: 1px solid #ccc;
	border-radius: 50%;
	content: '';
}
input[type="radio"]::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: .6em;
	height: .6em;
	margin: -.3em 0 0 -.3em;
	border-radius: 50%;
	content: '';
	opacity: 0;
}
input[type="radio"]:checked::after { opacity: 1;}
input[type="radio"]:focus { background-color: transparent;}

input[type="checkbox"] { position: relative;}
input[type="checkbox"]::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	width: 1em;
	height: 1em;
	margin: -.5em 0 0 -.5em;
	border: 1px solid #ccc;
	content: '';
}
input[type="checkbox"]::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	display: block;
	width: .4em;
	height: .6em;
	margin: -.4em 0 0 -.2em;
	opacity: 0;
	transform: rotate(45deg);
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
input[type="checkbox"]:checked::after { opacity: 1;}
input[type="checkbox"]:focus { background-color: transparent;}

input[type="submit"],
input[type="button"] {
	background-color: #fff;
	min-width: 200px;
	padding: 14px 0;
	font-size: 16px;
	color: #333;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
	outline-offset: -2px;
}

label.select {
	position: relative;
	display: inline-block;
}
label.select select {
	padding-right: 20px;
}
label.select select:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 3px 0 3px;
	border-color: #fff transparent transparent transparent;
	pointer-events: none;
}


ul.list-kome li {
  margin-left: 1em;
}

ul.list-kome li:before {
  content: '※';
  margin-left: -1em;
}

/******************************************************************** clearfix
*/
#container,
.clearfix {
  overflow: hidden;
}

/******************************************************************** utilities
*/
.aL {
  text-align: left;
}

.aC {
  text-align: center;
}

.aR {
  text-align: right;
}

.fR {
  float: right;
}

.fL {
  float: left;
}

.clr {
  float: none;
  clear: both;
}

.temp-notes {
  font-size: 120%;
  color: #c00;
  font-weight: bold;
  background: #f8f8f8;
  margin: 1em;
  padding: 1em;
}

.sp_br {
  display: inline;
}

.sp_blind {
  display: none;
}

.pc_br {
  display: none;
}

.pc_blind {
  display: block;
}

/* layout change pc <=> sp btn. !need js cookie setting! */
/*#pcsp_switch li {}*/
@media screen and (min-width: 640px) {
  .sp_br {
    display: none;
  }

  .sp_blind {
    display: block;
  }

  .pc_br {
    display: inline;
  }

  .pc_blind {
    display: none;
  }
}

