@charset "UTF-8";
.js_dd_upload_multiple {
  font-weight: bold;
  color: darkgray;
  background-color: whitesmoke;
  border: 2px dashed lightgray;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s;
  text-align: center;
  padding: 3em 1em;
  position: relative;
}
.js_dd_upload_multiple .upload-hint {
  display: none !important;
  font-size: 0.9em;
  display: table;
  text-align: left;
  margin: 1em auto 0;
}

main.resetPassword #mase_reset_password_update_newPassword > div {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0.5em 0;
}
main.resetPassword #mase_reset_password_update_newPassword > div > label {
  -webkit-flex-basis: 8em;
  flex-basis: 8em;
  width: 8em;
  max-width: 8em;
}

/* class */
.global-btns {
  text-align: right;
}
.global-btns.sample-file-section {
  text-align: left;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 1em;
}
.global-btns.sample-file-section .global-btn {
  background-color: white;
  color: black;
}
.global-caption {
  background-color: unset;
  border-color: #3875c8;
}
.global-colTable tbody td.to a {
  color: #3875c8;
}
.global-dlForm dt {
  color: #3875c8;
}
.global-favorite {
  font-size: 0;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  background-color: white;
  border-radius: 50%;
  color: #3875c8;
  z-index: 1;
}
.global-favorite::before {
  content: "\f02e";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  font-size: 1rem;
}
.global-favorite.active {
  background-color: #3875c8;
  color: white;
}
.global-menuBtns a {
  background-color: #3875c8;
}
.global-menuBtns a:hover {
  border-color: #3875c8;
  color: #3875c8;
}
.global-menuHeader {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  background-color: unset;
  border-color: #3875c8;
}
.global-menuHeader > a {
  margin-left: auto;
  background-color: #3875c8;
}
.global-pager a {
  border-color: #3875c8;
  color: #3875c8;
}
.global-pager a:hover {
  background-color: #3875c8;
}
.global-pager b {
  background-color: #3875c8;
}
.global-searchTitle {
  color: #3875c8;
  font-size: 1.35em;
  text-align: left;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
.global-searchTitle::before {
  content: "\f002";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  font-size: 1.25em;
}
.global-singleBtn {
  background-color: #3875c8;
  font-weight: bold;
}
.global-submit {
  background-color: #3875c8;
  font-weight: bold;
}
.global-submitWrap [name*='[save]'], .global-submitWrap [name*='[conf]'], .global-submitWrap [name*='[confirm]'], .global-submitWrap [name*='[next]'] {
  background-color: #3875c8;
  color: white;
  font-weight: bold;
}
.global-tags > * {
  display: inline-block;
  padding: 0 1em;
  border: solid #cdd6dd 1px;
  border-radius: 1.5em;
  background-color: white;
  font-size: 0.8em;
  margin: 0 0.5em 0.5em 0;
}
.global-tags > *::before {
  display: none;
  content: "#";
  margin-right: 0.25em;
}

.form-calendarBtn {
  color: #3875c8;
}
.form-calendarBtn:hover {
  color: #3875c8;
}

nav.global-tabSwitch span {
  background-color: #3875c8;
}
nav.global-tabSwitch a:hover {
  background-color: #3875c8;
}

.swiper-button-next, .swiper-button-prev {
  background-color: rgba(250, 250, 250, 0.8);
  border: solid #f0f3f5 1px;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  width: 3em;
  height: 3em;
}
.swiper-button-next {
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
}
.swiper-button-next:after {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1em;
}
.swiper-button-prev {
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%);
}
.swiper-button-prev::after {
  content: "\f104";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1em;
}

.js-toggle {
  position: relative;
  text-align: center;
  cursor: pointer;
}
.js-toggle::after {
  display: block;
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 1rem;
  content: "OPEN \f107";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #3875c8;
}
.js-toggle.open::after {
  content: "CLOSE \f106";
}
.js-accordion {
  display: none;
  padding: 1em 1em;
}
.js-keywordSuggest {
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  min-width: 280px;
  max-width: 80%;
  background-color: white;
  padding: 1em;
  display: none;
  z-index: 1;
}
.js-keywordSuggest ul li {
  color: black;
  display: inline-block;
  cursor: pointer;
  margin: 0.5em;
}

fieldset dl._macro.required dt label::after {
  display: none;
}

.dxtitle {
  color: #3875c8;
  font-size: 1.2em !important;
  margin: 1em 0;
}

.dxtable {
  border-collapse: collapse;
  overflow: auto;
  max-width: 100%;
}
.dxtable thead th {
  font-size: 0.8em;
  font-weight: normal;
  text-align: center;
  padding: 0.5em;
  word-break: keep-all;
}
.dxtable tbody th, .dxtable tbody td {
  border: solid #cdd6dd 1px;
  padding: 0.5em;
  background-color: white;
}
.dxtable tbody td:first-child {
  text-align: center;
}

/* layout-backend  */
/* layout-frontend  */
body * {
  word-break: break-all;
}

