@charset "UTF-8";
#head {
  height: 280px; }

.detail #head {
  height: 200px;
  margin-bottom: 0; }

.detail #head .txt {
  width: 100%; }

.detail #head h1 {
  text-align: center; }

.result #head .inner {
  display: flex;
  align-items: center;
}
.result #head .txt {
  position: static;
  width: 400px;
  transform: translateY(0);
}

/**
 * .search_block
 */
#contents .search_block {
  margin: 60px 0; }

#contents .paging + .search_block {
  padding: 0 0 20px 0; }

#contents .search_block h3 {
  text-align: center;
  margin-bottom: 30px; }

#contents .search_block h3 em {
  color: #a5964b; }

#contents .search_block h3 strong {
  font-size: 2.4rem; }

#contents .search_block .textbox {
  position: relative;
  margin-top: 40px; }

#contents .search_block .textbox input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 60px 15px 20px;
  border: solid 1px #c8c8c8;
  border-radius: 300px;
  background: #f6f6f6;
  font-size: 1.6rem; }

#contents .search_block .textbox input::-webkit-input-placeholder {
  color: #444; }

#contents .search_block .textbox input::-moz-placeholder {
  color: #444; }

#contents .search_block .textbox input:-ms-input-placeholder {
  color: #444; }

#contents .search_block .textbox input::-ms-input-placeholder {
  color: #444; }

#contents .search_block .textbox input::placeholder {
  color: #444; }

#contents .search_block .textbox input:-ms-input-placeholder {
  color: #444; }

#contents .search_block .textbox input::-ms-input-placeholder {
  color: #444; }

#contents .search_block .textbox label {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  width: 23px;
  height: 23px;
  background: url("../../common/img/icon_search.svg") no-repeat center center/contain; }

#contents .search_block .textbox input[type="submit"] {
  display: none; }

/* .result_search_block */
#contents .result_search_block {
  padding: 0;
  margin: 30px 0; }

#contents .result_search_block h3 {
  float: left;
  width: 31%;
  margin: 10px 0 0 0;
  text-align: left; }

#contents .result_search_block h3 em {
  color: #a5964b; }

#contents .result_search_block h3 strong {
  font-size: 2.4rem; }

#contents .result_search_block h4 {
  position: relative;
  padding: 15px 0;
  border-bottom: solid 1px #dcdcdc;
  font-size: 2rem; }

#contents .result_search_block h4::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #a5964b;
  content: ''; }
#contents .result_search_block h4::before {
  display: none; }
#contents .result_search_block h4::after {
  width: 10px;
  height: 10px;
  background: none;
  border-bottom: 2px solid #a5964b;
  border-right: 2px solid #a5964b;
  transform: rotate(45deg);
  right: 2px;
}
#contents .result_search_block .act h4::after {
  transform: rotate(-135deg);
  top: 12px;
}
#contents .result_search_block tr {
  border-top: solid 1px #dcdcdc; }

#contents .result_search_block tr:first-child {
  border: none; }

#contents .result_search_block th,
#contents .result_search_block td {
  padding: 15px 0; }

#contents .result_search_block th {
  padding-right: 10px;
  white-space: nowrap;
  font-size: 1.8rem; }

#contents .result_search_block td span {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px; }

#contents .result_search_block input[type="radio"],
#contents .result_search_block input[type="checkbox"] {
  display: none; }

#contents .result_search_block label {
  cursor: pointer; }

#contents .result_search_block input[type="radio"] + label::before,
#contents .result_search_block input[type="checkbox"] + label::before {
  box-sizing: border-box;
  display: inline-block;
  width: 22px;
  height: 22px;
  border: solid 1px #a5964b;
  margin-right: 5px;
  margin-top: -4px;
  vertical-align: middle;
  content: ''; }

#contents .result_search_block input[type="radio"]:checked + label::before,
#contents .result_search_block input[type="checkbox"]:checked + label::before {
  background: url("../../common/img/radio_on.png") no-repeat center center/18px; }

#contents .result_search_block select {
  box-sizing: border-box;
  padding: 12px 10px;
  width: 100%;
  border: solid 1px #a5964b;
  border-radius: 3px;
  background: url("../../common/img/icon_select.svg") no-repeat right center/28px auto;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer; }

