/*太字*/
.futozi{
  font-weight: bold;
}
/*文字サイズ変更*/
.mozisize{
  font-size: 1.5em;
}
/*文字色*/
.black {
  color: black;
}
.red {
  color: red;
}
.green {
  color: green;
}
.blue {
  color: blue;
}
.white {
  color: white;
}
.yellow {
  color: yellow;
}
.magenta {
  color: magenta;
}
.gray {
  color: gray;
}
.orange {
  color: orange;
}
/*下線CSSコード*/
.shitasen{
  text-decoration: underline;
}
/*大きく、太く、色を変えて、下線CSSコード*/
.matome1{
  font-weight: bold;
  font-size: 1.5em;
  color: red;
  text-decoration: underline;
}
/*マーカーCSSコード*/
.m-pink{
  background: linear-gradient(transparent 0%, pink 0%);
}
/*枠CSSコード*/
.waku{
    padding: 1em;
    margin-bottom: 2em;
    border: solid 3px black;
}
/*枠の大きさ変更CSSコード*/
.wakuookisa{
    padding: 1em; /*枠の内側の余白*/
    margin-bottom: 2em; /*枠の外の下側の余白*/
    border: solid 3px black; /*枠の線の太さ*/
    width: 300px; /*枠の横幅*/
    height: 250px; /*枠の高さ*/
    box-sizing: border-box; /*枠線はみだし対策*/
}
/*リスト表示CSSコード*/
.list0 {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*枠内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
}
.list0 li {
  line-height: 1.5; /*行の高さ*/
  padding: 0.5em 0; /*枠内余白*/
}
/*見出しCSSコード*/
.midashi1 {
    margin: 4px 0 4px; /*外側の余白*/
    font-size: 2em; /*文字サイズ*/
    font-weight: 700; /*文字の太さ*/
}
.midashi2 {
    font-size: 1.7em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    line-height: 40px; /*行の高さ*/
    padding: .5em 0 .5em .5em; /*行の余白*/
    border-left: 28px solid #40ad3b; /*左側の縦線*/
    border-bottom: 1px solid #757575; /*下線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi3 {
    font-size: 1.5em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    line-height: 40px; /*行の高さ*/
    padding: .5em 0 .5em .5em; /*行の余白*/
    border-left: 14px solid #eaa629; /*左側の縦線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi4 {
    font-size: 1.2em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    border-top: 2px solid #40ad3b; /*上線*/
    border-bottom: 2px solid #40ad3b; /*下線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi5 {
    font-size: 1em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    border-bottom: 2px solid #eaa629; /*下線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi16 {
    font-size: 1em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
/*画像と文章　横並び*/
.float-migi{
  float:right; /*右より*/
  width:50%; /*幅*/
  padding-left: 20px; /*左余白*/
  padding-right: 20px; /*右余白*/
  margin-top: 1em; /*上側の余白*/
  margin-bottom: 1em; /*下側の余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
.float-hidari{
  float:left; /*左より*/
  width:50%; /*幅*/
  padding: 20px; /*余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
.kaijo:after{
  display:block; /*固定表示*/
  clear:both; /*周りこみ解除*/
  content:"";
}
/*横並び枠*/
.float-hidari-waku {
  float:left; /*左よせ*/
  background-color:  #e9e9e9; /* 背景色指定 */
  padding:  20px; /* 余白指定 */
  height: 350px; /* 高さ指定 */
  width: 30%; /*横幅*/
  border: solid 1px gray; /*枠線*/
  margin-left: 3%; /*余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
/*枠タイトル*/
.w-title{
  border-bottom: solid 5px red; /*タイトル下線*/
  font-size: 1.2em; /*タイトル文字サイズ*/
  font-weight:bold; /*タイトル太字*/
}
/*画像変更用*/
.float-hidari-waku img{
  width:100%; /*画像幅*/
  height:100px; /*画像高さ*/
  margin-top: 1em; /*余白*/
  border: solid 1px black; /*枠線*/
  margin-bottom: 1.2em; /*余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
/*ボタン*/
.btn-flat-border {
  display: inline-block; /*表示形式*/
  padding: 0.3em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  color: white !important; /*文字色*/
  border: solid 3px #67c5ff; /*外枠の線*/
  border-radius: 3px; /*角丸み*/
  transition: .4s; /*表示の変わる時間*/
  background: blue; /*背景色*/
  font-size:1.2em; /*文字サイズ*/
  font-weight:bold; /*文字の太さ*/
  width:300px; /*ボタン横幅*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
/*マウスで触った時のボタン表示*/
.btn-flat-border:hover {
  background: aqua; /*背景色*/
  color: blue !important; /*文字色*/
}
/*ボタン中央表示用*/
.chuou{
  text-align: center; /*中央表示*/
}
/*色が変わる文字（基本）*/
.irokawaru-mozi1 {
  display: inline-block; /*位置*/
  text-decoration: none; /*文字の装飾なし*/
}
.irokawaru-mozi1:hover {
  color: red; /*文字色*/
}
/*色が変わる画像（基本）*/
.irokawaru-gazou1 {
  display: inline-block; /*位置*/
  width: 300px; /*画像の横幅*/
  height: 170px; /*画像の高さ*/
}
.irokawaru-gazou1 img {
  transition: 0.5s; /*変化時間*/
}
.irokawaru-gazou1 img:hover {
  filter: invert(100%); /*色を反転*/
}
/*色が変わるアイコン（基本）*/
.irokawaru-icon1 {
  display: inline-block; /*文字の位置*/
  transition: 0.5s; /*変化時間*/
  font-size:1.2em; /*文字の大きさ*/
}
.irokawaru-icon1:hover {
  color: red; /*文字色*/
}
.irokawaru-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
  transition: 0.5s; /*変化時間*/
}
.irokawaru-icon1:hover:before{
  color: orange; /*アイコンの色*/
}
/*色が変わるボタン（基本）*/
.irokawaru-btn1 {
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  transition: 0.5s; /*変化時間*/
}
/*ボタンの上にマウスがのったとき*/
.irokawaru-btn1:hover {
  background: orange;/*背景色*/
}
/*文字が半透明（基本）*/
.htoumei-mozi1 {
  display: inline-block; /*位置*/
  transition: all .3s ease 0s; /*変化時間*/
  text-decoration: none; /*文字の装飾なし*/
}
.htoumei-mozi1:hover {
 opacity: 0.5; /*半透明の設定*/
}
/*画像を半透明（基本）*/
.htoumei-gazou1 {
  width: 350px; /*画像の横幅*/
  height: auto; /*画像の高さ*/
}
.htoumei-gazou1 img {
  width: 350px; /*画像の横幅*/
  display: block; /*画像の位置*/
  transition: 0.5s; /*変化時間*/
  margin: 0px 0px 0px 0px; /*余白なし*/
}
.htoumei-gazou1 img:hover {
 opacity: 0.5; /*半透明の設定*/
}
/*アイコンが半透明（基本）*/
.htoumei-icon1 {
  display: inline-block; /*文字の位置*/
  transition: 0.5s; /*変化時間*/
  font-size:1.2em; /*文字の大きさ*/
}
.htoumei-icon1:hover {
 opacity: 0.5; /*半透明の設定*/
}
.htoumei-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
/*半透明になるボタン（基本）*/
.htoumei-btn1 {
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  transition: all .3s ease 0s; /*変化時間*/
}
.htoumei-btn1:hover {
 opacity: 0.5; /*半透明の設定*/
}
/*文字が大きくなる（基本）*/
.ookikunaru-mozi1 {
  display: inline-block; /*位置*/
  transition: all .3s ease 0s; /*変化時間*/
  text-decoration: none; /*文字の装飾なし*/
}
.ookikunaru-mozi1:hover {
  cursor: default; /*マウスのカーソル設定*/
  transform: scale(1.2); /*大きくなる大きさ*/
}
/*画像が大きくなる（基本）*/
.ookikunaru-gazou1 {
  overflow: hidden; /*画像のはみ出し部分非表示*/
  width: 350px; /*画像の横幅*/
  height: 190px; /*画像の高さ*/
}
.ookikunaru-gazou1 img {
  width: 350px; /*画像の横幅*/
  display: block; /*画像の位置*/
  transition: 0.5s; /*変化時間*/
  margin: 0px 0px 0px 0px; /*余白なし*/
}
.ookikunaru-gazou1 img:hover {
  transform: scale(1.2, 1.2); /*大きくなる大きさ*/
}
/*アイコンが大きくなる（基本）*/
.ookikunaru-icon1 {
  display: inline-block; /*文字の位置*/
  transition: 0.5s; /*変化時間*/
  font-size:1.2em; /*文字の大きさ*/
}
.ookikunaru-icon1:hover {
  transform: scale(1.1, 1.1); /*大きくなる大きさ*/
}
.ookikunaru-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
/*大きくなるボタン（基本）*/
.ookikunaru-btn1 {
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  transition: all .3s ease 0s; /*変化時間*/
}
.ookikunaru-btn1:hover {
  transform: scale(1.1, 1.1); /*大きくなる大きさ*/
}
/*文字が回る（基本）*/
.mawaru-mozi1 {
  display: inline-block; /*位置*/
  transition: all 1s ease 0s; /*変化時間*/
  text-decoration: none; /*文字の装飾なし*/
}
.mawaru-mozi1:hover {
  transform: rotateZ( 360deg ); /*Z回転の設定*/
}
/*画像が回る（基本）*/
.mawaru-gazou1 {
  width: 350px; /*画像の横幅*/
  height: auto; /*画像の高さ*/
}
.mawaru-gazou1 img {
  width: 350px; /*画像の横幅*/
  display: block; /*画像の位置*/
  transition: 1s; /*変化時間*/
  margin: 0px 0px 0px 0px; /*余白なし*/
}
.mawaru-gazou1 img:hover {
  transform: rotateZ( 360deg ); /*Z回転の設定*/
}
/*アイコンが回る（基本）*/
.mawaru-icon1 {
  display: inline-block; /*文字の位置*/
  transition: 1s; /*変化時間*/
  font-size:1.2em; /*文字の大きさ*/
}
.mawaru-icon1:hover {
  transform: rotateZ( 360deg ); /*Z回転の設定*/
}
.mawaru-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
/*ボタンが回る（基本）*/
.mawaru-btn1 {
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  transition: all 1s ease 0s; /*変化時間*/
}
.mawaru-btn1:hover {
  transform: rotateZ( 360deg ); /*Z回転の設定*/
}
/*光る文字（基本）*/
.hikaru-mozi1 {
  display: inline-block; /*文字位置*/
  position: relative; /*文字位置*/
  font-size: 1.2em; /*文字の大きさ*/
  color: #000; /*文字色*/
  overflow: hidden; /*光のはみ出し非表示*/
  top: 17px; /*文字の位置高さ調整*/
}
.hikaru-mozi1::before {
  position: absolute; /*光の位置*/
  content: ''; /*光の表示設定*/
  display: inline-block; /*文字の位置*/
  top: -180px; /*光の始まり位置上側*/
  left: 0; /*光の始まり位置左側*/
  width: 30px; /*光の幅*/
  height: 100%; /*光の範囲*/
  background-color: #fff; /*光の色*/
  animation: hikaru1 2s ease-in-out infinite; /*光の時間調整*/
}
@-webkit-keyframes hikaru1 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } /*光の角度調整*/
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } /*光の角度調整*/
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } /*光の角度調整*/
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } /*光の角度調整*/
}
/*光る画像（基本）*/
.hikaru-gazou1 {
  width: 300px; /*画像の横幅*/
  height: 170px; /*画像の高さ*/
  position: relative; /*画像の位置*/
  overflow: hidden; /*光のはみ出し非表示*/
}
.hikaru-gazou1::before {
  position: absolute; /*光の位置*/
  content: ''; /*光の表示設定*/
  display: inline-block; /*文字の位置*/
  top: -180px; /*光の始まり位置上側*/
  left: 0; /*光の始まり位置左側*/
  width: 30px; /*光の幅*/
  height: 100%; /*光の範囲*/
  background-color: #fff; /*光の色*/
  animation: hikaru-gazou1a 2s ease-in-out infinite; /*光の時間調整*/
}
@-webkit-keyframes hikaru-gazou1a {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } /*光の角度調整*/
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } /*光の角度調整*/
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } /*光の角度調整*/
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } /*光の角度調整*/
}
/*光るアイコン（基本）*/
.hikaru-icon1 {
  display: inline-block; /*文字位置*/
  position: relative; /*文字位置*/
  font-size: 1.2em; /*文字の大きさ*/
  color: #000; /*文字色*/
  overflow: hidden; /*光のはみ出し非表示*/
  top: 8px; /*文字の位置高さ調整*/
}
.hikaru-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
.hikaru-icon1::after {
  position: absolute; /*光の位置*/
  content: ''; /*光の表示設定*/
  display: inline-block; /*文字の位置*/
  top: -180px; /*光の始まり位置上側*/
  left: 0; /*光の始まり位置左側*/
  width: 30px; /*光の幅*/
  height: 100%; /*光の範囲*/
  background-color: #fff; /*光の色*/
  animation: hikaru-icon1a 2s ease-in-out infinite; /*光の時間調整*/
}
@-webkit-keyframes hikaru-icon1a {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } /*光の角度調整*/
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } /*光の角度調整*/
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } /*光の角度調整*/
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } /*光の角度調整*/
}
/*光るボタン（基本）*/
.hikaru-btn1 {
  display: inline-block; /*文字位置*/
  position: relative; /*文字位置*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  overflow: hidden; /*光のはみ出し非表示*/
}
.hikaru-btn1::after {
  position: absolute; /*光の位置*/
  content: ''; /*光の表示設定*/
  display: inline-block; /*文字の位置*/
  top: -180px; /*光の始まり位置上側*/
  left: 0; /*光の始まり位置左側*/
  width: 30px; /*光の幅*/
  height: 100%; /*光の範囲*/
  background-color: #fff; /*光の色*/
  animation: hikaru-btn1a 2s ease-in-out infinite; /*光の時間調整*/
}
@-webkit-keyframes hikaru-btn1a {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } /*光の角度調整*/
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } /*光の角度調整*/
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } /*光の角度調整*/
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } /*光の角度調整*/
}
/*震える文字（基本）*/
.furueru-mozi1 {
  display: inline-block; /*位置*/
  text-decoration: none; /*文字の装飾なし*/
  animation: furueru-mozi1a .1s  infinite; /*震える時間*/
}
@keyframes furueru-mozi1a {
  0% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
  25% {transform: translate(2px, 2px) rotateZ(1deg)} /*震える動き調整*/
  50% {transform: translate(0px, 2px) rotateZ(0deg)} /*震える動き調整*/
  75% {transform: translate(2px, 0px) rotateZ(-1deg)} /*震える動き調整*/
  100% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
}
/*震える画像（基本）*/
.furueru-gazou1 {
  width: 300px; /*画像の横幅*/
  height: 170px; /*画像の高さ*/
  animation: furueru-gazou1a .1s  infinite; /*震える時間*/
}
@keyframes furueru-gazou1a {
  0% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
  25% {transform: translate(2px, 2px) rotateZ(1deg)} /*震える動き調整*/
  50% {transform: translate(0px, 2px) rotateZ(0deg)} /*震える動き調整*/
  75% {transform: translate(2px, 0px) rotateZ(-1deg)} /*震える動き調整*/
  100% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
}
/*震えるアイコン（基本）*/
.furueru-icon1 {
  display: inline-block; /*文字の位置*/
  font-size:1.2em; /*文字の大きさ*/
  animation: furueru-icon1a .1s  infinite; /*震える時間*/
}
.furueru-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
@keyframes furueru-icon1a {
  0% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
  25% {transform: translate(2px, 2px) rotateZ(1deg)} /*震える動き調整*/
  50% {transform: translate(0px, 2px) rotateZ(0deg)} /*震える動き調整*/
  75% {transform: translate(2px, 0px) rotateZ(-1deg)} /*震える動き調整*/
  100% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
}
/*震えるボタン（基本）*/
.furueru-btn1 {
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  animation: furueru-btn1a .1s  infinite; /*震える時間*/
}
@keyframes furueru-btn1a {
  0% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
  25% {transform: translate(2px, 2px) rotateZ(1deg)} /*震える動き調整*/
  50% {transform: translate(0px, 2px) rotateZ(0deg)} /*震える動き調整*/
  75% {transform: translate(2px, 0px) rotateZ(-1deg)} /*震える動き調整*/
  100% {transform: translate(0px, 0px) rotateZ(0deg)} /*震える動き調整*/
}
/*ポヨンポヨン文字（基本）*/
.poyon-mozi1 {
  display: inline-block; /*位置*/
  text-decoration: none; /*文字の装飾なし*/
  animation: poyon-mozi1a 2s  ease-in-out infinite; /*ポヨンポヨンする時間*/
}
@keyframes poyon-mozi1a {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); } /*ポヨンポヨン動き調整*/
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); } /*ポヨンポヨン動き調整*/
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
}
/*ポヨンポヨン画像（基本）*/
.poyon-gazou1 {
  display: inline-block; /*位置*/
  width: 300px; /*画像の横幅*/
  height: 170px; /*画像の高さ*/
  animation: poyon-gazou1a 2s  ease-in-out infinite; /*ポヨンポヨンする時間*/
}
@keyframes poyon-gazou1a {
  0%   { transform: scale(0.9, 0.9) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
  15%  { transform: scale(0.8, 0.8) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  30%  { transform: scale(1.0, 0.7) translate(0%, 10%); } /*ポヨンポヨン動き調整*/
  50%  { transform: scale(0.7, 1.0) translate(0%, -10%); } /*ポヨンポヨン動き調整*/
  70%  { transform: scale(0.9, 0.7) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  100% { transform: scale(0.9, 0.9) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
}
/*ポヨンポヨンのアイコン（基本）*/
.poyon-icon1 {
  display: inline-block; /*文字の位置*/
  font-size:1.2em; /*文字の大きさ*/
  animation: poyon-icon1a 2s  ease-in-out infinite; /*ポヨンポヨンする時間*/
}
.poyon-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
@keyframes poyon-icon1a {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); } /*ポヨンポヨン動き調整*/
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); } /*ポヨンポヨン動き調整*/
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
}
/*ポヨンポヨンのボタン（基本）*/
.poyon-btn1 {
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  animation: poyon-btn1a 2s  ease-in-out infinite; /*ポヨンポヨンする時間*/
}
@keyframes poyon-btn1a {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); } /*ポヨンポヨン動き調整*/
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); } /*ポヨンポヨン動き調整*/
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); } /*ポヨンポヨン動き調整*/
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); } /*ポヨンポヨン動き調整*/
}
/*文字を押すと文書が表示する（基本）*/
.bunsho-hyouzi1 {
  margin: 2em 0;/*外側の余白*/
  padding: 0; /*内側の余白*/
}
/*文字の装飾*/
.bunsho-hyouzi1 label {
  font-size: 1.5em; /*文字の大きさ*/
  font-weight: bold; /*太字*/
  cursor :pointer; /*矢印の形*/
}
/*マウスを文字の上にのせたとき*/
.bunsho-hyouzi1 label:hover {
  color: orange; /*文字の色*/
}
/*文章を見えなくする*/
.bunsho-hyouzi1 input {
  display: none; /*文章を非表示*/
}
/*文章を非表示*/
.bunsho-hyouzi1 .bunsho-miseru {
  height: 0; /*高さゼロ*/
  padding: 0; /*余白ゼロ*/
  overflow: hidden; /*はみだし非表示*/
  opacity: 0; /*透明*/
  -ms-transition: 0.8s; /*変化時間*/ 
  -webkit-transition: 0.8s; /*変化時間*/
  transition: 0.8s; /*変化時間*/
}
/*文字を押すと文章表示*/
.bunsho-hyouzi1 input:checked ~ .bunsho-miseru {
  padding: 10px 0; /*文章の余白*/
  height: auto; /*文章の高さ*/
  opacity: 1; /*文章表示*/
}
/*画像を押すと文書が表示する（基本）*/
.g-bunsho-hyouzi1 {
  margin: 2em 0;/*外側の余白*/
  padding: 0; /*内側の余白*/
}
/*画像の設定*/
.g-bunsho-hyouzi1 label img{
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
  cursor :pointer; /*矢印の形*/
  -ms-transition: 0.5s; /*変化時間*/ 
  -webkit-transition: 0.5s; /*変化時間*/
  transition: 0.5s; /*変化時間*/
}
/*マウスを画像の上にのせたとき*/
.g-bunsho-hyouzi1 label img:hover {
  opacity: 0.7; /*半透明*/
}
/*文章を見えなくする*/
.g-bunsho-hyouzi1 input {
  display: none; /*文章を非表示*/
}
/*文章を非表示*/
.g-bunsho-hyouzi1 .bunsho-miseru {
  height: 0; /*高さゼロ*/
  padding: 0; /*余白ゼロ*/
  overflow: hidden; /*はみだし非表示*/
  opacity: 0; /*透明*/
  -ms-transition: 0.8s; /*変化時間*/ 
  -webkit-transition: 0.8s; /*変化時間*/
  transition: 0.8s; /*変化時間*/
}
/*画像を押すと文章表示*/
.g-bunsho-hyouzi1 input:checked ~ .bunsho-miseru {
  padding: 10px 0; /*文章の余白*/
  height: auto; /*文章の高さ*/
  opacity: 1; /*文章表示*/
}
/*アイコンを押すと文書が表示する（基本）*/
.i-bunsho-hyouzi1 {
  margin: 2em 0;/*外側の余白*/
  padding: 0; /*内側の余白*/
}
/*文字の装飾*/
.i-bunsho-hyouzi1 label {
  font-size: 1.5em; /*文字の大きさ*/
  font-weight: bold; /*太字*/
  cursor :pointer; /*矢印の形*/
}
/*マウスを文字の上にのせたとき*/
.i-bunsho-hyouzi1 label:hover {
  color: orange; /*文字の色*/
}
/*アイコン表示用*/
.i-bunsho-hyouzi1 label:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
/*マウスをアイコンの上にのせたとき*/
.i-bunsho-hyouzi1 label:hover:before {
  color: orange; /*アイコンの色*/
}
/*文章を見えなくする*/
.i-bunsho-hyouzi1 input {
  display: none; /*文章を非表示*/
}
/*文章を非表示*/
.i-bunsho-hyouzi1 .bunsho-miseru {
  height: 0; /*高さゼロ*/
  padding: 0; /*余白ゼロ*/
  overflow: hidden; /*はみだし非表示*/
  opacity: 0; /*透明*/
  -ms-transition: 0.8s; /*変化時間*/ 
  -webkit-transition: 0.8s; /*変化時間*/
  transition: 0.8s; /*変化時間*/
}
/*文字を押すと文章表示*/
.i-bunsho-hyouzi1 input:checked ~ .bunsho-miseru {
  margin-top: 2em; /*文章の上側の余白*/
  padding: 10px 20px 10px 0px; /*文章の余白*/
  height: auto; /*文章の高さ*/
  opacity: 1; /*文章表示*/
}
/*ボタンを押すと文書が表示する（基本）*/
.b-bunsho-hyouzi1 {
  margin: 2em 0;/*外側の余白*/
  padding: 0; /*内側の余白*/
}
/*ボタンの装飾*/
.b-bunsho-hyouzi1 label {
  display: inline-block; /*横並び*/
  font-size: 1.2em; /*文字大きさ*/
  font-weight: bold; /*太字*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  transition: all .3s ease 0s; /*変化時間*/
  cursor :pointer; /*矢印の形*/
}
/*マウスをボタンの上にのせたとき*/
.b-bunsho-hyouzi1 label:hover {
  opacity: 0.7; /*半透明*/
}
/*文章を見えなくする*/
.b-bunsho-hyouzi1 input {
  display: none; /*文章を非表示*/
}
/*文章を非表示*/
.b-bunsho-hyouzi1 .bunsho-miseru {
  height: 0; /*高さゼロ*/
  padding: 0; /*余白ゼロ*/
  overflow: hidden; /*はみだし非表示*/
  opacity: 0; /*透明*/
  -ms-transition: 0.8s; /*変化時間*/ 
  -webkit-transition: 0.8s; /*変化時間*/
  transition: 0.8s; /*変化時間*/
}
/*ボタンを押すと文章表示*/
.b-bunsho-hyouzi1 input:checked ~ .bunsho-miseru {
  margin-top: 2em; /*文章の上側の余白*/
  padding: 10px 20px 10px 0px; /*文章の余白*/
  height: auto; /*文章の高さ*/
  opacity: 1; /*文章表示*/
}
/*スクロールふわっとする文字（下から上に移動）*/
.fuwa-s-mozi1{
  display: inline-block; /*位置*/
  opacity : 0; /*透明度*/
  transform: translateY(50px); /*縦方向に移動*/
  transition: 2s; /*ふわっとする時間*/
}
/*スクロールふわっとする画像（下から上に移動）*/
.fuwa-s-gazou1{
  display: block; /*位置*/
  width: 300px; /*画像の横幅*/
  height: 170px; /*画像の高さ*/
  opacity : 0; /*透明度*/
  transform: translateY(50px); /*縦方向に移動*/
  transition: 2s; /*ふわっとする時間*/
}
/*スクロールふわっとするアイコン（下から上に移動）*/
.fuwa-s-icon1{
  display: inline-block; /*位置*/
  font-size:1.2em; /*文字の大きさ*/
  opacity : 0; /*透明度*/
  transform: translateY(50px); /*縦方向に移動*/
  transition: 2s; /*ふわっとする時間*/
}
/*アイコン表示用*/
.fuwa-s-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
/*スクロールふわっとするボタン（下から上に移動）*/
.fuwa-s-btn1{
  display: inline-block; /*位置*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #FFF !important; /*文字色*/
  opacity : 0; /*透明度*/
  transform: translateY(50px); /*縦方向に移動*/
  transition: 2s; /*ふわっとする時間*/
}
/*画像の上に文字をかさねる（基本）*/
.g-kasaneru-mozi1 {
  position: relative; /*相対配置*/
  width: 300px; /*画像の横幅*/
  height:170px; /*画像の高さ*/
}
/*文字の位置設定*/
.g-kasaneru-mozi1 p {
  position: absolute; /*絶対配置*/
  color: white; /*文字色*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
}
/*画像の大きさ設定*/
.g-kasaneru-mozi1 img {
  width: 300px; /*画像の横幅*/
  height:170px; /*画像の高さ*/
}
/*画像の上に画像をかさねる（基本）*/
.g-kasaneru-gazou1 {
  position: relative; /*相対配置*/
  width: 300px; /*画像の横幅*/
  height: 170px; /*画像の高さ*/
}
/*親の画像の設定*/
.g-kasaneru-gazou1a {
  width: 300px; /*画像の横幅*/
  height: 170px !important; /*画像の高さ*/
}
/*かさねる画像の位置設定*/
.g-kasaneru-gazou1b {
  position: absolute; /*絶対配置*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  width: 100px; /*画像の横幅*/
  height: 80px !important; /*画像の高さ*/
}
/*画像の上にアイコンをかさねる（基本）*/
.g-kasaneru-icon1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*文字の位置設定*/
.g-kasaneru-icon1a {
  position: absolute; /*絶対配置*/
  color: white; /*文字色*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  font-size:1.2em; /*文字の大きさ*/
}
/*アイコン用*/
.g-kasaneru-icon1a:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  padding-left: 5px; /*アイコンの左側の余白*/
  color: yellow;/*アイコンの色*/
}
/*画像の大きさ設定*/
.g-kasaneru-icon1 img {
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*画像の上にボタンをかさねる（基本）*/
.g-kasaneru-btn1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*ボタン用*/
.g-kasaneru-btn1a {
  position: absolute; /*絶対配置*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  display: inline-block; /*横並び*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #66d88d;/*背景色*/
  color: #FFF !important; /*文字色*/
}
/*画像の大きさ設定*/
.g-kasaneru-btn1 img {
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*画像の上に文字がピョンッと出る（基本）*/
.g-pyon-mozi1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
  overflow: hidden; /*はみだし非表示*/
}
/*文字の設定*/
.g-pyon-mozi1 .mozi {
  position: absolute; /*絶対配置*/
  font-size: 1.5em; /*文字サイズ*/
  color: #fff; /*文字色*/
  top: 50%; /*真ん中に表示*/
  left: 50%; /*真ん中に表示*/
  -ms-transform: translate(-50%,-50%); /*文字の基準位置調整*/
  -webkit-transform: translate(-50%,-50%); /*文字の基準位置調整*/
  transform: translate(-50%,-50%); /*文字の基準位置調整*/
}
/*半透明の背景設定*/
.g-pyon-mozi1 .haikei {
  position: absolute; /*絶対配置*/
  width: 100%; /*半透明の横幅*/
  height: 100%; /*半透明の高さ*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  opacity: 0; /* 半透明の背景透明度 */
  background-color: rgba(0,0,0,0.4); /* 半透明の背景設定 */
  -ms-transition: all 0.2s ease; /*文字が表示されるまでの時間*/
  -webkit-transition: all 0.2s ease; /*文字が表示されるまでの時間*/
  transition: all 0.2s ease; /*文字が表示されるまでの時間*/
}
/*マウスを画像の上にのせたとき*/
.g-pyon-mozi1:hover .haikei {
  opacity: 1; /* 半透明の背景透明度 */
}
/*画像の大きさ設定*/
.g-pyon-mozi1 img{
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*画像の上に画像がピョンッと出る（基本）*/
.g-pyon-gazou1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
  overflow: hidden; /*はみだし非表示*/
}
/*ピョンっと出る画像の設定*/
.g-pyon-gazou1 .gazou {
  position: absolute; /*絶対配置*/
  width: 200px; /*画像の横幅*/
  height: 150px; /*画像の高さ*/
  top: 50%; /*真ん中に表示*/
  left: 50%; /*真ん中に表示*/
  -ms-transform: translate(-50%,-50%); /*画像の基準位置調整*/
  -webkit-transform: translate(-50%,-50%); /*画像の基準位置調整*/
  transform: translate(-50%,-50%); /*画像の基準位置調整*/
}
/*ピョンっと出る画像の大きさ設定*/
.g-pyon-gazou1 .gazou img{
  width: 200px; /*画像の横幅*/
  height: 150px; /*画像の高さ*/
}
/*半透明の背景設定*/
.g-pyon-gazou1 .haikei {
  position: absolute; /*絶対配置*/
  width: 100%; /*半透明の横幅*/
  height: 100%; /*半透明の高さ*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  opacity: 0; /* 半透明の背景透明度 */
  background-color: rgba(0,0,0,0.4); /* 半透明の背景設定 */
  -ms-transition: all 0.2s ease; /*画像が表示されるまでの時間*/
  -webkit-transition: all 0.2s ease; /*画像が表示されるまでの時間*/
  transition: all 0.2s ease; /*画像が表示されるまでの時間*/
}
/*マウスを画像の上にのせたとき*/
.g-pyon-gazou1:hover .haikei {
  opacity: 1; /* 半透明の背景透明度 */
}
/*画像の大きさ設定*/
.g-pyon-gazou1 img{
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*画像の上にアイコンがピョンッと出る（基本）*/
.g-pyon-icon1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
  overflow: hidden; /*はみだし非表示*/
}
/*文字の設定*/
.g-pyon-icon1 .icon {
  position: absolute; /*絶対配置*/
  font-size: 1.5em; /*文字サイズ*/
  color: #fff; /*文字色*/
  top: 50%; /*真ん中に表示*/
  left: 50%; /*真ん中に表示*/
  -ms-transform: translate(-50%,-50%); /*アイコンの基準位置調整*/
  -webkit-transform: translate(-50%,-50%); /*アイコンの基準位置調整*/
  transform: translate(-50%,-50%); /*アイコンの基準位置調整*/
}
/*アイコン表示用*/
.g-pyon-icon1 .icon:before{
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: yellow;/*アイコンの色*/
}
/*半透明の背景設定*/
.g-pyon-icon1 .haikei {
  position: absolute; /*絶対配置*/
  width: 100%; /*半透明の横幅*/
  height: 100%; /*半透明の高さ*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  opacity: 0; /* 半透明の背景透明度 */
  background-color: rgba(0,0,0,0.4); /* 半透明の背景設定 */
  -ms-transition: all 0.2s ease; /*アイコンが表示されるまでの時間*/
  -webkit-transition: all 0.2s ease; /*アイコンが表示されるまでの時間*/
  transition: all 0.2s ease; /*アイコンが表示されるまでの時間*/
}
/*マウスを画像の上にのせたとき*/
.g-pyon-icon1:hover .haikei {
  opacity: 1; /* 半透明の背景透明度 */
}
/*画像の大きさ設定*/
.g-pyon-icon1 img{
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*画像の上にボタンがピョンッと出る（基本）*/
.g-pyon-btn1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
  overflow: hidden; /*はみだし非表示*/
}
/*ボタンの設定*/
.g-pyon-btn1 .botan {
  position: absolute; /*絶対配置*/
  font-size: 1.5em; /*文字サイズ*/
  padding: 0.5em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  background: #668ad8;/*背景色*/
  color: #fff !important; /*文字色*/
  top: 50%; /*真ん中に表示*/
  left: 50%; /*真ん中に表示*/
  -ms-transform: translate(-50%,-50%); /*ボタンの基準位置調整*/
  -webkit-transform: translate(-50%,-50%); /*ボタンの基準位置調整*/
  transform: translate(-50%,-50%); /*ボタンの基準位置調整*/
}
/*マウスをボタンの上にのせたとき*/
.g-pyon-btn1 .botan:hover {
  filter: brightness(120%); /*色の明るさ*/
}
/*半透明の背景設定*/
.g-pyon-btn1 .haikei {
  position: absolute; /*絶対配置*/
  width: 100%; /*半透明の横幅*/
  height: 100%; /*半透明の高さ*/
  top: 0px; /*上側の位置*/
  left: 0px; /*左側の位置*/
  opacity: 0; /* 半透明の背景透明度 */
  background-color: rgba(0,0,0,0.4); /* 半透明の背景設定 */
  -ms-transition: all 0.2s ease; /*ボタンが表示されるまでの時間*/
  -webkit-transition: all 0.2s ease; /*ボタンが表示されるまでの時間*/
  transition: all 0.2s ease; /*ボタンが表示されるまでの時間*/
}
/*マウスを画像の上にのせたとき*/
.g-pyon-btn1:hover .haikei {
  opacity: 1; /* 半透明の背景透明度 */
}
/*画像の大きさ設定*/
.g-pyon-btn1 img{
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
}
/*文字に線を引くアニメーション（基本）*/
.sen-hiku-mozi1 {
  font-size: 1.5em; /*文字サイズ*/
  font-weight: bold; /*太字*/
  margin: 0 0 0.1em 0; /*文字の下余白*/
  text-decoration: none; /*装飾なし*/
  color: black; /*文字色*/
  display: inline-block; /*要素内表示*/
  line-height: 1; /*行の高さ*/
}
/*線を非表示*/
.sen-hiku-mozi1:after {
  content: ''; /*線の表示*/
  width: 0; /*幅ゼロ*/
  -ms-transition: all 0.3s ease; /*下線を引く時間*/
  -webkit-transition: all 0.3s ease; /*下線を引く時間*/
  transition: all 0.3s ease; /*下線を引く時間*/
  border-bottom: 3px solid black; /*下線*/
  padding-bottom: 0.5em; /*文字と下線の余白*/
  display: block; /*表示位置*/
}
/*線を表示*/
.sen-hiku-mozi1:hover:after {
  width: 100%; /*横幅*/
  border-bottom: 3px solid black; /*下線*/
}
/*画像に線を引くアニメーション（基本）*/
.sen-hiku-gazou1 {
  position: relative; /*相対配置*/
  width: 450px; /*画像の横幅*/
  height: 255px; /*画像の高さ*/
  margin: 0 0 2em 0; /*画像の下余白*/
}
/*線を非表示*/
.sen-hiku-gazou1:after {
  content: ''; /*線の表示*/
  position: absolute; /*絶対配置*/
  width: 0; /*幅ゼロ*/
  left: 0; /*線の始まり位置*/
  bottom: 25%; /*下線の位置*/
  -ms-transition: all 0.3s ease; /*下線を引く時間*/
  -webkit-transition: all 0.3s ease; /*下線を引く時間*/
  transition: all 0.3s ease; /*下線を引く時間*/
  border-bottom: 10px solid yellow; /*下線*/
  display: block; /*表示位置*/
}
/*線を表示*/
.sen-hiku-gazou1:hover:after {
  width: 100%; /*線の横幅*/
  border-bottom: 10px solid yellow; /*下線*/
}
/*アイコンに線を引くアニメーション（基本）*/
.sen-hiku-icon1 {
  font-size: 1.5em; /*文字サイズ*/
  font-weight: bold; /*太字*/
  margin: 0 0 0.5em 0; /*文字の下余白*/
  text-decoration: none; /*装飾なし*/
  color: black; /*文字色*/
  display: inline-block; /*要素内表示*/
  line-height: 1; /*行の高さ*/
}
/*アイコン表示*/
.sen-hiku-icon1:before {
  font-family: "Font Awesome 5 Free"; /*文字のフォント設定*/
  content: "\f013"; /*アイコンの種類*/
  font-weight: bold; /*太字*/
  padding-right: 5px; /*アイコンの右側の余白*/
  color: blue;/*アイコンの色*/
}
/*線を非表示*/
.sen-hiku-icon1:after {
  content: ''; /*線の表示*/
  width: 0; /*幅ゼロ*/
  -ms-transition: all 0.3s ease; /*下線を引く時間*/
  -webkit-transition: all 0.3s ease; /*下線を引く時間*/
  transition: all 0.3s ease; /*下線を引く時間*/
  border-bottom: 3px solid black; /*下線*/
  padding-bottom: 0.5em; /*文字と下線の余白*/
  display: block; /*表示位置*/
}
/*線を表示*/
.sen-hiku-icon1:hover:after {
  width: 100%; /*横幅*/
  border-bottom: 3px solid black; /*下線*/
}
/*ボタンに線を引くアニメーション（基本）*/
.sen-hiku-btn1 {
  font-size: 1.5em; /*文字サイズ*/
  font-weight: bold; /*太字*/
  margin: 0 0 1em 0; /*ボタンの下余白*/
  padding: 0.7em 1em; /*ボタン内の余白*/
  text-decoration: none !important; /*装飾なし*/
  color: white !important; /*文字色*/
  display: inline-block; /*要素内表示*/
  background: #668ad8;/*背景色*/
  line-height: 1; /*行の高さ*/
}
/*ボタンの上にマウスをのせたとき*/
.sen-hiku-btn1:hover {
  opacity: 0.8; /*半透明*/
}
/*線を非表示*/
.sen-hiku-btn1:after {
  content: ''; /*線の表示*/
  width: 0; /*幅ゼロ*/
  -ms-transition: all 0.3s ease; /*下線を引く時間*/
  -webkit-transition: all 0.3s ease; /*下線を引く時間*/
  transition: all 0.3s ease; /*下線を引く時間*/
  border-bottom: 3px solid white; /*下線*/
  padding-bottom: 0em; /*文字と下線の余白*/
  display: block; /*表示位置*/
}
/*線を表示*/
.sen-hiku-btn1:hover:after {
  width: 100%; /*横幅*/
  border-bottom: 3px solid white; /*下線*/
}