@charset "utf-8";

/*ページ下部の説明詳細*/

#main .description {
  margin: 20px 0;
  padding: 18px;
  background-color: #D5E1E7;
}
#main .description .inner {
  margin: 0;
  padding: 30px 30px;
  border-radius: 10px;
  background-color: #FFFFFF;
  overflow: hidden;
}
#main .description p {
  margin-bottom: 1em;
}
#main .description strong {
  font-weight: bold;
}
#main .description strong.red {
  color: red;
}
#main .description strong.blue {
  color: #01addf;
}
#main .description strong.blue2 {
  color: #0033ff;
}
#main .description strong.orange {
  color: #f60;
}
#main .description .alignright {
  float: right;
}
#main .description .alignleft {
  float: left;
}
#main .description .aligncenter {
  margin: 0 auto;
  display: block;
}
/* title */
#main .description .inner h3.top-ttl01 {
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	margin-bottom: 1em;
}
#main .description .inner h3.top-ttl02 {
	font-size: 1.3em;
	font-weight: bold;
	color: red;
	margin-bottom: 1em;
}
#main .description .inner h3.top-ttl03 {
	font-size: 1.3em;
	font-weight: bold;
	color: #01addf;
	margin-bottom: 1em;
}
#main .description .inner h3.top-ttl04 {
	font-size: 1.3em;
	font-weight: bold;
	color: #f60;
	margin-bottom: 1em;
}
#main .description .inner h4.sub-ttl01 {
	position: relative;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	padding-left: 15px;
	margin-bottom: 1em;
}
#main .description .inner h4.sub-ttl01::before {
	content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #01addf;
}
#main .description .inner h4.sub-ttl02 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	margin-bottom: 1em;
}
/* list */
#main .description ul, #main .description ol {
  margin-bottom: 1em;
}
#main .description ul li,
#main .description ol li {
  list-style: none;
}
#main .description .inner ul.kome,
#main .description .inner ul.diamond1,
#main .description .inner ul.diamond2 {
	text-align: left;
}
#main .description .inner ul.kome > li,
#main .description .inner ul.diamond1 > li,
#main .description .inner ul.diamond2 > li {
	text-indent: -1em;
	margin-left: 1em;
}
#main .description .inner ul.kome > li::before {
	content: "※";
}
#main .description .inner ul.diamond1 > li::before {
	content: "◆";
}
#main .description .inner ul.diamond2 > li::before {
	content: "◇";
}
#main .description .inner ol.kome {
	list-style:none;
	counter-reset:number;
}
#main .description .inner ol.kome li {
	text-indent:-2em;
	margin-left:2em;
}
#main .description .inner ol.kome li::before {
	counter-increment:number;
	content:"※"counter(number)" ";
}
#main .description .inner ul.disc,
#main .description .inner ul.circle,
#main .description .inner ul.square {
	padding-left: 1.3em;
	text-indent: 0;
}
#main .description .inner ul.decimal {
	padding-left: 1em;
	text-indent: 0;
}
#main .description .inner .disc li {
	list-style-type: disc;
}
#main .description .inner .circle li {
	list-style-type: circle;
}
#main .description .inner .square li {
	list-style-type: square;
}
#main .description .inner .decimal li {
	list-style-type: decimal;
}
/* 余白 */
.mb0 { margin-bottom:0 !important; }
.mt0 { margin-top:0 !important; }
.mb10 { margin-bottom:10px; }
.mt10 { margin-top:10px; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.mb30 { margin-bottom:30px; }
.mt30 { margin-top:30px; }
.mb40 { margin-bottom:40px; }
.mt40 { margin-top:40px; }
.ml10 { margin-left: 10px; }
/* 文字サイズ */
.small {
	font-size: 0.85em;
}
/* text align */
.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }
/* 下線など */
.t-line {
	text-decoration: underline;
}
.marker {
	background:linear-gradient(transparent 50%, #fff284 0%);
}
.enclose {
	border:1px solid #333;
	padding:0 3px;
}
/* color */
.red {
  color: red;
}
.blue {
  color: #01addf;
}
.blue2 {
  color: #0033ff;
}
/* flex */
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.flex-between { -webkit-justify-content:space-between; justify-content:space-between; }
.flex-center { -webkit-justify-content:center; justify-content:center; }
#main .description .inner ul.flex-basis50 li { flex-basis: 50%; }
/* link */
#main .description .inner a.a_link {
	position: relative;
	padding-left: 17px;
    display: block;
}
#main .description .inner a.a_link::before {
	position: absolute;
    content: "";
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
    width: 13px;
    height: 13px;
    background-color: #55a1d0;
}
#main .description .inner a.a_link::after {
	position: absolute;
    content: "";
    left: 0.5px;
    top: 1.5px;
	bottom: 0;
	margin: auto;
    width: 5px;
    height: 5px;
    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}
/* btn */
#main .description .inner .btn-sample a {
	position: relative;
	background-color: #55a1d0;
	color: #fff;
	font-weight: 600;
	border-radius: 10px;
	padding: 10px 35px 10px 15px;
	text-decoration-line: none;
}
#main .description .inner .btn-sample a::after {
	content: "";
    position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
	right: 8px;
	width: 6px;
	height: 6px;
	border-width: 1.5px 1.5px 0 0;
    border-style: solid;
    border-color: #fff;
	transform: rotate(45deg);
}
#main .description .inner .btn-sample a:hover {
	opacity: .8;
}
/* box */
#main .description .inner .box1 {
	padding: 0.2em 0.5em;
	border: 1px solid #dcdcdc;
	margin-bottom: 1em;
}
#main .description .inner .box2 {
	padding: 0.2em 0.5em;
	border: 1px solid #dcdcdc;
	background-color: #f7fbff;
	margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  #main .description .inner {
	  padding: 15px 15px;
  }
  /* flex */
  #main .description .inner ul.flex-basis50 li {
	  flex-basis: 100%;
  }
  #main .description .inner .table-scroll {
    overflow-x: scroll;
    margin-bottom: 5px;
  }
  #main .description .inner .table-scroll table {
    min-width: 564px;		
  }
}