#contents .result_search_block #ncheck_wrap {
  display: none;
}
#contents .result_search_block #ncheck_wrap.is-active {
  display: block;
  margin-top: 10px;
}
#contents .result_search_block #ncheck_wrap.is-active > span {
  margin-bottom: 0;
}
#contents .result_search_block #ncheck_wrap.is-active .ncheck_title {
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #dcdcdc;
}
#contents .result_search_block #ncheck_wrap.is-active .ncheck {
  margin-left: -10px;
}
#contents .result_search_block #ncheck_wrap.is-active .ncheck label {
  display: inline-block;
  border: 1px solid #a5964b;
  border-radius: 4px;
  margin: 10px 0 0 10px;
  padding: 6px 8px;
  font-size: 12px;
  color: #000;
}
#contents .result_search_block #ncheck_wrap.is-active .ncheck label::before {
  display: none;
}
#contents .result_search_block #ncheck_wrap.is-active .ncheck input:checked + label {
  background-color: #a5964b;
  color: #FFF;
}
#contents .result_search_block #ncheck_wrap.is-active.is-selected .ncheck_title,
#contents .result_search_block #ncheck_wrap.is-active.is-selected .ncheck {
  display: none;
}
#contents .result_search_block #ncheck_wrap.is-irregular > span {
  display: none;
}
#contents .result_search_block #ncheck_wrap.is-irregular .ncheck_title {
  padding-top: 0;
  border-top: none;
}

#contents .result_search_block .textbox {
  position: relative;
  margin-top: 40px; }

#contents .result_search_block .textbox input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 60px 15px 20px;
  border: solid 1px #c8c8c8;
  border-radius: 300px;
  background: #f6f6f6;
  font-size: 1.6rem; }

#contents .result_search_block .textbox input::-webkit-input-placeholder {
  color: #444; }

#contents .result_search_block .textbox input::-moz-placeholder {
  color: #444; }

#contents .result_search_block .textbox input:-ms-input-placeholder {
  color: #444; }

#contents .result_search_block .textbox input::-ms-input-placeholder {
  color: #444; }

#contents .result_search_block .textbox input::placeholder {
  color: #444; }

#contents .result_search_block .textbox input:-ms-input-placeholder {
  color: #444; }

#contents .result_search_block .textbox input::-ms-input-placeholder {
  color: #444; }

#contents .result_search_block .textbox label {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  width: 23px;
  height: 23px;
  background: url("../../common/img/icon_search.svg") no-repeat center center/contain; }

#contents .result_search_block .textbox input[type="submit"] {
  display: none; }

#contents .result_search_block .btns {
  margin: 20px 0 0 0; }

#contents.result .search_block .note_block p {
    font-size: 1.2rem; }

/**
 * .example_block
 */
#contents .example_block {
  padding: 60px 0;
  background: #eae9e6; }

#contents .example_block h2 {
  font-size: 2.2rem; }

#contents .example_block .box {
  background: #fff;
  border-radius: 4px;
  padding: 40px 50px; }

#contents .example_block .box + .box {
  margin-top: 15px; }

#contents .example_block .box li {
  border-top: solid 1px #dcdcdc;
  padding-bottom: 12px; }

#contents .example_block .box li:first-child {
  border-top: none; }

#contents .example_block .box h5 {
  display: inline-block;
  background: #edeadb;
  padding: 3px 10px;
  color: #a5964b; }

#contents .example_block .box h3 {
  color: #b02b5a;
  margin-bottom: 0.4em; }

#contents .example_block .box .box_title {
  margin: 20px 0 5px;
  font-size: 20px;
  color: #a5964b;
}

#contents .example_block .box h4 {
  border-bottom: solid 1px #dcdcdc;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;
  font-size: 2rem; }

#contents .example_block .box h6 {
  margin: 1em 0 0.4em 0;
  color: #a5964b; }

#contents .example_block .box .note {
  font-size: 1.4rem;
  color: #888; }

#contents .example_block .ba_block {
  background: none;
  padding-top: 0; }

#contents .example_block .ba_block:before,
#contents .example_block .ba_block:after {
  content: "";
  display: table; }

#contents .example_block .ba_block:after {
  clear: both; }

#contents .example_block .ba_block {
  margin: 0 -6px;
  padding: 10px 0 0 0; }

#contents .example_block .ba_block + .ba_block {
  margin-top: 1em; }

