/* COLOR ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
.cl-red {
  color: #dc2000; }

.cl-blue {
  color: #074D88; }

.cl-green {
  color: #08877F; }

.cl-gray {
  color: #BFBFBF; }

.cl-black {
  color: #333333; }

/* COLOR ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
/* SIZE ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
.fs-big {
  font-size: 24px; }

.mt-1e {
  margin-top: 1em; }

.mt-2e {
  margin-top: 2em; }

.mt-3e {
  margin-top: 3em; }

.mt-4e {
  margin-top: 4em; }

:placeholder-shown {
  color: #BFBFBF; }

::-webkit-input-placeholder {
  color: #BFBFBF; }

:-moz-placeholder {
  color: #BFBFBF;
  opacity: 1; }

::-moz-placeholder {
  color: #BFBFBF;
  opacity: 1; }

:-ms-input-placeholder {
  color: #BFBFBF; }

/* SIZE ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
/* other ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
@media (min-width: 768px) {
  .pc_d {
    display: inline-block; }
  .sp_d {
    display: none; } }

@media (max-width: 767px) {
  .pc_d {
    display: none; }
  .sp_d {
    display: inline-block; } }

.ind-1 {
  padding-left: 1em;
  text-indent: -1em; }

/* other ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
.briefing_1 .btn-cansell {
  font-size: 18px; }

.briefing_1 table.table-base .sp-td1 div.row > div:last-child > p:last-child {
  margin-bottom: 0; }

.briefing_1 .consultation_1 .radio-Box > .form-check {
  margin-bottom: 1em; }
  .briefing_1 .consultation_1 .radio-Box > .form-check label {
    margin-left: 1em; }
  .briefing_1 .consultation_1 .radio-Box > .form-check:last-child {
    margin-bottom: 0; }

.briefing_1 .mb_mailaddress,
.briefing_5 .mb_mailaddress {
  margin-bottom: 0.8em; }

.briefing_6 .contact-Box {
  margin: 2em auto 0;
  padding: 1.5em 1em;
  border: 1px solid #074D88;
  text-align: center; }
  .briefing_6 .contact-Box p {
    font-weight: bold; }
  .briefing_6 .contact-Box .tel-Box {
    display: inline-block;
    margin: 0 auto; }
  .briefing_6 .contact-Box .icon-tel {
    margin-bottom: 0;
    margin-left: 0.5em; }
  .briefing_6 .contact-Box .tel-blue {
    color: #074D88;
    margin-bottom: 0;
    margin-left: 0.5em;
    text-align: left; }

.briefing_7 button.btn {
  text-align: center;
  padding: 0.8em 1.5em; }
  .briefing_7 button.btn:after {
    content: none; }

.consultation_7 {
  text-align: left;
  width: 65%;
  margin: 0 auto; }
  .consultation_7 dl {
    margin-bottom: 1em; }
    .consultation_7 dl dt {
      width: 40%;
      float: left; }
    .consultation_7 dl dd {
      color: #074D88;
      font-weight: bold; }

@media (min-width: 768px) {
  .briefing_1 .sp-td1 div.row > div:first-child {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .briefing_1 .sp-td2 {
    text-align: center; }
    .briefing_1 .sp-td2 div.row > div:last-child {
      text-align: center; }
  .briefing_1 table.table-base th {
    padding: 2em; }
  .briefing_1 table.table-base td {
    padding: 1em; }
  .briefing_1 table.table-base.consultation_1 th,
  .briefing_1 table.table-base.consultation_1 td {
    padding: 2em; }
  .briefing_3 table.table-base th,
  .briefing_3 table.table-base td {
    padding: 1.5em; }
  .briefing_5 table.table-base th,
  .briefing_5 table.table-base td {
    padding: 2em; }
  .briefing_3 .btn-Box,
  .briefing_7 .btn-Box {
    margin: 3em auto 0;
    width: 50%; }
  .briefing_4 .btn-Box,
  .briefing_8 .btn-Box {
    margin: 3em auto 0;
    width: 76.5%; }
  .briefing_6 .contact-Box {
    width: 55%; }
  .briefing_7 button.btn {
    width: 95%; } }

@media (max-width: 990px) and (min-width: 768px) {
  .briefing_3 .btn-Box {
    width: 80%; }
  .briefing_4 .btn-Box div:first-child,
  .briefing_8 .btn-Box div:first-child {
    margin-bottom: 1em; }
  .briefing_4 .btn-Box button.btn,
  .briefing_8 .btn-Box button.btn {
    width: 80%; }
  .briefing_6 .contact-Box {
    width: 85%; }
  .briefing_7 .btn-Box {
    width: 80%; }
  .consultation_7 {
    width: 80%; } }

@media (max-width: 767px) {
  .briefing_1 .sp-none {
    display: none; }
  .briefing_1 .sp-td1 {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0.5em; }
    .briefing_1 .sp-td1 p {
      margin-bottom: 0.5rem; }
    .briefing_1 .sp-td1 div.row > div:first-child {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important; }
    .briefing_1 .sp-td1 div.row > div:last-child {
      padding-left: 1em; }
  .briefing_1 .sp-td2,
  .briefing_1 .sp-td2-last {
    text-align: left;
    border-top: none;
    padding-top: 0; }
    .briefing_1 .sp-td2 div.row > div:last-child,
    .briefing_1 .sp-td2-last div.row > div:last-child {
      padding-left: 1em; }
  .briefing_1 .sp-td2 {
    margin-bottom: 0; }
  .briefing_1 .sp-td3 {
    padding: 0; }
    .briefing_1 .sp-td3 input {
      border: none; }
  .briefing_1 .sp-td4 {
    padding: 1em 0 0;
    border: none; }
    .briefing_1 .sp-td4 p {
      padding: 0 1em; }
  .briefing_1 button {
    width: 80%; }
    .briefing_1 button.btn-cansell {
      margin-top: 0.5em;
      padding: 1em 1em 1em 1em; }
      .briefing_1 button.btn-cansell::after {
        top: 42%;
        right: 1em; }
  .briefing_1 .consultation_1 .radio-Box > .form-check label {
    margin-left: 0; }
  .briefing_2 .mt-2e.btn {
    margin-top: 1em; }
  .briefing_3 .mainTextCenter > p:first-child {
    color: #074D88; }
  .briefing_3 .btn-Box {
    width: 100%;
    margin: 1.5em auto 0; }
    .briefing_3 .btn-Box div:first-child {
      margin-bottom: 2em; }
    .briefing_3 .btn-Box div:last-child {
      margin-bottom: 1.5em; }
  .briefing_5 .sp-td3 {
    padding: 0; }
    .briefing_5 .sp-td3 input {
      border: none; }
  .briefing_5 .sp-td4 {
    padding: 1em 0 0;
    border: none; }
    .briefing_5 .sp-td4 p {
      padding: 0 1em; }
  .briefing_4 .btn-Box,
  .briefing_7 .btn-Box,
  .briefing_8 .btn-Box {
    margin: 3em auto 0;
    width: 100%; }
    .briefing_4 .btn-Box div,
    .briefing_7 .btn-Box div,
    .briefing_8 .btn-Box div {
      padding: 0; }
    .briefing_4 .btn-Box div:first-child,
    .briefing_7 .btn-Box div:first-child,
    .briefing_8 .btn-Box div:first-child {
      margin-bottom: 1em; }
  .briefing_6 .mainTextCenter,
  .briefing_7 .mainTextCenter,
  .briefing_8 .mainTextCenter {
    width: 86%;
    margin: 0 auto;
    font-size: 14px; }
  .briefing_6 button.btn,
  .briefing_7 button.btn,
  .briefing_8 button.btn {
    width: 100%; }
  .briefing_6 .contact-Box {
    width: 100%;
    padding: 1em 0.5em; }
    .briefing_6 .contact-Box p {
      margin-bottom: 0.5em; }
    .briefing_6 .contact-Box .icon-tel img {
      width: 16px;
      height: auto; }
  .briefing_7 .btn-Box div:first-child button {
    margin-left: -6%; }
  .briefing_7 .btn-Box div:last-child button {
    margin-right: -6%; }
  .briefing_7 button.btn {
    width: 92.5%; }
  .consultation_7 {
    width: 100%; }
    .consultation_7 dl dt {
      width: 40%; } }