@charset "UTF-8";
/* CSS Document */


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
.flowTit{ background: #f4f4f4; margin: 7.14rem 0 2.14rem; padding: 1rem 0 1rem 1.86rem; font-size: 1.21rem; font-weight: normal; color: #000; line-height: 1.5; border-left: #000 2px solid;}
.flowTit span{ display: inline-block; margin: 0 0.86rem 0 0;}
.content{ position: relative;}
.content:after{ content: ""; display: block; width: 0; height: 0; margin: 0 0 0 -6.86rem; position: absolute; bottom: -12.14rem; left: 50%; border: 6.86rem solid transparent; border-top: 2.86rem solid #ebebeb;}
.content div .txt{ margin: 20px 0 0; }
.content div .attention{ color: #e33a00;}
.content div p a{ color: #333; text-decoration: underline;}

/*content01*/
.content01 .flowTit{ margin: 2.86rem 0 2.14rem;}
.content01 div .attention{ margin: 0 0 0.86rem; font-size: 1rem; font-weight: bold;}
.content01 .btn01{ background: #333; width: auto; height: 3.21rem; margin: 40px auto 0; max-width: 28.57rem; padding: 0.68rem;}

/*content02*/
.tableBox02{ margin: 1rem 0 0;}
.tableBox02 a{ color: #333; text-decoration: underline;}

/*content03*/
.content03:after{ display: none;}
.content03 div p:first-of-type{ margin: 0 0 1rem;}
.content03 div p span{ font-weight: bold; }
.content03 div ul{ margin: 1.86rem 0 0;}
.content03 div ul li a{ color: #333; text-decoration: underline;}

/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
  .content div{ overflow: hidden;}
  .content div img{ width: 36.68%; float: left;}
  .content div .txt{ width: 58.33%; margin: 0 0 0 4.99%; float: left;}
}

/*************************************************************************************************************************
* 960px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:960px){
  .flowTit{ margin: 132px 0 54px; font-size: 19px; }
  .content01 .flowTit{ margin: 40px 0 54px;}
  .content:after{ bottom: -186px; }
  
  .content div p a:hover,
  .content01 .txtLink:hover,
  .content02 div table tbody tr td a:hover,
  .content03 div ul li a:hover{ text-decoration: none;}
  .content01 .btn01:hover{ background: #6E6D6D;}
  
  .tableBox02 a:hover{ text-decoration: none;}
}