#contents .example_block .ba_block li,
#contents .example_block .ba_block.col2 li,
#contents .example_block .ba_block.col3 li {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 50%;
  padding: 0 6px;
  border-top: none; }

#contents .example_block .ba_block.col3 li {
  width: 33.33%; }

#contents .example_block .ba_block h3 {
  margin-top: 0;
  font-size: 1.8rem;
  color: #a5964b; }

#contents .example_block .ba_block h3 span {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1.4rem; }

#contents .example_block .ba_block h3:first-child {
  margin-top: 0; }

#contents .example_block .ba_block p {
  margin-top: 0;
  margin-bottom: 1em; }

#contents .example_block .ba_block + p {
  position: relative;
  margin-top: 1em;
  max-height: 3.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: max-height 1s ease-out;
}
#contents .example_block .ba_block + p.on {
  max-height: 1000px;
  display: block;
}
#contents .example_block .ba_block + p + .more {
  display: block;
  margin: 5px;
  text-align: center;
  font-size: 13px;
}
#contents .example_block .ba_block + p + .more::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-bottom: 2px solid #bcb17a;
  border-right: 2px solid #bcb17a;
  transform: rotate(45deg);
  vertical-align: 2px;
}
#contents .example_block .ba_block + p + .more.on::before {
  transform: rotate(225deg);
  vertical-align: -3px;
}

#contents .example_block .box .btns {
  margin: 0; }

#contents .example_block .box .risk {
  margin: 0; }

#contents .example_block .box .risk_result {
  border: none; }

#contents .example_block .box .price {
  padding-top: 12px;
}
#contents .example_block .box .price h3 {
  font-size: 11px;
}
#contents .example_block .box .risk .title {
  font-size: 11px;
}
#contents .example_block .box .doctor_incharge {
  border: none;
}
#contents .example_block .box .doctor_incharge p {
  font-size: 11px;
}
#contents .example_block .box .doctor_incharge .title {
  color: #b02b5a;
}
#contents .example_block .box .price p {
  font-size: 11px;
  line-height: 1.4;
}
#contents .example_block .box .price p + p {
  margin-top: 8px;
}
#contents .example_block .box .price .price_name {
  color: #a5964b;
}
#contents .example_block .box .risk .risk_text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .example_block .box .risk .risk_text p {
  width: 165px;
  color: #a5964b;
  font-size: 11px;
}
#contents .example_block .box .risk .risk_text .risk_list {
  width: 487px;
  font-size: 11px;
}
#contents .example_block .box .risk .risk_text .risk_list a {
  display: inline;
}
#contents .example_block .box .risk .risk_text .risk_list a {
  display: inline;
}
#contents .example_block .box .related {
  padding-top: 12px;
}
#contents .example_block .box .related a {
  display: block;
  position: relative;
  line-height: 1.4;
  font-size: 1.4rem;
  color: #a5964b !important;
  text-decoration: none;
  margin: 15px 0px;
}
#contents .example_block .box .related a:last-child{
  margin-bottom: 0px;
}
#contents .example_block .box .related a span{
  display:inline-block;
  border: 1px solid #a5964b;
  border-radius: 3px;
  padding:7px 20px;
  text-align: center;
}

#contents .example_block .box .related a:hover {
  text-decoration: none;
}

#contents .example_block .box .related a span:hover {
  cursor: pointer;
  background: #a5964b;
  color: #fff !important;
}

#contents .example_block .ttl_block {
  position: relative;
  padding: 10px 0;
  margin: 30px 0; }

#contents .example_block .ttl_block figure {
  position: absolute;
  right: 0;
  top: 0; }

#contents .example_block .ttl_block h3 {
  margin-top: 1em; }

#contents .example_block .ttl_block h4 {
  border: none;
  margin: 20px 0 0 0;
  font-size: 1.4rem; }

#contents .example_block .ttl_block h4 strong {
  font-size: 1.8rem;
  color: #000; }

#contents .example_block .zukai {
  margin: 0 0 20px 20px;
  float: right;
  width: 300px;
  padding: 0 10px;
  box-shadow: 2px 2px 5px #CCC;
  border-radius: 2px; }

#contents .example_block .zukai li {
  padding: 5px 0; }

/* #contents.index .example_block */
#contents.index .example_block .cf > *:nth-child(odd) {
  float: left;
  width: 63%; }

