.page-content {
  width: 976px;
  margin: 0 auto;
  padding: 0 0 50px; }
  .sp-contents .page-content {
    width: auto;
    padding: 0 0 20px; }

.page-ttl-block {
  background: #0246AC url(/itn/img/ttl_bg.jpg) right top no-repeat;
  letter-spacing: -.4em;
  padding: 35px;
  font-size: 200%; }
  .sp-contents .page-ttl-block {
    background: #0246AC url(/itn/img/ttl_bg_sp.jpg) right top no-repeat;
    background-size: cover;
    padding: 20px 100px 20px 15px;
    margin-bottom: 15px;
    font-size: 112.5%;
    line-height: 1.2; }
  .page-ttl-block > * {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle; }
  .page-ttl-block h1 {
    color: #FFF;
    font-weight: normal; }
    .sp-contents .page-ttl-block h1 {
      display: block; }
  .page-ttl-block p {
    color: #FFF;
    padding: 0 10px;
    margin-left: 15px;
    font-weight: bold;
    border: #FFF solid 1px;
    line-height: 1.4; }
    .sp-contents .page-ttl-block p {
      font-size: 112.5%;
      margin: 5px 0 0; }

#anchor_area {
  margin: 0 auto;
  line-height: 1.4; }
  #anchor_area ul {
    display: flex;
    margin: 0 0 0 -4px; }
    .sp-contents #anchor_area ul {
      display: block; }
    #anchor_area ul li {
      display: flex;
      width: 322px;
      margin: 4px 0 0 5px; }
      .sp-contents #anchor_area ul li {
        display: block;
        width: auto;
        margin: 0 0 1px; }
      #anchor_area ul li a {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 10px 40px;
        background-color: #F0F0F0;
        color: #1D4A8B;
        font-weight: bold;
        position: relative; }
        .sp-contents #anchor_area ul li a {
          width: auto;
          padding: 12px 30px 12px 12px;
          font-size: 87.5%;
          text-align: left; }
        #anchor_area ul li a:link, #anchor_area ul li a:visited {
          color: #1D4A8B; }
        #anchor_area ul li a:hover {
          opacity: .7;
          filter: alpha(opacity=70); }
        #anchor_area ul li a:after {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          border: 0px;
          border-bottom: solid 3px #D55E87;
          border-right: solid 3px #D55E87;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          position: absolute;
          bottom: 20px;
          left: 50%;
          margin-left: -8px; }
          .sp-contents #anchor_area ul li a:after {
            width: 8px;
            height: 8px;
            border-bottom: solid 2px #D55E87;
            border-right: solid 2px #D55E87;
            bottom: auto;
            left: auto;
            top: 50%;
            right: 15px;
            margin: -8px 0 0; }

#detail_area {
  margin: 0 auto;
  padding: 0 0 100px;
  font-size: 100%;
  line-height: 1.4; }
  .sp-contents #detail_area {
    padding: 10px;
    font-size: 75%; }
  #detail_area > div {
    margin: 35px 0 0; }
    .sp-contents #detail_area > div {
      margin: 20px 0 0; }
    .sp-contents #detail_area > div:first-child {
      margin: 0; }
  #detail_area a {
    display: inline-block;
    color: #1D4A8B;
    text-indent: -15px;
    padding-left: 15px;
    margin: 0 10px 0 0;
    font-weight: bold; }
    #detail_area a:before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      border: 0px;
      border-top: solid 1px #1D4A8B;
      border-right: solid 1px #1D4A8B;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-right: 10px;
      vertical-align: middle; }
    #detail_area a:link, #detail_area a:visited {
      color: #1D4A8B; }
  #detail_area strong {
    font-weight: bold; }

