@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
html, html * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box; /* Webkit系用 */
  -moz-box-sizing: border-box; /* Firefox用 */
  box-sizing: border-box; /* 標準 */
}
body {
  margin: 0;
  font-size: 1rem;
  font-family: "Helvetica Neue",Arial,"メイリオ", Meiryo, "MS ゴシック", "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
  background-color: #C8E8ED;
  -webkit-text-size-adjust: 100%;
	overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict; 
  font-feature-settings: "palt";
}
#wrapper {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
main {
  display: block;
  margin-top: 5rem;
}
img {
  max-width: 100%;
  height: auto;
}
img.sc {
  border: solid 1.5px #8E8E8E;
}
img.two-img{
	padding: .3rem;
	width: 50%;
	float: left;
}
/* メニュー */
header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
header img {
  padding: 1px 3px 3px;
  vertical-align: middle;
}
nav {
  display: block;
  top: 0;
  margin: 0rem;
}
nav ul {
  display: inline-block;
  margin: 0rem;
}
nav ul li {
  display: inline-block;
  margin: 1vmin 0.3vmin 0vmin;
}
nav ul li a {
  margin: .01rem;
  padding: .3rem .5rem;
  -moz-border-radius: .3rem;
  -webkit-border-radius: .3rem;
  -o-border-radius: .3rem;
  -ms-border-radius: .3rem;
  border-radius: .3rem;
  behavior: url("../PIE.htc");
  background: #fff;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s;
}
#j1, #j2, #j3, #j4, #j5, #j6, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8 {
  margin-top: -40px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 40px; /* 打ち消し用のパディング */
}
/* 見出し */
h1 {}
h2 {
  margin: 1.5rem 0;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .3rem;
}
h3 {
  margin: 1.5rem 0 0;
  font-size: 1.3rem;
  letter-spacing: .2rem;
}
h4 {
  margin: .8rem 0 0 ;
  padding: 0.5rem 0 0;
  background: #fff;
  color: #19448e;
  font-size: 1.2rem;
  letter-spacing: .2rem;
}
h5 {
  margin: 0.8rem 0;
  padding: 0.5rem 0 0.5rem;
  background: #fff;
  color: #19448e;
  font-size: 1.0rem;
  letter-spacing: .2rem;
}
.f-site-heading {
  color: #fff;
  font-size: 4rem;
  text-align: center;
}
.f-site-sub-heading {
  margin: 4rem 0 0;
  color: #000;
  font-size: 3rem;
  text-align: center;
}
.f-heading {
  margin: 4rem 0 0;
  padding: 0;
  color: #000;
  font-size: 2rem;
  text-align: center;
  letter-spacing: .1rem;
}
.f-sub-heading {
  color: #000;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: .3rem;
}
hr {
  margin: 1rem .5rem 1rem .5rem;
  border-style: dotted;
  color: #CCCCCC;
}
/* メイン */
article {
  position: relative;
  top: 1rem;
  bottom: 0;
  width: 90%;
  margin: 1rem auto;
  padding: 1rem;
  text-align: center;
}
.kadomaru {
  -moz-border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -o-border-radius: .5rem;
  -ms-border-radius: .5rem;
  border-radius: .5rem;
  behavior: url("../PIE.htc");
}
.setumei {
  margin: 1.5rem 3rem;
  text-align: left;
}
.label td {
  width: 30%;
  border: solid .2rem #E62521;
  background-color: #FFFFFF;
  font-size: 1.5em;
  text-align: center;
}
/*コンテンツ枠*/
.waku {
  display: inline-block;
  bottom: 0;
  width: 100%;
  margin: 0px 0;
  padding: 1rem;
  background: #fff;
  text-align: left;
  overflow: hidden;
}
.swaku {
  float: left;
  width: 50%;
}
.swaku ul li {
  list-style-type: none;
  line-height: 1.1rem;
}
/*黄色い円の番号リスト*/
.swaku ol {
  counter-reset: li; /*数字をリセット*/
  list-style-type: none; /*数字を一旦消す*/
}
.swaku ol li {
  position: relative;
  padding: 1rem 0px 1rem 3rem;
  border-bottom: dashed 2px #ccc;
  line-height: 1.3rem;
}
.swaku ol li:before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: li;
  content: counter(li);
  margin-right: 1em; /*要素が重なるから*/
  /*以下数字のデザイン変える*/
  display: inline-block;
  top: 50%;
  left: 0.5rem;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f8b500;
  color: white;
  font-family: "メイリオ", Meiryo, 'Avenir', 'Arial Black', 'Arial', sans-serif;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.swaku ol li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}
