@charset "utf-8";
 /* CSS Document */
 /***************<下層ページ共通>**************/
 
 header {
     position: fixed;
     top: 0;
 }
 
 p.white {
     display: none;
 }
 
 .subject {
     margin-top: 200px;
     text-align: center;
     height: 152px;
     background-image: url(../images/subject_bar.png);
     background-repeat: repeat-x;
     background-position: center;
 }
 
 .subject img {
     position: relative;
     top: 25px;
 }
 
 p.intro {
     text-align: center;
     margin-bottom: 20px;
 }
 
 .contact_btn {
     text-align: center;
 }
 /**************</下層ページ共通>***************/
 
 .cp_breadcrumb {
     margin: 1em auto;
     padding: 1em 2em;
     border-radius: 0.5em;
 }
 
 .cp_breadcrumb a {
     text-decoration: none;
     color: #ffce61;
 }
 
 .cp_breadcrumb a:hover {
     color: #ff4d1d;
 }
 
 .cp_breadcrumb .breadcrumbs {
     text-align: center;
 }
 
 .cp_breadcrumb li {
     display: inline-block;
     position: relative;
     padding-right: calc(16px + 8px);
     margin-right: 8px;
 }
 
 .cp_breadcrumb li::before {
     content: '›';
     width: 1em;
     height: 1em;
     line-height: 1;
     text-align: center;
     font-size: 1em;
     color: inherit;
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .cp_breadcrumb li:last-child {
     margin-right: 0;
     padding-right: 0;
 }
 
 .cp_breadcrumb li:last-child::before {
     content: normal;
 }
 
 .news_list {
     border-top: 2px solid #ff983b;
     border-bottom: 2px solid #ff983b;
 }
 
 .topic {
     padding: 30px 0 50px;
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     border-bottom: 2px dashed #ff983b;
 }
 
 .topic:last-child {
     border-bottom: none;
 }
 
 section div dl {
     margin-bottom: 20px;
 }
 
 section div dl dt {
     float: left;
 }
 
 section div dl dd {
     padding-left: 200px;
 }
 
 section div dd a {
     text-decoration: none;
     color: #848484;
 }
 
 section div dd a:hover {
     color: #ff4d1d;
 }
 
 p.image {
     margin: 30px 0;
 }
 /**********************<レスポンシブ>*********************/
 
 @media screen and (max-width: 640px) {
     .subject {
         background-image: none;
         margin: 100px 0 70px;
         height: auto;
     }
     .subject img {
         width: 35%;
     }
     .topic {
         width: auto;
         margin-left: 20px;
         margin-right: 20px;
     }
     section div dl dd {
         clear: left;
         padding-left: 0;
     }
 }
 /**********************</レスポンシブ>*********************/