.topic_ttl {
  display: flex;
  background-color: #444444; }
  .topic_ttl > * {
    display: flex;
    align-items: center; }
  .topic_ttl div {
    padding: 10px;
    background-color: #D55E87; }
    .sp-contents .topic_ttl div {
      padding: 5px;
      background-color: #D55E87; }
    .topic_ttl div img {
      vertical-align: top;
      max-width: 40px;
      height: auto; }
      .sp-contents .topic_ttl div img {
        max-width: 35px; }
  .topic_ttl h2 {
    font-size: 142.9%;
    font-weight: bold;
    color: #FFF;
    padding: 5px 25px; }
    .sp-contents .topic_ttl h2 {
      font-size: 116.7%;
      padding: 10px; }

.topic_detail {
  border: #C8C8C8 solid 3px;
  padding: 15px 35px 35px;
  position: relative; }
  .sp-contents .topic_detail {
    padding: 10px; }

.news_list dt {
  margin: 0 0 6px;
  padding: 0 10px; }

.news_list dd {
  border-bottom: #C8C8C8 solid 1px;
  padding: 0 10px 10px 25px;
  margin-bottom: 10px; }
  .sp-contents .news_list dd {
    padding: 0 5px 10px 13px;
    margin-bottom: 10px; }
  .news_list dd a {
    display: inline-block;
    color: #1D4A8B;
    text-indent: -15px;
    padding-left: 15px;
    margin: 0 10px 0 0;
    font-weight: bold; }
    .news_list dd a:before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      border: 0px;
      border-top: solid 1px #1D4A8B;
      border-right: solid 1px #1D4A8B;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-right: 10px;
      vertical-align: middle; }
    .news_list dd a:link, .news_list dd a:visited {
      color: #1D4A8B; }

.news_list02 li {
  border-bottom: #C8C8C8 solid 1px;
  padding: 0 10px 10px;
  margin-bottom: 10px; }
  .sp-contents .news_list02 li {
    padding: 0 5px 10px; }
  .news_list02 li a {
    color: #1D4A8B; }
    .sp-contents .news_list02 li a {
      display: block;
      text-indent: -15px;
      padding-left: 15px; }
    .news_list02 li a:before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      border: 0px;
      border-top: solid 1px #1D4A8B;
      border-right: solid 1px #1D4A8B;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-right: 10px;
      vertical-align: middle; }
    .news_list02 li a:link, .news_list02 li a:visited {
      color: #1D4A8B; }


.news_list03 li {
  list-style-type: decimal;
  padding: 0 10px 0px 10px;
  margin: 15px 0px 0px 25px;}
  .sp-contents .news_list03 li {
    list-style-type: decimal;
    padding: 0 5px 0px 5px;
    margin: 10px 0px 0px 20px;}

.scroll_list {
  max-height: 420px;
  overflow-y: scroll; }
  .scroll_list li {
    border-bottom: #C8C8C8 solid 1px;
    margin-bottom: 15px; }
  .scroll_list .news_list dd {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px; }

.news_lead01 {
  font-size: 114.3%;
  margin: 0 0 12px; }

.notice_cl {
  color: #FF0000; }

.acd_ttl {
  font-size: 114.3%;
  margin-top: 20px;
  position: relative;
  padding: 8px 15px;
  cursor: pointer; }
  .sp-contents .acd_ttl {
    margin-top: 10px;
    position: relative;
    padding: 8px 40px 8px 10px; }
  .acd_ttl:focus {
    outline: 3px dotted #000; }
  .acd_ttl:first-child {
    margin-top: 0; }
  .acd_ttl:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url(/itn/common/img/icon/icon_accordion.gif) left top no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -14px; }
  .acd_ttl.active:after {
    background-position: left -28px; }
  .acd_ttl.ttl01 {
    border: #C8C8C8 solid 1px;
    background-color: #204995;
    color: #FFF; }
  .acd_ttl.ttl02 {
    border: #C8C8C8 solid 1px;
    background-color: #E2F0F8;
    color: #333333; }
  .acd_ttl strong {
    font-weight: bold; }
  .acd_ttl span {
    display: none; }

.acd_detail {
  margin-top: 20px;
  display: none; }
  .sp-contents .acd_detail {
    margin-top: 10px; }
  .acd_detail.detail01 {
    margin-left: 30px;
    margin-right: 30px; }
    .sp-contents .acd_detail.detail01 {
      margin-left: 15px;
      margin-right: 15px; }
  .acd_detail p {
      margin-top: -10px;
      margin-bottom: 10px; }
    .sp-contents .acd_detail p {
      margin-top: 10px;
      margin-bottom: 10px; }

.column2 {
  display: flex;
  flex-wrap: wrap;
  margin: -15px 0 0 -2%; }
  .sp-contents .column2 {
    margin: -15px 0 0; }
  .column2 > div {
    display: flex;
    flex-direction: column;
    width: 48%;
    margin: 15px 0 0 2%;
    box-sizing: border-box;
    border: #C8C8C8 solid 1px; }
    .sp-contents .column2 > div {
      width: 100%;
      margin: 15px 0 0;}
    .column2 > div .topic_detail {
      flex-grow: 3; }

.column_ttl {
  font-size: 114.3%;
  padding: 8px 15px;
  background-color: #F0F0F0; }
  .sp-contents .column_ttl {
    padding: 8px 10px;
    background-color: #F0F0F0; }

.column_detail {
  padding: 20px; }
  .sp-contents .column_detail {
    padding: 10px; }
  .column_detail strong {
    font-weight: bold;}

.btn-all {
  text-align: right;
  position: absolute;
  top: 8px;
  right: 35px; }
  .sp-contents .btn-all {
    position: static; }
  .btn-all > div {
    display: inline-block;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-right: 20px;
    text-decoration: underline;
    color: #1D4A8B; }
    .btn-all > div:before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      border-bottom: 2px solid #666;
      border-right: 2px solid #666;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      right: 2px;
      top: 50%;
      margin-top: -8px; }
    .btn-all > div.active:before {
      border: none;
      border-top: 2px solid #666;
      border-left: 2px solid #666;
      margin-top: -4px; }

.caution {
padding-left: 0.8em;
text-indent: -0.8em;
}


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

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.mb00 {margin-bottom:0;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}