@charset "UTF-8";

/* ****************************************************
Title: common.css
Created: 2011-01-24
Last Modified: 2011-03-14
***************************************************** */

/* Table Of Contents
----------------------------------------

# Settings
# Modules

----------------------------------------*/

/* # Settings
---------------------------------------------------------------------------- */

html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
figure,
figcaption,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  background-color: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
header,
hgroup,
footer,
article,
section,
nav,
aside,
figure,
figcaption {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
fieldset {
  border: none;
}
input,
textarea,
select,
label {
  font-size: 100%;
  vertical-align: middle;
}
label,
button {
  cursor: pointer;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
a {
  vertical-align: baseline;
}
img {
  border: none;
  vertical-align: bottom;
}
b,
em,
strong {
  font-weight: bold;
  font-style: normal;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
code {
  font-family: monospace;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
small {
  font-style: normal;
}
ins {
  text-decoration: none;
}
mark {
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr,
acronym {
  border: none;
  font-variant: normal;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #333;
  cursor: help;
}
address,
caption,
cite,
code,
dfn,
var {
  font-weight: normal;
  font-style: normal;
}
hr {
  display: none;
}
pre {
  font-family: monospace;
}
rt {
  text-align: center;
}
rp {
  display: none;
}
optgroup {
  font-style: normal;
}

/* # Modules
---------------------------------------------------------------------------- */

.mHide {
  display: none;
}

.taL {
  text-align: left;
}
.taC {
  text-align: center;
}
.taM {
  vertical-align: middle;
}
.taCM {
  text-align: center;
  vertical-align: middle;
}
.taR {
  text-align: right;
}

.flL {
  float: left;
}
.flR {
  float: right;
}

.clL {
  clear: left;
}
.clB {
  clear: both;
}
.clR {
  clear: right;
}

.clf {
  zoom: 1;
}
.clf:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

/* Space ＜スペースを空けるためのクラス＞
---------------------------------------------------------------------------- */
#content .Sp_t03 {
  margin-top: 0.3em;
}
#content .Sp_t05 {
  margin-top: 0.5em;
}
#content .Sp_t1 {
  margin-top: 1em;
}
#content .Sp_t2 {
  margin-top: 2em;
}
#content .Sp_b05 {
  margin-bottom: 0.5em;
}
#content .Sp_L1 {
  margin-left: 1em;
}

/* Text ＜テキスト装飾に関するクラス＞
---------------------------------------------------------------------------- */
#content .TextEmphasis01 {
  color: #800000;
} /*テキスト赤*/
#content .TextEmphasis02 {
  color: #800000;
  font-weight: bold;
} /*テキスト赤・太字*/
#content .TextEmphasis03 {
  color: #800000;
  font-weight: bold;
  border-bottom: 1px solid #800000;
  padding-bottom: 0.2em;
} /*テキスト赤・太字・下線*/
#content .TextEmphasis04 {
  color: #800000;
  border-bottom: 1px solid #800000;
} /*テキスト赤・下線*/
#content .TextCol01 {
  color: #9cd1d8;
}
#content .TextCol02 {
  color: #428d38;
}
#content .Text85 {
  font-size: 85.7%;
}
#content .Text90 {
  font-size: 90%;
}
#content .Text120 {
  font-size: 123.1%;
}

/*add20170530*/
/*form.search-box-form {
    padding:0px !important;
}*/
.search-box-clear-button {
  display: none;
}

input.search-box-search-button,
input.search-box-search-button:hover {
  background-color: #04215c !important;
  background-repeat: no-repeat;
  background-position: center center;
  /*    background-image: url('/stdscripts/search/img/search.png') !important;*/
  background-size: 14px;
  overflow: hidden;
  /*    text-indent: 150%;*/
  white-space: nowrap;
  border-color: #04215c !important;
  color: #fff !important;
}

a{
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}

.alp:hover{opacity: 0.7;}



p.checkmark, ul.checkmark li, dl.checkmark dt{
	position: relative;
	padding-left: 1.25rem;
}


/*//////////// chekmark ////////////*/
p.checkmark::before, ul.checkmark li::before, dl.checkmark dt::before{
	content: "";
	display: block;
	width: 0.7rem;
	height: 0.25rem;
	border: 3px solid #b4df2b;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	top: 0.15rem;
}

ul.checkmark li::before, dl.checkmark {
	margin-bottom: 1rem;
}

ul.checkmark li, dl.checkmark dd{
	margin-bottom: 1rem;
}

ul.checkmark li, dl.checkmark dt{
	font-weight: bold;
	color: #0c6100;
	margin-bottom: 0.25rem;
}
@media screen and (min-width:641px) {
	dl.checkmark.flex {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}
	dl.checkmark.flex dt, dl.checkmark.flex dd{margin-bottom: 1.25rem;}
	dl.checkmark.flex dt{ width: 25%;}
	dl.checkmark.flex dd{ width: 70%;}
}

h4.square{
	position: relative;
	padding-left: 0.75rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
	color: #0c6100;
}

h4.square::before{
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background:  #0c6100;
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 0.18rem;
}

.komenum{
	counter-reset: komenum 0;
}

.komenum > li{
	position: relative;
	padding-left: 1.75rem;
	margin-bottom: 1rem;
}

.komenum > li::before{
	counter-increment: komenum 1;
	content: "※" counter(komenum);
	position: absolute;
	top: 0;
	left: 0;
}