.swaku img {
  width: 90%;
  height: 90%;
  margin: 1rem 0.5rem;
}
footer {
  clear: both;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 5rem;
}
footer p {
  clear: both;
  color: #000;
  font-size: .8rem;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer ul li {
  display: inline-block;
  margin: 1vmin 1vmin 0vmin;
}
footer hr {
  margin: 1rem 0 .3rem;
  border-style: solid;
  color: #cccccc;
}
.footerbox {
  float: left;
  width: 45%;
	margin: 0.8rem;
}
.footerbox ul li a {
  font-size: .8rem;
  color: #000;
}
.footerbox h2, .footerbox h3, .footerbox h3 a {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
}
.bottom, .bottom a {
  display: inline-block;
  text-align: left;
}
.bottom img {
  width: 50px;
  height: auto;
}
.footer-legal {
  color: #000;
  font-size: .9rem;
}
/* 表 */
table {
  width: 95%;
  margin: 0 auto;
}
thead {
  background: #ffffe0;
}
.m {
  width: 15%;
  background: #ffffe0;
}
.footer_top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  padding: .5rem;
}
.footer_top a {
  display: block;
  padding: 1rem;
  -moz-border-radius: .3rem;
  -webkit-border-radius: .3rem;
  -o-border-radius: .3rem;
  -ms-border-radius: .3rem;
  border-radius: .3rem;
  behavior: url("../PIE.htc");
  background: #fff;
  color: #000;
  font-size: 3rem;
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s;
}
.footer_top a:hover {
  outline: none;
  border-bottom: 1px solid white;
}
.n {
  top: 0rem;
  margin: 2rem auto;
  padding: .5rem;
  background: #fff;
  text-align: center;
}
.n p {
  margin: 0;
  padding: 0.5rem 0rem 0rem;
}
.naozi {
  top: 1rem;
  margin: 0 auto;
  padding: 0.65rem;
  background: #52bacc;
  text-align: center;
}
.aozi {
  top: 1rem;
  margin: 0 auto;
  padding: 0.65rem;
  background: #fff;
  text-align: center;
}
.nwaku {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 3rem;
  background: #fff;
  text-align: left;
}
.nwaku hr {
  margin: 1.5rem 0rem 1.5rem;
}
.nwaku ul li {
  list-style-type: none;
  margin: 0.5rem 0rem 0.5rem;
}
.nwaku table {
  border-collapse: collapse;
}
.nwaku td {
  padding: 1rem;
  border: dotted 1px #52bacc;
}
.nwaku p {
  margin: 0;
  padding: 0.5rem 1rem 0rem;
}
.news {
  margin: 1.5rem 0 0.5rem;
  padding: 0.25rem .5rem;
  border-left: solid 5px #f8b500;
  border-bottom: dotted 1px #f8b500;
}
.newsl {
  padding: 0rem .3rem;
	margin: 0rem 0 0.5rem;
  border-left: solid 5px #f8b500;
  border-bottom: dotted 1px #f8b500;
}
.newsb {
  margin-bottom: .3rem;
  padding: 0.25rem .5rem;
  border-left: solid 5px #52bacc;
}
.listbp_title {
  margin: 2rem 0 0.5rem 0;
  padding: 0.2rem 0 0 1rem;
  border-radius: 6px;
  background-color: silver;
  color: white;
  font-weight: bold;
}
.listbp {
  margin: 0 2rem;
  text-align: left;
}
.listbp ul li {
  position: relative;
  list-style-type: none;
  padding: 0.5rem 0px 0.5rem 3rem;
  border-bottom: dashed .2rem #ccc;
  line-height: 1.5rem;
}
.listbp ul li:before {
  position: absolute;
  left: 1rem;
  color: #007bbb;
  font-size: 1rem;
  font-weight: bold;
  counter-increment: li;
  content: "◆";
}

