@charset "utf-8";

body,p,td,div,span,a {
 font: 12px/ 1.75 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
  Meiryo, 'MS Pゴシック', sans-serif;
 color: #000000;
}

.red {
 color: #cc0000;
}

body {
 margin: 0px;
}

ul,dl {
 margin: 0px;
 padding-top: 10px;
}

li,dt,dd {
 margin-left: 20px;
 padding-bottom: 10px;
}

table.line {
 border-collapse: collapse;
}

.line td,.line th {
 text-align: left;
 border: ridge 1.5pt;
 padding: 2px;
}

form {
 margin: 0px;
}

input {
 color: #000000;
 background-color: #ffffff;
 border: 1px solid #000000;
}

textarea {
 color: #000000;
 background-color: #ffffff;
 border: 1px solid #000000;
}

select {
 color: #000000;
 background-color: #ffffff;
 border: 1px solid #000000;
}

.error-message {
 color: #FF0000;
}

.message {
 font-size: 13px;
 border: 1px solid;
 margin: 10px 0px;
 padding: 5px 3px 5px 10px;
 background-repeat: no-repeat;
 background-position: 10px center;
 color: #D8000C;
 background-color: #FFBABA;
}

tr.hidden {
 display: none;
}



ul.left {
  list-style: none;
  padding-left: 0;
  display: table;
}
.ul.left li:after {
  content: "";
  display: block;
}
 
.ul.left li {
  display: table-row;
}
.ul.left li:before {
  content: "•";
  display: table-cell;
  padding-right: 0.4em;
}
 
ul.left li {
  margin-left: 0;
}

.wrap {
  max-width: 1050px;
  margin: 0 auto;
}
.txt {
  display: inline-block;
  text-align: left;
}

/* 吹き出し本体 */
.balloon1{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #0888ff;
  margin-left: 110px;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
  position: absolute;
  left: -100px;
  top: 30px;
}
/* 三角アイコン */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #0888ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 吹き出し本体 */
.balloon2{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #0888ff;
  margin-right: 110px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon2 .icon{
  position: absolute;
  right: -100px;
  top: 30px;
op: 0;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #0888ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


input[type=button], input[type=submit] {
    border: 0;
    outline: 0;
    cursor: pointer;
    color: rgb(60, 66, 87);
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 8%) 0px 2px 5px 0px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 8px;
    display: inline-block;
    min-height: 28px;
    transition: background-color .24s,box-shadow .24s;
}

input[type=button]:hover, input[type=submit]:hover {
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 8%) 0px 3px 9px 0px, rgb(60 66 87 / 8%) 0px 2px 5px 0px;
}