@charset "UTF-8";

/* CMS生成物関連 */

/* CKEditor templates
 *  *  * ----------------------------------------------- */
.temp1,
  .temp2,
  .temp3,
  .temp4 {
clear: both;
       margin-bottom: 20px;
  }

.temp1 .thumb {
float: left;
       margin-bottom: 10px;
       margin-right: 20px;
}

.temp1 ul,
  .temp1 ol {
display: inline-block;
         vertical-align: top;
  }

.temp2 .thumb {
float: right;
       margin-bottom: 10px;
       margin-left: 20px;
}

.temp3,
  .temp4 {
display: flex;
         justify-content: center;
  }

.temp3 dl,
  .temp4 dl {
margin: 0 5px;
padding: 0;
         vertical-align: bottom;
  }

.temp3 dl {
  max-width: 48%;
}

.temp4 dl {
  max-width: 31%;
}

.temp3 dl dt,
  .temp4 dl dt {
    margin-bottom: 10px;
    text-align: center;
  }

.temp3 dl dd,
  .temp4 dl dd {
margin: 0;
        text-align: center;
  }

table.temp5,
  table.temp6 {
    margin-bottom: 30px;
  }

.temp5 caption,
  .temp6 caption {
    text-align: center;
  }

.temp5 th,
  .temp5 td,
  .temp6 th,
  .temp6 td {
padding: 6px 10px;
border: 1px solid #b3b3b3;
        text-align: center;
  }

@media only screen and (max-width: 640px) {
  .temp1 .thumb,
  .temp2 .thumb {
    float: none;
    margin: 0 0 1rem;
    text-align: center;
  }

  .temp3,
  .temp4 {
    flex-wrap: wrap;
  }

  .temp3 dl,
  .temp4 dl {
    max-width: 100%;
  }

  .adobeReader,
  .temp7 {
    padding: 55px 20px 10px;
    background-position: center 10px;
  }
}


/* clearfix
 *  *  * ----------------------------------------------- */
.clearfix::after {
content: "";
display: table;
clear: both;
}


.box-base {
width: 100%;
       max-width: 100%;
}

.box-thumbnail {
width: 25%;
       max-width: 100%;
float: left;
padding: 0.5em;
}

.box-content {
width: 72%;
       max-width: 100%;
float: right;
       margin-top: 0.5em;
}

/* feed, RSS:atom */
.contentGpCategoryCategory section[class^="category"] .feed li {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
}



/* Icons.
 *  * *  *  * ----------------------------------------------- */
.iconFile,
.iconDefault {
  min-height: 16px;
  padding-left: 22px;
  background-image: url("/_common/images/icons/default.png");
  background-repeat: no-repeat;
}

.iconBmp {
  background-image: url("/_common/images/icons/bmp.png");
}

.iconCsv,
.iconTxt {
  background-image: url("/_common/images/icons/default.png");
}

.iconDoc,
.iconDocx {
  background-image: url("/_common/images/icons/doc.png");
}

.iconGif {
  background-image: url("/_common/images/icons/gif.png");
}

.iconJpg,
.iconJpe,
.iconJpeg {
  background-image: url("/_common/images/icons/jpg.png");
}

.iconJtd {
  background-image: url("/_common/images/icons/jtd.png");
}

.iconLzh {
  background-image: url("/_common/images/icons/lzh.png");
}

.iconPdf {
  background-image: url("/_common/images/icons/pdf.png");
}

.iconPng {
  background-image: url("/_common/images/icons/png.png");
}

.iconPpt,
.iconPptx {
  background-image: url("/_common/images/icons/ppt.png");
}

.iconXls,
.iconXlsx {
  background-image: url("/_common/images/icons/xls.png");
}

.iconZip {
  background-image: url("/_common/images/icons/zip.png");
}


/* feed, RSS:atom */
.contentGpCategoryCategory section[class^="category"] .feed li {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
}



/* 記事 日付 */
/*
.contentArticleDoc .publishedAt {
  text-align: right;
  margin-bottom: 0.7em;
  margin-right: 0.5em;
}
*/

/*
 * ぱんくずリスト
 */
#breadcrumbs:after {
  content: "";
  clear: both;
  display: block;
}

#breadcrumbs {
  text-align: right;
  width: 1080px;
  max-width:96%;
  margin-bottom: 10px;
  margin: 0 auto;
  padding: 1.0em 0 ;
  line-height: 100%;
  color: #333;
  font-size: 0.7em;
}

#breadcrumbs a {
  color: #333;
  text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:visited {
  color: #333;
  text-decoration: none;
}

#breadcrumbs ol,
#breadcrumbs li {
  list-style: none;
}

#breadcrumbs li {
  display: inline-block;
}

#breadcrumbs li:not(:first-child):before {
  content: ">";
  margin: 0 5px;
}

@media only screen and (max-width: 900px) {
  #breadcrumbs{
    padding: 1.0em 10px;
  }
}

#c-main .surveyForm .note {
  color: #e00;
}

#c-main div.wrap {
  display: flex;
  flex-wrap: wrap;
}

#c-main div.wrap .wrap_contents {
  padding: 0 0 10px 0;
  margin: 0 15px 30px 0;
  flex-basis: 45%;
  max-width: 100%;
}

#c-main div.wrap .wrap_contents img {
  width: 100%;
}

@media screen and (max-width: 640px) {
  #c-main div.wrap {
    display: block;
    flex-wrap: none;
  }

  #c-main div.wrap .wrap_contents {
    padding: 0 0 10px 0;
    margin: 0;
    flex-basis: 45%;
    max-width: 100%;
  }
}

.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.jcc { justify-content:center; }
.ma { margin: auto;}