@charset "UTF-8";

html {scroll-behavior: smooth;}/*●スムーススクロール●*/

*{
font-family:Polaris-Book,"Meiryo",sans-serif;
margin:0;
padding:0;
color:#3e3e3e;
word-break:break-all;
}
body{
width:100%;
margin:auto;
background:#f7f7f7;
}
pre{white-space:pre-wrap;}
img{vertical-align:bottom;}
video{
width:90%;
margin-left:5%;
text-align:center;
}

hr{
height:10px;
border:0;
box-shadow:0 10px 10px -10px #8c8b8b inset;
}

#bk1{
max-width:1150px;
margin:auto;
padding-bottom:100px;
background:#fff;
border-top:solid 10px #007bc6;
}
#bk2{
max-width:680px;
margin:auto;
background:#fff;
}

.txt12{font-size:12px; line-height:20px;}
.txt14{font-size:14px; line-height:22px;}
.txt16{font-size:16px; line-height:24px;}
.txt18{font-size:18px; line-height:26px;}
.txt20{font-size:20px; line-height:28px;}
.txt25{font-size:25px; line-height:35px;}
.txt30{font-size:30px; line-height:40px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pt50{padding-top:50px;}

.white  {color:#fff;}
.black  {color:#111;}
.gray   {color:#696969;}
.pink   {color:#ff3870;}
.red    {color:#ff0000;}
.green  {color:#007b10;}
.lime   {color:#01a302;}
.blue   {color:#1042ce;}
.skyblue{color:#00008C;}
.orange {color:#ff6600;}
.purple {color:#9400d3;}
.yellow {color:#ffff00;}
.navy   {color:#00008C;}

.bold{
font-weight:bold;
}

.underline{
background:linear-gradient(to bottom, transparent 60%, #ffff33 60%);
}

.img{
text-align:center;
}

.border{
text-align:center;
margin:0 4px;
border-top:dotted 1px #696969;
}

.mds{
margin:90px 7px 0 7px;
padding:7px 20px;
font-size:20px;
font-weight:bold;
color:#000;
border-left:solid 12px #007bc6;
border-bottom:solid 1px #007bc6;
}

.sec1{
padding-top:30px;
}

.sec2{
font-size:20px;
font-weight:bold;
}
.sec3{
margin:15px;
font-size:16px;
line-height:28px;
}

.btn-fixed.floating{
-webkit-animation:slideUp 0.5s ease 0.5s;
-moz-animation:slideUp 0.5s ease 0.5s;
animation:slideUp 0.5s ease 0.5s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
animation-fill-mode:both;
width:94%;
display:block;
text-align:center;
margin:10px auto 0 auto;
}
.btn-fixed{
display:none;
-webkit-animation:slideUp 1s ease 1s;
-moz-animation:slideUp 1s ease 1s;
animation:slideUp 1s ease 1s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
animation-fill-mode:both;
}
.float_btn{
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
animation-delay:1s;
}
.animated{
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
animation-fill-mode:both;
}
@-webkit-keyframes pulse{
  from{
    -webkit-transform:scale3d(1, 1, 1);
  }
  50%{
    -webkit-transform:scale3d(1.05, 1.05, 1.05);
  }
  to{
    -webkit-transform:scale3d(1, 1, 1);
  }
}
@-moz-keyframes pulse{
  from{
    -moz-transform:scale3d(1, 1, 1);
  }
  50%{
    -moz-transform:scale3d(1.05, 1.05, 1.05);
  }
  to{
    -moz-transform:scale3d(1, 1, 1);
  }
}
@keyframes pulse{
  from{
    transform:scale3d(1, 1, 1);
  }
  50%{
    transform:scale3d(1.05, 1.05, 1.05);
  }
  to{
    transform:scale3d(1, 1, 1);
  }
}
.pulse{
-webkit-animation-name:pulse;
-moz-animation-name:pulse;
animation-name:pulse;
}

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

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

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

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

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

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