/*アコーディオンメニューはじまり*/
/*ボックス全体*/
.accbox {
  width: 100%;
  margin: 0.1rem 0;
  padding: 0;
}
summary {
  margin: 1.5px 0;
  padding: 13px 12px;
  color: #f8b500;
  font-weight: bold;
	border: 1px solid #f8b500;
  cursor: pointer;
  transition: all 0.2s;
}
/*アコーディオンメニューおわり*/
/*左右*/
.fright {
  float: right;
}
.fleft {
  float: left;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.middle {
  vertical-align: middle;
}
/*色*/
.bgc {
  color: #C8E8ED;
}
.blue {
  color: #007bbb;
}
.yellow {
  color: #f8b500;
}
.black {
  color: #000000;
}
.ao {
  color: #52bacc;
}
.white {
  color: #fff;
}
.gray {
  color: #999;
}
strong {
  color: red;
}
/*折り返しなし*/
.linetd {
  white-space: nowrap;
}
/*リンクボタン*/
.btn {
  position: relative;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0rem .2rem;
  padding: 1rem 1rem;
  text-decoration: none;
  text-align: center;
  background: #ffffff;
  border-bottom: solid 4px #C28400;
  transition: .4s;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn:hover {
  background: #f8b500;
  color: #000000;
  border-bottom: solid 4px #006694;
}
.lbtn {
  position: relative;
  display: inline-block;
  font-size: 1.3rem;
  color: #000000;
  width: 89%;
  margin: 0rem 1rem;
  padding: .5rem 1.5rem;
  text-decoration: none;
  text-align: center;
  background: #ffffff;
  border-bottom: solid 4px #C28400;
  transition: .4s;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.lbtn:hover {
  background: #f8b500;
  color: #000000;
  border-bottom: solid 4px #006694;
}
.lbtn img {
  max-width: 35%;
  vertical-align: top;
}
.lbtn span {
  margin: 2rem 0 0;
  text-align: left
}
/*アイコン*/
.icon {
  width: auto;
  height: 1.8rem;
  vertical-align: middle;
}
.sicon {
  width: auto;
  height: 1.2rem;
  vertical-align: middle;
}
.fukidashi{
  position: relative;
  z-index: 50;
  width: fit-content;
  padding: 0.1rem 1.5rem 1.2rem;
	    font-size: 1.8rem;
	font-weight: bold;
text-shadow: 0px 0px 1px rgba(0, 0, 0,.3);
  border-radius: 10px;
  background-color: #FFD34C;
	bottom: -0.5rem;
	margin: 0 auto;
}
.fukidashi:before {
  position: absolute;
  content: '';
  z-index: 50;
  border-top: 12px solid #FFD34C;/*三角*/
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  top: 99%;/*下にフィット*/
  left: 50%;/*中央配置*/
  transform: translateX(-50%);/*ズレ補正*/
}
/*文中リスト*/
.mark ul {
  padding: 0.3rem 1rem 0.3rem 2.1rem;
  position: relative;
}
.mark ul li {
  padding: 0.05rem 0;
}
.mark ul li:before {
  content: "●";
  position: absolute;
  left: 1rem;
  color: #f8b500;
  font-size: 1.1rem;
}
/*文中リスト数字*/
.marknum ol {
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  position: relative;
}
.mark ol li {
  padding: 0.3rem 0;
}
.mark ol li:before {
  content: counter(number);
  position: absolute;
  left: 1.5rem;
  color: #f8b500;
  font-size: 1.1rem;
}
/*非表示*/
.bgnon {
  background-color: transparent;
}
.nonpc {
  display: none;
}
.smallbr {
  display: none;
}
.clear {
  clear: both;
}
.caption {
  text-align: right;
  font-size: .7rem;
  margin-right: .8rem;
}
.ccaption {
  text-align: center;
  font-size: .9rem;
}
.croud-print {}
#croud {}
span {
  display: inline-block;
}
.b {
  font-weight: bold;
}
.manual-index {
  float: left;
  margin: 0 0.5rem;
}
/*ーーーーーーーーーーハンバーガーメニューはじまりーーーーーーーーーー*/
#menu-drawer {
  margin: -.3rem 0 0 .2rem;
  padding: .5rem .4rem .4rem  .5rem;
  -moz-border-radius: .3rem;
  -webkit-border-radius: .3rem;
  -o-border-radius: .3rem;
  -ms-border-radius: .3rem;
  border-radius: .3rem;
  behavior: url("../PIE.htc");
  background: #fff;
}
/*チェックボックス等は非表示に*/
.menu-unshown {
  display: none;
}
/*アイコンのスペース*/
#menu-open {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#menu-open span, #menu-open span:before, #menu-open span:after {
  position: absolute;
  z-index: 100; /*最前面に*/
  height: 4px; /*線の太さ*/
  width: 35px; /*長さ*/
  border-radius: 3px;
  background: #000;
  display: block;
  content: '';
  cursor: pointer;
}
#menu-open span:before {
  bottom: -18px;
}
#menu-open span:after {
  bottom: -9px;
  font-size: .8rem;
  font-weight: bold;
  text-align: center;
  white-space: pre;
  content: '\00a0\amenu';
  color: #000;
}
/*閉じる用*/
#menu-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
#menu-input:checked ~ #menu-close {
  display: block;
  opacity: 0.3;
}
.hamburger-top {
  margin-top: 5px;
  width: 100%;
}
.hamburger-content {
  width: 100%;
  margin: .7rem;
  text-align: left;
}
.cancel {
  display: inline-block;
  position: relative;
  float: right;
  margin: .3rem 1.2rem 0rem;
  padding: 0;
  width: 10px;
  height: 40px;
  background: #000000;
  transform: rotate(45deg);
  z-index: 100;
}
.cancel:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 40px;
  height: 10px;
  margin-top: -5px;
  background: #000000;
}
/*中身*/
#menu-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 480px;
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out; /*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%); /*左に隠しておく*/
}
#menu-content ul li {
  display: block;
  margin: .5rem .2rem 0;
}
#menu-content ul li a {
  display: block;
  padding: .5rem 1rem;
  -moz-border-radius: initial;
  -webkit-border-radius: initial;
  -o-border-radius: initial;
  -ms-border-radius: initial;
  border-radius: initial;
  background: #cccccc;
  color: #000000;
  font-size: 1.1rem;
  font-weight: bold;
  -webkit-transition: initial;
  transition: initial;
  width: 440px;
}
/*チェックが入ったらもろもろ表示*/
#menu-input:checked ~ #manu-close span {
  display: block; /*カバーを表示*/
  opacity: .5;
}
#menu-input:checked ~ #menu-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); /*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}
/*ーーーーーーーーーーハンバーガーメニューおしまいーーーーーーーーーー*/
/*ーーーーーーーーーーポイントはじめーーーーーーーーーー*/
.point {
  position: relative;
  margin: 2rem 1rem;
  padding: 0.5rem 1.5rem;
  border: solid 3px #f8b500;
  ;
}
.point .point-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 3px 9px;
  height: 25px;
  background: #f8b500;
  ;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.point p {
  margin: -0.8rem 0 0;
  padding: 0 0 0 1.2rem;
}
/*ーーーーーーーーーーポイントおしまいーーーーーーーーーー*/
/*ーーーーーーーーーー横ならびはじめーーーーーーーーーー*/
.col-1 {
  display: inline-block;
  vertical-align: top;
}
.col-2 {
  display: inline-block;
  vertical-align: top;
}
/*ーーーーーーーーーー横ならびおしまいーーーーーーーーーー*/
.faqq {
  margin-bottom: 0rem;
  padding: 0.5rem .5rem 0.5rem 1rem;
  border-left: solid 8px #52bacc;
  background: #DDDDDD;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  behavior: url("../PIE.htc");
}
.faqa {
  margin-bottom: .3rem;
  padding: 0.5rem 0.5rem 1rem 1rem;
  border-left: solid 8px #F4F3F0;
  background: #F4F3F0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  behavior: url("../PIE.htc");
}
.faqa p {
  margin: 0;
  padding: 0.5rem .4rem 0rem 0rem;
}
.faqa hr {
	margin: 5px;
	width: 95%;
  border: 2px dotted;
  color: white;
}
.faq a{
  color: #19448e;
}
.faq ul {
  padding: 0;
}
.faq ul li {
  position: relative;
  list-style-type: none!important;
  padding: 0.5rem 0.5em 0.5rem 0.5rem;
  margin-bottom: .1rem;
  background: #F4F3F0;
  vertical-align: middle;
  color: #505050;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  behavior: url("../PIE.htc");
}
.faq ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:.6rem;
  height: .6rem;
  background: #fff;