#contents.index .example_block .cf > *:nth-child(even) {
  float: right;
  width: 26%; }

#contents.index .example_block .ba_block.pc li {
  float: none;
  width: 100%; }

#contents.index .example_block .ba_block.pc li + li {
  margin-top: 2em; }

/* #contents.detail .example_block */
#contents.detail .example_block {
  margin-top: 0; }
#contents .example_block .box li {
  padding-top: 12px;
  padding-bottom: 12px; }
/* .progress_block */
#contents.detail .example_block .progress_block {
  margin: 60px 0; }

#contents.detail .example_block .progress_block h3 {
  text-align: center;
  font-size: 1.8rem;
  color: #a5964b; }

#contents.detail .example_block .progress_block h3 span {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1.4rem; }

#contents.detail .example_block .progress_block h2 + h4 {
  margin-top: 0;
}
#contents.detail .example_block .progress_block h4 {
  margin-top: 4em;
}

#contents.detail .example_block .progress_block .divide2 > * + * {
  margin-top: 10px; }

#contents.detail .example_block .progress_block .divide2.sp_divide {
  margin-top: 20px;
  margin-bottom: 20px;
}
#contents.detail .example_block .progress_block .divide2.sp_divide h3 {
  background: #F4F3F0;
  float: none;
  width: calc(100% - 26px);
  padding: 5px 13px;
  margin: 20px auto 5px;
}
#contents.detail .example_block .progress_block .divide2.sp_divide .left {
  width: 51.3%;
  text-align: center; }

#contents.detail .example_block .progress_block .divide2.sp_divide .right {
  width: 48.4%; }

.btn_blank,
.btn_link0,
input[type="submit"].btn_link0 {
  box-sizing: border-box;
  display: inline-block;
  padding: 7px 20px;
  min-width: 150px;
  background: #fff;
  border: solid 1px #a5964b;
  border-radius: 3px;
  text-align: center;
  line-height: 1.4;
  font-size: 1.4rem;
  color: #a5964b !important;
  transition: all 0.15s ease-out; 
  margin-bottom:25px; }

.btn_link0:hover,
input[type="submit"].btn_link0:hover {
  cursor: pointer;
  background: #a5964b;
  color: #fff !important; }

.paging li .btn_prev,
.paging li .btn_next,
.paging li .btn_min,
.paging li .btn_max {
  border-radius: 0;
  width: 20px;
  height: 20px;
  background: none; }

.paging li .btn_prev {
  transform: rotate(-45deg);
  border-top: solid 1px #a5964b;
  border-left: solid 1px #a5964b;
  margin-right: 40px; }

.paging li .btn_min {
  position: relative;
  transform: rotate(-45deg);
  border-top: solid 1px #a5964b;
  border-left: solid 1px #a5964b;
  margin-right: 40px; }

.paging li .btn_min::before {
  position: absolute;
  display: block;
  content: "";
  border-top: solid 1px #a5964b;
  border-left: solid 1px #a5964b;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 7px; }

.paging li .btn_next {
  transform: rotate(45deg);
  border-top: solid 1px #a5964b;
  border-right: solid 1px #a5964b;
  margin-left: 40px; }

.paging li .btn_max {
  position: relative;
  transform: rotate(45deg);
  border-top: solid 1px #a5964b;
  border-right: solid 1px #a5964b;
  margin-left: 40px; }

.paging li .btn_max::before {
  position: absolute;
  display: block;
  content: "";
  border-top: solid 1px #a5964b;
  border-right: solid 1px #a5964b;
  width: 20px;
  height: 20px;
  top: 7px;
  right: 7px; }

/* .note_block */
#contents .note_block p {
  font-size: 1.4rem; }

.protect-img {
  background-size: 100%; }

/* .result_param_block */
.result_param_block {
  display: flex;
  border: 1px solid #a5964b;
  border-radius: 4px;
  margin-bottom: 30px !important;
  background: #a5964b;
  align-items: center;
}
.result_param_block h4 {
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 1.8rem;
  width: 130px;
}
#contents .result_param_block .inner {
  width: 638px;
  padding: 15px;
  background-color: #FFF;
  border-radius: 0 3px 3px 0;
}
.result_param_block .inner .up {
  display: flex;
  align-items: center;
}
.result_param_block .inner .up .item {
  display: flex;
  align-items: center;
  padding-right: 25px;
}
.result_param_block .inner .up .label {
  width: 107px;
  background: #edeadb;
  margin: 0 10px 0 0 !important;
  padding: 3px;
  font-size: 1.4rem;
  text-align: center;
  box-sizing: border-box;
}
.result_param_block .inner .up .item:last-child {
  padding-right: 0 !important;
}
.result_param_block .inner .up .text {
  margin: 0 !important;
  font-size: 1.4rem;
}
.result_param_block .inner .bottom {
  display: flex;
  margin-top: 8px;
  align-items: center;
}
.result_param_block .inner .bottom .label {
  width: 107px;
  background: #edeadb;
  margin: 0 10px 0 0;
  padding: 3px;
  font-size: 1.4rem;
  text-align: center;
  box-sizing: border-box;
}
.result_param_block .inner .bottom .text {
  margin: 0 !important;
  font-size: 1.4rem;
}
.result_param_block + h3 {
  margin-bottom: -20px;
}

