/*
Theme Name: heyasapo1
Theme Theme URI: https://wired-ad.com/opensesame/heyasapo/line
Description: ヘヤサポ
Author:  bibiru
Version: 1.0.0
*/
html {
    scroll-behavior: smooth;
}
body{font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; background-color: #fff; margin: 0; 
padding: 0px; }

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

ここから投稿ページのCSS

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

.mokuji{ border-radius:12px;border: solid 1px  #cae0f4;padding: 0.5em 0.5em 0.5em 2em;width: auto;display: inline-block;font-weight:600;}

.mokuji li{padding-left: 20px;padding-top:5px;padding-bottom:5px;}
.mokuji ul, ol a{  color: #1e366a;  display: block; text-decoration: underline;transition:all 0.6s ease-in-out 0s; }
.mokuji ul, ol a:hover{  color: #42c6f4;  display: block; text-decoration: underline;transition:all 0.6s ease-in-out 0s; }
.mokuji ul{list-style:none;padding-left: 0;}
.mokuji ol{list-style:none;padding-left: 0;padding-bottom:15px;}
.soudan{width:95%;margin-right: auto;margin-left: auto;}
.soudan img{width:75%;}

.mokuji2 ul{background-color:#fffae1;font-weight:600;padding:20px 30px;}
.c-inner4{background-color: #fff;width:900px;margin-right:auto;margin-left:auto;min-height:110px;color:#222;padding:0.5vw;font-size:1em;font-weight:500;line-height: 2;  border-radius: 12px;}




.mokuji3 ul{  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;  background: #fff;border: solid 2px  #5c9ee7;border-radius:12px;}

.mokuji3 ul li {  position: relative;  padding-left: 30px;  line-height: 1.5em;  padding: 0.5em 0.5em 0.5em 30px;}

.mokuji3 ul li:before{  /* 以下数字をつける */  position: absolute;  counter-increment: number;  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;  background: #5c9ee7;  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;  font-weight:bold;  font-size: 15px;  border-radius: 50%;
  left: 0;  width: 25px;  height: 25px;  line-height: 25px;  text-align: center;  /*以下 上下中央寄せのため*/  top: 50%;
  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}

.copy{width:50%;border: solid 3px #0F81F2;margin-left: auto;  margin-right: auto; border-radius:8px;padding-top: 10px;}



.c-inner4{background-color: #fff;width:900px;margin-right:auto;margin-left:auto;min-height:110px;color:#222;padding:0.5vw;font-size:1em;font-weight:500;line-height: 2;  border-radius: 12px;}
.c-inner4 h4{width: 90%;font-size:1.4em;margin-right: auto;margin-left: auto;max-width: 850px;}
.c-inner4 h5{ font-size:1.1em;background: #ae6b3a;  box-shadow: 0px 0px 0px 5px #ae6b3a;  border: dashed 1px #ea9d65;  padding: 0.2em 0.5em;  color: #fff;width: 90%;max-width: 850px;margin-right: auto;margin-left: auto;}

.c-inner4-2{max-width: 830px;margin-right:auto;margin-left:auto;}
.c-inner4-2 h6{text-decoration:underline;}
.c-inner4-3{max-width: 830px;margin-right:auto;margin-left:auto;}

.c-inner4-4{max-width: 900px;margin-right:auto;margin-left:auto; background: linear-gradient(180deg, #B1E4E5 0%, #B1E4E5 60%, #fff 40%, #fff 100%);font-size:1.25em;
  display: block;
  justify-content: center;
  align-items: center;border-radius: 12px;
 }
.c-inner4-4 h6{text-decoration:underline;}

.c-inner4-line{background-color: #fff;width:900px;margin-right:auto;margin-left:auto;min-height:110px;color:#222;padding:0.5vw;font-size:1.25em;font-weight:900;line-height: 2;  border-radius: 12px;}

.flow {  padding-left: 120px;  position: relative;}
.flow::before {  content: "";  width: 15px;  height: 100%;  background: #c5e5ff;  margin-left: -8px;  display: block;  position: absolute;  top: 0;  left: 120px;}
.flow > li {  position: relative;list-style: none;z-index: 20;}
.flow > li:not(:last-child) {  margin-bottom: 8vh;}
.flow > li .icon {  font-size: 12px;  color: #fff;
  background: rgb(9,34,1);
  background: -moz-linear-gradient(left, rgba(67,142,249,1) 0%, rgba(192,228,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(67,142,249,1) 0%,rgba(192,228,255,1) 100%);
  background: linear-gradient(to right, rgba(67,142,249,1) 0%,rgba(192,228,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#bb8442',GradientType=1 );
  padding: 8px 20px;  display: block;  position: absolute;  top: 0;  left: -120px;  z-index: 100;}
.flow > li .icon::after {  content: "";  border-style: solid;  border-width: 5px 0 5px 10px;  border-color: transparent transparent transparent #c0e4ff;
  position: absolute;  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
.flow > li dl {  padding-left: 70px;  position: relative;}
.flow > li dl::before,
.flow > li dl::after {  content: "";  display: block;  position: absolute;  top: 15px;}
.flow > li dl::before {  width: 7px;  height: 7px;  margin-top: -3px;  background: #3e2201;  border-radius: 50%;  left: -4px;}
.flow > li dl::after {  width: 50px;  border-bottom: 1px dashed #0574ce;  position: absolute;  left: 5px;}
.flow > li dl dt {  font-size: 20px;  font-weight: 600;  color:#042e60;  margin-bottom: 1vh;}
.flow dd{margin-left:1px;}




.faq2 {  margin-bottom: 32px; /* 各Q&Aの下に余白 */}
.faq2__dt, .faq2__dd {  position: relative;  padding-left: 24px;}
.faq2__dt::before, .faq2__dd::before {  font-weight: bold;  position: absolute;  left: 0;  top: 0;}
.faq2__dt {font-size: 1.1em;  font-weight: bold; /* 質問文は太字にしてみました */  border-bottom: 1px solid #c1ddea;
  margin-bottom: 4px; /* 下にちょい余白 */}
.faq2__dd {  margin-bottom: 14px; /* 下にちょい余白 */}
.faq2__dt::before {  content: 'Q.';  color: #3b65ff; /* 「Q」の文字色 */}
.faq2__dd::before {  content: 'A.';  color: #ff3e3e; /* 「A」の文字色 */}



.matome ul{
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  margin-top: 2em;
}
.matome ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.matome ul li:before {
  /*リストのアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #ffb03f; /*アイコン色*/
}
.matome ul li:after {
  /*タブ*/
  background: #ffb03f;
  color: #fff;
  font-family: "Font Awesome 5 Free",'Avenir','Arial',sans-serif;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content: '\f0a7  Check';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
}

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

ここからアコーディオンのCSS

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

.accordion {  width: 100%;  max-width:890px;}


/* チェックボックスは非表示 */
.accordion-hidden{  display: none;}

/* Question部分 */
.accordion-open {  display: block;  padding: 20px 40px 20px 40px;  background: #fff;border:2px solid#d3e8cd;border-radius: 12px;
  cursor: pointer;  margin: 5px 0;  font-weight: 700;  position: relative;/* 変更部分 */}

/* 開閉状態を示すアイコン+の作成 */
.accordion-open::before,
.accordion-open::after {  content: '';  width: 20px;  height: 3px;  background: #000;  position: absolute;  top: 50%;  right: 5%;  transform: translateY(-50%);}

/* 一本は縦にして+を作る */
.accordion-open::after {  transform: translateY(-50%) rotate(90deg);  transition: .5s;}

/* QとAのデザイン */
.accordion-open span {color:#54a439;font-size: 1.5em;  display: flex;  justify-content: center;  align-items: center;  width: 50px;
  height: 100%;  position: absolute;  text-align: center;  left: 0;  top: 0;}

.accordion-close span {color:#f00;font-size: 1.5em;  display: flex;  justify-content: center;  align-items: center;  width: 50px;  height: 100%;
  position: absolute;  text-align: center;  left: 0;  top: 0;}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.accordion-hidden:checked + .accordion-open:after {  transform: translateY(-50%) rotate(0);}

/* Answer部分 */
.accordion-close {text-align:left;  display: block;  height: 0;/* 要素の高さは0 */  overflow: hidden;/* 非表示 */  padding: 0 0 0 60px;
  opacity: 0;  transition: 0.5s;/* 表示速度の設定 */  position: relative;}

/* チェックボックスにチェックが入ったらAnswer部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-close {  height: auto;  opacity: 1;  padding: 20px 40px 20px 40px;
  background: #f2ffee;border:2px solid#d3e8cd;  font-weight: 700;}



.text-l{text-align:left;}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {	-webkit-box-sizing: border-box;  box-sizing: border-box;}
.cp_qa2 *, .cp_qa2 *:after, .cp_qa2 *:before {	-webkit-box-sizing: border-box;  box-sizing: border-box;}
.cp_qa {border-radius: 24px; text-decoration: none;background-color: #81CEEA;}
.cp_qa2 {border-radius: 24px; text-decoration: none;background-color: #495458;}
.cp_qa .cp_actab {	position: relative;	overflow: hidden;	width: 100%;	margin-bottom: 1px;	color: #fff;}
.cp_qa2 .cp_actab2 {	position: relative;	overflow: hidden;	width: 100%;	margin-bottom: 1px;	color: #fff;}

.cp_qa .cp_actab input {position: absolute;	opacity: 0;}
.cp_qa2 .cp_actab2 input {position: absolute;	opacity: 0;}
/* 質問 */
.cp_qa .cp_actab label {font-weight: bold;	line-height: 1.6;	position: relative;	display: block;	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;	cursor: pointer;}
.cp_qa .cp_actab label:hover {	color: #BDFCFF;}

.cp_qa2 .cp_actab2 label {font-weight: bold;	line-height: 1.6;	position: relative;	display: block;	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;	cursor: pointer;}
.cp_qa2 .cp_actab2 label:hover {	color: #BDFCFF;}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {overflow: hidden;max-height: 0;	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;	color: #ffffff;}
.cp_qa .cp_actab .cp_actab-content p {	margin: 1em;}

.cp_qa2 .cp_actab2 .cp_actab-content {overflow: hidden;max-height: 0;	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;	color: #ffffff;}
.cp_qa2 .cp_actab2 .cp_actab-content p {	margin: 1em;}

/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {color: #fff;}
.cp_qa2 .cp_actab2 input:checked ~ label {color: #fff;}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {max-height: 100em;}
.cp_qa2 .cp_actab2 input:checked ~ .cp_actab-content {max-height: 130em;}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {	line-height: 1.6;position: absolute;top: 50%;right: 0;	display: block;	width: 3em;
	margin-top: -12.5px;-webkit-transition: all 0.5s ease;  transition: all 0.5s ease;	text-align: center;}
.cp_qa .cp_actab input[type=checkbox] + label::after {	content: '\25BC';}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {	-webkit-transform: rotateX(180deg);	transform: rotateX(180deg);}

.cp_qa2 .cp_actab2 label::after {	line-height: 1.6;position: absolute;top: 50%;right: 0;	display: block;	width: 3em;
	margin-top: -12.5px;-webkit-transition: all 0.5s ease;  transition: all 0.5s ease;	text-align: center;}
.cp_qa2 .cp_actab2 input[type=checkbox] + label::after {	content: '\25BC';}
.cp_qa2 .cp_actab2 input[type=checkbox]:checked + label::after {	-webkit-transform: rotateX(180deg);	transform: rotateX(180deg);}


a{text-decoration: none; color: #222;}


hr {border-top: 1px solid #bbb; border-bottom: 1px solid #fff;}


/* コンテナ */
.h-back {background: url(https://wired-ad.com/opensesame/heyasapo//wp-content/uploads/head.webp);   width: 100%;    padding: 1px; 	text-align: center;
background-repeat: no-repeat;}

.h-back2{margin-top:1px;margin-bottom:-9px;}

.button-outer{width:60%;margin-right:auto;margin-left:auto;}

.button-outer2{width:90%;margin-right:auto;margin-left:auto;}

a.button00 {display:block;color:#fff;  border-radius: 16px; text-decoration: none;background-color: #0096c3;font-size: 0.98em;font-weight: 600;padding: 13px;width: 100%;text-align:center;margin-left: 0;max-width: 300px;margin-right: auto;box-shadow:3px 3px 2px 2px rgb(0, 0, 0);}
a.button00:hover {color:#fff;    background-color:#bfeffd;transition: all 0.7s ease;}

a.button01 {display: block;color:#fff;  border-radius: 16px;text-decoration: none;background-color: #62c441;font-size: 0.98em;font-weight: 600;padding: 13px;width: 100%;text-align:center;max-width: 300px;margin-right: auto;margin-left:auto;box-shadow:3px 3px 2px 2px rgb(0, 0, 0);}
a.button01:hover {color:#fff;    background-color:#d3e8cd;transition: all 0.7s ease;}

a.button02 {color:#fff!important;  border-radius: 32px; text-decoration: none;background-color: #ff6560;font-size: 0.98em;font-weight: 600;padding: 13px;text-align:center;margin-right:auto;margin-left: auto;max-width: 640px;box-shadow:3px 3px 2px 2px rgb(0, 0, 0);display:block;font-size: 1.3em;}
a.button02:hover {color:#222!important;    background-color:#fff3f3;transition: all 0.7s ease;}


.dot-text1{ padding-top: 0.4em;  background-position: top left -2px;  background-repeat: repeat-x;
  background-size: 1.5em 0.3em;  background-image: radial-gradient(0.11em 0.11em at center center, #ff2e27, #ff2e27, transparent);}
.dot-text2{ padding-top: 0.4em;  background-position: top left -2px;  background-repeat: repeat-x;  background-size: 1em 0.3em;
  background-image: radial-gradient(0.11em 0.11em at center center, #2089ff, #2089ff, transparent);}

.balloon2-top {border-radius: 10px;  position: relative;  display: inline-block;  margin: 0.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #fff;  font-size: 2em;font-weight:600;  border: solid 3px #fff;
  box-sizing: border-box;}


.balloon1 {  position: relative;  display: inline-block;  margin: 1.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #555;  font-size: 1.25em;
  background: #e0edff;  border-radius: 15px;}

.balloon1:before {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -15px;  border: 15px solid transparent;  border-top: 15px solid #e0edff;}

.balloon1 p {  margin: 0;  padding: 0;}

.balloon2-top:before {  content: "";  position: absolute;  top: -24px;  left: 50%;  margin-left: -15px;  border: 12px solid transparent;  border-bottom: 12px solid #4aa4d1;  z-index: 2;}

.balloon2-top:after {  content: "";  position: absolute;  top: -30px;  left: 50%;  margin-left: -17px;  border: 14px solid transparent;  border-bottom: 14px solid #fff;  z-index: 1;}

.balloon2-top p {  margin: 0;  padding: 0;}

.balloon3 {border-radius: 10px;background-color:#fff8f9;  position: relative;  display: inline-block;  margin: 0.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #003263;  font-size: 1em;font-weight:600;  box-sizing: border-box;}


.balloon4 {border-radius: 10px;background-color:#fff;  position: relative;  display: inline-block;  margin: 0.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #003263;  font-size: 1em;font-weight:600;  box-sizing: border-box;}

.balloon5 {border-radius: 10px;background-color:#fff;  position: relative;  display: inline-block;  margin: 0.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #003263;  font-size: 1em;font-weight:600;  box-sizing: border-box;box-shadow: 1px 3px 5px rgb(195 229 247 / 66%);}

.balloon6-top {border-radius: 10px;  position: relative;background-color:#fff;  display: inline-block;  margin: 0.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #666;  font-size: 1.4em;font-weight:600;  border: solid 2px #0bb2ff;  box-sizing: border-box;}

.balloon6-top:before {  content: "";  position: absolute;  top: -24px;  left: 50%;  margin-left: -15px;  border: 12px solid transparent;  border-bottom: 12px solid #fff;  z-index: 2;}
.balloon6-top:after {  content: "";  position: absolute;  top: -30px;  left: 50%;  margin-left: -17px;  border: 14px solid transparent;  border-bottom: 14px solid #0bb2ff;  z-index: 1;}
.balloon6-top p {  margin: 0;  padding: 0;}

.balloon8 {border-radius: 10px;background-color:#fff;  position: relative;  display: inline-block;  margin: 0.5em 0;
  padding: 7px 10px;  min-width: 120px;  max-width: 100%;  color: #222;  font-size: 0.95em;font-weight:600;  box-sizing: border-box;border:1px solid#ddd;}


.right-001{width:70%;border:5px solid#ddd;margin-right:auto;margin-left:auto;padding-top:15px;padding-bottom:15px;line-height:2em;margin-bottom:20px;}
.right-001 img{max-width:150px;margin-top:15px;}

.right-001 a:hover{opacity:0.5;transition: all 0.7s ease;}
/* flex */
.outer-001{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;}
.outer-002{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;border:1px solid#007ce2;border-radius:12px;position: relative;padding: 10px 10px;}
.outer-003{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;border-radius:12px;background-color:#fff;padding: 20px;margin-top:20px;}

.outer-004{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:900px;justify-content:center;}
.outer-005{  display: block;margin-right:auto;margin-left:auto;max-width:900px;text-align: center;font-size: 0.9em;}
.outer-005 h3{  font-size: 1.5em;  padding: 10px 10px;  display: inline-block;  margin: 0;  color: #2089ff;  text-align: center;}
.outer-006{background-color:#495458; color:#fff; display: block;margin-right:auto;margin-left:auto;max-width:1200px;text-align: center;font-size: 0.9em;border-radius: 24px;padding-bottom:20px;}

.outer-007{  display: block;margin-right:auto;margin-left:auto;max-width:900px;text-align: center;}
.outer-007 h2 {  font-size: 2.2em;  padding: 10px 10px;  display: inline-block;  margin: 0;  color: #2089ff;  text-align: center;
  border-bottom: solid 2px #ff2e27;}

.outer-008{   display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;width:90%;text-align: center;background-color:#fff;}

.outer-009{   display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;width:90%;text-align: center;}

.outer-010{  margin-right:auto;margin-left:auto;width:90%;text-align: center;}

div#flex-001 {width:33%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#ff592c;}
div#flex-001 h1{font-size:1.7em;border-bottom: solid 5px #007ce2;display: inline-block;margin-top:1px;margin-bottom:1px;}
div#flex-001 h2{font-size:1.3em;margin-bottom:1px;}
div#flex-001 h4{font-size:1em;margin-bottom:1px;}
div#flex-002 {width:67%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;text-align: center;background-color:#fff;box-shadow: 3px 3px 4px rgb(108 108 108 / 46%);border-radius: 10px;max-width:750px;margin-left: auto;}
div#flex-002 h2{font-size:1.7em;margin-bottom:1px;color:#0096c3;}

div#flex-003 {width:33%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#fff;}

div#flex-004 {width:35%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#ff592c;}
div#flex-004 img{position: absolute;    bottom: 0;max-width:350px;left: 0;}

div#flex-005 {width:65%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#ff592c;text-align:left;line-height: 1.5em;}
div#flex-005 h1{font-size: 1.75em;color:#ff592c;border-bottom: solid 6px #007ce2;display: inline-block;line-height: 2em;}
div#flex-005 h2{font-size: 1.75em;color:#ff592c;border-bottom: none;}

div#flex-006 {width:33%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;display: flex;align-items: stretch;margin-left: 2px;}
div#flex-006 h3{font-size: 2em;margin-bottom: 1px;margin-top: 1px;font-family: 'Arial';font-weight: 900;}
div#flex-006 h4{font-size: 1.5em;margin-bottom: 1px;margin-top: 1px;color: #003263;}
div#flex-006 h5{font-size: 1.3em;margin-bottom: 1px;margin-top: 1px;}


div#flex-007 {width:33%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;display: flex;align-items: stretch;margin-left: 2px;}
div#flex-007 h3{font-size: 2em;margin-bottom: 1px;margin-top: 1px;font-family: 'Arial';font-weight: 900;}
div#flex-007 h4{font-size: 1.5em;margin-bottom: 1px;margin-top: 1px;color: #003263;}
div#flex-007 h5{font-size: 1.3em;margin-bottom: 1px;margin-top: 1px;}



div#flex-008 {width:30%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#ff592c;}
div#flex-008 h1{font-size:1.7em;border-bottom: solid 5px #007ce2;display: inline-block;margin-top:1px;margin-bottom:1px;}
div#flex-008 h2{font-size:1.3em;margin-bottom:1px;}
div#flex-008 h4{font-size:1em;margin-bottom:1px;}
div#flex-009 {width:70%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;text-align: center;max-width:750px;margin-left: auto;}
div#flex-009 h2{font-size:1.7em;margin-bottom:1px;color:#004f70;}
div#flex-009 h5{font-size:0.9em;margin-bottom:1px;color:#004f70;text-align:right;}


div#flex-010 {width:45%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;display: flex;align-items: stretch;margin-left: auto;margin-right: auto;}
div#flex-010 h3{font-size: 2em;margin-bottom: 1px;margin-top: 1px;font-family: 'Arial';font-weight: 900;}
div#flex-010 h4{font-size: 1.5em;margin-bottom: 1px;margin-top: 1px;color: #003263;}
div#flex-010 h5{font-size: 1.3em;margin-bottom: 1px;margin-top: 1px;}
div#flex-010 h6{font-size: 1.48em;margin-bottom: 1px;margin-top: 1px;color: #752407;}


div#flex-011 {width:33%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#ff592c;}
div#flex-011 h1{font-size:1.7em;border-bottom: solid 5px #007ce2;display: inline-block;margin-top:1px;margin-bottom:1px;}
div#flex-011 h2{font-size:1.3em;margin-bottom:1px;}
div#flex-011 h4{font-size:1em;margin-bottom:1px;}
div#flex-012 {width:67%; font-size: 1em;font-weight:600;padding:5px;margin-bottom:20px;margin-top:5px;text-align: left;border-radius: 10px;max-width:750px;margin-left: auto;color: #333;}
div#flex-012 h3{font-size:1.4em;margin-bottom:1px;color:#0096c3;}


div#flex-013 {width:45%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;display: flex;align-items: stretch;margin-left: auto;margin-right: auto;text-align:center;}

div#flex-013 h3{border-radius:0px;font-size:1.1em;background-color:#f9f3ce!important;color:#222!important;}

.mw-hoken{display:none;}
#container {width: 100%;margin-right: auto;margin-left: auto;margin-top: 40px;}
.pc{display: block !important;max-width:1920px;}
.mo{display: none !important;}
.back_line{width: 100%;background-image: url("https://wired-ad.com/opensesame/heyasapo/wp-content/uploads/line_house.png")}
.back_line h4{font-size:1.8em; padding: 15px 10px!important;	margin-left: -5px;margin-bottom: -15px;color: #111!important;}


.midashi0{max-width:1200px;margin-left:auto;margin-right:auto;text-align:center;font-size: 2.97vw;font-weight: bold;}
.midashi{position: relative;  border-top: solid 3px #005f92;  border-bottom: solid 3px #005f92;  background: #00a1d3;  line-height: 1.4;color:#fff;
  padding: 0.4em 0.5em;  margin: 2em 0 0.5em;max-width:1200px;margin-left:auto;margin-right:auto;text-align:center;font-size: 2.7vw;font-weight: bold;}

.midashi:after {   position: absolute;  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;  font-weight: 900;  content: '\f0a7\ POINT';  background: #005f92;  color: #fff;  left: 0px;  bottom: 100%;  border-radius: 5px 5px 0 0;  padding: 5px 7px 3px;  font-size: 0.7em;  line-height: 1;  letter-spacing: 0.05em;}

.midashi2{max-width:870px;width:90%;padding: 10px; margin-top: 20px; background: #4F8ECC;border-radius:6px;margin-left:auto;margin-right:auto;color:#fff;text-align:center;font-weight:900;}
ul.nayami{width:100%;max-width:880px;    margin-top:20px;    font-size:1.3em;    padding-left:0;    margin-left:auto;margin-right:auto;}

ul.nayami li{ list-style:none;text-align: left;font-weight:900;   padding: 5px 5px 5px 50px;
background: url(https://wired-ad.com/opensesame/heyasapo/wp-content/uploads/check.png) 0 5px no-repeat;background-size: 40px 35px;
border-bottom: 1px dashed #888;margin:10px 80px 20px 80px;}

.kakunin{text-align:center;font-size:1.5em;}


.bar1 {  display: block;  width: 100%;  height: 5px;  background-color: #4ab63f;  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/}



.anchor{position: relative;top: -100px;display: block;}
 


.nakami h4{font-size: 1.2em;padding: 10px; margin-top:-50px;color:#000!important;}

.nakami{font-size: 1.5em;padding: 10px; margin-top: 20px;}
.nakami2{line-height: 2;padding: 10px;border:1px solid#11823f;background-color:#fff;}
.nakami3{font-size: 1.2em;padding: 10px; margin-top: 20px;}
.nakami3 h4{font-size: 1.2em!important;padding: 10px; margin-top:-50px;color:#000!important;}


/* テーブル関連 */

table.type01  {margin-right: auto;margin-left: auto;width:100%;max-width:950px;font-weight:900!important;  border-collapse: collapse;  border: 4px solid #00afec;  line-height: 1.5;font-size:1.23em;}
table.type01 th img{max-width:200px;}
table.type01 td img{max-width:200px;}
table.type01 th {color:#fff;  width: 33.3%;  padding: 10px;vertical-align: middle;min-width:240px;border: 2px solid #CAE0F4;}
table.type01 td {min-height:20px;  width: 33%;  padding: 10px; vertical-align: middle;color:#003263; min-width:240px;border: 2px solid #00afec;}


table.type02  {width:100%;max-width:1200px; font-weight: normal; border-collapse: collapse;  border: 1px solid #fff;  line-height: 1.5;}
table.type02 th {text-align: left;font-size:1em;font-weight: 700;color:#999;  width: 20%;  padding: 10px;vertical-align: middle;min-width:80px;border-bottom: 1px solid #ccc;}
table.type02 td {font-size:1em;min-height:20px;  width: 80%;  padding: 10px; vertical-align: middle;color:#222; min-width:240px;border-bottom: 1px solid #ccc;}





.cform th {	font-size: 18px;width: 90%; padding-left:10px;	text-align: left;	font-weight: bold;}

.cform td {	text-align: left;font-size: 18px;padding-bottom: 26px;padding-left: 10px;	line-height:250%;}

.cform {width: 100%;max-width:730px;	margin-right: auto;margin-left: auto;}

.cform [type=submit] {	display: inline-block;	font-size: 20px;	padding: 10px 30px;	text-decoration: none;	background: #ff8f00;	color: #FFF;	border-bottom: solid 4px #B17C00;	border-radius: 3px;}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {	width: 90%;min-height:38px;border: 1px solid #ced4da;border-radius: .25rem;}
input:focus, select:focus, textarea:focus {
outline: 2px #bfdeff solid ;
}
::placeholder{font-size:1rem!important;}
.required-srt {	color: #e57777;font-size: 14px;padding-left: 14px;}

.submit-check{text-align:center;}





.design01 {
 width: 90%;
 border-collapse: collapse;
 border-spacing: 0;
}
.design01 th {max-width:80px;
 padding: 10px;
 border: solid 1px #778ca3;
}
.design01 td {font-size:1em;
 padding: 10px;
 border: solid 1px #778ca3;
}


div#t-i4 {width:47.7%;max-width:600px; font-size: 1.1em;background-color:#fff; padding:5px;margin-bottom:20px;margin-top:20px;}
div#t-i4 img{border: solid 1px #ccc; padding:15px;}

.t-i14 {table-layout: fixed;width:98%;max-width:1150px; margin-right: auto;margin-left: auto;padding:8px;color:#222;margin-bottom:20px;font-size: 0.92em;  border-collapse:separate; border-spacing:5px;   line-height:1.8;}
.t-i14 th  {width:20%;font-weight: normal;font-size:1em;padding: 0.5em;border:solid 1px #aaa;background-color: #c9eeff;}
.t-i14 td  {text-align:left;font-size:1em;padding: 0.5em;border: solid 1px #aaa;background-color: #fff;}

.btn1 { float: right; display: -webkit-flex;	display: -ms-flexbox;list-style: none;  display: flex;}
.btn1 a {min-width:100px;font-size: 90%;text-align:center;  margin: 10px;   background: #11823f;  color: #fff;    display: block;    padding: 10px; text-decoration: none;}
.btn1 a:hover{  margin: 10px; background: #94d1ec;  color: #fff;  display: block;    padding: 10px; text-decoration: underline;transition:all 0.6s ease-in-out 0s; }

.btn2 { list-style: none; }
.btn2 a {border-radius: 25px;min-width:100px;max-width:1000px;font-size: 4vw;text-align:center; margin-right:auto;margin-left:auto;   background: #f00;  color: #fff;    display: block;    padding: 10px; text-decoration: none;font-weight: bold;
  box-shadow:0px 1px 4px 1px rgba(0, 0, 0, 0.6);}
.btn2 a:hover{  background: #94d1ec;  color: #fff;  display: block;    padding: 10px; text-decoration: underline;transition:all 0.6s ease-in-out 0s; }

.btn6 { width:50%;max-width:200px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  font-size: 20px;  text-decoration: none;}
.btn6 a{text-align:center;  margin: 10px;  border-radius: 12px;  background: #ff364a;  color: #fff!important;    display: block;    padding: 10px;min-height:25px;   text-decoration: none;}
.btn6 a:hover{  margin: 10px;  border-radius: 12px;  background: #30c13a;  color: #fff;  display: block;    padding: 10px;min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }


.btn7 { width:100%;max-width:200px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;}
.btn7 a{text-align:center;   border-radius: 20px;  background: #30c13a;  color: #fff!important;   display: block; padding-right:10px; padding-left: 10px; padding-top: 5px;min-height:25px;   text-decoration: none;}
.btn7 a:hover{   border-radius: 20px;  background: #ff364a;  color: #fff;  display: block;padding-right: 10px;    padding-left: 10px; padding-top: 5px;    min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }

.btn8 { padding:20px;width:100%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;}
.btn8 a{text-align:center;   border-radius: 20px;  background: #30c13a;  color: #fff!important;   display: block; padding-right:10px; padding-left: 10px; padding-top: 5px;padding-bottom: 5px;min-height:25px;   text-decoration: none;}
.btn8 a:hover{   border-radius: 20px;  background: #ff364a;  color: #fff;  display: block;padding-right: 10px;    padding-left: 10px; padding-top: 5px;    min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }

.btn8-line { padding:20px;width:100%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;}
.btn8-line a{text-align:center;   border-radius: 20px;  background: #30c13a;  color: #fff!important;   display: block; padding-right:10px; padding-left: 10px; padding-top: 5px;min-height:25px;   text-decoration: none;}
.btn8-line a:hover{   border-radius: 20px;  background: #ff364a;  color: #fff;  display: block;padding-right: 10px;    padding-left: 10px; padding-top: 5px;    min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }


.btn9 {font-size:1.3em; width:100%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;margin-bottom:20px;}
.btn9 a{text-align:center;   border-radius: 20px;  background: #30c13a;  color: #fff!important;   display: block; padding-right:10px; padding-left: 10px; padding-top: 25px; padding-bottom: 25px;min-height:25px;   text-decoration: none;}
.btn9 a:hover{   border-radius: 20px;  background: #ff364a;  color: #fff;  display: block;padding-right: 10px;    padding-left: 10px;  padding-top: 25px; padding-bottom: 25px;   min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }


.btn10 {font-size:1.3em; width:100%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;}
.btn10 a{text-align:center;   border-radius: 20px;  background: #2676c6;  color: #fff!important;   display: block; padding-right:10px; padding-left: 10px; padding-top: 25px; padding-bottom: 25px;min-height:25px;   text-decoration: none;}
.btn10 a:hover{   border-radius: 20px;  background: #79b2e2;  color: #fff;  display: block;padding-right: 10px;    padding-left: 10px;  padding-top: 25px; padding-bottom: 25px;   min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }
/* ヘッダー */
div#header01{width: 100%;margin-right:auto;margin-left:auto;background-color: #fff;}
div#header0 {width: 100%;margin-right:auto;margin-left:auto;background-position: center;margin-top:60px;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 1200px;margin-right:auto;margin-left:auto;background-color: #fff;margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000;}
div#header p#desc	{font-size: 0.875em;background-color: #fff;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

#top-head {display: none;}

div#subinfo	{text-align: right;
	margin: -32px 0 5px}

div#header0 img{height: auto;width: 100%;min-width: 1000px;background-position: center;margin-top:100px;}
/* ナビゲーションバー */
div#fixedBox{width: 100%;height:85px;margin-right:auto; margin-left:auto;display: inline-block;box-shadow: 0 1px 1px rgba(18,130,63,.9);transition: all .3s;margin-bottom: -40px;
}

/* Global Menu */
header img{float:left;margin-right: 20px;width:auto;height: 71px;}
header{margin-top: 20px;font-size: 0.8em;	margin-bottom: 13em;	position: relative;	width: 100%;	max-width: 1200px;margin-right: auto;
margin-left:auto;z-index: 1002;}
header ul {height:60px;margin-top:-10px;text-align: right;}
header ul > li{	display: inline-block;font-size:1em;}
header ul > li > a{	padding-top: 13px;	padding-bottom:10px;padding-left: 1rem;padding-right:1rem;
display: block;transition: 0.5s;font-weight: 600;color:#48b1ff;}

header ul > li a:after {	content: '';	width: 0;	transition: all 0.3s ease;	border-bottom: 3px solid #b3dfff;	display: block;}
header ul >li a:hover:after {	width: 100%;	border-bottom: 2px solid #48b1ff;}
header ul > li > span{	margin-left: 1.2em;}

/* Submenu */

header ul li ul{
	position: absolute;
	top:60px;
	left: auto;margin-top: -15px;
margin-left: -40px;
}
header ul li ul li{
	display: block;
}
header ul li ul li a{
	background-color: #14763a;
	color: #fff;width: 100%;
border-top: 1px solid #eee;
text-align: center;
}
header ul li ul li a:hover{
	background-color: #fff;
}
.sample01 ul li ul{
	display: none;
}
.sample01 ul li:hover ul{
	display: block;
}
	.fixed {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1000;}
	.fixed2 {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1001;
	  box-shadow: 0px 1px 2px #12346b;
 }

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


/* header */
#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 30px 0 0; line-height: 1; z-index: 999;}
#top-head a,
#top-head { color: #fff; text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left; font-size: 36px;}
#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 0; font-size: 14px;}
#global-nav ul li { float: left;}
#global-nav ul li a { padding: 0 30px;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;  -ms-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px; color: #333;}
#top-head.fixed #global-nav ul li a {color: #333; padding: 0 20px;}
 
/* Toggle Button */
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px; width: 34px; height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 3px; width: 100%; background: #55b8e2; left: 0;
    -webkit-transition: .35s ease-in-out;  -ms-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
.inner { width: 1200px; margin: 0 auto;}
.inner:after { content: ""; clear: both; display: block;}




/* コンテンツ */

div#post-content{width:100%;max-width:1200px;margin-right: auto;margin-left: auto; display: -webkit-flex;  display: flex;}
div#content	{width:66%;float: left;margin-right: 40px;}

div#content	h2{font-size:1.5em;color:#066ebc;}
div#content	h6{font-size:0.9em;color:#5db7f9;}
div#content h6 a{color:#5db7f9;}
div#content h6 a:hover	{text-decoration: underline;color: #f00}
div#content2{width: 100%;margin-right:auto;margin-left:auto;}

p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}
span.oldpage	{float: left}
span.newpage	{float: right}


/* 記事 */
div.post	{margin-bottom: 10px;overflow: hidden;background-color:#fff;}
div.post p	{font-size: 1em;line-height: 1.6;}
div.post p.postcat	{text-align: right;	margin: -10px 10px 10px 0;}
div.post p.postcat a	{font-size: smaller;background-color: #a7d043;
	border-radius: 2px;color: #ffffff;padding: 1px 5px}
div.post p.postinfo	{color: #0c8bcd;text-align: right;	margin: 0;}

div.post2{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#333; font-size: 1.0em;text-align:center; }


div.post2 h2{font-size:2.2em; padding: 10px 10px;display: inline-block;	margin: 0;color: #2089ff;text-align:center;border-bottom: solid 2px #ff2e27;}



div.post3{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto; font-size:1em;padding-top: 1em;background: url(https://wired-ad.com/opensesame/heyasapo/wp-content/uploads/post3-back.webp) no-repeat bottom center/cover;min-height:250px;}


div.post4{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto; font-size:1em;margin-bottom:100px;
position: relative;text-align:center;
  display: inline-block;
    padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #4aa4d1;}


div.post4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -70px;
  border: 70px solid transparent;
  border-top:50px solid #4aa4d1;
}

div.post4 h1{color:#fff;font-size:1.7em;border-bottom: solid 2px #fff;display: inline-block;margin-top:1px;margin-bottom:1px;}

div.post5{width:100%; max-width: 1920px;margin-right:auto;margin-left:auto;  overflow: hidden;color:#333; font-size: 1.0em;text-align:center;background-color:#f4f9ff; }

div.post5 h2{font-size:2.2em; padding: 10px 10px;display: inline-block;	margin: 0;color: #2089ff;text-align:center;border-bottom: solid 2px #ff2e27;}



div.post6{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto; font-size:1em;padding-top: 1em;position: relative;background: repeating-linear-gradient(-45deg, #b5e4ff 0, #b5e4ff 10px, #cfeeff 10px, #cfeeff 20px);}

div.post7{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto; font-size:1em;padding-top: 1em;position: relative;background: repeating-linear-gradient(45deg, #f2fff0 0, #f2fff0 10px, #e3f9e0 10px, #e3f9e0 20px);}
div.post7 h3{font-size:1.5em;color:#111;}
div.post7 h4{font-size:1.2em;color:#ff2c45;margin-bottom:1px;margin-top:10px;}


div.post8{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto; font-size:1em;padding-top: 1em;position: relative;background-image: linear-gradient(0deg, rgba(255, 0, 0, 0) 18px, #e5edf6 20px), linear-gradient(90deg, rgba(255, 0, 0, 0) 18px, #e5edf6 20px);background-size: 20px 20px;}

div.post9{width:100%; max-width: 1920px;margin-right:auto;margin-left:auto;  overflow: hidden;color:#333; font-size: 1.0em;text-align:center;background-color:#D3E8CD; }

div.post9 h2{font-size:2.2em; padding: 10px 10px;display: inline-block;	margin: 0;color: #2089ff;text-align:center;border-bottom: solid 2px #ff2e27;}


div.post10{width:100%; max-width: 900px;margin-right:auto;margin-left:auto;  overflow: hidden;color:#333; font-size: 1.0em;text-align:center;line-height:3em;}
div.post10 h1{font-size:2.2em;color:#0077d3;}
div.post10 h2{font-size:1.7em;color:#ff6325;}
div.post10 li{list-style:none;font-size:1.2em;font-weight:600;color:#80462a;}
div.post10 ul{padding-left:0;}


div.post11{width:100%; max-width: 1920px;margin-right:auto;margin-left:auto;  overflow: hidden;color:#333; font-size: 1.0em;background-color:#f4f9ff;text-align:center; }
div.post11 h2{font-size:1.5em; padding: 10px 10px;display: inline-block;	margin: 0;color: #2089ff;text-align:center;border-bottom: solid 2px #ff2e27;}

div.post-kasai1{width:100%; max-width: 900px;margin-right:auto;margin-left:auto;  overflow: hidden;color:#333; font-size: 1.0em;line-height:2em; padding: 10px 0px;}

div.post-kasai1 a{color:#1275e0;}
div.post-kasai1 a:hover{text-decoration: underline!important;color: #a7cef9}
div.post-kasai1 h3{text-align:center;   border-radius: 8px;  background: #1d8eff;  color: #fff!important;   display: block; padding-right:10px; padding-left: 10px; padding-top: 15px; padding-bottom: 15px;min-height:25px; font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;width: auto; }


div.post-kasai1 h4{font-size:1.45em;padding: 0.25em 0.5em;  color: #494949; background: transparent;border-left: solid 5px #ff8e1d;}


div.post-kasai1 h5 {  font-size:1.1em; background: linear-gradient(transparent 80%, #fceda2 0%);  display: inline;   padding: 0 2px 2px;}
div.post-kasai1 h6 {  margin-bottom: 10px;margin-top: 10px;font-size:1.1em!important; color:#ff761a!important;}

.kasai-sapo1 img{width: 100%;max-width:890px;}

.howto-inner{width:95%;background:#fffae1;padding-top:5px;padding-bottom:10px;padding-right:10px;padding-left:15px;}

.howto-inner h2 {  position: relative;  padding-left: 40px;  color:#153c6e;}

.howto-inner h2:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f303";
  background: #c9e2ff;
  color: #153c6e;
  font-size: 1em;
  border-radius: 50%;
  left: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.howto-inner h5 {  font-size:1.1em; background: linear-gradient(transparent 80%, #ff9933 0%)!important;  display: inline;   padding: 0 2px 2px;}



/* 記事内の画像 */
.aligncenter	{display: block;margin-left: auto;margin-right: auto}
.alignleft	{float: left;	margin-right: 10px;	margin-bottom: 10px}
.alignright	{float: right;	margin-left: 10px;	margin-bottom: 10px}
.wp-caption	{border: solid 1px #aaaaaa;	text-align: center;	padding-top: 5px}

/* サイドバー */
div#sidebar	{width: 320px;margin-top:10px;position:sticky;margin-top: 166px;}
div#sidebar ol{margin-left:-10px;}	
div#sidebar ul	{margin: 0;	padding: 2px 0px; list-style:none;}
div#sidebar .widget	{margin-bottom: 20px}
div#sidebar h2	{font-size: 1.2em;color:#ffffff;background-color:#444445;padding:10px;margin-top: -1px;text-align:center;}
div#sidebar li {font-size: 0.9em;margin: 0;background-color:#fff;padding-left:1px}
div#sidebar li li a	{color: #333;display: block;padding: 5px 10px}
div#sidebar li li a:hover	{text-decoration: underline;color: #f00}
div#sidebar li:last-child {  border-bottom: none;}
div#sidebar ul.sub-menu a:before {  content: "\f105";
 font-family: "Font Awesome 5 Free";font-weight: 900;	margin-left:-10px;	color:#66ceff;}
div#sidebar ul.sub-menu a { border:1px solid #fff;   background-color:#fff;	font-size: 13px;}
div#sidebar li.sub-menu  {  }
div#sidebar ul.sub-menu a:hover {  color:#66ceff;  background-color:#f6f6ff;}
.sidebar_item { margin-bottom: 20px;}
.sidebar_item--fixed {  position: sticky;  margin-bottom: 0;  top: 100px;  z-index: 1;}
.side-icon { color:#02b3fd;float: left;}

/* 記事の個別ページ */
.single div.post h2	{background-color:#333333;	color: white}
.single div.post h2 a	{color: white}


/* タイトルの一覧 */
ul.post	{list-style-type: none;	margin: 0;	padding: 0;	border-top: dotted 1px #aaaaaa}
ul.post li	{border-bottom: dotted 1px #aaaaaa;	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;	padding: 15px 0 15px 20px}
ul.post li a	{color: #000000}
ul.post li span	{font-size: smaller;color: #888888}
div.post p.more a:hover	{background: #f7e29e}

/* サムネイル画像 */
div.post p.thumb	{float: left;margin: 0 10px 10px 0}

/* トップページのタイトルの一覧 */
ul.toplist	{list-style-type: none;	margin: 0 0 30px;padding: 0;border-top: solid 1px #aaaaaa}
ul.toplist li	{font-size: 0.875em;font-weight: bold;	border-bottom: solid 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px}

ul.toplist li a	{color: #000000}
ul.toplist li span	{font-size: smaller;color: #888888}

/* ページ番号リンク */
p.pagenum	{text-align: center}
p.pagenum a, p.pagenum span	{padding: 3px 6px;	color: #ffffff}
p.pagenum a	{background-color: #78982b}
p.pagenum span	{background-color: #a7d043}






@media screen and (max-width:60em) {
	.copy{width:85%; }
	a.button02{font-size:1.1em;}
	.howto-inner h2{font-size:1.1em!important;}
	.flow > li dl dt{margin-left:-10px;}
.flow::before {  content: "";  width: 15px;  height: 100%;  background: #c5e5ff;  margin-left: -8px;  display: block;  position: absolute;  top: 0;  left: 90px;}
	.flow dd{margin-left:-11px;}
	.flow > li .icon {padding: 4px 10px;}
	.flow > li dl {  padding-left:unset; }
	.flow > li dl::before{left: -34px;}
	.flow > li dl::after {  width: 10px;left: -25px;}
	.c-inner4{background-color: #fff;width:94%;margin-right:auto;margin-left:auto;min-height:110px;color:#222;padding:0.5vw;font-size:1em;font-weight:500;line-height: 2;}
.c-inner4 h4{font-size:1.1em;}
.c-inner4 h5{font-size:1.05em;}
.c-inner4-2{width:94%;margin-right:auto;margin-left:auto;font-size:0.9em;}
.c-inner4-3{width:94%;margin-right:auto;margin-left:auto;font-size:0.9em;}
.c-inner4-4{width:94%;margin-right:auto;margin-left:auto;font-size:0.9em;}	

.c-inner4-line{background-color: #fff;width:94%;margin-right:auto;margin-left:auto;min-height:110px;color:#222;padding:0.5vw;font-size:1em;font-weight:500;line-height: 2;}
	
	.soudan img{width:95%;}
	ul.nayami{font-size:1em;}
	ul.nayami li{margin:0;}
	table.type01{display: block;font-size: 0.8em;  overflow-x: scroll;  white-space: nowrap;  -webkit-overflow-scrolling: touch;}
	table.type01 th {min-width:90px;}
	table.type01 th img{max-width:100px;}
	table.type01 td {min-width:90px;}
	table.type01 td img{max-width:100px;}
	
	table.type02 td{min-width:150px;}


.dot-text1{ background-position: top left 7px;  background-repeat: repeat-x;
	background-size: 1.34em 0.3em;}
.right-001{width:96%;border:2px solid#ddd;margin-right:auto;margin-left:auto;padding-top:15px;padding-bottom:15px;line-height:2em;margin-bottom:20px;}
a.button01{max-width:250px;}
	.h-back{background:none;}
.h-back2{margin-top:40px;}
.presented{text-align:center;background-color:#0096c3;padding-top:10px;padding-bottom:10px;}
	/* flex */
.outer-001{ -webkit-flex-direction: column;    flex-direction: column;}	
.outer-002{ -webkit-flex-direction: column;    flex-direction: column;padding:1px;}	
.outer-003{ -webkit-flex-direction: column;    flex-direction: column;}	
.outer-004{ -webkit-flex-direction: column;    flex-direction: column;}	
.outer-008{ -webkit-flex-direction: column;    flex-direction: column;width: 94%;}	
.outer-009{ -webkit-flex-direction: column;    flex-direction: column;}	
.outer-010{ -webkit-flex-direction: column;    flex-direction: column;}	
	
	
div#flex-001{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}
	
div#flex-002{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}
div#flex-002 h2{font-size:1.1em;}

	
div#flex-003{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}

div#flex-004{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}
div#flex-004 img{position:relative;margin-bottom: -25px;margin-right: auto;margin-left: auto;}
div#flex-005{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}

div#flex-005 h1{line-height:1em;}
div#flex-005 h2{font-size:1.5em;line-height: 2.5em;text-align:left;}
	
div#flex-006{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	
	div#flex-006 h5{text-align:center!important;font-size: 1.1em;}
div#flex-007{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	

	
div#flex-008{-webkit-flex-direction: column;    flex-direction: column;width: 70%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;margin-bottom: -20px;}
	
div#flex-009{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}
div#flex-009 h2{font-size:1.1em;}	

div#flex-010{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	
	
div#flex-011{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}
	
div#flex-012{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}
	
div#flex-013{-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}		
	
	
	
	
	
	
	.balloon2-top {font-size:1em;}
	
.pc{display: none !important;}
.pc2{display: none !important;}
.mo{display: block !important;max-width:60em;}
	
.btn7 { width:100%;max-width:125px;margin-left:145px; font-family: Arial;  color: #333;  text-decoration: none;padding-top: 15px;}
.btn7 a{text-align:center;   border-radius: 20px;  background: #30c13a;  color: #fff!important;   display: block; padding-right:1px; padding-left: 1px; padding-top: 10px;min-height:25px;   text-decoration: none;}
.btn7 a:hover{   border-radius: 20px;  background: #ff364a;  color: #fff;  display: block;padding-right: 1px;    padding-left: 1px; padding-top: 10px;    min-height:25px;   text-decoration: none;transition:all 0.4s ease-in-out 0s; }
	
	
.midashi6 img{max-width:200px;height:auto;}
	
.pc{display: none !important;}
.mo{display: block !important;max-width:60em;}
	
.midashi{font-size:1.65em;}	
.midashi0{max-width:1200px;margin-left:auto;margin-right:auto;text-align:center;font-size: 4.5vw;font-weight: bold;}
	
.shinsei{max-width: 60em;margin-left: auto;margin-right: auto;font-size: 1.2em;font-weight: bold;text-align:center;}
.shinsei3-2{font-size:21px !important;color:#222;font-weight: bold;line-height: 1.5em;text-indent : -0.4em;padding-left : 1em;text-align:left;}
.shinsei3-3{font-size:16px !important;color:#222;font-weight: bold;line-height: 1.5em;text-indent : -0.4em;padding-left : 1em;text-align:left;}
.shinsei5{max-width: 60em;margin-left: auto;margin-right: auto;font-size: 2em;font-weight: bold;text-align:center;}
.shinsei2{font-size:1.2em;font-weight: bold;color:#f00;line-height:1.5em;text-indent : -0.4em;padding-left : 1em;}	
.shinsei3{font-size:1.2em;font-weight: bold;line-height: 1.5em;text-indent : -0.4em;padding-left : 1em;}
.shinsei4{font-size:1.2em;font-weight: bold;line-height: 1.5em;}
	
.t-i1-4 { -webkit-flex-direction: column;    flex-direction: column;}	
div#t-i14 {-webkit-flex-direction: column;    flex-direction: column;width: 97%;margin-left: 5px; max-width:460px; font-size: 1.1em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;}
div#t-i14 img{max-width:60em;}
	
div#t-i15 {-webkit-flex-direction: column;    flex-direction: column;width: 97%;margin-left: 5px; max-width:460px; font-size: 1em; padding:5px; margin-right:auto;margin-left:auto;line-height:1.8em;}	
div#t-i15 img{max-width:60em;}
	
div#t-i16 {-webkit-flex-direction: column;    flex-direction: column;width: 97%;margin-left: 5px;  font-size: 1.1em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;}
div#t-i16 img{max-width:30em;}
	
div#t-i17 {-webkit-flex-direction: column;    flex-direction: column;width: 97%;margin-left: 5px; max-width:760px; font-size: 1em; padding:5px; margin-right:auto;margin-left:auto;line-height:1.8em;}	
div#t-i17 img{max-width:30em;}
	
	
	.button-outer {  width: 94%;}
	
.bg_muryo {position:relative; width:100%;  height:100%;}
.btn3 { list-style: none;position: absolute;margin: auto;left: 0;right: 0;top: 84%;bottom: 0; }
.btn3 a {border-radius: 25px;min-width:100px;max-width:1000px;font-size: 4vw;text-align:center; margin-right:auto;margin-left:auto;   background: #f00;  color: #fff;    display: block;    padding: 10px; text-decoration: none;font-weight: bold;width: 77%;
  box-shadow:0px 1px 4px 1px rgba(0, 0, 0, 0.6);}
.btn3 a:hover{  background: #94d1ec;  color: #fff;  display: block;    padding: 10px; text-decoration: underline;transition:all 0.6s ease-in-out 0s; }  
.btn8 { padding:10px;width:70%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;}	
	
.btn9 { padding:20px;width:70%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;margin-bottom:20px;}
 		.flex_item-box {display: block;  /* フレックスボックスにする */}
	.btn10{ padding:20px;width:70%;max-width:600px;margin-right:auto;margin-left:auto; font-family: Arial;  color: #333;  text-decoration: none;}
 		.flex_item-box {display: block;  /* フレックスボックスにする */}
	

	
	.cform th,
	.cform td {	margin-right: auto;
margin-left: auto;	width: 90%;		display: block;		border-top: none;	}
	
	.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;max-width:280px;padding: 0.1em;
}
	.pref{text-align:center;}
	.kakunin{text-align:center;font-size:1em;}
	/* コンテナ */

.back_line h4{font-size:1.2em; padding: 15px 10px!important;	margin-left: -5px;margin-bottom: -15px;color: #14763a;}
	.nakami{font-size: 1em;padding: 10px; margin-top: 20px;}
div#container	{width: 99%;	margin: auto;margin-top: 60px;}
div#t-i1 { -webkit-flex-direction: column;    flex-direction: column;width: 97%;    }	
div#t-i2 { -webkit-flex-direction: column;    flex-direction: column;width: 96%;    }	
div#t-i3 { -webkit-flex-direction: column;    flex-direction: column;width: 96%;    }	
div#t-i4 { -webkit-flex-direction: column;    flex-direction: column;width: 96%;    }	
div#t-i4 img{border: solid 1px #ccc; padding:5px;}
.t-i1-2 { -webkit-flex-direction: column;    flex-direction: column;}	
.t-i1-2 section {max-width:99%;}

/* ヘッダー */
	div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
div#subinfo	{text-align: right;
	margin: -32px 0 5px}
		header ul > li:hover > a{
	background-color: none;
	color: #fff;
margin-left:2px;}
	header img{float: left;
margin-left: 5px;
width: auto;
height: auto;
max-width: 110px;
margin-top: 10px;margin-right:5px;}
	
	header ul > li > a{
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    font-size:0.8em;
    transition: 0.5s;
  
    margin-top: 10px;
    max-width: 180px;
    margin-right: 15px;
}
	
	
	
	
/* ナビゲーションバー */
div#nav	{display:none;}
	header ul > li{background:none;display:block;}		
	/* コンテンツ */
div#content	{width: 99%;float: left;margin-right:auto;margin-left:auto;}
div#content2	{width: 99%;float: left}
	
	div#content h6 {  margin-top: 50px;  margin-bottom: 10px;}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}
span.oldpage	{float: left}
span.newpage	{float: right}

	div.post11{margin-top:50px;}
div.post2 h1{font-size:1em; padding: 5px 5px;	margin: 0;color: #222;text-align:center;margin-top: 10px;margin-top: 10px;}
div.post2 h2{font-size:1em; padding: 5px 5px;	margin: 0;color: #333;text-align:center;}
div.post2 h5{font-size:1em; }

div.post4{padding:none;}
div.post4 h1{font-size:1.1em;margin-left:-10px;}
	
div.post5 h2{font-size:0.95em; padding: 5px 5px;	margin: 0;color: #333;text-align:center;}
div.post5 h5{text-align:right;padding-right: 0px;}

div.post7 h3{font-size:1.1em; padding: 5px 5px;	margin: 0;color: #333;text-align:center;margin-top:-50px;}
div.post8 h2{font-size:0.95em; padding: 5px 5px;	margin: 0;color: #333;text-align:center;}	

	div.post10{margin-top:50px;width:98%;line-height:1.5em;}
	div.post10 h1{font-size:1.2em;color:#0077d3;}
	
	div.post-kasai1{width:98%;line-height:1.5em;font-size:0.95em;}

	div.post-kasai1 h4{font-size:1.1em;}
	div.post-kasai1 h5{font-size:1em;}
	
	
	
.kasai-sapo1 img{width: 100%;max-width:890px;}	
	
	
	
	
div#sidebar	{display:none;}	
	
.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {background: #fff;width: 100%;height: 65px;z-index: 2005;position: relative;margin-top: 0px;}
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:100px;}
    #global-nav {position: absolute;z-index: 1006;min-height: 200px;
        /* 開いてないときは画面外に配置 */
        right: -97%;background: #55b8e2; width: 97%;text-align: center!important; padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 1.2em!important;font-weight: bold;color: #fff;text-align: center;}
    #global-nav ul li {float: none;position: static;margin-left: -40px;border-bottom: solid 2px #fff;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #fff; padding: 14px 0;}
 #top-head #global-nav ul li a:hover {text-decoration:none;background-color: #55b8e2;}	
    #nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);}

    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);}

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-102%);
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%);}

	header ul > li a:after {	content: '';	width: 0;	transition: all 0.3s ease;	border-bottom: none !important;	display: block;}
	
	
#sub-nav{margin-bottom: 40px;font-size:0.9em;margin-left: -40px;}
#sub-nav ul {width:auto; list-style: none;}
#sub-nav ul li  {float:left; width: 33%;border-right: solid 1px #bbb;height: 30px;}
#sub-nav ul li a{display: block; background: #444; text-align: center;border-bottom: solid 1px #c7cdd0;padding: 4px;
    text-decoration: none; color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#sub-nav ul li a:hover {text-decoration:underline;background-color: #000;color:#fff;}	
	
div#footermenu ul{width: 470px!important;	text-align: center;margin: 0 30px 0 0;	padding: 0;	list-style-type: none}
.footer-logo img{width:52%!important;}
	}
	
	
	
/* フッターメニュー */

div#footer	{background-color: #2d2d2d;margin-right:auto;margin-left:auto;border-top: solid 1px #aaaaaa;clear: both;padding: 20px 0px 20px 0px;margin-top: -10px;}
.footer-logo{text-align:center;}
.footer-logo img{text-align:center;width:22%;z-index: 300;}
div#footer p	{font-size: 0.75em;	font-style: normal;	font-family: Verdana, sans-serif;margin: 0}
div#footermenu{background-color: #2d2d2d;width: 100%;max-width:1200px;margin-right:auto;margin-left:auto;}
div#footermenu ul{width: 270px;	float: left;margin: 0 30px 0 0;	padding: 0;	list-style-type: none}
div#footermenu ul ul	{width: auto;float: none;margin: 0}
div#footermenu .widget	{margin-bottom: 20px}
div#footermenu h2	{font-size: 0.75em;	color: #ffffff;	background-color: #aaaaaa;
	border-radius: 3px;	padding: 2px 10px;	margin: 0}
div#footermenu li li	{font-size: 0.875em;	border-bottom: dotted 1px #aaaaaa;	margin: 0}
div#footermenu li li a	{color: #ffffff;display: block;	padding: 5px 10px}
div#footermenu li li a:hover{color: #999;transition:all 0.4s ease-in-out 0s;}

div#footer p	{clear: both;color: #ffffff;border-top: solid 1px #ffffff;padding-top: 8px;	text-align: center;}

#page-top {position: fixed; bottom: 105px; right:25px; font-size: 0.875em;z-index: 100;}
#page-top a {background: #41c902; text-decoration: none; color: #fff; width: 50px;	padding: 10px 10px; text-align: center; display: block;}
#page-top a:hover {text-decoration: none; background: #389606; color:#fff;}



#page-top000 {position: fixed; bottom: 0px; right:0px; font-size: 0.875em;z-index: 91;width:100%;background: #2d2d2d;}
#page-top000 a {background: #30c13a; text-decoration: none; color: #fff; 	padding: 10px 10px; text-align: center; display: block;}
#page-top000 a:hover {text-decoration: none; background: #ff364a; color:#fff;}





.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
	
}

.submit-btn input:hover {
	background: #fff;
	color: #00142c;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {padding: 1.614288em 1.42857em;color: #fff;	background-color: #2586ff;	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 12px;  
	-moz-border-radius: 12px;  
	border-radius: 12px; }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {background-color: #8addff;cursor: pointer;}