/* common */
.common-caseList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-caseList .case_time_status {
  display: table;
  border: solid #666666 1px;
  border-radius: 0.2em;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.2em 1em;
  line-height: 1;
  margin-left: auto;
  margin-bottom: 0.2em;
}
.common-caseList .case_time_status.waiting {
  border-color: #3875c8;
  color: #3875c8;
}
.common-caseList .case_time_status.almost_finished {
  border-color: #f7931e;
  color: #f7931e;
}
.common-caseList .case_time_status.new_case {
  border-color: #059e57;
  color: #059e57;
}
.common-caseList .case_time_status.finished {
  border-color: #666666;
  color: #666666;
}
.common-caseList > a {
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  background-color: white;
}
.common-caseList > a header {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.common-caseList > a .category {
  text-align: center;
  color: white;
  font-size: 0.6em;
  font-weight: bold;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  aspect-ratio: 1/1;
  white-space: nowrap;
}
.common-caseList > a .category::before {
  font-size: 3rem;
  font-weight: normal;
}
.common-caseList > a .category.CTCC001 {
  color: #5343d5;
}
.common-caseList > a .category.CTCC001::before {
  content: "\f0c0";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.common-caseList > a .category.CTCC002 {
  color: #b67403;
}
.common-caseList > a .category.CTCC002::before {
  content: "\f022";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.common-caseList > a .category.CTCC003 {
  color: #f54416;
}
.common-caseList > a .category.CTCC003::before {
  content: "\f086";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.common-caseList > a .category.CTCC004 {
  color: #059e57;
}
.common-caseList > a .category.CTCC004::before {
  content: "\f024";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.common-caseList > a .category.CTCC005 {
  color: #666666;
}
.common-caseList > a .category.CTCC005::before {
  content: "\f059";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
.common-caseList > a .category.CTCC006 {
  color: #f7931e;
}
.common-caseList > a .category.CTCC006::before {
  content: "\f059";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
.common-caseList > a .text {
  padding: 0 1em;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.common-caseList > a .text .author {
  font-weight: bold;
}
.common-caseList > a .text h4 {
  font-size: 1.3em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-caseList > a .text .pref {
  color: #666666;
  font-size: 0.9em;
}
.common-caseList > a .text .pref::before {
  content: "\f3c5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
  color: #b21127;
}
.common-caseList h5 {
  margin-top: 0.5em;
  color: #3875c8;
}
.common-caseList .content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.common-caseList .step {
  color: #3875c8;
}
.common-hojokinList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-hojokinList:not(.searchList) > a:not([class]) {
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  background-color: white;
}
.common-hojokinList:not(.searchList) > a:not([class]) header {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
.common-hojokinList:not(.searchList) > a:not([class]) .text {
  padding: 0 1em;
}
.common-hojokinList:not(.searchList) > a:not([class]) .text h4 {
  font-size: 1.3em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-hojokinList:not(.searchList) > a:not([class]) .category {
  text-align: center;
  background-color: lightgray;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  aspect-ratio: 1/1;
}
.common-hojokinList:not(.searchList) > a:not([class]) .category.STEP010 {
  background-color: #3875c8;
}
.common-hojokinList:not(.searchList) > a:not([class]) .category.STEP020 {
  background-color: #f7931e;
}
.common-hojokinList:not(.searchList) > a:not([class]) .category.STEP020 {
  background-color: #059e57;
}
.common-hojokinList:not(.searchList) > a:not([class]) .content footer {
  font-size: 0.9em;
  margin-top: 0.5em;
}
.common-hojokinList:not(.searchList) > a:not([class]) .content footer dl {
  margin-right: 1em;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.common-hojokinList:not(.searchList) > a:not([class]) .content footer dl dt {
  color: #3875c8;
  padding-right: 0.5em;
  padding-right-bottom: 0.25em;
  min-width: 8em;
  width: 8em;
}
@media (max-width: 599px) {
  .common-hojokinList:not(.searchList) > a:not([class]) .content footer dl dt {
    min-width: 8em;
    width: 8em;
  }
}
.common-hojokinList:not(.searchList) > a:not([class]) .content footer dl dd {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-bottom: 0.25em;
}
.common-hojokinList.searchList > a:not([class]) {
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  background-color: white;
}
.common-hojokinList.searchList > a:not([class]) header {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
.common-hojokinList.searchList > a:not([class]) .text {
  padding: 0 1em;
  flex-grow: 1;
}
.common-hojokinList.searchList > a:not([class]) .text .info {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.common-hojokinList.searchList > a:not([class]) .text .info dl {
  color: #666666;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  margin-right: 1em;
}
.common-hojokinList.searchList > a:not([class]) .text h4 {
  font-size: 1.2em;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-hojokinList.searchList > a:not([class]) .category {
  text-align: center;
  background-color: lightgray;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  aspect-ratio: 1/1;
}
.common-hojokinList.searchList > a:not([class]) .category.STEP010 {
  background-color: #3875c8;
}
.common-hojokinList.searchList > a:not([class]) .category.STEP020 {
  background-color: #f7931e;
}
.common-hojokinList.searchList > a:not([class]) .category.STEP020 {
  background-color: #059e57;
}
.common-hojokinList.searchList > a:not([class]) .content footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em;
}
@media (max-width: 599px) {
  .common-hojokinList.searchList > a:not([class]) .content footer {
    grid-template-columns: 1fr;
  }
}
.common-hojokinList.searchList > a:not([class]) .content footer dl {
  margin: 0 1em 0.5em 0;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-color: #f9f9f9;
  border: solid lightgray 1px;
  border-radius: 0.2em;
  padding: 0.25em 0;
  font-weight: bold;
  font-size: 0.9em;
}
.common-hojokinList.searchList > a:not([class]) .content footer dl dt {
  color: #3875c8;
  padding-right: 0.5em;
  white-space: nowrap;
}
@media (max-width: 599px) {
  .common-hojokinList.searchList > a:not([class]) .content footer dl dt {
    min-width: 8em;
    width: 8em;
  }
}
.common-hojokinList.searchList > a:not([class]) .content footer dl dd {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.15em;
}
.common-solutionList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-solutionList > a:not([class]) {
  background-color: white;
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.common-solutionList > a:not([class]) .image {
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
.common-solutionList > a:not([class]) .image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.common-solutionList > a:not([class]) .content {
  padding: 0 1em;
}
.common-solutionList > a:not([class]) .content .type {
  color: #3875c8;
  font-size: 0.9em;
}
.common-solutionList > a:not([class]) .content h4 {
  font-size: 1.2em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-solutionList > a:not([class]) .content .company {
  font-size: 0.9em;
  margin-top: 0.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.common-torikumiList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-torikumiList > a:not([class]) {
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  background-color: white;
}
.common-torikumiList > a:not([class]) .image {
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  aspect-ratio: 1/1;
}
.common-torikumiList > a:not([class]) .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.common-torikumiList > a:not([class]) .content {
  padding: 0 1em;
}
.common-torikumiList > a:not([class]) .content .area {
  color: #3875c8;
  font-size: 0.9em;
}
.common-torikumiList > a:not([class]) .content h4 {
  font-size: 1.2em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-jigyoList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-jigyoList > .wrapper {
  display: block;
  padding: 1.5em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  background-color: white;
}
@media (min-width: 600px) {
  .common-jigyoList > .wrapper .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
}
.common-jigyoList > .wrapper .content .left .meta {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.common-jigyoList > .wrapper .content .left .meta > * {
  border: solid #666666 1px;
  border-radius: 4px;
  padding: 0.2em 0.5em;
}
.common-jigyoList > .wrapper .content .left .meta .year {
  background-color: #3875c8;
  border-color: #3875c8;
  color: white;
}
.common-jigyoList > .wrapper .content .left .meta .expansion {
  border-color: #059e57;
  color: #059e57;
}
.common-jigyoList > .wrapper .content .left .meta .continuation {
  border-color: #666666;
  color: #666666;
}
.common-jigyoList > .wrapper .content .left .meta .new {
  border-color: #f7931e;
  color: #f7931e;
}
.common-jigyoList > .wrapper .content .left h4 {
  font-size: 1.5em;
  margin: 1rem 0;
  color: #3875c8;
}
.common-jigyoList > .wrapper .content .left .pref::before {
  content: "\f3c5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #059e57;
}
@media (min-width: 600px) {
  .common-jigyoList > .wrapper .content .right {
    padding-top: 1em;
  }
}
.common-jigyoList > .wrapper .content .right .budget {
  font-size: 0.9em;
  text-align: right;
}
.common-jigyoList > .wrapper .content .right .budget b {
  border-bottom: solid #3875c8 1px;
  color: #3875c8;
  display: inline-block;
  font-size: 1.5em;
  line-height: 1;
  margin: 0 0.25em;
}
.common-jigyoList > .wrapper .content .right p {
  display: table;
  margin-left: auto;
  margin-top: 0.5em;
}
.common-jichitaiList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-jichitaiList > .wrapper {
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  background-color: white;
}
.common-jichitaiList > .wrapper .annual {
  margin-top: 0.5em;
  display: table;
  font-size: 0.9em;
  font-weight: bold;
}
.common-jichitaiList > .wrapper .annual span {
  border-radius: 0.2em;
  color: white;
  display: block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  line-height: 1;
}
.common-jichitaiList > .wrapper .annual .color-annual001, .common-jichitaiList > .wrapper .annual .color-annual005, .common-jichitaiList > .wrapper .annual .color-annual009 {
  background-color: peru;
}
.common-jichitaiList > .wrapper .annual .color-annual002, .common-jichitaiList > .wrapper .annual .color-annual006, .common-jichitaiList > .wrapper .annual .color-annual010 {
  background-color: cornflowerblue;
}
.common-jichitaiList > .wrapper .annual .color-annual003, .common-jichitaiList > .wrapper .annual .color-annual007 {
  background-color: darkmagenta;
}
.common-jichitaiList > .wrapper .annual .color-annual004, .common-jichitaiList > .wrapper .annual .color-annual008 {
  background-color: darkseagreen;
}
.common-jichitaiList > .wrapper > a {
  display: block;
  padding: 0 1em 1em;
  position: relative;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
.common-jichitaiList > .wrapper > a .content {
  padding: 0 1em 0 1em;
}
.common-jichitaiList > .wrapper > a .content::before {
  content: "\f3c5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #059e57;
  position: absolute;
  top: 0.2em;
  left: 0.8em;
}
.common-jichitaiList > .wrapper > a .content h4 {
  font-size: 1.2em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-jichitaiList > .wrapper > a .content .type {
  color: #666666;
  font-size: 0.9em;
  margin-top: 0.5em;
}
.common-jichitaiList > .wrapper > a .content dl {
  font-size: 0.9em;
  margin-top: 0.5em;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
.common-jichitaiList > .wrapper > a .content dl dt {
  color: #3875c8;
}
.common-jichitaiList > .wrapper > a .content dl dd {
  padding-left: 0.5em;
}
.common-jichitaiList > .wrapper > a .global-tags {
  margin-top: 0.5em;
  padding-left: 1.5em;
}
.common-jichitaiList.searchList > .wrapper > a {
  padding: 0;
}
.common-jichitaiList.searchList > .wrapper > a .content {
  padding: 0.5em 0 0 0;
}
.common-jichitaiList.searchList > .wrapper > a .content::before {
  display: none;
}
.common-jichitaiList.searchList > .wrapper > a .content .year {
  border: solid #3875c8 1px;
  border-radius: 4px;
  padding: 0.2em 0.5em;
  background-color: #3875c8;
  color: white;
  display: table;
  font-size: 0.9em;
}
.common-jichitaiList.searchList > .wrapper > a .content h4 {
  margin: 0.5em 0 0.5rem;
}
.common-jichitaiList.searchList > .wrapper > a .content h4::before {
  content: "\f3c5";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #059e57;
}
.common-jichitaiList.searchList > .wrapper > a .content h4 + div {
  margin-left: 1em;
}
.common-jichitaiList.searchList > .wrapper > a .content dl {
  margin-left: 1em;
}
.common-reportList {
  padding: 1em;
  height: 100%;
  position: relative;
}
.common-reportList > a:not([class]) {
  display: block;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
  background-color: white;
  position: relative;
}
.common-reportList > a:not([class]) > .imageWrapper {
  display: block;
}
.common-reportList > a:not([class]) > .imageWrapper .image {
  width: 100%;
  aspect-ratio: 3/1;
}
.common-reportList > a:not([class]) > .imageWrapper .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common-reportList > a:not([class]) .content h4 {
  font-size: 1.2em;
  margin: 0.5rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-reportList > a:not([class]) .content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.common-reportList > a:not([class]) .content .global-tags {
  margin: 0.5em 0;
}
.common-reportList > a:not([class]) .content .tag {
  margin-top: 0.5em;
}
.common-reportList > a:not([class]) .content .tag span {
  display: inline-block;
  padding: 0 1em;
  border: solid #cdd6dd 1px;
  border-radius: 1.5em;
  background-color: #f0f3f5;
  margin: 0 0.5em 0.5em 0;
}
.common-reportList > a:not([class]) .content footer {
  font-size: 0.9em;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.common-reportList > a:not([class]) .content footer .writer {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.common-reportList > a:not([class]) .content footer time {
  display: none;
}
.common-reportList > a:not([class]) .content footer time::before {
  content: "\f017";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.35em;
}
.common-indexTitle {
  background-image: url("\2F assets\2F img\2F dxshare\2F h2\5F bg\2E png\3F 0");
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  font-size: 1.5em;
  padding: 0.5em 0 4em 4em;
  position: relative;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  word-break: keep-all;
}
@media (max-width: 599px) {
  .common-indexTitle {
    background-size: 50%;
    font-size: 1.25em;
    padding: 0.25em 0 2em 3em;
  }
}
.common-indexTitle::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #3875c8;
  margin-left: auto;
}
@media (min-width: 600px) {
  .common-indexTitle::after {
    width: 75%;
  }
}
@media (max-width: 599px) {
  .common-indexTitle::after {
    width: 45%;
  }
}
.common-indexTitle div::first-letter {
  color: #f7931e;
}

/* form */
/* partial */
/* backend */
.backend-header {
  background-color: #3875c8;
}
.backend-left [class*=_tpl_mase_nav] a {
  border-color: #3875c8;
}
.backend-left [class*=_tpl_mase_nav] a::before {
  background-color: #3875c8;
}
.backend-left [class*=_tpl_mase_nav] a:hover {
  background-color: #3875c8;
}
.backend-blogmanage form [type="checkbox"] {
  display: none;
}
.backend-blogmanage form [type="checkbox"] + label {
  display: inline-block;
  padding: 0.2em 0.5em;
  background-color: #f9f9f9;
  border: solid lightgray 1px;
  border-radius: 0.25em;
  color: #666666;
}
.backend-blogmanage form [type="checkbox"] + label + br {
  display: none;
}
.backend-blogmanage form [type="checkbox"]:checked + label {
  background-color: #3875c8;
  color: white;
  border-color: #3875c8;
}
.backend-blogmanage form [type="radio"] {
  display: none;
}
.backend-blogmanage form [type="radio"] + label {
  display: inline-block;
  padding: 0.2em 0.5em;
  background-color: white;
  border: solid lightgray 1px;
  border-radius: 0.25em;
  color: #666666;
}
.backend-blogmanage form [type="radio"] + label + br {
  display: none;
}
.backend-blogmanage form [type="radio"]:checked + label {
  background-color: #3875c8;
  color: white;
  border-color: #3875c8;
}

/* frontend */
.outer-header {
  background-color: #f6faff;
}
.outer-contents {
  max-width: 100%;
}
.outer-contents article.base {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding-bottom: 0;
  padding: 1.5em;
}
.outer-contents article.base h2 {
  text-align: center;
}

._tpl_dxshare_header {
  max-width: 100%;
  padding: 1em;
}
._tpl_dxshare_header h1 {
  display: block;
  max-width: 15em;
}
._tpl_dxshare_header .master-headerMenuWrap {
  margin: auto;
}
._tpl_dxshare_header .master-headerMenuWrap .headerSearch {
  position: relative;
  display: table;
  padding: 0.5em 0;
}
@media (max-width: 799px) {
  ._tpl_dxshare_header .master-headerMenuWrap .headerSearch {
    padding: 1em;
  }
}
._tpl_dxshare_header .master-headerMenuWrap .headerSearch [type=text] {
  border-radius: 2em;
  border: solid #3875c8 1px;
  min-height: 2em;
}
._tpl_dxshare_header .master-headerMenuWrap .headerSearch [type=text]:placeholder {
  color: lightgray;
}
._tpl_dxshare_header .master-headerMenuWrap .headerSearch [type=submit] {
  border: 0;
  background-color: transparent;
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 799px) {
  ._tpl_dxshare_header .master-headerMenuWrap .headerSearch [type=submit] {
    right: 1.5rem;
  }
}
._tpl_dxshare_header .master-headerMenuWrap .headerSearch [type=submit]::before {
  content: "\f002";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #3875c8;
  font-size: 1.25rem;
}
._tpl_dxshare_header .master-headerMenuWrap .master-nav a {
  color: #3875c8;
  display: inline-block;
  margin: 0.15em 0.5em;
  font-weight: bold;
}
._tpl_dxshare_header .master-headerMenuWrap .master-nav a::before {
  display: none;
}
@media (min-width: 600px) {
  ._tpl_dxshare_header .master-headerMenuWrap .master-nav a.current::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3875c8;
  }
}
._tpl_dxshare_header .master-headerMenuWrap.js-headermenu {
  background-color: #3875c8;
  z-index: 11;
}
._tpl_dxshare_header .master-headerMenuWrap.js-headermenu a {
  color: white;
}
._tpl_dxshare_header .master-headerMenuWrap.js-headermenu .js-headerMenuClose {
  background-color: #3875c8;
  color: white;
}
@media (min-width: 800px) {
  ._tpl_dxshare_header .master-headerMenuWrap.js-headermenu .js-headerMenuClose {
    display: none;
  }
}
._tpl_dxshare_header .master-headerMenuWrap.js-headermenu .js-headerMenuClose img {
  display: none;
}
._tpl_dxshare_header .master-headerMenuWrap.js-headermenu .js-headerMenuClose::before {
  content: "\f00d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
@media (min-width: 800px) {
  ._tpl_dxshare_header .master-headerMenuWrap .js-headerMenuClose {
    display: none;
  }
}
@media (max-width: 799px) {
  ._tpl_dxshare_header .userWrap {
    margin-left: auto;
  }
}
._tpl_dxshare_header .user {
  margin-left: auto;
  color: #666666;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-width: 5em;
}
._tpl_dxshare_header .user::before {
  content: "\f2bd";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35rem;
  font-size: 1.5em;
}
@media (min-width: 800px) {
  ._tpl_dxshare_header .js-headerMenuOpen {
    display: none;
  }
}
._tpl_dxshare_header .js-headerMenuOpen img {
  display: none;
}
._tpl_dxshare_header .js-headerMenuOpen span::before {
  content: "\f0c9";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
  color: #3875c8;
  font-size: 1.5em;
}
@media (max-width: 799px) {
  ._tpl_dxshare_header .js-headerMenuOpen span::before {
    margin-right: 0;
  }
}
._tpl_dxshare_footer {
  max-width: 100%;
  background: -webkit-linear-gradient(top, white 0%, #3875c8 100%);
  background: linear-gradient(to bottom, white 0%, #3875c8 100%);
  padding: 0;
}
._tpl_dxshare_footer nav {
  text-align: center;
  padding: 4em 1em 1em;
}
._tpl_dxshare_footer nav a {
  color: white;
  font-weight: bold;
  display: inline-block;
  margin: 1em;
}
._tpl_dxshare_footer .copyright {
  background-color: #3875c8;
  color: white;
  text-align: center;
  padding: 0.5em;
}
._tpl_dxshare_footer .contactTab {
  position: fixed;
  right: 2em;
  bottom: 0;
  z-index: 11;
  background-color: white;
  border-radius: 1em 1em 0 0;
  box-shadow: 0 0 10px rgba(56, 117, 200, 0.15);
  padding: 1.5em;
}
._tpl_dxshare_footer .contactTab h3 {
  color: #f7931e;
  font-size: 1.15em;
  font-weight: bold;
}
._tpl_dxshare_footer .contactTab p {
  font-size: 0.9em;
  margin: 1em 0;
}
._tpl_dxshare_footer .contactTab a {
  background-color: #3875c8;
  border-radius: 1.5em;
  color: white;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.25em 1em;
  text-align: center;
}

/* addtop */
/* backend-addtop */
/* css */
/* backend-css */
/* earnings */
/* backend-earningsmanage */
/* freespace */
/* backend-freespace */
/* purchase */
/* backend-purchasemanage */
/* questionnaire */
/* backend-questionnaire */
/* serveicetypecase */
/* backend-casemanage */
/* serveicetypeproduct */
/* backend-productmanage */
/* serveicetypereserve */
/* backend-reservemanage */
/* user */
/* backend-user */
main.backend-userimport article.edit a[href*=userImport] {
  padding: 0.5em;
  display: inline-block;
  margin: 0.25em;
  border: solid #3875c8 1px;
  border-radius: 0.25em;
  background-color: #3875c8;
  color: white;
  width: 12em;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/* area */
/* areamanage */
[class|=area-areamanage] {
  /* block */
}

main.areamanage {
  /* component */
  /* common namespace */
  /* each */
}
main.areamanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* authentication */
/* authentication */
[class|=authentication] {
  /* block */
}

main.authentication {
  /* component */
  /* common namespace */
  /* each */
}
main.authentication article {
  /* article */
  /* common namespace */
  /* each */
}
main.authentication article.login {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding-bottom: 0;
  background-color: white;
}
main.authentication article.login .wrapper {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 2em 1em 0;
}
main.authentication article.login .wrapper h2 {
  text-align: center;
}
main.authentication article.login .wrapper [href*=sendMail] {
  text-decoration: underline;
  display: table;
  margin: auto;
}

/* bank */
/* bankmanage */
[class|=bank-bankmanage] {
  /* block */
}

main.bankmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.bankmanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* blog */
/* blogmanage */
[class|=blog-blogmanage] {
  /* block */
}

main.blogmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.blogmanage article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  /* article */
  /* common namespace */
  /* each */
}

/* blogpost */
[class|=blog-blogpost] {
  /* block */
}

main.blogpost {
  /* component */
  /* common namespace */
  /* each */
}
main.blogpost article {
  /* article */
  /* common namespace */
  /* each */
}
main.blogpost article[class*=list]:not([class*='listByTag']) {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .pageHeader {
  margin-bottom: 3em;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .pageHeader p {
  margin: 1em 0;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .global-tags {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding-left: 1em;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .global-tags > * {
  font-size: 1em;
  padding: 0.5em 1em;
  margin: 0 1em 1em 0;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .global-tags .cancel {
  color: white;
  background-color: #3875c8;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .tagsWrap {
  margin-bottom: 1em;
  border-bottom: solid lightgray 1px;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .dxtitle {
  cursor: pointer;
  color: black;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .dxtitle::before {
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #3875c8;
  color: white;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
main.blogpost article[class*=list]:not([class*='listByTag']) .dxtitle.open::before {
  content: "ー";
}
main.blogpost article[class*=list]:not([class*='listByTag']) .dxtitle.closed::before {
  content: "＋";
}
main.blogpost article[class*="info_blogpost_type"] {
  padding: 0 1em;
}
main.blogpost article[class*="info_blogpost_type"] a.contactperson {
  display: table;
  background-color: white;
  border: solid #3875c8 1px;
  border-radius: 0.35em;
  color: #3875c8;
  font-weight: bold;
  padding: 0.5em;
  width: 200px;
  max-width: 100%;
  text-align: center;
  margin: 1.5em auto;
  text-decoration: none !important;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection {
  width: 100%;
  position: relative;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection:not(.kanren) {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 1.5em;
  margin: 0 0 2em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection:not(.kanren) .global-favorite {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection.kanren {
  padding: 1.5em 0;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection.kanren .swiper-container {
  margin: 0 0 2em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection.kanren .swiper-container > ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection.kanren .swiper-container > ul > li {
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}
@media (max-width: 799px) {
  main.blogpost article[class*="info_blogpost_type"] section.blogSection.kanren .swiper-container > ul > li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"] section.blogSection.kanren .swiper-container > ul > li {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection > header time {
  display: block;
  font-style: italic;
  font-size: 0.8em;
  text-align: right;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection h2 {
  color: #3875c8;
  font-size: 1.2em;
  margin-bottom: 1em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection h3 {
  font-size: 1.5em;
  color: #666666;
  margin: 1em 0;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .blogBody {
  margin-bottom: 3em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection p {
  line-height: 1.7;
  margin-bottom: 2em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .type {
  border: solid #3875c8 1px;
  border-radius: 2em;
  color: #3875c8;
  display: table;
  padding: 0.1em 1em;
  margin: 1em 0;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .images {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin: 2em 0;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .images .imageWrap {
  padding: 0 0.5em 0.5em;
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
  max-width: 350px;
}
@media (max-width: 799px) {
  main.blogpost article[class*="info_blogpost_type"] section.blogSection .images .imageWrap {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"] section.blogSection .images .imageWrap {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .images .image {
  border: solid rgba(211, 211, 211, 0.3) 1px;
  margin-right: 1em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .images .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .urls {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin: 2em 0;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .urls > a {
  display: block;
  border: solid #3875c8 1px;
  border-radius: 4px;
  padding: 0.5em 1em;
  color: #3875c8;
  background-color: white;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"] section.blogSection .urls > a::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.35em;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav {
  max-width: 100%;
  overflow: auto;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  width: 100%;
  border-bottom: solid #98c6f9 4px;
  position: relative;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav ul li {
  color: #3875c8;
  text-align: center;
  min-width: 8em;
  padding: 0.5em 1em;
  position: relative;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav ul li a {
  display: block;
  transition: 0.3s;
  white-space: nowrap;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav ul li a:hover {
  font-weight: bold;
  opacity: 1;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav ul li.current {
  font-weight: bold;
}
main.blogpost article[class*="info_blogpost_type"] nav.blogNav ul li.current::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -4px;
  display: block;
  background-color: #3875c8;
}
main.blogpost article[class*="info_blogpost_type"] .download a {
  background-color: #3875c8;
  border-radius: 0.5em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  color: white;
  display: table;
  font-size: 1.5em;
  font-weight: bold;
  margin: 2em auto;
  padding: 0.75em 1.5em;
  width: 20em;
  max-width: 100%;
  text-align: center;
}
main.blogpost article[class*="info_blogpost_type"] .download a::before {
  content: "\f019";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader {
  position: relative;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .global-favorite {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    align-items: center;
  }
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory .category {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  background-color: lightgray;
  padding: 1.5em;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory .category {
    -webkit-flex-basis: 8em;
    flex-basis: 8em;
    width: 8em;
    max-width: 8em;
    min-width: 8em;
    aspect-ratio: 1/1;
  }
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory .category.STEP010 {
  background-color: #3875c8;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory .category.STEP020 {
  background-color: #f7931e;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory .category.STEP020 {
  background-color: #059e57;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .titleCategory h2 {
  color: black;
  font-size: 2em;
  margin: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo {
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table {
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table tr:not(:first-child) > * {
  border-top: solid lightgray 1px;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table th, main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table td {
  padding: 0.5em 0.25em;
  font-size: 0.9em;
  vertical-align: top;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table th {
  color: #3875c8;
  font-weight: normal;
  text-align: left;
  width: 6em;
  max-width: 6em;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table td {
  max-width: calc(100% - 6em);
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .topinfo .metadata table td a {
  color: #274a78;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .point {
  padding: 1em;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .point p {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .point h3 {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .point h3::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .point h3::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"] .blogHeader .global-tags {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"] ul.manager {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: flex-start;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
main.blogpost article[class*="info_blogpost_type"] ul.manager li {
  padding: 1em;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"] ul.manager li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
    max-width: 20em;
  }
}
main.blogpost article[class*="info_blogpost_type"] ul.manager li .image:not(.imageWrap) {
  aspect-ratio: 1/1;
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"] ul.manager li .image:not(.imageWrap) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main.blogpost article[class*="info_blogpost_type"] th.sort {
  cursor: pointer;
  white-space: nowrap;
}
main.blogpost article[class*="info_blogpost_type"] th.sort::after {
  content: "\f0dc";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
  font-size: 1em;
  color: #666666;
}
main.blogpost article[class*="info_blogpost_type"] th.sort.desc::after {
  content: "\f0de";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
  font-size: 1em;
}
main.blogpost article[class*="info_blogpost_type"] th.sort.asc::after {
  content: "\f0dd";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
  font-size: 1em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .caseHeader .organization {
  color: #3875c8;
  font-weight: bold;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .caseHeader h2 {
  color: black;
  font-size: 2em;
  margin: 0.5rem 0;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
    width: 100%;
  }
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata {
    padding-right: 1em;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata {
    margin-bottom: 1em;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata h3.organization {
  color: black;
  font-size: 1.1em;
  font-weight: normal;
  border-bottom: solid lightgray 2px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table {
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table tr:not(:first-child) > * {
  border-top: solid lightgray 1px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table th, main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table td {
  padding: 0.5em 0.25em;
  font-size: 0.9em;
  vertical-align: top;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table th {
  color: #3875c8;
  font-weight: normal;
  text-align: left;
  width: 6em;
  max-width: 6em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table td {
  max-width: calc(100% - 6em);
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .metadata table td a {
  color: #274a78;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    width: 75%;
    max-width: 75%;
    padding-left: 1em;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .flex {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image {
  aspect-ratio: 4/3;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    width: 40%;
    max-width: 40%;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .swiper-container {
  overflow: hidden;
  border: solid lightgray 1px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .swiper-container .swiper-slide {
  width: 100%;
  aspect-ratio: 4/3;
  background-color: white;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .thumbnails {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .thumbnails .thumbnail {
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
  padding: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .thumbnails .thumbnail > div {
  width: 100%;
  aspect-ratio: 1/1;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .thumbnails .thumbnail > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  transition: 0.3s;
  cursor: pointer;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .thumbnails .thumbnail > div img:hover {
  opacity: 1;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .js-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 12;
  display: none;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .js-modal .layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 1em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .js-modal .imgBox {
  background-color: white;
  padding: 1em;
  border-radius: 0.5em;
  position: relative;
  z-index: 2;
  text-align: center;
  display: table;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .js-modal .imgBox img {
  object-fit: contain;
  max-height: 75vh;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .image .js-modal .imgBox .js-modalClose {
  color: white;
  font-size: 2.8em;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  cursor: pointer;
  line-height: 1;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point {
  padding: 0 1em;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point p {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point h3 {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point h3::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .point h3::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA1] .topinfo .text .global-tags {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .metadata.flex table {
  width: 100%;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .metadata.flex {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
  main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .metadata.flex > div {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
  main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .metadata.flex > div:first-child {
    padding-right: 1em;
  }
  main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .metadata.flex > div:last-child {
    padding-left: 1em;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .metadata.flex th {
  width: 8em;
  min-width: 8em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA2] .tag-item a {
  background-color: #001f60;
  color: white;
  width: unset !important;
  padding: 0 1.5em !important;
  border: solid #001f60 2px;
  border-radius: 0.2em;
  color: white;
  font-weight: normal;
  margin: 0;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA2] a.contactperson {
  display: table;
  background-color: white;
  border: solid #3875c8 1px;
  border-radius: 0.35em;
  color: #3875c8;
  font-weight: bold;
  padding: 0.5em;
  width: 200px;
  max-width: 100%;
  text-align: center;
  margin: 1.5em auto;
  text-decoration: none !important;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    align-items: center;
  }
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .image {
    -webkit-flex-basis: 35%;
    flex-basis: 35%;
    width: 35%;
    max-width: 35%;
  }
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text {
    -webkit-flex-basis: 65%;
    flex-basis: 65%;
    width: 65%;
    max-width: 65%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .image {
  aspect-ratio: 16/9;
  border: solid rgba(211, 211, 211, 0.5) 1px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text {
  padding: 0 1em;
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text {
    padding: 1em 0;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text h2 {
  color: black;
  font-size: 2em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text .flex {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text .flex .writer {
  font-size: 1.2em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .imageTitle .text .flex time {
  margin-left: auto;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager .left {
  padding: 1em;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager .left {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
    max-width: 20em;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager .left .image {
  aspect-ratio: 1/1;
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager .left .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager .left .name {
  font-size: 1.2em;
  font-weight: bold;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager .right {
    padding-left: 2em;
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
    width: 66%;
    max-width: 66%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA3] .manager a.contactperson {
  display: table;
  background-color: white;
  border: solid #3875c8 1px;
  border-radius: 0.35em;
  color: #3875c8;
  font-weight: bold;
  padding: 0.5em;
  width: 200px;
  max-width: 100%;
  text-align: center;
  margin: 1.5em 0;
  text-decoration: none !important;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-table-wrapper {
  overflow-x: auto;
  margin: 1em 0;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table thead {
  background-color: #f9f9f9;
  color: #666666;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table th {
  padding: 12px 15px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td {
  text-align: left;
  border: 1px solid #dddddd;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td .status {
  border: solid #666666 1px;
  border-radius: 4px;
  padding: 0.2em 0.5em;
  display: inline-block;
  background-color: white;
  white-space: nowrap;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td .year {
  background-color: #3875c8;
  border-color: #3875c8;
  color: white;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td .expansion {
  border-color: #059e57;
  color: #059e57;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td .continuation {
  border-color: #666666;
  color: #666666;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td .new {
  border-color: #f7931e;
  color: #f7931e;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table th {
  font-weight: bold;
  white-space: nowrap;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table tbody tr:hover {
  background-color: #f9f9f9;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table .text-right {
  text-align: right;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .budget-info-table td:nth-child(1) {
  width: 4em;
  text-align: center;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .highlight-budget > * {
  background-color: rgba(247, 147, 30, 0.3);
  font-weight: bold;
  color: #f7931e;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] section.blogSection.kanren {
  padding-top: 0;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo {
  width: 100%;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata {
    margin-top: 1em;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata {
    margin-bottom: 1em;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata h3.organization {
  color: black;
  font-size: 1.5em;
  border-bottom: solid lightgray 2px;
  margin-bottom: 1em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata h3.organization .year {
  font-size: 1rem;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata h3.organization .pref {
  font-size: 1.2rem;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata h3.organization .jinko {
  font-size: 0.9rem;
  font-weight: normal;
  margin-left: 1rem;
  display: inline-block;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table {
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table tr:not(:first-child) > * {
  border-top: solid lightgray 1px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table th, main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table td {
  padding: 0.5em 0.25em;
  font-size: 0.9em;
  vertical-align: top;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table th {
  color: #3875c8;
  font-weight: normal;
  text-align: left;
  width: 7em;
  max-width: 7em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table td {
  max-width: calc(100% - 7em);
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .metadata table td a {
  color: #274a78;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text {
  background-color: white;
  border-radius: 1em;
  padding: 1em 1em;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    width: 70%;
    max-width: 70%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .image {
  -webkit-flex-basis: 40%;
  flex-basis: 40%;
  width: 40%;
  max-width: 40%;
  -webkit-order: 1;
  order: 1;
  aspect-ratio: 3/2;
  margin-bottom: auto;
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .image {
    margin: 1em auto 3em;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .point {
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  width: 60%;
  max-width: 60%;
  padding: 0 1em;
  margin: 0 auto;
}
@media (max-width: 599px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .point {
    margin: 1em auto;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .point p {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .point h3 {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .point h3::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .point h3::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .topinfo .text .global-tags {
  margin: 1em auto;
  width: 100%;
  text-align: center;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA4] .blogBody.nobg {
  padding: 1em 0;
  overflow: auto;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogSection {
  position: relative;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .companyTitle {
  margin-bottom: 1em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .companyTitle .company {
  color: #3875c8;
  font-size: 1.2em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .companyTitle h2 {
  font-size: 2em;
  color: black;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .companyTitle time {
  font-size: 0.9em;
  text-align: right;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .metadata {
    padding-right: 1em;
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    width: 30%;
    max-width: 30%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .metadata table {
  width: 100%;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .metadata table th {
  width: 10em;
  max-width: 10em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text {
  padding: 1em;
  background-color: rgba(56, 117, 200, 0.05);
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    width: 70%;
    max-width: 70%;
  }
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text > * {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .global-tags {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex {
  margin: auto;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    align-items: center;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image {
  text-align: center;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    width: 40%;
    max-width: 40%;
    padding: 1em;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .swiper-container {
  overflow: hidden;
  border: solid lightgray 1px;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .swiper-container .swiper-slide {
  width: 100%;
  aspect-ratio: 4/3;
  background-color: white;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .thumbnails {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .thumbnails .thumbnail {
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
  padding: 0.5em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .thumbnails .thumbnail > div {
  width: 100%;
  aspect-ratio: 1/1;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .thumbnails .thumbnail > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  transition: 0.3s;
  cursor: pointer;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .thumbnails .thumbnail > div img:hover {
  opacity: 1;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .js-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 12;
  display: none;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .js-modal .layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 1em;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .js-modal .imgBox {
  background-color: white;
  padding: 1em;
  border-radius: 0.5em;
  position: relative;
  z-index: 2;
  text-align: center;
  display: table;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .js-modal .imgBox img {
  object-fit: contain;
  max-height: 75vh;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .image .js-modal .imgBox .js-modalClose {
  color: white;
  font-size: 2.8em;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  cursor: pointer;
  line-height: 1;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .point {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 600px) {
  main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .point {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    width: 60%;
    max-width: 60%;
  }
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .blogHeader .topinfo .text .flex .point p {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*="info_blogpost_type"][class*=typeA5] .contactperson {
  border: solid #3875c8 1px;
  border-radius: 0.5em;
  color: #3875c8;
  padding: 0.5em 1em;
  font-weight: bold;
  text-align: center;
  width: 200px;
  max-width: 100%;
  margin: 1em auto;
  display: table;
  text-decoration: none !important;
}
main.blogpost article.listByTag {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
}
main.blogpost article.listByTag div.master > section {
  margin-bottom: 3em;
}
main.blogpost article.listByTag div.master > section header.master {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  color: #666666;
}
main.blogpost article.listByTag div.master > section header.master::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #666666;
  display: block;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
main.blogpost article.listByTag div.master > section header.master h2[class] {
  font-size: 1.2em;
  white-space: nowrap;
}
main.blogpost article.listByTag div.master > section header.master .global-counter {
  white-space: nowrap;
}
main.blogpost article.listByTag div.master > section ul[class] {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
main.blogpost article.listByTag div.master > section ul[class] > li {
  padding: 0.5em;
  width: 100%;
}
@media (min-width: 600px) {
  main.blogpost article.listByTag div.master > section ul[class] > li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}
main.blogpost article.resultBookmarks {
  padding: 0 1em;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article.resultBookmarks > .master > section {
  margin-bottom: 5em;
}
main.blogpost article.resultBookmarks > .master .common-indexTitle {
  padding-bottom: 2em;
}
@media (min-width: 600px) {
  main.blogpost article.resultBookmarks ul.master {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 600px) {
  main.blogpost article.resultBookmarks ul.master li {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}

/* comment */
[class|=blogpost-comment] {
  /* block */
}

main.blogpost {
  /* component */
  /* common namespace */
  /* each */
}
main.blogpost article {
  /* article */
  /* common namespace */
  /* each */
}

/* search */
[class|=blogpost-search] {
  /* block */
}

main.blogpost {
  /* component */
  /* common namespace */
  /* each */
}
main.blogpost article {
  /* article */
  /* common namespace */
  /* each */
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap {
  padding: 0 1em;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: white;
  border-radius: 0em;
  display: block;
  padding: 1.5em;
  position: relative;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="checkbox"] {
  display: none;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="checkbox"] + label {
  display: inline-block;
  padding: 0.2em 0.5em;
  background-color: #f9f9f9;
  border: solid lightgray 1px;
  border-radius: 0.25em;
  color: #666666;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="checkbox"] + label + br {
  display: none;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="checkbox"]:checked + label {
  background-color: #3875c8;
  color: white;
  border-color: #3875c8;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="radio"] {
  display: none;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="radio"] + label {
  display: inline-block;
  padding: 0.2em 0.5em;
  background-color: white;
  border: solid lightgray 1px;
  border-radius: 0.25em;
  color: #666666;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="radio"] + label + br {
  display: none;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header [type="radio"]:checked + label {
  background-color: #3875c8;
  color: white;
  border-color: #3875c8;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] {
  padding: 0;
  display: table;
  margin: auto;
  width: 100%;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl:not(:last-of-type) {
  border-bottom: solid #98c6f9 1px;
}
@media (max-width: 599px) {
  main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl {
    width: 100%;
    margin-bottom: 1em;
  }
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dt {
  border: 0;
  color: #3875c8;
  font-size: 1rem;
  padding: 0 1em;
  margin: 0;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd {
  margin: 0;
  padding: 1em;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd input {
  width: 100%;
}
@media (min-width: 600px) {
  main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd input {
    max-width: 32em;
  }
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref nav {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref nav a {
  padding: 0.5em;
  cursor: pointer;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref nav a:hover {
  color: #3875c8;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref nav a::before {
  content: "\f105";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref nav a.current {
  color: #3875c8;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref nav a.current::before {
  content: "\f107";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] dl dd.pref #mase_blog_type01_post_type_a4_search_area {
  background-color: #f6faff;
  padding: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] button {
  background-color: #3875c8;
  border-radius: 0.2em;
  color: white;
  display: table;
  font-weight: bold;
  padding: 0.25em 1em;
  margin: 1em auto;
  width: 10em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] button::before {
  display: none;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-search-section {
  flex-wrap: nowrap !important;
  background-color: #f2f2f2;
  margin: 1em 0;
  border: 0 !important;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-search-section dt {
  white-space: nowrap;
  color: #001f60;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-search-section dd {
  padding: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-parent-buttons {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  margin-bottom: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-parent-buttons button {
  background-color: #dbe9f6;
  width: unset !important;
  padding: 0 0.25em !important;
  border-radius: 0.2em;
  color: black;
  font-weight: normal;
  margin: 0;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-parent-buttons button.current {
  background-color: #001f60;
  color: white;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-child-buttons {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  color: white;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-child-buttons:has(button) {
  background-color: #215e9a;
  padding: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-child-buttons button {
  background-color: unset;
  width: unset !important;
  padding: 0 0.25em !important;
  border: solid #001f60 2px;
  border-radius: 0.2em;
  color: white;
  font-weight: normal;
  margin: 0;
  text-decoration: underline;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .tag-child-buttons button.current {
  background-color: #001f60;
  color: white;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .selectedWrap {
  background-color: #f2f2f2;
  padding: 0.5em;
  border: solid #bfbfbf 2px;
  border-radius: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .selectedWrap .selected-tags-display {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .selectedWrap h4 {
  font-weight: normal;
  font-family: serif;
}
main.blogpost article[class*='search_blog_type01_post_type'] .searchWrap > header form[class] .selectedWrap .tag-item {
  background-color: #001f60;
  color: white;
  width: unset !important;
  padding: 0 1.5em !important;
  border: solid #001f60 2px;
  border-radius: 0.2em;
  color: white;
  font-weight: normal;
  margin: 0;
}
main.blogpost article[class*='search_blog_type01_post_type'] .global-counter {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1em;
  padding-left: 1em;
}
main.blogpost article[class*='search_blog_type01_post_type'] > .wrap {
  margin: 3em auto;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-container {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-content:not(.active) {
  display: none;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-content .sort-tabs {
  margin-top: auto;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-content .sort-tabs a {
  color: #666666;
  display: inline-block;
  font-weight: 600;
  margin-left: 1em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-content .sort-tabs a.active {
  color: black;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-menu {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em 0.5em 0;
  border-bottom: solid #3875c8 1px;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  gap: 0.5em;
  margin-bottom: 2em;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-item {
  padding: 0.5em 1em;
  text-align: center;
  border-radius: 4px 4px 0 0;
  color: #666666;
  background-color: #f6faff;
}
main.blogpost article[class*='search_blog_type01_post_type'] .tab-item.active {
  background-color: #3875c8;
  color: white;
}
main.blogpost article[class*='search_blog_type01_post_type'] .posts.master {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding: 0;
}
main.blogpost article[class*='search_blog_type01_post_type'] .posts.master:not(.column) > li {
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
  padding: 0;
}
@media (max-width: 799px) {
  main.blogpost article[class*='search_blog_type01_post_type'] .posts.master:not(.column) > li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  main.blogpost article[class*='search_blog_type01_post_type'] .posts.master:not(.column) > li {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
main.blogpost article[class*='search_blog_type01_post_type'] .posts.master.column > li {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
main.blogpost article[class*='search_blog_type01_post_type'] .posts.master > li [class|=user][class*=_tpl_user] {
  font-size: 0.8rem;
}
main.blogpost article[class*='search_blog_type01_post_type'] .posts.master > li [class|=user][class*=_tpl_user] .global-coverImage {
  width: 2em;
  height: 2em;
}
main.blogpost article[class*='search_blog_type01_post_type'][class*=search_blog_type01_post_typeA2] .posts.master > li {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

/* earnings */
/* earningsmanage */
[class|=earnings-earningsmanage] {
  /* block */
}

main.earningsmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.earningsmanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* mypage */
/* mypage */
.mypage-submitWrap [name*='[save]'], .mypage-submitWrap [name*='[conf]'], .mypage-submitWrap [name*='[confirm]'], .mypage-submitWrap [name*='[next]'] {
  background-color: #3875c8;
  color: white;
  font-weight: bold;
}

[class|=mypage] {
  /* block */
}

main.mypage {
  /* component */
  /* common namespace */
  /* each */
}
main.mypage.config article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
}
main.mypage.config article [href*='/doWithdraw'] {
  background-color: #f7931e;
  color: white;
  font-weight: bold;
}
main.mypage article {
  /* article */
  /* common namespace */
  /* each */
}
main.mypage article:not(.index) {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.mypage article.config {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.mypage article.config .myMenu[class] > a, main.mypage article.config .manageMenu[class] > a {
  background-color: white;
  border: solid #3875c8 1px;
  border-radius: 0.5em;
  color: #3875c8;
}
main.mypage article.config .myMenu[class] > a:hover, main.mypage article.config .manageMenu[class] > a:hover {
  background-color: #3875c8;
  color: white;
}
main.mypage article.index div.alert {
  background-color: #ff8261;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  padding: 0.2em 1em;
}
main.mypage article.index div.alert::before {
  content: "\f0f3";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
@media (min-width: 600px) {
  main.mypage article.index .dashboardHeader {
    background-color: #3875c8;
  }
}
main.mypage article.index .dashboardHeader .flex {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 600px) {
  main.mypage article.index .dashboardHeader .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1em;
  }
}
main.mypage article.index .dashboardHeader .global-explain {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 0;
  background-color: #3875c8;
  color: white;
  margin: 0;
  font-size: 1em;
  position: relative;
}
@media (min-width: 600px) {
  main.mypage article.index .dashboardHeader .global-explain {
    padding: 0.5em 1em;
  }
}
main.mypage article.index .dashboardHeader .global-explain b::before {
  content: "\f14e";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
  margin-right: 0.5em;
  font-weight: normal;
}
main.mypage article.index .dashboardHeader .global-explain span {
  font-size: 0.9em;
  padding: 0 1em;
}
main.mypage article.index .dashboardHeader .global-singleBtn {
  background-color: white;
  border: solid #3875c8 1px;
  border-radius: 0.25em;
  color: #3875c8;
  padding: 0.5em 1em;
  font-size: 0.9em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 600px) {
  main.mypage article.index .dashboardHeader .global-singleBtn {
    margin: 0 0 0 auto;
  }
}
main.mypage article.index .dashboardHeader .global-singleBtn::before {
  content: "\f03a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.5em;
}
main.mypage article.index .tag-explain {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
  font-weight: bold;
  text-align: center;
  color: #3875c8;
}
main.mypage article.index > section {
  padding: 3em 1em;
  width: 100%;
}
main.mypage article.index > section:nth-of-type(even) {
  background: linear-gradient(white, #f6faff, white);
}
main.mypage article.index > section:nth-of-type(2) .common-indexTitle div::first-letter {
  color: #f9b9ac;
}
main.mypage article.index > section:nth-of-type(3) .common-indexTitle div::first-letter {
  color: #98c6f9;
}
main.mypage article.index > section:nth-of-type(5) .common-indexTitle div::first-letter {
  color: #f9b9ac;
}
main.mypage article.index > section:nth-of-type(6) .common-indexTitle div::first-letter {
  color: #98c6f9;
}
main.mypage article.index > section > .wrapper {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.mypage article.index > section .swiper-outer {
  position: relative;
  margin-bottom: 3em;
}
main.mypage article.index > section .swiper-container {
  position: relative;
  overflow: hidden;
}
main.mypage article.index > section .swiper-container .swiper-slide {
  height: auto;
}
main.mypage article.index > section .swiper-pagination[class] {
  bottom: unset;
}
main.mypage article.index > section .global-more {
  display: table;
  margin: auto;
  padding: 0.5em;
  width: 10em;
  max-width: 100%;
  text-align: center;
  color: white;
  font-weight: bold;
  border-radius: 2em;
  background-color: #3875c8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
main.mypage article.index > section.news ul {
  margin-bottom: 2em;
}
main.mypage article[class^=show_profile] [href*=edit] {
  position: static;
  background-color: #274a78;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  max-width: 8em;
  border-radius: 2px;
}
main.mypage article[class^=show_profile] [href*=edit]::before {
  font-size: 1em;
  font-weight: normal;
  margin-right: 0.5em;
}

/* notification */
/* notification */
[class|=notification] {
  /* block */
  /* tpl */
}
[class|=notification][class*=_tpl_list] li {
  border-bottom: solid lightgray 1px;
  padding: 1em;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  align-items: flex-start;
}
@media (max-width: 599px) {
  [class|=notification][class*=_tpl_list] li {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 600px) {
  [class|=notification][class*=_tpl_list] time {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    width: 12em;
    max-width: 12em;
  }
}
@media (max-width: 599px) {
  [class|=notification][class*=_tpl_list] time {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
[class|=notification][class*=_tpl_list] time::before {
  display: none;
}
[class|=notification][class*=_tpl_list] a[href] {
  color: black;
  text-decoration: none;
}
@media (max-width: 599px) {
  [class|=notification][class*=_tpl_list] a[href] {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
[class|=notification][class*=_tpl_list] .text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media (max-width: 599px) {
  [class|=notification][class*=_tpl_list] .text {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
[class|=notification][class*=_tpl_list] .text h3 {
  font-size: 1.25em;
}
[class|=notification][class*=_tpl_list] .text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

main.notification {
  /* component */
  /* common namespace */
  /* each */
}
main.notification article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  /* article */
  /* common namespace */
  /* each */
}

/* purchase */
/* cart */
[class|=purchase-cart] {
  /* block */
}

main.cart {
  /* component */
  /* common namespace */
  /* each */
}
main.cart article {
  /* article */
  /* common namespace */
  /* each */
}

/* purchasemanage */
[class|=purchase-purchasemanage] {
  /* block */
}

main.purchasemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.purchasemanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* questionnaire */
/* questionnaire */
[class|=questionnaire] {
  /* block */
}

main.questionnaire {
  /* component */
  /* common namespace */
  /* each */
}
main.questionnaire article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  /* article */
  /* common namespace */
  /* each */
}

/* register */
/* register */
[class|=register] {
  /* block */
}

main.register {
  /* component */
  /* common namespace */
  /* each */
}
main.register article {
  /* article */
  /* common namespace */
  /* each */
}

/* sale */
/* salemanage */
main.salemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.salemanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* stc */
/* case */
[class|=stc-case] {
  /* block */
}
[class|=stc-case][class*=_tpl_caseApplicant] .tpl-nav a:hover {
  background-color: #3875c8;
}
[class|=stc-case][class*=_tpl_caseOwner] .tpl-nav a:hover {
  background-color: #3875c8;
}
[class|=stc-case][class*=_tpl_postscript] {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 1em;
  margin-bottom: 3em;
}
[class|=stc-case][class*=_tpl_qa] {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 1em;
  margin-bottom: 3em;
}
[class|=stc-case][class*=_tpl_save_search_condition] a {
  border: #3875c8 solid 1px;
  border-radius: 0.25em;
  background-color: white;
  color: #3875c8;
  display: table;
  margin: 1em auto;
}
[class|=stc-case][class*=left-search_type] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: white;
  border-radius: 1em;
  display: block;
  padding: 1.5em;
  position: relative;
}
@media (max-width: 1199px) {
  [class|=stc-case][class*=left-search_type] {
    margin-right: 1em;
    margin-left: 1em;
  }
}
[class|=stc-case][class*=left-search_type] form {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
[class|=stc-case][class*=left-search_type] form dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 599px) {
  [class|=stc-case][class*=left-search_type] form dl {
    width: 100%;
  }
}
[class|=stc-case][class*=left-search_type] form dl dt {
  border: 0;
  color: #3875c8;
  font-size: 1rem;
  padding: 0 1em;
  margin: 0;
}
[class|=stc-case][class*=left-search_type] form dl dd {
  margin: 0;
  padding: 1em;
}
[class|=stc-case][class*=left-search_type] form dl dd input {
  width: 100%;
}
@media (min-width: 600px) {
  [class|=stc-case][class*=left-search_type] form dl dd input {
    max-width: 22em;
  }
}
[class|=stc-case][class*=left-search_type] form .submit {
  background-color: #3875c8;
  color: white;
  font-weight: bold;
  padding: 0.25em 1em;
  border-radius: 2em;
  margin: 0;
  width: 10em;
}
[class|=stc-case][class*=manageBtns] {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1em auto 2em;
}
[class|=stc-case][class*=manageBtns] > a {
  display: block;
  border: solid #3875c8 1px;
  border-radius: 0.5em;
  margin: 0.25em;
  padding: 0.5em 1em;
  color: #3875c8;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
[class|=stc-case][class*=manageBtns] > a::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.35em;
  background-size: contain;
  background-position: cente center;
  background-repeat: no-repeat;
}
[class|=stc-case][class*=manageBtns] > a[href*='/create']::before {
  background-image: url("\2F assets\2F img\2F dxshare\2F icon\5F edit\2E png\3F 0");
}
[class|=stc-case][class*=manageBtns] > a[href*='/list']::before {
  background-image: url("\2F assets\2F img\2F dxshare\2F icon\5F list\2E png\3F 0");
}
[class|=stc-case][class*=manageBtns] > a[href*='/appliedEntryList']::before {
  background-image: url("\2F assets\2F img\2F dxshare\2F icon\5F answer\2E png\3F 0");
}

main.case {
  /* component */
  /* common namespace */
  /* each */
}
main.case article {
  /* article */
  /* common namespace */
  /* each */
}
main.case article.conf_answer {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.conf_offer {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.conf_question {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.entry_complete {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.entry_complete > a {
  background-color: #3875c8;
}
main.case article.entry_conf_typeA2 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.entry_typeA2 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.case article.entry_typeA2 .required label {
  margin-right: 0.5em;
}
main.case article.entry_typeA2 .required::after {
  content: "\5FC5 \9808 ";
  display: inline-block;
  font-size: x-small;
  color: red;
  border: 1px solid rgba(255, 0, 0, 0.5);
  border-radius: 3px;
  padding: 0.25em 0.5em;
  position: relative;
  top: -1px;
}
main.case article.index_typeA2 {
  background: linear-gradient(white, #f6faff, white);
}
main.case article.index_typeA2 .caseHeader {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
}
main.case article.index_typeA2 .caseHeader .common-indexTitle {
  padding-top: 0;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
main.case article.index_typeA2 .caseHeader .common-indexTitle::after {
  display: none;
}
main.case article.index_typeA2 .caseHeader .common-indexTitle div::first-letter {
  color: black;
}
main.case article.index_typeA2 .caseHeader .case_time_status {
  display: table;
  background-color: white;
  border: solid #666666 1px;
  border-radius: 0.2em;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.2em 1em;
  line-height: 1;
  margin: 0 0 0 auto;
  white-space: nowrap;
}
main.case article.index_typeA2 .caseHeader .case_time_status.waiting {
  border-color: #3875c8;
  color: #3875c8;
}
main.case article.index_typeA2 .caseHeader .case_time_status.almost_finished {
  border-color: #f7931e;
  color: #f7931e;
}
main.case article.index_typeA2 .caseHeader .case_time_status.new_case {
  border-color: #059e57;
  color: #059e57;
}
main.case article.index_typeA2 .caseHeader .case_time_status.finished {
  border-color: #666666;
  color: #666666;
}
main.case article.index_typeA2 .caseHeader .fav {
  position: relative;
}
main.case article.index_typeA2 .caseHeader .fav .global-favorite {
  right: -0.5rem;
}
main.case article.index_typeA2 .layout {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 600px) {
  main.case article.index_typeA2 .layout {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    /* no prefix */
    display: flex;
    align-items: flex-start;
  }
}
main.case article.index_typeA2 .layout .left {
  padding: 1em;
}
@media (min-width: 600px) {
  main.case article.index_typeA2 .layout .left {
    -webkit-flex-basis: 20em;
    flex-basis: 20em;
    width: 20em;
    max-width: 20em;
    min-width: 20em;
  }
}
main.case article.index_typeA2 .layout .left .block {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 1em;
}
main.case article.index_typeA2 .layout .left .category {
  text-align: center;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 3/1;
  margin-bottom: 1em;
}
main.case article.index_typeA2 .layout .left .category::before {
  font-size: 3rem;
  font-weight: normal;
}
main.case article.index_typeA2 .layout .left .category.CTCC001 {
  color: #5343d5;
}
main.case article.index_typeA2 .layout .left .category.CTCC001::before {
  content: "\f0c0";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
main.case article.index_typeA2 .layout .left .category.CTCC002 {
  color: #b67403;
}
main.case article.index_typeA2 .layout .left .category.CTCC002::before {
  content: "\f022";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
main.case article.index_typeA2 .layout .left .category.CTCC003 {
  color: #f54416;
}
main.case article.index_typeA2 .layout .left .category.CTCC003::before {
  content: "\f086";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
main.case article.index_typeA2 .layout .left .category.CTCC004 {
  color: #059e57;
}
main.case article.index_typeA2 .layout .left .category.CTCC004::before {
  content: "\f024";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
main.case article.index_typeA2 .layout .left .category.CTCC005 {
  color: #666666;
}
main.case article.index_typeA2 .layout .left .category.CTCC005::before {
  content: "\f059";
  font-family: "FontAwesome regular";
  vertical-align: baseline;
}
main.case article.index_typeA2 .layout .left .category.CTCC006 {
  color: #f7931e;
}
main.case article.index_typeA2 .layout .left .category.CTCC006::before {
  content: "\f059";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
main.case article.index_typeA2 .layout .left table {
  width: 100%;
}
main.case article.index_typeA2 .layout .left table tr > * {
  padding: 1em 0.5em;
  font-size: 0.9em;
}
main.case article.index_typeA2 .layout .left table tr:not(:last-of-type) > * {
  border-bottom: solid #98c6f9 1px;
}
main.case article.index_typeA2 .layout .left table th {
  color: #3875c8;
  text-align: left;
  font-weight: normal;
  text-align: left;
  min-width: 5em;
}
main.case article.index_typeA2 .layout .right {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 1em;
}
main.case article.index_typeA2 .layout .right > header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: white;
  border-radius: 0.5em;
  padding: 1em;
  margin-bottom: 3em;
}
main.case article.index_typeA2 .layout .right > header h3 {
  color: #3875c8;
  font-size: 1.5em;
}
main.case article.index_typeA2 .layout .right > header .owner {
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em 0;
}
main.case article.index_typeA2 .layout .right > header dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin: 0.5em 0;
  font-size: 1.1em;
  font-weight: bold;
}
main.case article.index_typeA2 .layout .right > header dt {
  color: #3875c8;
  text-align: left;
  text-align: left;
  width: 6em;
}
main.case article.index_typeA2 .layout .right .background {
  background-color: white;
  border: solid #98c6f9 1px;
  padding: 1em;
  margin-bottom: 3em;
}
main.case article.index_typeA2 .layout .right .background h3 {
  color: #3875c8;
  font-size: 1.5em;
  border-bottom: solid #98c6f9 1px;
  margin-bottom: 0.5em;
}
main.case article.index_typeA2 .layout .right .detail {
  background-color: #fff7ef;
  border-top-right-radius: 2.5em;
  margin-bottom: 3em;
  padding: 1em;
  position: relative;
  overflow: hidden;
}
main.case article.index_typeA2 .layout .right .detail::before {
  content: "";
  display: block;
  width: 1.7em;
  height: 1.7em;
  background-image: url("\2F assets\2F img\2F dxshare\2F corner\2E png\3F 0");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
main.case article.index_typeA2 .layout .right .detail h3 {
  color: #f7931e;
  font-size: 1.5em;
  margin-bottom: 1em;
}
main.case article.index_typeA2 .layout .entryWrap {
  display: table;
  margin: auto;
}
main.case article.index_typeA2 .layout .entryWrap a {
  background-color: #3875c8;
  border-radius: 2em;
  color: white;
  font-size: 1.8em;
  font-weight: bold;
  padding: 0.5em 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
@media (max-width: 899px) {
  main.case article.index_typeA2 .layout .entryWrap a {
    font-size: 1.5em;
  }
}
@media (max-width: 799px) {
  main.case article.index_typeA2 .layout .entryWrap a {
    font-size: 1.2em;
  }
}
main.case article.index_typeA2 .layout .entryWrap a::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("\2F assets\2F img\2F dxshare\2F icon\2D message\2E png\3F 0");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1rem;
}
main.case article.search_typeA2 {
  background: linear-gradient(white, #f6faff, white);
  margin: 3em auto;
}
main.case article.search_typeA2 header, main.case article.search_typeA2 ul.wrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1199px) {
  main.case article.search_typeA2 header, main.case article.search_typeA2 ul.wrap {
    padding-right: 1em;
    padding-left: 1em;
  }
}
main.case article.search_typeA2 ul.wrap li {
  padding: 1rem;
}

/* casemanage */
[class|=stc-casemanage] {
  /* block */
}

main.casemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.casemanage article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  padding: 1em;
  border-radius: 0.5em;
  /* article */
  /* common namespace */
  /* each */
}
main.casemanage article [type=text] {
  width: 100%;
}
main.casemanage article h2.default {
  color: #3875c8;
}
main.casemanage article .global-colTable tbody {
  background-color: white;
}
main.casemanage article.add_typeA2, main.casemanage article.conf_typeA2 {
  background-color: unset;
}
main.casemanage article.add_typeA2 h2, main.casemanage article.conf_typeA2 h2 {
  color: #3875c8;
}
main.casemanage article.add_typeA2 .global-rowTable, main.casemanage article.conf_typeA2 .global-rowTable {
  border: 0;
}
main.casemanage article.add_typeA2 .global-rowTable tr, main.casemanage article.conf_typeA2 .global-rowTable tr {
  display: block;
  background-color: white;
  margin-bottom: 2em;
  padding: 1em;
  border: 0;
  border-radius: 0.5em;
}
main.casemanage article.add_typeA2 .global-rowTable tr th, main.casemanage article.add_typeA2 .global-rowTable tr td, main.casemanage article.conf_typeA2 .global-rowTable tr th, main.casemanage article.conf_typeA2 .global-rowTable tr td {
  background-color: unset !important;
  border: 0;
  display: block;
  width: 100%;
  max-width: 100%;
}
main.casemanage article.add_typeA2 .global-rowTable tr th, main.casemanage article.conf_typeA2 .global-rowTable tr th {
  color: #666666;
  text-align: left;
  font-weight: bold;
  font-size: 1em;
}
main.casemanage article.conf_postscript {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
main.casemanage article.index {
  background-color: unset;
}
main.casemanage article.index > h2 {
  font-size: 1.25em;
  color: #3875c8;
}
main.casemanage article.index section {
  margin-bottom: 2em;
}
@media (min-width: 600px) {
  main.casemanage article.index section.flex {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
@media (min-width: 600px) {
  main.casemanage article.index section.flex > .block {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
  main.casemanage article.index section.flex > .block:first-child {
    margin-right: 1em;
  }
  main.casemanage article.index section.flex > .block:last-child {
    margin-left: 1em;
  }
}
main.casemanage article.index section.flex > .block header {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
main.casemanage article.index section.flex > .block header .image {
  padding: 1em 2em;
}
main.casemanage article.index section.flex > .block header h3 {
  font-size: 1.3em;
  color: #3875c8;
}
main.casemanage article.index section.flex > .block .text p {
  padding: 1em 1.5em;
  font-size: 1.15em;
}
main.casemanage article.index section .block {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 1.5em;
  margin-bottom: 2em;
}
main.casemanage article.index section .block a {
  border-radius: 2em;
  background-color: #3875c8;
  color: white;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  width: 15em;
  text-align: center;
  padding: 1em;
  margin: 1em auto;
}
@media (min-width: 600px) {
  main.casemanage article.index section .block.add {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    /* no prefix */
    display: flex;
  }
}
main.casemanage article.index section .block.add .image {
  text-align: center;
  padding: 1em 2em;
}
main.casemanage article.index section .block.add .text h3 {
  color: #3875c8;
  font-size: 2em;
  margin: 1em 0;
}
main.casemanage article.index section .block.add p {
  font-size: 1.15em;
}

/* stp */
/* product */
[class|=stp-product] {
  /* block */
}

main.product {
  /* component */
  /* common namespace */
  /* each */
}
main.product article {
  /* article */
  /* common namespace */
  /* each */
}

/* productmanage */
[class^=stp-productmanage] {
  /* block */
}

main.productmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.productmanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* str */
/* reserve */
[class^=str-reserve] {
  /* block */
}

main.reserve {
  /* component */
  /* common namespace */
  /* each */
}
main.reserve article {
  /* article */
  /* common namespace */
  /* each */
}

/* reservemanage */
[class^=str-reservemanage] {
  /* block */
}

main.reservemanage {
  /* component */
  /* common namespace */
  /* each */
}
main.reservemanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* shipping */
/* shippingmanage */
[class^=shipping-shippingmanage] {
  /* block */
}

main.shippingmanage {
  /* component */
  /* common namespace */
  /* each */
}
main.shippingmanage article {
  /* article */
  /* common namespace */
  /* each */
}

/* sitetop */
/* sitetop */
[class^=sitetop] {
  /* block */
}

main.sitetop {
  /* component */
  /* common namespace */
  /* each */
}
main.sitetop article {
  /* article */
  /* common namespace */
  /* each */
}
main.sitetop article.contact, main.sitetop article.inquiry {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
}

/* special */
/* special */
[class|=special] {
  /* block */
}

main.special {
  /* component */
  /* common namespace */
  /* each */
}
main.special article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
  /* article */
  /* common namespace */
  /* each */
}

/* user */
/* user */
[class|=user] {
  /* block */
}

main.user {
  /* component */
  /* common namespace */
  /* each */
}
main.user article {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  /* article */
  /* common namespace */
  /* each */
}