border: 2px solid #52bacc;
  border-radius: 50%;
  margin-right: 8px;
}
video{
	text-align: center;
	width: 100%;
	max-width: 600px;
	margin: 0 1rem;
	vertical-align: middle;
}
.title{
	font-size: 1.3rem;
}
.bgfff{
	background-color: #fff;
}
.bghai{
	background-color:whitesmoke;
}
.card{
	width: 31%;
	margin: 0 0.5rem;
}
.ccard{
	padding: 1rem 1rem 2rem;
	background: #fff;
}
.fred{
	color: #E62521;
}
.border {
  border-bottom: solid 1px #ccc;
}
/*---------------------------------------------印刷--------------------------------------*/
@media print and (max-width:767px) {
body {
	-webkit-print-color-adjust: exact;
display: list-item !IMPORTANT;
padding-top: 0;
top:0 !IMPORTANT;
left:0 !IMPORTANT;
width:200mm !IMPORTANT;
height:290mm !IMPORTANT;
}
	.hidden-print{
		display: none;
	}
	.footer_top{
		display: none;
	}
	header{display: none;}
	footer{display: none;}
	main {
  margin-top: 1.5rem;
		overflow-x: visible !IMPORTANT;
}
	article {
  top: 0;
}
.f-heading {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .1rem;
}
.f-sub-heading {
  color: #000;
  font-size: 1rem;
  text-align: center;
  letter-spacing: .3rem;
}
	h4 {
    font-size: 2.5vmin;
}
	.swaku{float: none;}
	.footerbox{float: none;}
	.fleft{float: none;}
	.fright{float: none;}
	.manual-index{float: none;}
	.cancel{float: none;}
	.print-br{
		page-break-before: always;}
}
@media print and (min-width:768px) {
body {
	-webkit-print-color-adjust: exact;
display: list-item !IMPORTANT;
padding-top: 0;
top:0 !IMPORTANT;
left:0 !IMPORTANT;
width:200mm !IMPORTANT;
height:290mm !IMPORTANT;
}
	.nonmobile {
    display: none;
}
	.hidden-print{
		display: none;
	}
	.footer_top{
		display: none;
	}
	header{display: none;}
	footer{display: none;}
	main {
  margin-top: 1.5rem;
	overflow-x: visible !IMPORTANT;
}
	article {
  top: 0;
}
.f-heading {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .1rem;
}
.f-sub-heading {
  color: #000;
  font-size: 1rem;
  text-align: center;
  letter-spacing: .3rem;
}
	h4 {
    font-size: 2.5vmin;
}
	.swaku{float: none;}
	.footerbox{float: none;}
	.fleft{float: none;}
	.fright{float: none;}
	.manual-index{float: none;}
	.cancel{float: none;}
	.print-br{
		page-break-before: always;}
}
@page {
size:A4;
margin: 5mm;
}