@media only screen and (max-width: 1024px) {
  #contents .example_block .box .risk .risk_text p,
  #contents .example_block .box .risk .risk_text .risk_list {
    width: 100%;
  }
  #contents .example_block .box .related a{
    text-align:center;
  }
}

@media only screen and (max-width: 767px) {
  #head,
  .detail #head {
    height: 38vw; }
  .detail #head .txt {
    left: 0; }
  .detail #head .txt h1 {
    padding: 0 10px; }
  #contents .search_block {
    padding: 0 0 0 0;
    margin-bottom: 0; }
  #contents .search_block h3 {
    margin-top: 0;
    margin-bottom: 20px; }
  #contents .search_block h2 {
    margin-bottom: 15px; }
  #contents .search_block .textbox {
    position: relative;
    margin-top: 40px; }
  #contents .search_block .textbox input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 60px 15px 20px;
    border: solid 1px #c8c8c8;
    border-radius: 300px;
    background: #f6f6f6;
    font-size: 1.6rem; }
  #contents .search_block .textbox input::-webkit-input-placeholder {
    color: #444; }
  #contents .search_block .textbox input::-moz-placeholder {
    color: #444; }
  #contents .search_block .textbox input:-ms-input-placeholder {
    color: #444; }
  #contents .search_block .textbox input::-ms-input-placeholder {
    color: #444; }
  #contents .search_block .textbox input::placeholder {
    color: #444; }
  #contents .search_block .textbox input:-ms-input-placeholder {
    color: #444; }
  #contents .search_block .textbox input::-ms-input-placeholder {
    color: #444; }
  #contents .search_block .textbox label {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto;
    width: 23px;
    height: 23px;
    background: url("../../common/img/icon_search.svg") no-repeat center center/contain; }
  #contents .search_block .textbox input[type="submit"] {
    display: none; }
  #contents.result .search_block {
    border-top: solid 1px #dcdcdc;
    margin-top: 0;
    padding-top: 20px }
  #contents .result_search_block {
    margin: 20px 0; }
  #contents .result_search_block h3 {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center; }
  #contents .result_search_block .textbox {
    position: relative;
    margin-top: 40px; }
  #contents .result_search_block .textbox input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 60px 15px 20px;
    border: solid 1px #c8c8c8;
    border-radius: 300px;
    background: #f6f6f6;
    font-size: 1.6rem; }
  #contents .result_search_block .textbox input::-webkit-input-placeholder {
    color: #444; }
  #contents .result_search_block .textbox input::-moz-placeholder {
    color: #444; }
  #contents .result_search_block .textbox input:-ms-input-placeholder {
    color: #444; }
  #contents .result_search_block .textbox input::-ms-input-placeholder {
    color: #444; }
  #contents .result_search_block .textbox input::placeholder {
    color: #444; }
  #contents .result_search_block .textbox input:-ms-input-placeholder {
    color: #444; }
  #contents .result_search_block .textbox input::-ms-input-placeholder {
    color: #444; }
  #contents .result_search_block .textbox label {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto;
    width: 23px;
    height: 23px;
    background: url("../../common/img/icon_search.svg") no-repeat center center/contain; }
  #contents .result_search_block .textbox input[type="submit"] {
    display: none; }
  #contents .example_block {
    padding: 20px 0; }
  #contents .example_block .box {
    padding: 30px 20px; }
  #contents .example_block .box + .box {
    margin-top: 15px; }
  #contents .example_block .ba_block {
    padding: 10px 0 0 0; }
  #contents .example_block .ba_block li {
    display: block;
    box-sizing: border-box;
    float: none;
    width: 100%; }
  #contents .example_block .ba_block.col2 li:nth-child(odd) {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0 7px 0 0; }
  #contents .example_block .ba_block.col2 li:nth-child(even) {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0 0 0 7px;
    border: none; }
  #contents .example_block .ba_block.col3 li {
    width: 50%; }
  #contents .example_block .ba_block li + li {
    margin-top: 1.5em !important; }
  #contents .example_block .ba_block.col2 li + li,
  #contents .example_block .ba_block.col3 li + li {
    margin-top: 0 !important; }
  #contents .example_block .ba_block.col3 li + li:nth-child(3 + n) {
    margin-top: 0.5em !important; }
  #contents .example_block .ba_block h3 {
    margin-top: 0; }
  #contents .example_block .zukai {
    margin: 0 auto 15px;
    float: none;
    width: 80%; }
  #contents.index .example_block .cf > *:nth-child(odd) {
    float: none;
    width: 100%; }
  #contents.index .example_block .cf > *:nth-child(even) {
    display: none; }
  #contents.detail .example_block .progress_block .divide2.sp_divide {
    width: 100%;
    margin: 0 0 20px;
  }
  #contents.detail .example_block .progress_block .divide2.sp_divide h3 {
    width: 100%;
    margin: 20px 0 5px;
  }
  #contents.detail .example_block .progress_block .divide2.sp_divide .left,
  #contents.detail .example_block .progress_block .divide2.sp_divide .right {
    width: 100%;
    padding: 0;
  }
  c.detail .example_block .progress_block .divide2.sp_divide .left figure {
    margin-bottom: 4px;
  }
  .paging li .btn_prev,
  .paging li .btn_min {
    margin-right: 10px; }
  .paging li .btn_next,
  .paging li .btn_max {
    margin-left: 10px; }
  #contents .result_param_block {
    display: block;
  }
  #contents .result_param_block h4 {
    width: 100%;
    padding: 8px;
    font-size: 1.6rem;
    box-sizing: border-box;
  }
  #contents .result_param_block h4 br {
    display: none;
  }
  #contents .result_param_block .inner {
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
  }
  #contents .result_param_block .inner .up {
    display: block;
    margin-top: -8px;
  }
  #contents .result_param_block .inner .up .item {
    padding-right: 0;
    margin-top: 8px;
  }
  #contents .result_param_block .inner .up .label,
  #contents .result_param_block .inner .bottom .label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97px;
    margin-right: 15px !important;
    font-size: 1.2rem;
  }
  #contents .result_param_block .inner .up .text,
  #contents .result_param_block .inner .bottom .text {
    font-size: 1.2rem;
    width: calc(100% - 112px);
    line-height: 1.6;
    padding: 5px 0;
  }
  #contents .result_param_block .inner .bottom {
    margin-top: 8px;
    flex-wrap: wrap;
    align-items: normal;
  }
  #contents .example_block .box .related a{
    text-align:center;
  }
}

@media only screen and (max-width: 414px) {
  .result #head .txt {
    width: 100%;
  }
  .result #head h1 {
    font-size: 1.5rem;
    width: 52%;
  }
  #contents .example_block .box .box_title {
    margin: 15px 0 5px;
  }
  #contents .example_block .ba_block h3 {
    font-size: 1.2rem;
  }
  #contents .example_block .ba_block + p {
    max-height: 7em;
    -webkit-line-clamp: 4;
  }
  #contents .example_block .ba_block + p.on {
    max-height: 2000px;
  }
  #contents .example_block .box .related a::before {
    width: 17px;
    height: 17px;
    margin-top: -9px;
  }
  #contents .example_block .box .related a::after {
    left: 6px;
  }
}

@media only screen and (max-width: 413px) {
  .paging li .btn_prev,
  .paging li .btn_min {
    margin-right: 5px; }
  .paging li .btn_next,
  .paging li .btn_max {
    margin-left: 5px; }
  #contents .example_block .box .related a {
    text-align:center;} }

/*# sourceMappingURL=../../maps/photo/css/photo.css.map */