@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
*/
html {
  font-family: -apple-system, BlinkMacSystemFont, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
}

button {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img,
video {
  max-width: 100%;
}

a {
  text-decoration: none;
}

/* autoprefixer grid: autoplace */
.container {
  max-width: 1160px;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .container-width-l {
    width: 1160px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .flex-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .flex-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 1023px) {
  .flex-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-wrap-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.row-container {
  overflow: hidden;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.row-xgap1 {
  margin-left: -16px;
  margin-right: -16px;
}

.row-xgap1 > [class^="col"] {
  padding-left: 16px;
  padding-right: 16px;
}

.row-ygap1 > [class^="col"] {
  margin-bottom: 32px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

.row-xgap2 {
  margin-left: -14px;
  margin-right: -14px;
}

.row-xgap2 > [class^="col"] {
  padding-left: 14px;
  padding-right: 14px;
}

.row-ygap2 > [class^="col"] {
  margin-bottom: 28px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

.row-xgap3 {
  margin-left: -12px;
  margin-right: -12px;
}

.row-xgap3 > [class^="col"] {
  padding-left: 12px;
  padding-right: 12px;
}

.row-ygap3 > [class^="col"] {
  margin-bottom: 24px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

.row-xgap4 {
  margin-left: -8px;
  margin-right: -8px;
}

.row-xgap4 > [class^="col"] {
  padding-left: 8px;
  padding-right: 8px;
}

.row-ygap4 > [class^="col"] {
  margin-bottom: 16px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

.row-xgap5 {
  margin-left: -4px;
  margin-right: -4px;
}

.row-xgap5 > [class^="col"] {
  padding-left: 4px;
  padding-right: 4px;
}

.row-ygap5 > [class^="col"] {
  margin-bottom: 8px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

.row-xgap6 {
  margin-left: -0px;
  margin-right: -0px;
}

.row-xgap6 > [class^="col"] {
  padding-left: 0px;
  padding-right: 0px;
}

.row-ygap6 > [class^="col"] {
  margin-bottom: 0px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

.row-xgap7 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-xgap7 > [class^="col"] {
  padding-left: 10px;
  padding-right: 10px;
}

.row-ygap7 > [class^="col"] {
  margin-bottom: 20px;
}

.col1 {
  width: calc( 100% / 12 * 1);
}

.col2 {
  width: calc( 100% / 12 * 2);
}

.col3 {
  width: calc( 100% / 12 * 3);
}

.col4 {
  width: calc( 100% / 12 * 4);
}

.col5 {
  width: calc( 100% / 12 * 5);
}

.col6 {
  width: calc( 100% / 12 * 6);
}

.col7 {
  width: calc( 100% / 12 * 7);
}

.col8 {
  width: calc( 100% / 12 * 8);
}

.col9 {
  width: calc( 100% / 12 * 9);
}

.col10 {
  width: calc( 100% / 12 * 10);
}

.col11 {
  width: calc( 100% / 12 * 11);
}

.col12 {
  width: calc( 100% / 12 * 12);
}

@media screen and (min-width: 1024px) {
  .row-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-xgap1-l {
    margin-left: -16px;
    margin-right: -16px;
  }
  .row-xgap1-l > [class^="col"] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .row-ygap1-l > [class^="col"] {
    margin-bottom: 32px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap2-l {
    margin-left: -14px;
    margin-right: -14px;
  }
  .row-xgap2-l > [class^="col"] {
    padding-left: 14px;
    padding-right: 14px;
  }
  .row-ygap2-l > [class^="col"] {
    margin-bottom: 28px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap3-l {
    margin-left: -12px;
    margin-right: -12px;
  }
  .row-xgap3-l > [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .row-ygap3-l > [class^="col"] {
    margin-bottom: 24px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap4-l {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row-xgap4-l > [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row-ygap4-l > [class^="col"] {
    margin-bottom: 16px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap5-l {
    margin-left: -4px;
    margin-right: -4px;
  }
  .row-xgap5-l > [class^="col"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .row-ygap5-l > [class^="col"] {
    margin-bottom: 8px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap6-l {
    margin-left: -0px;
    margin-right: -0px;
  }
  .row-xgap6-l > [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-ygap6-l > [class^="col"] {
    margin-bottom: 0px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap7-l {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-xgap7-l > [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row-ygap7-l > [class^="col"] {
    margin-bottom: 20px;
  }
  .col1-l {
    width: calc( 100% / 12 * 1);
  }
  .col2-l {
    width: calc( 100% / 12 * 2);
  }
  .col3-l {
    width: calc( 100% / 12 * 3);
  }
  .col4-l {
    width: calc( 100% / 12 * 4);
  }
  .col5-l {
    width: calc( 100% / 12 * 5);
  }
  .col6-l {
    width: calc( 100% / 12 * 6);
  }
  .col7-l {
    width: calc( 100% / 12 * 7);
  }
  .col8-l {
    width: calc( 100% / 12 * 8);
  }
  .col9-l {
    width: calc( 100% / 12 * 9);
  }
  .col10-l {
    width: calc( 100% / 12 * 10);
  }
  .col11-l {
    width: calc( 100% / 12 * 11);
  }
  .col12-l {
    width: calc( 100% / 12 * 12);
  }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .row-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-xgap1-m {
    margin-left: -16px;
    margin-right: -16px;
  }
  .row-xgap1-m > [class^="col"] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .row-ygap1-m > [class^="col"] {
    margin-bottom: 32px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap2-m {
    margin-left: -14px;
    margin-right: -14px;
  }
  .row-xgap2-m > [class^="col"] {
    padding-left: 14px;
    padding-right: 14px;
  }
  .row-ygap2-m > [class^="col"] {
    margin-bottom: 28px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap3-m {
    margin-left: -12px;
    margin-right: -12px;
  }
  .row-xgap3-m > [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .row-ygap3-m > [class^="col"] {
    margin-bottom: 24px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap4-m {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row-xgap4-m > [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row-ygap4-m > [class^="col"] {
    margin-bottom: 16px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap5-m {
    margin-left: -4px;
    margin-right: -4px;
  }
  .row-xgap5-m > [class^="col"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .row-ygap5-m > [class^="col"] {
    margin-bottom: 8px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap6-m {
    margin-left: -0px;
    margin-right: -0px;
  }
  .row-xgap6-m > [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-ygap6-m > [class^="col"] {
    margin-bottom: 0px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap7-m {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-xgap7-m > [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row-ygap7-m > [class^="col"] {
    margin-bottom: 20px;
  }
  .col1-m {
    width: calc( 100% / 12 * 1);
  }
  .col2-m {
    width: calc( 100% / 12 * 2);
  }
  .col3-m {
    width: calc( 100% / 12 * 3);
  }
  .col4-m {
    width: calc( 100% / 12 * 4);
  }
  .col5-m {
    width: calc( 100% / 12 * 5);
  }
  .col6-m {
    width: calc( 100% / 12 * 6);
  }
  .col7-m {
    width: calc( 100% / 12 * 7);
  }
  .col8-m {
    width: calc( 100% / 12 * 8);
  }
  .col9-m {
    width: calc( 100% / 12 * 9);
  }
  .col10-m {
    width: calc( 100% / 12 * 10);
  }
  .col11-m {
    width: calc( 100% / 12 * 11);
  }
  .col12-m {
    width: calc( 100% / 12 * 12);
  }
}

@media screen and (max-width: 1023px) {
  .row-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-xgap1-s {
    margin-left: -16px;
    margin-right: -16px;
  }
  .row-xgap1-s > [class^="col"] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .row-ygap1-s > [class^="col"] {
    margin-bottom: 32px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap2-s {
    margin-left: -14px;
    margin-right: -14px;
  }
  .row-xgap2-s > [class^="col"] {
    padding-left: 14px;
    padding-right: 14px;
  }
  .row-ygap2-s > [class^="col"] {
    margin-bottom: 28px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap3-s {
    margin-left: -12px;
    margin-right: -12px;
  }
  .row-xgap3-s > [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .row-ygap3-s > [class^="col"] {
    margin-bottom: 24px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap4-s {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row-xgap4-s > [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row-ygap4-s > [class^="col"] {
    margin-bottom: 16px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap5-s {
    margin-left: -4px;
    margin-right: -4px;
  }
  .row-xgap5-s > [class^="col"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .row-ygap5-s > [class^="col"] {
    margin-bottom: 8px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap6-s {
    margin-left: -0px;
    margin-right: -0px;
  }
  .row-xgap6-s > [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-ygap6-s > [class^="col"] {
    margin-bottom: 0px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
  .row-xgap7-s {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-xgap7-s > [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row-ygap7-s > [class^="col"] {
    margin-bottom: 20px;
  }
  .col1-s {
    width: calc( 100% / 12 * 1);
  }
  .col2-s {
    width: calc( 100% / 12 * 2);
  }
  .col3-s {
    width: calc( 100% / 12 * 3);
  }
  .col4-s {
    width: calc( 100% / 12 * 4);
  }
  .col5-s {
    width: calc( 100% / 12 * 5);
  }
  .col6-s {
    width: calc( 100% / 12 * 6);
  }
  .col7-s {
    width: calc( 100% / 12 * 7);
  }
  .col8-s {
    width: calc( 100% / 12 * 8);
  }
  .col9-s {
    width: calc( 100% / 12 * 9);
  }
  .col10-s {
    width: calc( 100% / 12 * 10);
  }
  .col11-s {
    width: calc( 100% / 12 * 11);
  }
  .col12-s {
    width: calc( 100% / 12 * 12);
  }
}

.block {
  display: block;
}

*.block--force {
  display: block !important;
}

.inline {
  display: inline;
}

*.inline--force {
  display: inline !important;
}

*.none {
  display: none;
}

*.none--force {
  display: none !important;
}

@media screen and (min-width: 1024px) {
  .block-l {
    display: block;
  }
  *.block-l--force {
    display: block !important;
  }
  .inline-l {
    display: inline;
  }
  *.inline-l--force {
    display: inline !important;
  }
  *.none-l {
    display: none;
  }
  *.none-l--force {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .block-m {
    display: block;
  }
  *.block-m--force {
    display: block !important;
  }
  .inline-m {
    display: inline;
  }
  *.inline-m--force {
    display: inline !important;
  }
  *.none-m {
    display: none;
  }
  *.none-m--force {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .block-s {
    display: block;
  }
  *.block-s--force {
    display: block !important;
  }
  .inline-s {
    display: inline;
  }
  *.inline-s--force {
    display: inline !important;
  }
  *.none-s {
    display: none;
  }
  *.none-s--force {
    display: none !important;
  }
}

.u-align-center {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .pc-none {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .sp-none {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sp_only {
    display: none;
  }
}

.mb0 {
  margin-bottom: 0px;
}

.mt0 {
  margin-top: 0px;
}

.ml0 {
  margin-left: 0px;
}

.mr0 {
  margin-right: 0px;
}

.px0 {
  padding-left: 0px;
  padding-right: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.width0 {
  width: 0px;
}

.height0 {
  width: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.px5 {
  padding-left: 5px;
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.width5 {
  width: 5px;
}

.height5 {
  width: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt10 {
  margin-top: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.px10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.width10 {
  width: 10px;
}

.height10 {
  width: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mt15 {
  margin-top: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.px15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.width15 {
  width: 15px;
}

.height15 {
  width: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt20 {
  margin-top: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.px20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.width20 {
  width: 20px;
}

.height20 {
  width: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mt25 {
  margin-top: 25px;
}

.ml25 {
  margin-left: 25px;
}

.mr25 {
  margin-right: 25px;
}

.px25 {
  padding-left: 25px;
  padding-right: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.width25 {
  width: 25px;
}

.height25 {
  width: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mt30 {
  margin-top: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.px30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.width30 {
  width: 30px;
}

.height30 {
  width: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mt35 {
  margin-top: 35px;
}

.ml35 {
  margin-left: 35px;
}

.mr35 {
  margin-right: 35px;
}

.px35 {
  padding-left: 35px;
  padding-right: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.width35 {
  width: 35px;
}

.height35 {
  width: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt40 {
  margin-top: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.px40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.width40 {
  width: 40px;
}

.height40 {
  width: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mt45 {
  margin-top: 45px;
}

.ml45 {
  margin-left: 45px;
}

.mr45 {
  margin-right: 45px;
}

.px45 {
  padding-left: 45px;
  padding-right: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.width45 {
  width: 45px;
}

.height45 {
  width: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mt50 {
  margin-top: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mr50 {
  margin-right: 50px;
}

.px50 {
  padding-left: 50px;
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.width50 {
  width: 50px;
}

.height50 {
  width: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mt55 {
  margin-top: 55px;
}

.ml55 {
  margin-left: 55px;
}

.mr55 {
  margin-right: 55px;
}

.px55 {
  padding-left: 55px;
  padding-right: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.width55 {
  width: 55px;
}

.height55 {
  width: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mt60 {
  margin-top: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.px60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.width60 {
  width: 60px;
}

.height60 {
  width: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mt65 {
  margin-top: 65px;
}

.ml65 {
  margin-left: 65px;
}

.mr65 {
  margin-right: 65px;
}

.px65 {
  padding-left: 65px;
  padding-right: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.width65 {
  width: 65px;
}

.height65 {
  width: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mt70 {
  margin-top: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mr70 {
  margin-right: 70px;
}

.px70 {
  padding-left: 70px;
  padding-right: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.width70 {
  width: 70px;
}

.height70 {
  width: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mt75 {
  margin-top: 75px;
}

.ml75 {
  margin-left: 75px;
}

.mr75 {
  margin-right: 75px;
}

.px75 {
  padding-left: 75px;
  padding-right: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.width75 {
  width: 75px;
}

.height75 {
  width: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mt80 {
  margin-top: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.px80 {
  padding-left: 80px;
  padding-right: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.width80 {
  width: 80px;
}

.height80 {
  width: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mt85 {
  margin-top: 85px;
}

.ml85 {
  margin-left: 85px;
}

.mr85 {
  margin-right: 85px;
}

.px85 {
  padding-left: 85px;
  padding-right: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.width85 {
  width: 85px;
}

.height85 {
  width: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mt90 {
  margin-top: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mr90 {
  margin-right: 90px;
}

.px90 {
  padding-left: 90px;
  padding-right: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.width90 {
  width: 90px;
}

.height90 {
  width: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mt95 {
  margin-top: 95px;
}

.ml95 {
  margin-left: 95px;
}

.mr95 {
  margin-right: 95px;
}

.px95 {
  padding-left: 95px;
  padding-right: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.width95 {
  width: 95px;
}

.height95 {
  width: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mt100 {
  margin-top: 100px;
}

.ml100 {
  margin-left: 100px;
}

.mr100 {
  margin-right: 100px;
}

.px100 {
  padding-left: 100px;
  padding-right: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.width100 {
  width: 100px;
}

.height100 {
  width: 100px;
}

@media screen and (min-width: 1024px) {
  .mb0-l {
    margin-bottom: 0px;
  }
  .mt0-l {
    margin-top: 0px;
  }
  .ml0-l {
    margin-left: 0px;
  }
  .mr0-l {
    margin-right: 0px;
  }
  .px0-l {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pb0-l {
    padding-bottom: 0px;
  }
  .width0-l {
    width: 0px;
  }
  .height0-l {
    width: 0px;
  }
  .mb5-l {
    margin-bottom: 5px;
  }
  .mt5-l {
    margin-top: 5px;
  }
  .ml5-l {
    margin-left: 5px;
  }
  .mr5-l {
    margin-right: 5px;
  }
  .px5-l {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pb5-l {
    padding-bottom: 5px;
  }
  .width5-l {
    width: 5px;
  }
  .height5-l {
    width: 5px;
  }
  .mb10-l {
    margin-bottom: 10px;
  }
  .mt10-l {
    margin-top: 10px;
  }
  .ml10-l {
    margin-left: 10px;
  }
  .mr10-l {
    margin-right: 10px;
  }
  .px10-l {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pb10-l {
    padding-bottom: 10px;
  }
  .width10-l {
    width: 10px;
  }
  .height10-l {
    width: 10px;
  }
  .mb15-l {
    margin-bottom: 15px;
  }
  .mt15-l {
    margin-top: 15px;
  }
  .ml15-l {
    margin-left: 15px;
  }
  .mr15-l {
    margin-right: 15px;
  }
  .px15-l {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pb15-l {
    padding-bottom: 15px;
  }
  .width15-l {
    width: 15px;
  }
  .height15-l {
    width: 15px;
  }
  .mb20-l {
    margin-bottom: 20px;
  }
  .mt20-l {
    margin-top: 20px;
  }
  .ml20-l {
    margin-left: 20px;
  }
  .mr20-l {
    margin-right: 20px;
  }
  .px20-l {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pb20-l {
    padding-bottom: 20px;
  }
  .width20-l {
    width: 20px;
  }
  .height20-l {
    width: 20px;
  }
  .mb25-l {
    margin-bottom: 25px;
  }
  .mt25-l {
    margin-top: 25px;
  }
  .ml25-l {
    margin-left: 25px;
  }
  .mr25-l {
    margin-right: 25px;
  }
  .px25-l {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pb25-l {
    padding-bottom: 25px;
  }
  .width25-l {
    width: 25px;
  }
  .height25-l {
    width: 25px;
  }
  .mb30-l {
    margin-bottom: 30px;
  }
  .mt30-l {
    margin-top: 30px;
  }
  .ml30-l {
    margin-left: 30px;
  }
  .mr30-l {
    margin-right: 30px;
  }
  .px30-l {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pb30-l {
    padding-bottom: 30px;
  }
  .width30-l {
    width: 30px;
  }
  .height30-l {
    width: 30px;
  }
  .mb35-l {
    margin-bottom: 35px;
  }
  .mt35-l {
    margin-top: 35px;
  }
  .ml35-l {
    margin-left: 35px;
  }
  .mr35-l {
    margin-right: 35px;
  }
  .px35-l {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pb35-l {
    padding-bottom: 35px;
  }
  .width35-l {
    width: 35px;
  }
  .height35-l {
    width: 35px;
  }
  .mb40-l {
    margin-bottom: 40px;
  }
  .mt40-l {
    margin-top: 40px;
  }
  .ml40-l {
    margin-left: 40px;
  }
  .mr40-l {
    margin-right: 40px;
  }
  .px40-l {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pb40-l {
    padding-bottom: 40px;
  }
  .width40-l {
    width: 40px;
  }
  .height40-l {
    width: 40px;
  }
  .mb45-l {
    margin-bottom: 45px;
  }
  .mt45-l {
    margin-top: 45px;
  }
  .ml45-l {
    margin-left: 45px;
  }
  .mr45-l {
    margin-right: 45px;
  }
  .px45-l {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pb45-l {
    padding-bottom: 45px;
  }
  .width45-l {
    width: 45px;
  }
  .height45-l {
    width: 45px;
  }
  .mb50-l {
    margin-bottom: 50px;
  }
  .mt50-l {
    margin-top: 50px;
  }
  .ml50-l {
    margin-left: 50px;
  }
  .mr50-l {
    margin-right: 50px;
  }
  .px50-l {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pb50-l {
    padding-bottom: 50px;
  }
  .width50-l {
    width: 50px;
  }
  .height50-l {
    width: 50px;
  }
  .mb55-l {
    margin-bottom: 55px;
  }
  .mt55-l {
    margin-top: 55px;
  }
  .ml55-l {
    margin-left: 55px;
  }
  .mr55-l {
    margin-right: 55px;
  }
  .px55-l {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pb55-l {
    padding-bottom: 55px;
  }
  .width55-l {
    width: 55px;
  }
  .height55-l {
    width: 55px;
  }
  .mb60-l {
    margin-bottom: 60px;
  }
  .mt60-l {
    margin-top: 60px;
  }
  .ml60-l {
    margin-left: 60px;
  }
  .mr60-l {
    margin-right: 60px;
  }
  .px60-l {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pb60-l {
    padding-bottom: 60px;
  }
  .width60-l {
    width: 60px;
  }
  .height60-l {
    width: 60px;
  }
  .mb65-l {
    margin-bottom: 65px;
  }
  .mt65-l {
    margin-top: 65px;
  }
  .ml65-l {
    margin-left: 65px;
  }
  .mr65-l {
    margin-right: 65px;
  }
  .px65-l {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pb65-l {
    padding-bottom: 65px;
  }
  .width65-l {
    width: 65px;
  }
  .height65-l {
    width: 65px;
  }
  .mb70-l {
    margin-bottom: 70px;
  }
  .mt70-l {
    margin-top: 70px;
  }
  .ml70-l {
    margin-left: 70px;
  }
  .mr70-l {
    margin-right: 70px;
  }
  .px70-l {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pb70-l {
    padding-bottom: 70px;
  }
  .width70-l {
    width: 70px;
  }
  .height70-l {
    width: 70px;
  }
  .mb75-l {
    margin-bottom: 75px;
  }
  .mt75-l {
    margin-top: 75px;
  }
  .ml75-l {
    margin-left: 75px;
  }
  .mr75-l {
    margin-right: 75px;
  }
  .px75-l {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pb75-l {
    padding-bottom: 75px;
  }
  .width75-l {
    width: 75px;
  }
  .height75-l {
    width: 75px;
  }
  .mb80-l {
    margin-bottom: 80px;
  }
  .mt80-l {
    margin-top: 80px;
  }
  .ml80-l {
    margin-left: 80px;
  }
  .mr80-l {
    margin-right: 80px;
  }
  .px80-l {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pb80-l {
    padding-bottom: 80px;
  }
  .width80-l {
    width: 80px;
  }
  .height80-l {
    width: 80px;
  }
  .mb85-l {
    margin-bottom: 85px;
  }
  .mt85-l {
    margin-top: 85px;
  }
  .ml85-l {
    margin-left: 85px;
  }
  .mr85-l {
    margin-right: 85px;
  }
  .px85-l {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pb85-l {
    padding-bottom: 85px;
  }
  .width85-l {
    width: 85px;
  }
  .height85-l {
    width: 85px;
  }
  .mb90-l {
    margin-bottom: 90px;
  }
  .mt90-l {
    margin-top: 90px;
  }
  .ml90-l {
    margin-left: 90px;
  }
  .mr90-l {
    margin-right: 90px;
  }
  .px90-l {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pb90-l {
    padding-bottom: 90px;
  }
  .width90-l {
    width: 90px;
  }
  .height90-l {
    width: 90px;
  }
  .mb95-l {
    margin-bottom: 95px;
  }
  .mt95-l {
    margin-top: 95px;
  }
  .ml95-l {
    margin-left: 95px;
  }
  .mr95-l {
    margin-right: 95px;
  }
  .px95-l {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pb95-l {
    padding-bottom: 95px;
  }
  .width95-l {
    width: 95px;
  }
  .height95-l {
    width: 95px;
  }
  .mb100-l {
    margin-bottom: 100px;
  }
  .mt100-l {
    margin-top: 100px;
  }
  .ml100-l {
    margin-left: 100px;
  }
  .mr100-l {
    margin-right: 100px;
  }
  .px100-l {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pb100-l {
    padding-bottom: 100px;
  }
  .width100-l {
    width: 100px;
  }
  .height100-l {
    width: 100px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .mb0-m {
    margin-bottom: 0px;
  }
  .mt0-m {
    margin-top: 0px;
  }
  .ml0-m {
    margin-left: 0px;
  }
  .mr0-m {
    margin-right: 0px;
  }
  .px0-m {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pb0-m {
    padding-bottom: 0px;
  }
  .width0-m {
    width: 0px;
  }
  .height0-m {
    width: 0px;
  }
  .mb5-m {
    margin-bottom: 5px;
  }
  .mt5-m {
    margin-top: 5px;
  }
  .ml5-m {
    margin-left: 5px;
  }
  .mr5-m {
    margin-right: 5px;
  }
  .px5-m {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pb5-m {
    padding-bottom: 5px;
  }
  .width5-m {
    width: 5px;
  }
  .height5-m {
    width: 5px;
  }
  .mb10-m {
    margin-bottom: 10px;
  }
  .mt10-m {
    margin-top: 10px;
  }
  .ml10-m {
    margin-left: 10px;
  }
  .mr10-m {
    margin-right: 10px;
  }
  .px10-m {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pb10-m {
    padding-bottom: 10px;
  }
  .width10-m {
    width: 10px;
  }
  .height10-m {
    width: 10px;
  }
  .mb15-m {
    margin-bottom: 15px;
  }
  .mt15-m {
    margin-top: 15px;
  }
  .ml15-m {
    margin-left: 15px;
  }
  .mr15-m {
    margin-right: 15px;
  }
  .px15-m {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pb15-m {
    padding-bottom: 15px;
  }
  .width15-m {
    width: 15px;
  }
  .height15-m {
    width: 15px;
  }
  .mb20-m {
    margin-bottom: 20px;
  }
  .mt20-m {
    margin-top: 20px;
  }
  .ml20-m {
    margin-left: 20px;
  }
  .mr20-m {
    margin-right: 20px;
  }
  .px20-m {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pb20-m {
    padding-bottom: 20px;
  }
  .width20-m {
    width: 20px;
  }
  .height20-m {
    width: 20px;
  }
  .mb25-m {
    margin-bottom: 25px;
  }
  .mt25-m {
    margin-top: 25px;
  }
  .ml25-m {
    margin-left: 25px;
  }
  .mr25-m {
    margin-right: 25px;
  }
  .px25-m {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pb25-m {
    padding-bottom: 25px;
  }
  .width25-m {
    width: 25px;
  }
  .height25-m {
    width: 25px;
  }
  .mb30-m {
    margin-bottom: 30px;
  }
  .mt30-m {
    margin-top: 30px;
  }
  .ml30-m {
    margin-left: 30px;
  }
  .mr30-m {
    margin-right: 30px;
  }
  .px30-m {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pb30-m {
    padding-bottom: 30px;
  }
  .width30-m {
    width: 30px;
  }
  .height30-m {
    width: 30px;
  }
  .mb35-m {
    margin-bottom: 35px;
  }
  .mt35-m {
    margin-top: 35px;
  }
  .ml35-m {
    margin-left: 35px;
  }
  .mr35-m {
    margin-right: 35px;
  }
  .px35-m {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pb35-m {
    padding-bottom: 35px;
  }
  .width35-m {
    width: 35px;
  }
  .height35-m {
    width: 35px;
  }
  .mb40-m {
    margin-bottom: 40px;
  }
  .mt40-m {
    margin-top: 40px;
  }
  .ml40-m {
    margin-left: 40px;
  }
  .mr40-m {
    margin-right: 40px;
  }
  .px40-m {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pb40-m {
    padding-bottom: 40px;
  }
  .width40-m {
    width: 40px;
  }
  .height40-m {
    width: 40px;
  }
  .mb45-m {
    margin-bottom: 45px;
  }
  .mt45-m {
    margin-top: 45px;
  }
  .ml45-m {
    margin-left: 45px;
  }
  .mr45-m {
    margin-right: 45px;
  }
  .px45-m {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pb45-m {
    padding-bottom: 45px;
  }
  .width45-m {
    width: 45px;
  }
  .height45-m {
    width: 45px;
  }
  .mb50-m {
    margin-bottom: 50px;
  }
  .mt50-m {
    margin-top: 50px;
  }
  .ml50-m {
    margin-left: 50px;
  }
  .mr50-m {
    margin-right: 50px;
  }
  .px50-m {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pb50-m {
    padding-bottom: 50px;
  }
  .width50-m {
    width: 50px;
  }
  .height50-m {
    width: 50px;
  }
  .mb55-m {
    margin-bottom: 55px;
  }
  .mt55-m {
    margin-top: 55px;
  }
  .ml55-m {
    margin-left: 55px;
  }
  .mr55-m {
    margin-right: 55px;
  }
  .px55-m {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pb55-m {
    padding-bottom: 55px;
  }
  .width55-m {
    width: 55px;
  }
  .height55-m {
    width: 55px;
  }
  .mb60-m {
    margin-bottom: 60px;
  }
  .mt60-m {
    margin-top: 60px;
  }
  .ml60-m {
    margin-left: 60px;
  }
  .mr60-m {
    margin-right: 60px;
  }
  .px60-m {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pb60-m {
    padding-bottom: 60px;
  }
  .width60-m {
    width: 60px;
  }
  .height60-m {
    width: 60px;
  }
  .mb65-m {
    margin-bottom: 65px;
  }
  .mt65-m {
    margin-top: 65px;
  }
  .ml65-m {
    margin-left: 65px;
  }
  .mr65-m {
    margin-right: 65px;
  }
  .px65-m {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pb65-m {
    padding-bottom: 65px;
  }
  .width65-m {
    width: 65px;
  }
  .height65-m {
    width: 65px;
  }
  .mb70-m {
    margin-bottom: 70px;
  }
  .mt70-m {
    margin-top: 70px;
  }
  .ml70-m {
    margin-left: 70px;
  }
  .mr70-m {
    margin-right: 70px;
  }
  .px70-m {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pb70-m {
    padding-bottom: 70px;
  }
  .width70-m {
    width: 70px;
  }
  .height70-m {
    width: 70px;
  }
  .mb75-m {
    margin-bottom: 75px;
  }
  .mt75-m {
    margin-top: 75px;
  }
  .ml75-m {
    margin-left: 75px;
  }
  .mr75-m {
    margin-right: 75px;
  }
  .px75-m {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pb75-m {
    padding-bottom: 75px;
  }
  .width75-m {
    width: 75px;
  }
  .height75-m {
    width: 75px;
  }
  .mb80-m {
    margin-bottom: 80px;
  }
  .mt80-m {
    margin-top: 80px;
  }
  .ml80-m {
    margin-left: 80px;
  }
  .mr80-m {
    margin-right: 80px;
  }
  .px80-m {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pb80-m {
    padding-bottom: 80px;
  }
  .width80-m {
    width: 80px;
  }
  .height80-m {
    width: 80px;
  }
  .mb85-m {
    margin-bottom: 85px;
  }
  .mt85-m {
    margin-top: 85px;
  }
  .ml85-m {
    margin-left: 85px;
  }
  .mr85-m {
    margin-right: 85px;
  }
  .px85-m {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pb85-m {
    padding-bottom: 85px;
  }
  .width85-m {
    width: 85px;
  }
  .height85-m {
    width: 85px;
  }
  .mb90-m {
    margin-bottom: 90px;
  }
  .mt90-m {
    margin-top: 90px;
  }
  .ml90-m {
    margin-left: 90px;
  }
  .mr90-m {
    margin-right: 90px;
  }
  .px90-m {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pb90-m {
    padding-bottom: 90px;
  }
  .width90-m {
    width: 90px;
  }
  .height90-m {
    width: 90px;
  }
  .mb95-m {
    margin-bottom: 95px;
  }
  .mt95-m {
    margin-top: 95px;
  }
  .ml95-m {
    margin-left: 95px;
  }
  .mr95-m {
    margin-right: 95px;
  }
  .px95-m {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pb95-m {
    padding-bottom: 95px;
  }
  .width95-m {
    width: 95px;
  }
  .height95-m {
    width: 95px;
  }
  .mb100-m {
    margin-bottom: 100px;
  }
  .mt100-m {
    margin-top: 100px;
  }
  .ml100-m {
    margin-left: 100px;
  }
  .mr100-m {
    margin-right: 100px;
  }
  .px100-m {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pb100-m {
    padding-bottom: 100px;
  }
  .width100-m {
    width: 100px;
  }
  .height100-m {
    width: 100px;
  }
}

@media screen and (max-width: 1023px) {
  .mb0-s {
    margin-bottom: 0px;
  }
  .mt0-s {
    margin-top: 0px;
  }
  .ml0-s {
    margin-left: 0px;
  }
  .mr0-s {
    margin-right: 0px;
  }
  .px0-s {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pb0-s {
    padding-bottom: 0px;
  }
  .width0-s {
    width: 0px;
  }
  .height0-s {
    width: 0px;
  }
  .mb5-s {
    margin-bottom: 5px;
  }
  .mt5-s {
    margin-top: 5px;
  }
  .ml5-s {
    margin-left: 5px;
  }
  .mr5-s {
    margin-right: 5px;
  }
  .px5-s {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pb5-s {
    padding-bottom: 5px;
  }
  .width5-s {
    width: 5px;
  }
  .height5-s {
    width: 5px;
  }
  .mb10-s {
    margin-bottom: 10px;
  }
  .mt10-s {
    margin-top: 10px;
  }
  .ml10-s {
    margin-left: 10px;
  }
  .mr10-s {
    margin-right: 10px;
  }
  .px10-s {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pb10-s {
    padding-bottom: 10px;
  }
  .width10-s {
    width: 10px;
  }
  .height10-s {
    width: 10px;
  }
  .mb15-s {
    margin-bottom: 15px;
  }
  .mt15-s {
    margin-top: 15px;
  }
  .ml15-s {
    margin-left: 15px;
  }
  .mr15-s {
    margin-right: 15px;
  }
  .px15-s {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pb15-s {
    padding-bottom: 15px;
  }
  .width15-s {
    width: 15px;
  }
  .height15-s {
    width: 15px;
  }
  .mb20-s {
    margin-bottom: 20px;
  }
  .mt20-s {
    margin-top: 20px;
  }
  .ml20-s {
    margin-left: 20px;
  }
  .mr20-s {
    margin-right: 20px;
  }
  .px20-s {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pb20-s {
    padding-bottom: 20px;
  }
  .width20-s {
    width: 20px;
  }
  .height20-s {
    width: 20px;
  }
  .mb25-s {
    margin-bottom: 25px;
  }
  .mt25-s {
    margin-top: 25px;
  }
  .ml25-s {
    margin-left: 25px;
  }
  .mr25-s {
    margin-right: 25px;
  }
  .px25-s {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pb25-s {
    padding-bottom: 25px;
  }
  .width25-s {
    width: 25px;
  }
  .height25-s {
    width: 25px;
  }
  .mb30-s {
    margin-bottom: 30px;
  }
  .mt30-s {
    margin-top: 30px;
  }
  .ml30-s {
    margin-left: 30px;
  }
  .mr30-s {
    margin-right: 30px;
  }
  .px30-s {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pb30-s {
    padding-bottom: 30px;
  }
  .width30-s {
    width: 30px;
  }
  .height30-s {
    width: 30px;
  }
  .mb35-s {
    margin-bottom: 35px;
  }
  .mt35-s {
    margin-top: 35px;
  }
  .ml35-s {
    margin-left: 35px;
  }
  .mr35-s {
    margin-right: 35px;
  }
  .px35-s {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pb35-s {
    padding-bottom: 35px;
  }
  .width35-s {
    width: 35px;
  }
  .height35-s {
    width: 35px;
  }
  .mb40-s {
    margin-bottom: 40px;
  }
  .mt40-s {
    margin-top: 40px;
  }
  .ml40-s {
    margin-left: 40px;
  }
  .mr40-s {
    margin-right: 40px;
  }
  .px40-s {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pb40-s {
    padding-bottom: 40px;
  }
  .width40-s {
    width: 40px;
  }
  .height40-s {
    width: 40px;
  }
  .mb45-s {
    margin-bottom: 45px;
  }
  .mt45-s {
    margin-top: 45px;
  }
  .ml45-s {
    margin-left: 45px;
  }
  .mr45-s {
    margin-right: 45px;
  }
  .px45-s {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pb45-s {
    padding-bottom: 45px;
  }
  .width45-s {
    width: 45px;
  }
  .height45-s {
    width: 45px;
  }
  .mb50-s {
    margin-bottom: 50px;
  }
  .mt50-s {
    margin-top: 50px;
  }
  .ml50-s {
    margin-left: 50px;
  }
  .mr50-s {
    margin-right: 50px;
  }
  .px50-s {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pb50-s {
    padding-bottom: 50px;
  }
  .width50-s {
    width: 50px;
  }
  .height50-s {
    width: 50px;
  }
  .mb55-s {
    margin-bottom: 55px;
  }
  .mt55-s {
    margin-top: 55px;
  }
  .ml55-s {
    margin-left: 55px;
  }
  .mr55-s {
    margin-right: 55px;
  }
  .px55-s {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pb55-s {
    padding-bottom: 55px;
  }
  .width55-s {
    width: 55px;
  }
  .height55-s {
    width: 55px;
  }
  .mb60-s {
    margin-bottom: 60px;
  }
  .mt60-s {
    margin-top: 60px;
  }
  .ml60-s {
    margin-left: 60px;
  }
  .mr60-s {
    margin-right: 60px;
  }
  .px60-s {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pb60-s {
    padding-bottom: 60px;
  }
  .width60-s {
    width: 60px;
  }
  .height60-s {
    width: 60px;
  }
  .mb65-s {
    margin-bottom: 65px;
  }
  .mt65-s {
    margin-top: 65px;
  }
  .ml65-s {
    margin-left: 65px;
  }
  .mr65-s {
    margin-right: 65px;
  }
  .px65-s {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pb65-s {
    padding-bottom: 65px;
  }
  .width65-s {
    width: 65px;
  }
  .height65-s {
    width: 65px;
  }
  .mb70-s {
    margin-bottom: 70px;
  }
  .mt70-s {
    margin-top: 70px;
  }
  .ml70-s {
    margin-left: 70px;
  }
  .mr70-s {
    margin-right: 70px;
  }
  .px70-s {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pb70-s {
    padding-bottom: 70px;
  }
  .width70-s {
    width: 70px;
  }
  .height70-s {
    width: 70px;
  }
  .mb75-s {
    margin-bottom: 75px;
  }
  .mt75-s {
    margin-top: 75px;
  }
  .ml75-s {
    margin-left: 75px;
  }
  .mr75-s {
    margin-right: 75px;
  }
  .px75-s {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pb75-s {
    padding-bottom: 75px;
  }
  .width75-s {
    width: 75px;
  }
  .height75-s {
    width: 75px;
  }
  .mb80-s {
    margin-bottom: 80px;
  }
  .mt80-s {
    margin-top: 80px;
  }
  .ml80-s {
    margin-left: 80px;
  }
  .mr80-s {
    margin-right: 80px;
  }
  .px80-s {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pb80-s {
    padding-bottom: 80px;
  }
  .width80-s {
    width: 80px;
  }
  .height80-s {
    width: 80px;
  }
  .mb85-s {
    margin-bottom: 85px;
  }
  .mt85-s {
    margin-top: 85px;
  }
  .ml85-s {
    margin-left: 85px;
  }
  .mr85-s {
    margin-right: 85px;
  }
  .px85-s {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pb85-s {
    padding-bottom: 85px;
  }
  .width85-s {
    width: 85px;
  }
  .height85-s {
    width: 85px;
  }
  .mb90-s {
    margin-bottom: 90px;
  }
  .mt90-s {
    margin-top: 90px;
  }
  .ml90-s {
    margin-left: 90px;
  }
  .mr90-s {
    margin-right: 90px;
  }
  .px90-s {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pb90-s {
    padding-bottom: 90px;
  }
  .width90-s {
    width: 90px;
  }
  .height90-s {
    width: 90px;
  }
  .mb95-s {
    margin-bottom: 95px;
  }
  .mt95-s {
    margin-top: 95px;
  }
  .ml95-s {
    margin-left: 95px;
  }
  .mr95-s {
    margin-right: 95px;
  }
  .px95-s {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pb95-s {
    padding-bottom: 95px;
  }
  .width95-s {
    width: 95px;
  }
  .height95-s {
    width: 95px;
  }
  .mb100-s {
    margin-bottom: 100px;
  }
  .mt100-s {
    margin-top: 100px;
  }
  .ml100-s {
    margin-left: 100px;
  }
  .mr100-s {
    margin-right: 100px;
  }
  .px100-s {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pb100-s {
    padding-bottom: 100px;
  }
  .width100-s {
    width: 100px;
  }
  .height100-s {
    width: 100px;
  }
}

.t-align-center {
  text-align: center;
}

body {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
}

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

.l-brand-hero {
  padding: 88px 0;
  background: #F7F7F7;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .l-brand-hero {
    padding: 40px 20px;
  }
}

.l-brand-hero-title {
  font-size: 26px;
  margin-bottom: 26px;
}

@media screen and (max-width: 1023px) {
  .l-brand-hero-title {
    font-size: 20px;
    margin-bottom: 28px;
  }
}

.l-brand-hero-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 1023px) {
  .l-brand-hero-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.l-brand-hero-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 280px;
}

@media screen and (max-width: 1023px) {
  .l-brand-hero-images {
    display: block;
    max-width: 600px;
    max-height: none;
    width: 100%;
    margin: 0 auto;
  }
}

.l-brand-hero-image {
  width: calc(50% - 15px);
}

@media screen and (max-width: 1023px) {
  .l-brand-hero-image {
    width: 100%;
    margin-bottom: 30px;
  }
}

.l-brand-hero-image img {
  margin-bottom: 10px;
}

.l-brand-hero-image p {
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .l-brand-hero-image p {
    font-size: 12px;
  }
}

.l-brand-hero-text {
  font-size: 17px;
  line-height: 2;
  margin-top: 60px;
}

@media screen and (max-width: 1023px) {
  .l-brand-hero-text {
    font-size: 14px;
    text-align: left;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 40px;
  }
}

.l-brand-links {
  padding: 80px 0 40px;
}

@media screen and (max-width: 1023px) {
  .l-brand-links {
    padding: 0 20px 24px;
    background: #F7F7F7;
  }
}

.l-brand-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1023px) {
  .l-brand-links ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
}

.l-brand-links li {
  list-style: none;
}

@media screen and (max-width: 1023px) {
  .l-brand-links li {
    margin-bottom: 16px;
  }
}

.l-brand-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  font-weight: bold;
  margin-right: 28px;
}

@media screen and (max-width: 1023px) {
  .l-brand-links a {
    font-size: 13px;
  }
}

.l-brand-links a::before {
  content: "\f063";
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-right: 8px;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 11px;
  background: #1767AC;
  border-radius: 50px;
  color: white;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .l-brand-links a::before {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
  }
}

.l-brand-section {
  position: relative;
  max-width: 1300px;
  padding: 180px 70px 0;
  margin: 0 auto 200px;
}

.l-brand-section--last {
  margin-bottom: 100px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section {
    margin-bottom: 80px;
    padding: 70px 12px 0;
  }
}

.l-brand-section-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  background: url(./image/service/brand/rebirth/base1.jpg) top center/cover no-repeat;
  z-index: -1;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-bg {
    height: 130px;
  }
}

.l-brand-section-content {
  background: white;
  padding: 80px 100px 0;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content {
    padding: 40px 8px 0;
    text-align: center;
  }
}

.l-brand-section-content--large {
  padding: 80px 0 0;
}

.l-brand-section-content--list {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content--list {
    padding: 0 8px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
}

.l-brand-section-content-label {
  display: inline-block;
  background: #1767AC;
  color: white;
  font-size: 13px;
  line-height: 2;
  width: 90px;
  margin-bottom: 24px;
  font-weight: bold;
}

.l-brand-section-content-title, .l-brand-section-content-case-title {
  font-size: 28px;
  margin-bottom: 32px;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-title, .l-brand-section-content-case-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

.l-brand-section-content-desc {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 44px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-desc {
    font-size: 14px;
    text-align: left;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 34px;
  }
}

.l-brand-section-content-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-check {
    margin-bottom: 32px;
  }
}

.l-brand-section-content-check-list, .l-brand-section-content-check-list--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(50% - 6px);
  margin-bottom: 12px;
  padding: 0 10px 0;
  min-height: 44px;
  line-height: 44px;
  border-radius: 4px;
  list-style: none;
  text-align: left;
  background: rgba(103, 172, 144, 0.1);
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-check-list, .l-brand-section-content-check-list--full {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 100%;
    margin-bottom: 4px;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
  }
}

.l-brand-section-content-check-list::before, .l-brand-section-content-check-list--full::before {
  content: '\f00c';
  display: block;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 10px 0 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  text-align: center;
  background: #67AC90;
  color: white;
}

.l-brand-section-content-check-list--full {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content--c1 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-content--c1 .l-brand-section-content-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-content--c1 .l-brand-section-content-images img {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content--c1 .l-brand-section-content-images img {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-content--c2 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content--c2 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto 32px;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-content--c2 .l-brand-section-content-images, .l-brand-section-content--c2 .l-brand-section-content-images--xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.l-brand-section-content--c2 .l-brand-section-content-images--xs {
  background: #E0E0E0;
}

.l-brand-section-content--c2 .l-brand-section-content-image--xs {
  background: #E0E0E0;
}

@media screen and (min-width: 1024px) {
  .l-brand-section-content--c2 .l-brand-section-content-image--xs {
    width: calc(33.3% - 7px);
  }
}

.l-brand-section-content--c2 .l-brand-section-content-image--s {
  background: #E0E0E0;
}

@media screen and (min-width: 1024px) {
  .l-brand-section-content--c2 .l-brand-section-content-image--s {
    width: calc(33.3% - 14px);
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content--c2 .l-brand-section-content-image--s {
    margin-bottom: 32px;
  }
}

.l-brand-section-content--c2 .l-brand-section-content-image--large {
  width: 100%;
  background: #E0E0E0;
}

.l-brand-section-content--c2 img {
  vertical-align: middle;
}

.l-brand-section-content-caption, .l-brand-section-content-caption--xs, .l-brand-section-content-caption--l {
  height: 74px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: bold;
  background: #E0E0E0;
}

.l-brand-section-content-caption--xs {
  height: 31px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-caption--xs {
    padding-left: 4px;
  }
}

.l-brand-section-content-caption--l {
  height: 54px;
}

.l-brand-section-content-design-title {
  font-size: 28px;
  margin-bottom: 32px;
  margin-top: 65px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-design-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

.l-brand-section-content-designs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-designs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 32px;
  }
}

.l-brand-section-content-design {
  width: calc(50% - 34px);
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-design {
    width: calc(100%);
  }
}

.l-brand-section-content-design p {
  height: 40px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: bold;
  background: #E0E0E0;
}

.l-brand-section-content-design-img img {
  vertical-align: middle;
}

.l-brand-section-content-design-arrow {
  width: 28px;
  height: 24px;
  background: url(./image/service/brand/rebirth/ico_try.jpg) no-repeat center center/cover;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-design-arrow {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
    width: 14px;
    height: 12px;
    margin: 15px;
  }
}

.l-brand-section-content-service-table-wrap {
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* これを追加 */
  scrollbar-width: none;
}

.l-brand-section-content-service-table-wrap::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-service-table-wrap {
    min-width: 100%;
    margin: 0 -20px;
    padding: 0 20px;
  }
}

.l-brand-section-content-service-table {
  border-collapse: collapse;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-service-table {
    width: 700px;
    min-width: 100%;
  }
}

.l-brand-section-content-service-table th {
  padding: 15px;
  background: #EEEEEE;
  border: 1px solid #E0E0E0;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-service-table th {
    font-size: 14px;
  }
}

.l-brand-section-content-service-table td {
  padding: 15px;
  border: 1px solid #E0E0E0;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-service-table td {
    padding: 12px;
    font-size: 14px;
  }
}

.l-brand-section-content-service-table td.l-brand-section-content-service-table--fill {
  background: #F7F7F7;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-service-table td.l-brand-section-content-service-table--fill {
    text-align: left;
    width: 82px;
  }
}

.l-brand-section-content-service-title {
  font-size: 15px;
  margin-bottom: 20px;
}

.l-brand-section-content-service-table-comment {
  margin-top: 12px;
  text-align: right;
  color: #888888;
  font-size: 12px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-service-table-comment {
    text-align: left;
  }
}

.l-brand-section-content-case-title {
  font-size: 26px;
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-case-title {
    font-size: 20px;
    margin-top: 40px;
  }
}

.l-brand-section-content-case-list-wrap {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.l-brand-section-content-case-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  list-style: none;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-case-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.l-brand-section-content-case-card {
  width: 269px;
  background: white;
  margin-bottom: 32px;
  margin-right: 28px;
}

@media screen and (min-width: 1300px) {
  .l-brand-section-content-case-card:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1299px) and (min-width: 880px) {
  .l-brand-section-content-case-card {
    margin-right: calc((100% - 807px) / 2);
  }
}

@media screen and (max-width: 1299px) and (min-width: 880px) {
  .l-brand-section-content-case-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-case-card {
    width: 360px;
    margin-right: 0;
  }
}

.l-brand-section-content-case-card img {
  vertical-align: middle;
}

.l-brand-section-content-case-card .l-brand-section-content-case-card-bg-img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 200%;
  left: 0;
  z-index: 0;
}

.l-brand-section-content-case-card-img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
  vertical-align: middle;
}

.l-brand-section-content-case-card-img-wrapper {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.l-brand-section-content-case-card-img-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 3;
}

.l-brand-section-content-case-card-texts {
  padding: 28px 18px 0;
  min-height: 214px;
  border: 1px solid #E0E0E0;
  border-top: none;
  text-align: left;
}

.l-brand-section-content-case-card-title {
  font-weight: bold;
  margin-bottom: 24px;
}

.l-brand-section-content-case-card-label {
  font-size: 13px;
  color: #1767AC;
  margin-bottom: 12px;
  font-weight: bold;
}

.l-brand-section-content-case-card-info {
  font-size: 12px;
  color: #888888;
  line-height: 1.7;
}

.l-brand-section-content-case-button {
  position: relative;
  margin: 8px auto 0;
  height: 48px;
  width: 467px;
  border: 1px solid #e0e0e0;
  background-color: #eeeeee;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.l-brand-section-content-case-button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-content-case-button {
    width: 100%;
  }
}

.l-brand-section-content-case-button::before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  display: block;
  position: absolute;
  right: 15px;
  color: #1767ac;
}

.l-brand-section-content-case-button.active::before {
  content: "\f068";
}

.l-brand-section-dev_content-title {
  font-size: 26px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-title {
    font-size: 20px;
    margin-bottom: 32px;
  }
}

.l-brand-section-dev_content-caption {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-caption {
    font-size: 16px;
  }
}

.l-brand-section-dev_content-images {
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .l-brand-section-dev_content-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-image {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-dev_content-image {
    width: calc(50% - 1px);
  }
}

.l-brand-section-dev_content-image small {
  display: block;
  color: #888888;
  margin-top: 10px;
  font-size: 12px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-image--col3 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-dev_content-image--col3 {
    width: calc(33% - 20px);
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-image--col3 img {
    width: 222px;
  }
}

.l-brand-section-dev_content-image--col3 small {
  display: block;
  color: #888888;
  margin-top: 10px;
  font-size: 12px;
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-image--left {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-dev_content-image--left {
    width: 65%;
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-image--right {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .l-brand-section-dev_content-image--right {
    width: 31%;
  }
}

@media screen and (max-width: 1023px) {
  .l-brand-section-dev_content-image--right img {
    width: 220px;
  }
}

.l-brand-section-dev_content-small {
  display: block;
  color: #888888;
  margin-top: 10px;
  font-size: 12px;
}

.l-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .l-container {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin-bottom: 0;
  }
}

.l-main, .l-center_main {
  width: 863px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-right: 20px;
}

@media screen and (max-width: 1023px) {
  .l-main, .l-center_main {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 0;
  }
}

.l-center_main {
  margin: 0 auto;
}

.l-sidebar {
  width: 241px;
  margin-bottom: 80px;
}

@media screen and (min-width: 1024px) {
  .l-sidebar {
    position: sticky;
    bottom: 30px;
    left: 0;
    -ms-flex-item-align: end;
        align-self: flex-end;
    min-height: calc(100vh - 140px);
  }
}

@media screen and (max-width: 1023px) {
  .l-sidebar {
    margin-top: 80px;
    margin-bottom: 0;
    width: 100%;
    padding: 40px 20px;
    background: #f7f7f7;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-sidebar {
    position: static;
    -ms-flex-item-align: inherit;
        -ms-grid-row-align: inherit;
        align-self: inherit;
    min-height: none;
  }
}

.l-sidebar-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  padding-bottom: 16px;
}

.l-sidebar-hr {
  display: block;
  width: 100%;
  margin: 0;
  height: 1px;
  border-top: 1px solid #eee;
}

.l-sidebar-title::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  border: 4px solid #1767ac;
  margin-right: 8px;
}

.l-sidebar-search {
  display: block;
  position: relative;
}

.l-sidebar-search input {
  display: block;
  width: 100%;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 0 8px;
}

.l-sidebar-search input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
}

.l-sidebar-search input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
}

.l-sidebar-search input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
}

.l-sidebar-search input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
}

.l-sidebar-search input::placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
}

.l-sidebar-search input:focus {
  border: 1px solid #4a6e89;
  outline: none;
}

.l-sidebar-search button {
  position: absolute;
  top: 9px;
  right: 10px;
  font-size: 16px;
  color: #4a6e89;
  background: none;
  border: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.l-sidebar-search button:hover {
  opacity: 0.7;
}

.l-sidebar-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}

.l-sidebar-list li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.l-sidebar-list li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  background: #1767ac;
  margin: 0 10px 0 4px;
}

.l-sidebar-list a {
  font-size: 13px;
  color: #333;
}

.l-sidebar-list a:hover {
  text-decoration: underline;
}

.l-sidebar-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.l-sidebar-article img {
  width: 70px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.l-sidebar-article:hover img {
  opacity: 0.7;
}

.l-sidebar-article div {
  width: calc(100% - 80px);
}

.l-sidebar-article h4 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  padding-right: 10px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

.l-sidebar-article:hover h4 {
  -webkit-text-decoration: underline solid black;
          text-decoration: underline solid black;
}

@media all and (-ms-high-contrast: none) {
  .l-sidebar-article:hover h4 {
    text-decoration: underline;
  }
}

.l-sidebar-article time {
  font-size: 12px;
  color: #888;
}

.l-sidebar-searvices {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 24px;
  -ms-grid-column: 24;
  grid-column: 24px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .l-sidebar-searvices {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 16px;
    -ms-grid-column: 16;
    grid-column: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.l-sidebar-searvice {
  display: block;
}

.l-sidebar-searvice img {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0;
  margin-bottom: 8px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.l-sidebar-searvice:hover img {
  opacity: 0.7;
}

.l-sidebar-searvice p {
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (max-width: 1023px) {
  .l-sidebar-searvice p {
    font-size: 10px;
  }
}

.l-service-sidebar_recommend {
  background: -webkit-gradient(linear, left top, left bottom, from(#33abde), to(#1767ac));
  background: linear-gradient(180deg, #33abde 0%, #1767ac 100%);
  padding: 6px;
}

.l-service-sidebar_recommend-title {
  color: white;
  padding: 10px 0 15px;
  font-size: 15px;
  text-align: center;
}

.l-service-sidebar_recommend-item {
  display: block;
  text-align: left;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.l-service-sidebar_recommend-item:hover {
  opacity: 0.7;
}

.l-service-sidebar_recommend-item h4 {
  padding-left: 8px;
  color: #1767ac;
  font-weight: normal;
  margin: 8px 0 3px;
  line-height: 1.5;
  font-size: 12px;
}

.l-service-sidebar_recommend-item p {
  padding-left: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}

.l-service-sidebar_recommend-item {
  background: white;
  padding: 2px;
  margin-bottom: 6px;
}

.l-service-sidebar_recommend-item:last-child {
  margin-bottom: 0;
}

.l-service-sidebar_banner {
  display: block;
  margin-bottom: 30px;
}

.sp {
  display: none;
}

@media screen and (max-width: 1023px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .pc-br {
    display: none;
  }
}

.sp-br {
  display: none;
}

@media screen and (max-width: 1023px) {
  .sp-br {
    display: block;
  }
}

/*
 私たちの強み
 -----------------------*/
.l-about-hero-text {
  padding-left: 100px;
  display: inline-block;
}

.border-div {
  width: 49px;
  border-top: 1px solid #1767ac;
  position: relative;
  right: 50px;
  top: 8px;
}

.l-about-hero {
  height: 768px;
  width: 100%;
  background-image: url("../img/about-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-about-hero .p-blue-text {
  margin-bottom: 40px;
  margin-left: 10px;
}

.l-about-hero .p-black-bold-text {
  margin-bottom: 12px;
  letter-spacing: 4px;
}

.l-about-hero .h2-bold-text {
  margin-bottom: 20px;
}

.about-hero-img-pc {
  height: 496px;
  width: 528px;
  margin-left: 85px;
  margin-bottom: 20px;
}

.p-blue-text {
  color: #1767ac;
  font-size: 18px;
  font-weight: bold;
}

.p-black-bold-text {
  font-size: 18px;
  font-weight: bold;
}

.p-normal-text {
  line-height: 30px;
  font-size: 15px;
  width: 495px;
}

.h2-bold-text {
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
}

@media screen and (max-width: 1023px) {
  .about-hero-img-pc {
    width: 100%;
    height: auto;
    margin-left: 0px;
  }
  .l-about-hero {
    height: auto;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url("../img/about-bg-sp.jpg");
  }
  .l-about-hero-text {
    padding-left: 0px;
    padding-top: 24px;
    width: 290px;
    margin: 0 auto;
  }
  .p-black-bold-text {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 4px;
    margin-top: 20px;
  }
  .h2-bold-text {
    font-size: 26px;
    line-height: 38px;
  }
  .p-normal-text {
    font-size: 14px;
    width: 290px;
    margin-top: 16px;
  }
  .p-blue-text {
    position: relative;
    right: 17px;
    font-size: 12px;
    top: 24px;
  }
  .border-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .border-div {
    width: 16px;
    border-top: 1px solid #1767ac;
    position: relative;
    bottom: 20px;
    right: 15px;
    top: 2px;
  }
}

/*
 コスモイニシア
 -----------------------*/
.l-cosmo-content {
  width: 100%;
  text-align: center;
  padding: 109px 0px;
}

.l-cosmo-content .p-black-bold-text {
  margin-top: 32px;
}

.l-cosmo-content .cosmo-img-pc {
  display: block;
  width: 364px;
  height: 142px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .l-cosmo-content {
    width: 100%;
    height: 339px;
    padding: 91px 0 64px 0;
    margin: 0 auto;
  }
  .l-cosmo-content .cosmo-img-pc {
    width: 262px;
    height: 102px;
    padding-right: 8px;
  }
  .l-cosmo-content .p-black-bold-text {
    width: 230px;
    margin: 32px auto auto auto;
    letter-spacing: normal;
    font-size: 15px;
    padding-left: 5px;
  }
}

/*
 実績
 -----------------------*/
.l-about-main-1 {
  position: relative;
  padding-bottom: 71px;
}

.l-about-main-1::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #f7f7f7;
  width: 76%;
  height: 100%;
  z-index: -1;
}

@media screen and (max-width: 1023px) {
  .l-about-main-1::before {
    width: 100%;
  }
}

.l-about-inner {
  max-width: 1160px;
  margin: 0 auto;
}

.l-about-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 64px;
  margin-bottom: 47px;
}

.about-number {
  height: 148px;
  border-right: 1px solid black;
  padding-right: 24px;
  margin: 0 40px 0 80px;
}

@media screen and (max-width: 1023px) {
  .about-number {
    padding-right: 0;
  }
}

.about-number img {
  display: block;
  width: 112px;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .about-number img {
    width: 71px;
  }
}

.about-number-right .p-black-bold-text, .about-number-right .h2-bold-text {
  letter-spacing: 5px;
}

.about-number-right .h2-bold-text {
  margin: 10px auto;
}

.l-about-main-2 {
  position: relative;
  padding: 0 0 80px;
}

.l-about-main-2::before {
  content: '';
  background-color: #f7f7f7;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 76.5%;
  z-index: -1;
}

@media screen and (max-width: 1023px) {
  .l-about-main-2::before {
    width: 100%;
  }
}

.l-about-main-2 .about-number-right .p-normal-text {
  width: auto;
}

.l-about-title-wrap {
  width: 80%;
  margin: 0 0 47px 17%;
}

.l-about-main-img-pc {
  display: block;
}

.l-about-main-img-sp {
  display: none;
}

.l-about-main-image2-pc {
  display: block;
}

.l-about-main-image2-sp {
  position: relative;
  display: none;
}

.main-1-inner {
  height: auto;
  background-color: #FFFFFF;
  border: 8px solid #E0E0E0;
  margin: 64px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1023px) {
  .main-1-inner {
    width: 100%;
    height: auto;
    margin: 40px auto auto auto auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 4px solid #E0E0E0;
  }
}

.main-1-inner .main-1-text-block {
  width: 467px;
  margin: 50px 0;
  margin-left: 99px;
}

@media screen and (max-width: 1023px) {
  .main-1-inner .main-1-text-block {
    width: 280px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.main-1-inner .main-1-text-block .main-1-inner-title {
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .main-1-inner .main-1-text-block .main-1-inner-title {
    font-size: 22px;
    line-height: 32px;
    margin-top: 48px;
  }
}

.main-1-inner .main-1-text-block .main-1-inner-text-bold {
  font-size: 18px;
  font-weight: bold;
  margin-top: 32px;
  margin-bottom: 24px;
  line-height: 28px;
}

@media screen and (max-width: 1023px) {
  .main-1-inner .main-1-text-block .main-1-inner-text-bold {
    font-size: 14px;
    line-height: 24px;
  }
}

.main-1-inner .main-1-text-block .main-1-inner-text {
  font-size: 15px;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .main-1-inner .main-1-text-block .main-1-inner-text {
    font-size: 14px;
    line-height: 28px;
  }
}

.main-1-inner .main-1-inner-image {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .main-1-inner .main-1-inner-image {
    margin: 0 auto 40px auto;
  }
}

.main-1-inner .main-1-inner-image img {
  display: block;
  width: 400px;
  margin-left: 72px;
}

@media screen and (max-width: 1023px) {
  .main-1-inner .main-1-inner-image img {
    width: 280px;
    margin-left: 0px;
  }
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-120 {
  margin-bottom: 120px;
}

@media screen and (max-width: 1023px) {
  .mb-120 {
    margin-bottom: 0;
  }
}

.sp-about-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 300px;
}

@media screen and (max-width: 1023px) {
  .l-about-main-1 {
    width: 100%;
    height: auto;
  }
  .l-about-main-2 {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
  }
  .sp-about-text {
    margin-left: 40px;
  }
  .l-about-flex {
    display: block;
  }
  .l-about-flex .about-number-right {
    width: 300px;
  }
  .l-about-flex .p-black-bold-text {
    margin-top: 32px;
    margin-bottom: 8px;
    letter-spacing: 3.5px;
    font-size: 14px;
  }
  .l-about-flex .h2-bold-text {
    margin-bottom: 16px;
    letter-spacing: normal;
  }
  .l-about-main-img-pc {
    display: none;
  }
  .l-about-main-img-sp {
    display: block;
    margin-left: 0px;
  }
  .l-about-main-image2-pc {
    display: none;
  }
  .l-about-main-image2-sp {
    display: block;
    right: 0px;
  }
  .about-number {
    border-right: 0px;
    border-bottom: 1px solid black;
    margin-left: 0;
    width: 71px;
    height: 60px;
  }
}

/*
スライド部分
----------------------------------*/
#is-case-slide.swiper-container {
  padding: 0 0 73px 0 !important;
}

.slide-wrap-title {
  margin-left: 140px;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 31px;
}

@media screen and (max-width: 1023px) {
  .slide-wrap-title {
    margin-left: 20px;
    font-size: 22px;
  }
}

.result-card-slide-wrap .swiper-slide {
  height: auto !important;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.result-card-slide-wrap .swiper-slide:hover {
  opacity: 0.7;
}

.card-slide {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  position: relative;
  background-color: #ffffff;
}

.card-slide-img-wrap {
  position: relative;
  width: 100%;
  background-color: #E0E0E0;
}

.card-slide-img-wrap::before {
  content: "";
  display: block;
  padding-top: 66%;
  /* 高さを幅の66%に固定 */
}

.card-slide-img-wrap .card-slide-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #eee;
}

.card-slide-inner {
  margin: 20px;
}

.slide-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.slide-text {
  font-size: 12px;
  line-height: 17px;
  margin: 0 0 20px;
}

.slide-tag-inner {
  margin: auto 0 0;
}

.slide-tag {
  display: inline-block;
  text-align: center;
  height: 20px;
  width: 36px;
  font-size: 10px;
  color: #888888;
  background-color: #F7F7F7;
  border-radius: 3px;
  margin-right: 4px;
  line-height: 17px;
}

@media screen and (max-width: 1023px) {
  .about-slide-container {
    padding-bottom: 5% !important;
  }
}

.about-main-image-slide .card-slide .swiper-slide-prev,
.about-main-image-slide .card-slide.swiper-slide-next {
  width: 765px;
  height: 358px;
}

@media screen and (max-width: 1023px) {
  .about-main-image-slide .card-slide .swiper-slide-prev,
  .about-main-image-slide .card-slide.swiper-slide-next {
    width: 100%;
    height: auto;
  }
}

.about-main-image-slide .card-slide .swiper-slide-active {
  width: 765px;
  height: 358px;
}

@media screen and (max-width: 1023px) {
  .about-main-image-slide .card-slide .swiper-slide-active {
    width: 100%;
    height: auto;
  }
}

.about-main-image-slide .swiper-slide-duplicate {
  width: 765px;
  height: 358px;
}

@media screen and (max-width: 1023px) {
  .about-main-image-slide .swiper-slide-duplicate {
    width: 100%;
    height: auto;
  }
}

.about-main-image-slide .swiper-slide-active {
  width: 765px;
  height: 358px;
}

@media screen and (max-width: 1023px) {
  .about-main-image-slide .swiper-slide-active {
    width: 100%;
    height: auto;
  }
}

.about-main-image-slide .swiper-slide {
  width: 765px;
  height: 358px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.about-main-image-slide .swiper-slide:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .about-main-image-slide .swiper-slide {
    width: 100%;
    height: auto;
  }
}

.about-main-image-slide .swiper-slide img {
  display: block;
  width: 765px;
  height: 358px;
}

@media screen and (max-width: 1023px) {
  .about-main-image-slide .swiper-slide img {
    width: 100%;
    height: auto;
  }
}

.swiper-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  margin: 32px 0 0;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .swiper-button-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.swiper-button-wrapper .swiper-button-next,
.swiper-button-wrapper .swiper-button-prev {
  background-image: none;
  background-repeat: no-repeat;
  background-color: #4E4E4E;
  border-radius: 20px;
  width: 32px;
  height: 32px;
  position: relative;
  left: auto;
  right: auto;
  top: -1px;
  bottom: auto;
  margin: 0;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 24px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 4px 24px 0 rgba(74, 110, 137, 0.1);
}

.swiper-button-wrapper .swiper-button-next:after {
  content: '\f054';
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.swiper-button-wrapper .swiper-button-prev:after {
  content: '\f053';
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.swiper-button-wrapper .button-text-prev {
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}

.swiper-button-wrapper .button-text-next {
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}

.swiper-button-prev-wrap,
.swiper-button-next-wrap {
  width: 85px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.swiper-button-prev-wrap:hover,
.swiper-button-next-wrap:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .swiper-button-prev-wrap {
    margin-left: 30px;
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .swiper-button-next-wrap {
    margin-right: 30px;
    margin-top: 40px;
  }
}

.swiper-button-wrapper .swiper-pagination {
  position: relative;
}

@media screen and (max-width: 1023px) {
  .swiper-button-wrapper .swiper-pagination {
    position: absolute;
    width: 100%;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.swiper-button-wrapper .swiper-pagination-bullet {
  width: 28px;
  height: 3px;
  border-radius: 0px;
  margin: 0 2px;
}

.swiper-button-wrapper .swiper-pagination-bullet-active {
  background-color: #4E4E4E;
}

.p-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 10px;
  overflow-y: scroll;
  z-index: 1;
}

.p-modal.is-open {
  display: block;
}

.p-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.8;
  background: black;
  width: 100vw;
  height: 100vh;
}

.p-modal-close {
  position: relative;
  margin: 46px 10px 10px;
  text-align: right;
  font-size: 30px;
  color: white;
}

.p-modal-content {
  position: relative;
  padding: 32px 20px;
  margin: 0 0 56px;
  background: #f7f7f7;
}

.p-modal-title {
  font-size: 18px;
  margin-bottom: 32px;
}

.p-seminar_form {
  padding: 24px 22px;
  background: #F7F7F7;
}

.p-seminar_form-title {
  font-size: 12px;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 12px;
}

.p-seminar_form-title:first-child {
  margin-top: 0;
}

.p-seminar_form-button, .p-seminar_form-button--large {
  display: block;
  width: 100%;
  height: 36px;
  margin-top: 20px;
  color: white;
  background: #1767AC;
  font-size: 13px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.p-seminar_form-button:hover, .p-seminar_form-button--large:hover {
  opacity: 0.7;
}

.p-seminar_form-button--large {
  height: 44px;
  margin-top: 24px;
  font-size: 14px;
}

.p-seminar_form-open {
  background: #F7F7F7;
  padding: 16px;
  margin: 24px 0 32px;
  display: none;
}

@media screen and (max-width: 1023px) {
  .p-seminar_form-open {
    display: block;
  }
}

.p-seminar_form-open p {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px;
  border: 1px solid #ccc;
  color: #333333;
  background: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
}

.p-seminar_form-open p::after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.hogeracho {
  background-color: darkred;
}

.p-header {
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  font-family: 'Noto Sans JP', sans-serif;
  position: absolute;
  top: 0;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
}

.p-header--dummy {
  height: 136px;
}

@media (max-width: 1023px) {
  .p-header--dummy {
    height: 48px;
  }
}

.p-header_inner {
  position: relative;
  height: 136px;
  z-index: 1000;
  width: 1160px;
  background-color: #ffffff;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 1023px) {
  .p-header_inner {
    display: none;
  }
}

.p-header_heading-space {
  margin-top: 62px;
  width: 198px;
  height: 198px;
  background: #333333;
}

.p-header_heading-block {
  display: block;
  margin: 67px 15px 10px 16px;
}

.p-header_heading {
  position: relative;
  margin-top: -2px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.9;
  white-space: nowrap;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: 'Noto Sans JP', sans-serif;
}

.p-header_heading::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 16px;
  height: 1px;
  background-color: #d8d8d8;
  opacity: 0.2;
}

.p-header_heading-en {
  margin: 30px 0 0;
  opacity: 0.6;
  color: #ffffff;
  font-size: 11px;
  letter-spacing: -0.5px;
  line-height: 17px;
}

.p-header_middle {
  padding: 16px 16px 0;
  width: calc(100% - 335px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  z-index: 1000;
}

.p-header_middle-text {
  margin: 0 0 0 33px;
  font-size: 12px;
}

.p-header_middle-text a {
  color: #888888;
  margin-right: 10px;
  line-height: 26px;
}

.p-header_requirement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 44px;
  height: 44px;
  padding-right: 16px;
  background-color: #f7f7f7;
}

.p-header_requirement-icon {
  margin: 0 6px 0 18px;
  color: #4e4e4e;
  font-size: 12px;
  height: 13px;
  width: 11px;
  line-height: 13px;
}

.p-header_requirement-text {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}

.p-header_requirement-text a {
  color: #888888;
}

.p-header_nav {
  margin-top: 45px;
}

.p-header_nav-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-header_nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 48px;
  padding-bottom: 28px;
}

.p-header_nav-list:not(:last-of-type) a {
  margin-top: -3px;
  border-right: 1px solid #e0e0e0;
}

.p-header_nav-list:not(:last-of-type):nth-of-type(3) a {
  padding-left: 30px;
  padding-right: 58px;
}

.p-header_nav-list:not(:last-of-type):nth-of-type(3) img {
  position: absolute;
  right: 34px;
  top: -4px;
}

.p-header_nav-list::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.p-header_nav-list.current-location::before {
  background-color: #4e4e4e;
}

.p-header_nav-list:hover::before {
  background-color: #4e4e4e;
}

.p-header_nav-list a {
  font-weight: bold;
  color: #333333;
  padding: 0 40px;
}

.p-header_nav-list img {
  cursor: pointer;
  position: relative;
}

.p-header_nav-list.p-header_current-page::before {
  position: absolute;
  bottom: -28px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #4e4e4e;
}

.p-header_contact {
  display: block;
  height: 100%;
  width: 144px;
  background-color: #ab9412;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-header_contact:hover {
  opacity: 0.7;
}

.p-header_contact-icon {
  margin-top: 6px;
  font-size: 20px;
  color: #ffffff;
}

.p-header_contact-text {
  margin: 14px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  width: 144px;
}

/**
  header SP
**/
.p-header-sp_main {
  display: none;
  position: relative;
  left: 0;
  top: 0;
  z-index: 100;
}

.p-header-sp_main.is-open {
  display: block;
}

@media (min-width: 1024px) {
  .p-header-sp {
    display: none;
  }
}

@media (max-width: 1023px) {
  .p-header-sp {
    position: relative;
    left: 0;
    top: 0;
    height: 48px;
    background-color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 100;
  }
  .p-header-sp_text {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.08px;
    line-height: 48px;
    margin-left: 16px;
  }
  .p-header-sp_main {
    background-color: #ffffff;
  }
}

.p-header-sp_hamburger {
  margin: 3px 13px 0 0;
}

.p-header-sp_bar {
  height: 2px;
  margin-bottom: 4px;
  width: 21px;
  background-color: #ffffff;
}

.p-header-sp_close {
  display: none;
  color: white;
  margin: 0px 16px 0 0;
  font-size: 24px;
}

#js-accordion-target_sp.is-open .p-header-sp_hamburger {
  display: none;
}

#js-accordion-target_sp.is-open .p-header-sp_close {
  display: block;
}

.p-header-sp_nav {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  overflow-y: scroll;
  max-height: calc(100vh - 48px);
}

.p-header-sp_li {
  background-color: #ffffff;
  padding: 0 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-header-sp_li a {
  display: block;
  width: calc(100% - 28px);
  padding: 14px 8px 12px;
}

.p-header-sp_li::after {
  display: block;
  content: "";
  border-bottom: 1px solid #EEEEEE;
  height: 1px;
  width: 100%;
}

.p-header-sp_li.open::after {
  display: none;
  content: none;
}

.p-header-sp_arrow-down {
  display: none;
  margin-right: 8px;
  width: 20px;
  color: #666;
}

.p-header-sp_arrow-top {
  display: block;
  margin-right: 8px;
  width: 20px;
  color: #666;
}

#js-menu-service-sp.is-open .p-header-sp_arrow-down {
  display: block;
}

#js-menu-service-sp.is-open .p-header-sp_arrow-top {
  display: none;
}

.p-header-sp_open {
  display: none;
  background-color: #f7f7f7;
  padding: 24px 20px 8px;
  border: none;
}

.p-header-sp_open.is-open {
  display: block;
}

.p-header-sp_open .p-header-sp_open-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 12px;
  color: #1767AC;
}

.p-header-sp_open .p-header-sp_open-text a {
  display: block;
  width: 100%;
  color: #1767AC;
}

.p-header-sp_open .p-header-sp_open-ul {
  width: 100%;
  padding-bottom: 24px;
}

.p-header-sp_open .p-header-sp_open-li {
  position: relative;
  list-style-position: inside;
  border-bottom: 1px solid #E0E0E0;
}

.p-header-sp_open .p-header-sp_open-li::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 3px;
  background-color: #1767ac;
  top: 22px;
  left: 16px;
}

.p-header-sp_open .p-header-sp_open-li:first-child {
  border-top: 1px solid #E0E0E0;
}

.p-header-sp_open .p-header-sp_open-li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 31px;
  font-weight: normal;
}

.p-header-sp_buttons {
  padding: 28px 20px 0;
}

.p-header-sp_button, .p-header-sp_button-yellow, .p-header-sp_button-gray {
  display: block;
  text-align: center;
  height: 52px;
  line-height: 52px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.p-header-sp_button-yellow {
  background-color: #ab9412;
  color: #ffffff;
}

.p-header-sp_button-gray {
  background-color: #f7f7f7;
  color: #888888;
}

.p-header-sp_texts {
  height: 20px;
  width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 29px auto 31px;
}

.p-header-sp_texts a {
  color: #888888;
}

.p-header-sp_border {
  height: 16px;
  width: 1px;
  background-color: #e0e0e0;
}

.p-header-sp_requirement-icon {
  margin-right: 9px;
  color: #4e4e4e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}

.p-header-sp_contact-icon {
  margin-right: 8px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}

/*
    ナビゲーション
*/
.p-menu {
  display: block;
  width: 962px;
  height: 0;
  background-color: #f7f7f7;
  position: absolute;
  z-index: 100;
  left: 481px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 136px;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden;
}

.p-menu.is-open {
  height: 428px;
}

.p-menu-text {
  margin-left: 396px;
  padding-top: 19px;
  color: #888888;
  font-family: "Noto Sans CJK JP";
  font-size: 13px;
  letter-spacing: 0;
  line-height: 34px;
}

.p-menu-wrap {
  position: relative;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 4px 56px 52px;
}

.p-menu-block {
  margin-top: 40px;
  width: 31.1%;
}

.p-menu-top {
  display: block;
  margin-bottom: 16px;
  color: #333333;
  font-size: 15px;
  color: #1767AC;
  font-weight: bold;
  letter-spacing: 0;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #E0E0E0;
}

ul.p-menu-list li {
  position: relative;
}

ul.p-menu-list li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #1767ac;
}

.p-menu-list {
  list-style: none;
}

.p-menu-list > li {
  padding: 0 0 0 20px;
  color: #333333;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 16px;
}

.p-menu-list > li + li {
  margin-top: 8px;
}

.p-menu-list a {
  display: block;
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

.p-menu-list a:hover {
  -webkit-text-decoration: underline solid black;
          text-decoration: underline solid black;
}

@media all and (-ms-high-contrast: none) {
  .p-menu-list a:hover {
    text-decoration: underline;
  }
}

.overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.overlay.is-active {
  opacity: 0.75;
  visibility: visible;
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-170%);
            transform: translateY(-170%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-170%);
            transform: translateY(-170%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media (min-width: 1024px) {
  .p-header.js-slideUp {
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-name: slideUp;
            animation-name: slideUp;
  }
  .p-header.js-slideDown {
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-name: slideDown;
            animation-name: slideDown;
  }
  .p-header.is-fixed {
    position: fixed;
    top: -54px;
  }
  .p-header.is-fixed .p-header_heading-space {
    height: 82px;
    margin-top: 54px;
  }
  .p-header.is-fixed .p-header_heading-block {
    margin: 0;
    margin-left: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .p-header.is-fixed .p-header_heading {
    font-size: 14px;
    line-height: 1.5;
  }
  .p-header.is-fixed .p-header_heading::before {
    display: none;
  }
  .p-header.is-fixed .p-header_heading-en {
    display: none;
  }
  .p-header.is-fixed .p-header_contact {
    height: 82px;
    margin-top: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-header.is-fixed .p-header_contact i {
    font-size: 18px;
  }
  .p-header.is-fixed .p-header_contact-text {
    margin: 0;
    font-size: 13px;
  }
  .p-header.is-fixed .p-header_contact-text br {
    display: none;
  }
}

#ft-menu {
  background-color: #F7F7F7;
}

.ft-menu-flex {
  min-height: 473px;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Noto Sans JP', sans-serif;
}

.item-heading {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
}

.item-list {
  list-style-type: none;
  font-size: 12px;
  color: #333333;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 17px;
}

.item-list span {
  display: block;
  font-size: 10px;
  line-height: 12px;
}

.item-list li {
  margin: 10px 0;
}

.item-list li a {
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

.item-list li a:hover {
  -webkit-text-decoration: underline solid black;
          text-decoration: underline solid black;
}

@media all and (-ms-high-contrast: none) {
  .item-list li a:hover {
    text-decoration: underline;
  }
}

@media (max-width: 1023px) {
  #ft-menu {
    display: none;
  }
}

.footer_flex {
  height: 108px;
  max-width: 1160px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1023px) {
  .footer_flex {
    width: 90%;
    height: auto;
    display: block;
    text-align: left;
  }
}

.footer_img {
  height: 77px;
  width: 200px;
  position: relative;
  right: 15px;
}

.footer_policy {
  color: #888888;
}

@media screen and (max-width: 1023px) {
  .footer_policy {
    margin: 16px 0 16px;
  }
}

.footer_policy a {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: normal;
  color: #888888;
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

.footer_policy a:hover {
  -webkit-text-decoration: underline solid black;
          text-decoration: underline solid black;
}

@media all and (-ms-high-contrast: none) {
  .footer_policy a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1023px) {
  .footer_policy a {
    line-height: 24px;
  }
}

.footer_policy p {
  text-align: right;
  line-height: 20px;
}

@media screen and (max-width: 1023px) {
  .footer_policy p {
    text-align: initial;
  }
}

.footer_copy {
  color: #333333;
  font-size: 11px;
  letter-spacing: normal;
  line-height: 12px;
  margin-top: 19px;
  text-align: right;
}

.footer_copy p {
  font-size: 11px;
}

@media screen and (max-width: 1023px) {
  .footer_copy {
    text-align: left;
    margin-bottom: 23px;
    margin-top: 16px;
  }
}

.footer_sp-br {
  display: none;
}

@media screen and (max-width: 1023px) {
  .footer_sp-br {
    display: block;
  }
}

.p-footer_sp_nav-var__dummy {
  display: none;
  height: 60px;
}

@media screen and (max-width: 1023px) {
  .p-footer_sp_nav-var__dummy {
    display: block;
  }
}

.p-footer_sp_nav-var {
  display: none;
}

@media screen and (max-width: 1023px) {
  .p-footer_sp_nav-var {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
  }
  .p-footer_container {
    width: 100%;
    height: 60px;
    padding: 10px;
    background-color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-footer_contact_button {
    width: 100%;
    height: 40px;
    background-color: #AB9412;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
  .p-footer_top-position_button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px;
  }
  .fa-arrow-up {
    color: #1767AC;
    font-size: 14px;
  }
}

.p-service-normal-text-wrap, .p-service-accordion-content__text {
  line-height: 2;
}

.p-service-normal-text-wrap h2, .p-service-accordion-content__text h2 {
  margin: 64px 0 32px;
  font-size: 26px;
  line-height: 30px;
}

.p-service-normal-text-wrap h2:first-of-type, .p-service-accordion-content__text h2:first-of-type {
  margin: 0 0 32px;
}

@media screen and (max-width: 1023px) {
  .p-service-normal-text-wrap h2, .p-service-accordion-content__text h2 {
    font-size: 20px;
    margin: 44px 0 22px;
  }
}

.p-service-normal-text-wrap h3, .p-service-accordion-content__text h3 {
  margin: 32px 0 24px;
  font-size: 18px;
}

.p-service-normal-text-wrap h4, .p-service-accordion-content__text h4 {
  margin: 32px 0 16px;
  font-size: 15px;
}

.p-service-normal-text-wrap p, .p-service-accordion-content__text p {
  margin: 16px 0;
  font-size: 15px;
  line-height: 2;
}

.p-service-normal-text-wrap strong, .p-service-accordion-content__text strong {
  font-weight: bold;
}

.p-service-normal-text-wrap s, .p-service-accordion-content__text s {
  text-decoration: line-through;
}

.p-service-normal-text-wrap a, .p-service-accordion-content__text a {
  text-decoration: underline;
  color: #4a6e89;
  word-break: break-all;
}

.p-service-normal-text-wrap a.external, .p-service-accordion-content__text a.external {
  position: relative;
}

.p-service-normal-text-wrap a.external::after, .p-service-accordion-content__text a.external::after {
  display: inline-block;
  margin-left: 4px;
  content: "\f14c";
  text-decoration: none;
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
  color: #333;
}

.p-service-normal-text-wrap small, .p-service-accordion-content__text small {
  font-size: 12px;
  color: #888888;
}

.p-service-normal-text-wrap ul, .p-service-accordion-content__text ul {
  margin: 16px 0 24px;
  padding: 0 0 0 23px;
}

.p-service-normal-text-wrap li > ul, .p-service-accordion-content__text li > ul {
  list-style-type: disc;
}

.p-service-normal-text-wrap ol, .p-service-accordion-content__text ol {
  margin: 16px 0 24px;
  padding: 0 0 0 5px;
  counter-reset: list-count;
  list-style: none;
}

.p-service-normal-text-wrap ol > li::before, .p-service-accordion-content__text ol > li::before {
  content: counter(list-count) ".";
  counter-increment: list-count;
  position: absolute;
  left: -20px;
  margin: 0 9px 0 0;
  font-weight: bold;
}

.p-service-normal-text-wrap li > ol, .p-service-accordion-content__text li > ol {
  padding: 0 0 0 23px;
}

.p-service-normal-text-wrap li, .p-service-accordion-content__text li {
  position: relative;
  left: 20px;
  width: 97.5%;
  margin: 8px 0;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .p-service-normal-text-wrap li, .p-service-accordion-content__text li {
    width: 94%;
  }
}

.p-service-list-wrap {
  margin: 24px 0 80px;
}

.p-service-list-wrap__list {
  list-style: none;
  padding: 0 0 0 20px;
  width: 836px;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .p-service-list-wrap__list {
    width: 100%;
  }
}

.p-service-list-wrap__list + .p-service-list-wrap__list {
  margin: 8px 0 0;
}

.p-service-list-wrap__list::before {
  position: relative;
  top: -3px;
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  background-color: #333333;
  border-radius: 10px;
}

.p-service-heading, .p-service-inheritance-heading {
  margin: 80px 0 32px;
  color: #333333;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .p-service-heading, .p-service-inheritance-heading {
    font-size: 22px;
  }
}

.p-service-heading-h3 {
  margin: 32px 0 24px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5;
}

.p-template__container {
  margin-bottom: 80px;
}

.p-template__container .p-service-heading:first-child, .p-template__container .p-service-inheritance-heading:first-child {
  margin-top: 0;
}

.p-service-heading-border, .p-service-heading-border--red, .p-service-accordion-content__heading {
  margin: 0 0 24px;
  padding: 0 0 0 13px;
  border-left: 3px #1767ac solid;
  color: #1767ac;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}

.p-service-heading-border--red {
  border-left: 3px #ff5346 solid;
  color: #ff5346;
}

.p-service-icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40px 0 80px;
  gap: 40px 28px;
}

@media screen and (max-width: 1023px) {
  .p-service-icon-text {
    gap: 35px 0;
  }
}

.p-service-icon-text__item {
  width: 269px;
}

@media screen and (max-width: 1023px) {
  .p-service-icon-text__item {
    width: 100%;
  }
}

.p-service-icon-text i {
  height: 35px;
  width: 31px;
  color: #1767ac;
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 16px;
}

.p-service-icon-text__title {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}

@media screen and (min-width: 1024px) {
  .p-service-icon-text__title.js-height-2 {
    height: 64px;
  }
  .p-service-icon-text__title.js-height-3 {
    height: 96px;
  }
}

.p-service-icon-text__text {
  margin: 8px 0 0;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.p-service-btn-link {
  margin: 24px 0 40px;
  position: relative;
  display: block;
  width: 269px;
  height: 64px;
  background-color: #1767ac;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0 0 0 20px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service-btn-link:hover {
  opacity: 0.7;
}

.p-service-btn-link::before {
  content: "\f14c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  font-size: 14px;
}

.p-service-btn-link-column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 32px 0 64px;
}

.p-service-btn-link-column__link--2column, .p-service-btn-link-column__link--3column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin: 0 2px 2px 0;
  display: block;
  width: calc(50% - 1px);
  height: 64px;
  background-color: #1767ac;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
  padding: 0 44px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service-btn-link-column__link--2column:hover, .p-service-btn-link-column__link--3column:hover {
  opacity: 0.7;
}

.p-service-btn-link-column__link--2column[target="_blank"]::before, .p-service-btn-link-column__link--3column[target="_blank"]::before {
  content: "\f14c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  font-size: 14px;
}

.p-service-btn-link-column__link--2column:nth-of-type(2n), .p-service-btn-link-column__link--3column:nth-of-type(2n) {
  margin-right: 0;
}

.p-service-btn-link-column__link--2column:nth-of-type(1), .p-service-btn-link-column__link--3column:nth-of-type(1), .p-service-btn-link-column__link--2column:nth-of-type(2), .p-service-btn-link-column__link--3column:nth-of-type(2), .p-service-btn-link-column__link--2column:nth-of-type(3), .p-service-btn-link-column__link--3column:nth-of-type(3) {
  margin-top: 0;
}

.p-service-btn-link-column__link--2column::before, .p-service-btn-link-column__link--3column::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: calc(50% - 10px);
}

@media screen and (max-width: 1023px) {
  .p-service-btn-link-column__link--2column, .p-service-btn-link-column__link--3column {
    width: 100%;
    margin: 0 auto 15px !important;
  }
}

.p-service-btn-link-column__link--3column {
  width: calc((100% - 56px) / 3);
  margin: 0 28px 2px 0;
}

.p-service-btn-link-column__link--3column:nth-of-type(2n) {
  margin-right: 28px;
}

.p-service-btn-link-column__link--3column:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 1023px) {
  .p-service-btn-link-column__link--3column {
    width: 100%;
    margin: 0 auto 15px !important;
  }
}

.p-service-img-text-two-column {
  margin: 32px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-service-img-text-two-column__item {
  margin: 40px 0 0;
  width: 48.3%;
}

.p-service-img-text-two-column__item:nth-of-type(1), .p-service-img-text-two-column__item:nth-of-type(2) {
  margin: 0;
}

.p-service-img-text-two-column__img {
  display: block;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.p-service-img-text-two-column__text {
  margin: 8px 0 0;
  color: #333333;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  color: #888888;
}

.p-service-img-text-two-column__button, .p-service-img-text-two-column__button--external-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 269px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 28px 0 0 0;
  height: 64px;
  background-color: #1767ac;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
  padding: 0 44px 0 20px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service-img-text-two-column__button:hover, .p-service-img-text-two-column__button--external-link:hover {
  opacity: 0.7;
}

.p-service-img-text-two-column__button::before, .p-service-img-text-two-column__button--external-link::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: calc(50% - 10px);
}

@media screen and (max-width: 1023px) {
  .p-service-img-text-two-column__button, .p-service-img-text-two-column__button--external-link {
    min-width: 100%;
    height: auto;
    min-height: 40px;
    margin: 20px auto 15px !important;
    padding: 10px 44px 10px 20px;
  }
}

.p-service-img-text-two-column__button--external-link::before {
  content: url("../img/icon/icon_external_blue.svg");
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px);
}

.p-service-img-text-three-column {
  margin: 32px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 1023px) {
  .p-service-img-text-three-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-service-img-text-three-column__item {
  margin: 40px 0 0;
  width: 31.1%;
}

@media screen and (max-width: 1023px) {
  .p-service-img-text-three-column__item {
    width: 100%;
  }
}

.p-service-img-text-three-column__item:nth-of-type(1), .p-service-img-text-three-column__item:nth-of-type(2), .p-service-img-text-three-column__item:nth-of-type(3) {
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .p-service-img-text-three-column__item:nth-of-type(1), .p-service-img-text-three-column__item:nth-of-type(2), .p-service-img-text-three-column__item:nth-of-type(3) {
    margin-top: 22px;
  }
}

.p-service-img-text-three-column__img {
  display: block;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.p-service-img-text-three-column__text {
  margin: 8px 0 0;
  color: #333333;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  color: #888888;
}

.p-service_inquiry-list-wrap {
  margin: 32px 0 80px;
}

.p-service_inquiry-list {
  width: 100%;
  padding: 25px 0 25px 12px;
  color: #333333;
  border-bottom: 1px solid #eeeeee;
  list-style: none;
  position: relative;
}

.p-service_inquiry-list:first-child {
  border-top: 1px solid #eeeeee;
}

.p-service_inquiry-list.open {
  height: 198px;
}

.p-service_inquiry-list.open img {
  -webkit-transform: translateX(410px) rotateX(-180deg);
          transform: translateX(410px) rotateX(-180deg);
}

.p-service_inquiry-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 94%;
}

@media screen and (max-width: 1023px) {
  .p-service_inquiry-question {
    width: 90%;
  }
}

.p-service_inquiry-question i {
  position: absolute;
  right: 12px;
  top: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  outline: none;
  font-family: "Font Awesome 5 Pro";
  color: #888888;
  font-size: 16px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service_inquiry-question i:hover {
  opacity: 0.7;
}

.p-service_inquiry-question.active i {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  color: #888888;
  font-size: 16px;
}

.p-service_inquiry-q, .p-service_inquiry-a {
  color: #1767ac;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
  margin-right: 11px;
}

.p-service_inquiry-answer-wrap {
  display: none;
}

.p-service_inquiry-answer {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-service_inquiry-a {
  color: #cd5050;
  margin-right: 10px;
}

.p-service_inquiry-arrow {
  height: 24px;
  width: 24px;
  -webkit-transform: translateX(410px);
          transform: translateX(410px);
}

.p-service_inquiry-text {
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.p-service_inquiry-text a {
  text-decoration: underline;
}

.p-rent_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 64px;
  border-bottom: 3px solid #4e4e4e;
}

.p-rent_tab {
  display: block;
  background-color: #f7f7f7;
  height: 56px;
  width: calc(50% - 4px);
  color: #1767ac;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-rent_tab:hover {
  opacity: 0.7;
}

.p-rent_tab--gray {
  background-color: #e0e0e0;
}

@media screen and (max-width: 1023px) {
  .p-rent_tab {
    height: 45px;
    line-height: 42px;
    font-size: 12px;
  }
}

.p-rent_tab.active {
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #4e4e4e;
  -webkit-transition: none;
  transition: none;
}

.p-rent_tab.active:hover {
  opacity: 1;
}

.p-service-flow-wrap {
  margin: 32px 0 80px;
  background-color: #f7f7f7;
  padding: 24px 0;
}

.p-service-flow {
  position: relative;
  min-height: 84px;
  width: 97.219%;
  background-color: #fff;
  padding: 32px 40px 32px;
  padding-top: 0px;
  margin: 0 auto;
  margin-bottom: 50px;
  border: 1px solid #e0e0e0;
}

@media screen and (max-width: 1023px) {
  .p-service-flow {
    padding: 24px 16px;
    padding-top: 0px;
    width: 95%;
  }
}

.p-service-flow::before {
  content: "\f142";
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  display: block;
  font-size: 20px;
  color: #1767ac;
  position: absolute;
  bottom: -28px;
  left: calc(50% - 2.5px);
}

.p-service-flow::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  display: block;
  font-size: 20px;
  color: #1767ac;
  position: absolute;
  bottom: -42px;
  left: calc(50% - 9px);
}

.p-service-flow:last-of-type {
  margin-bottom: 0;
}

.p-service-flow:last-of-type::before, .p-service-flow:last-of-type::after {
  display: none;
}

.p-service-flow__heading {
  color: #ffffff;
  font-size: 13px;
  width: 68px;
  height: 26px;
  background-color: #1767ac;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}

.p-service-flow__text {
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
  max-width: 57.2%;
  line-height: 25px;
}

@media screen and (max-width: 1023px) {
  .p-service-flow__text {
    max-width: 100%;
    line-height: 28px;
  }
}

.p-service-flow__text a {
  text-decoration: underline;
}

.p-service-flow__title {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  width: 37%;
  line-height: 27px;
  margin-right: 40px;
}

@media screen and (max-width: 1023px) {
  .p-service-flow__title {
    width: 100%;
    margin-right: 0px;
    margin: 12px 0;
  }
}

.p-service-flow__text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}

@media screen and (max-width: 1023px) {
  .p-service-flow__text-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-service-merit__card {
  display: block;
  position: relative;
  width: 269px;
  height: 240px;
  margin-right: 28px;
  margin-bottom: 28px;
  text-align: center;
  position: relative;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service-merit__card:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .p-service-merit__card {
    width: 100%;
    margin-right: 0;
  }
}

.p-service-merit__card:nth-child(3n) {
  margin-right: 0;
}

.p-service-merit__card .p-service-merit__card__bg {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-service-merit__card::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: -webkit-gradient(linear, left bottom, left top, from(#1767ac), color-stop(65%, #1767ac), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(360deg, #1767ac 0%, #1767ac 65%, rgba(0, 212, 255, 0) 100%);
  z-index: -1;
}

.p-service-merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
  .p-service-merit {
    display: block;
  }
}

.p-service-mert__card-text {
  position: absolute;
  bottom: 35px;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}

.p-service-merit__heading {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 6px;
  line-height: 32px;
}

.p-service-merit__heading span {
  font-size: 15px;
  margin-right: 5px;
}

.p-service-merit__title {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 24px;
  white-space: pre;
}

.p-service-merit__content-wrap {
  margin-top: 40px;
}

.p-service-merit__link {
  display: block;
  height: 32px;
  width: 32px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -16px;
}

.p-service-merit__link .fa-arrow-down::before {
  height: 13px;
  width: 12px;
  color: #1767ac;
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  padding-top: 9px;
  font-weight: normal;
}

.p-service-merit__content-heading {
  background-color: #eff4f9;
  margin-bottom: 32px;
}

.p-service-merit__content-caption {
  color: #888;
  font-size: 12px;
  margin-top: 15px;
}

.p-service-merit__content-body--1column .p-service-merit__content-img {
  display: block;
  width: 100%;
}

.p-service-merit__content-body--1column .p-service-merit__content-img img {
  width: 100%;
}

.p-service-merit__content-body--1column .p-service-merit__content-html {
  margin-top: 20px;
  line-height: 2;
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  .p-service-merit__content-body--2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-service-merit__content-body--2column .p-service-merit__content-img {
  display: block;
  width: 100%;
}

.p-service-merit__content-body--2column .p-service-merit__content-img img {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .p-service-merit__content-body--2column .p-service-merit__content-img {
    width: calc(50% - 15px);
  }
}

.p-service-merit__content-body--2column .p-service-merit__content-html {
  display: block;
  line-height: 2;
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  .p-service-merit__content-body--2column .p-service-merit__content-html {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 1023px) {
  .p-service-merit__content-body--2column .p-service-merit__content-html {
    margin-top: 20px;
  }
}

.p-service-merit__content-heading-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding: 17px 20px;
}

@media screen and (max-width: 1023px) {
  .p-service-merit__content-heading-text {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
}

.p-service-merit__content-heading-label {
  display: inline-block;
  height: 26px;
  padding: 0 12px;
  background-color: #1767ac;
  line-height: 26px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  margin-right: 12px;
}

@media screen and (max-width: 1023px) {
  .p-service-merit__content-heading-label {
    margin-bottom: 6px;
  }
}

.p-service-merit__content-heading-text-content {
  line-height: 32px;
}

.p-service-merit__content {
  margin-bottom: 48px;
}

.p-service-merit__content-inner img {
  display: block;
  max-width: 100%;
}

.p-service-merit__content-inner p {
  font-size: 15px;
  line-height: 30px;
}

.p-service-html-img {
  margin: 32px 0 80px;
  border: 8px solid #eeeeee;
}

.p-service-html-img__block {
  margin: 0 20px;
  padding: 32px 0;
  border-top: 1px solid #eeeeee;
}

.p-service-html-img__block:first-of-type {
  border-top: none;
}

.p-service-html-img__heading, .p-service-html-img__heading--red {
  margin: 0 0 24px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}

.p-service-html-img__heading--red {
  color: #cd5050;
  font-size: 15px;
}

.p-service-html-img__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1023px) {
  .p-service-html-img__flex {
    display: block;
  }
}

.p-service-html-img__html-wrap {
  width: 49%;
}

@media screen and (max-width: 1023px) {
  .p-service-html-img__html-wrap {
    width: 100%;
    margin-bottom: 20px;
  }
}

.p-service-html-img__html-wrap p {
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
  margin: 20px 0 0;
}

.p-service-html-img__html-wrap p:first-of-type {
  margin: 0;
}

.p-service-html-img__html-wrap a {
  text-decoration: underline;
}

.p-service-html-img__html-wrap small {
  font-size: 12px;
  color: #888888;
}

.p-service-html-img__html-wrap li {
  list-style: none;
  position: relative;
  padding: 0 0 0 25px;
  font-size: 15px;
  line-height: 30px;
}

.p-service-html-img__html-wrap li + .p-service-html-img__html-wrap li {
  margin-top: 8px;
}

.p-service-html-img__html-wrap li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #333333;
  position: absolute;
  top: 11px;
  left: 7px;
  border-radius: 10px;
}

.p-service-html-img__img {
  display: block;
  width: 49%;
}

@media screen and (max-width: 1023px) {
  .p-service-html-img__img {
    width: 100%;
  }
}

.p-service-case__cards {
  margin-top: 32px;
}

.js-service-case-accordion {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.p-service-case__card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 269px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.p-service-case__card:not(:last-child) {
  margin-right: 28px;
}

@media screen and (max-width: 1023px) {
  .p-service-case__card {
    width: 100%;
  }
}

@-webkit-keyframes serviceCaseCardFadeIn {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}

@keyframes serviceCaseCardFadeIn {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}

.p-service-case__card-hide.active {
  -webkit-animation-name: serviceCaseCardFadeIn;
          animation-name: serviceCaseCardFadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.p-service-case__card-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 179px;
  background: #eee;
}

.p-service-case__card-top img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-service-case__card-bottom {
  position: relative;
  height: calc(100% - 179px);
  padding: 20px 20px;
}

@media screen and (max-width: 1023px) {
  .p-service-case__card-bottom {
    height: auto;
  }
}

.p-service-case__card-title {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}

.p-service-case__card-subtitle {
  color: #1767ac;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 16px;
}

.p-service-case__card-info {
  margin: 8px 0 16px;
}

.p-service-case__card-info-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #888888;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}

.p-service-case__card-info-text span {
  display: block;
  min-width: 72px;
}

.p-service-case__card-merit {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  margin: 16px 0;
}

.p-service-case__card-button {
  display: block;
  bottom: 24px;
  height: 36px;
  width: 229px;
  margin: 0 auto;
  background-color: #4e4e4e;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service-case__card-button:hover {
  opacity: 0.7;
}

.p-service-case__card-button__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.p-service-case__card-button__inner::after {
  content: "\f00e";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  right: 15px;
  font-size: 15px;
}

.p-service-case__button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  width: 467px;
  border: 1px solid #e0e0e0;
  background-color: #eeeeee;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
}

.service-case-modal-bg {
  display: none;
  overflow-y: scroll;
  scrollbar-width: none;
  position: fixed;
  z-index: 1500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.75);
}

.service-case-modal-bg.is-active {
  display: block;
}

.service-case-modal {
  width: 963px;
  margin: 50px auto;
  background-color: #ffffff;
  padding: 25px 50px 64px;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .service-case-modal {
    width: 100%;
    margin: 0;
    padding: 12px 20px 60px;
  }
}

.service-case-modal::-webkit-scrollbar {
  display: none;
}

.service-case-modal__heading-top {
  margin: 0 0 32px;
  color: #333333;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.3;
  max-width: calc(100% - 20px);
}

@media screen and (max-width: 1023px) {
  .service-case-modal__heading-top {
    line-height: 1.45;
    max-width: calc(100% - 40px);
  }
}

.service-case-modal__heading-button {
  position: absolute;
  top: 25px;
  right: 32px;
  font-size: 30px;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.service-case-modal__heading-button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .service-case-modal__heading-button {
    right: 16px;
    top: 16px;
  }
}

.service-swiper-main {
  display: block;
}

.service-swiper-main .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 443px !important;
  overflow: hidden;
  text-align: center;
  background: #eee;
}

.service-swiper-main .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
}

@media screen and (max-width: 1023px) {
  .service-swiper-main .swiper-slide {
    height: 246px !important;
  }
}

.service-swiper-main .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #333333;
}

.service-swiper-main .swiper-slide-active::before {
  opacity: 0;
}

.service-case-modal__img-wrap {
  background: #eee;
}

.service-case-modal__img-wrap img {
  display: block;
  margin: 0 auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.service-swiper-thumbnail {
  display: block;
  position: relative;
  cursor: pointer;
}

.service-swiper-thumbnail .swiper-button-prev,
.service-swiper-thumbnail .swiper-button-next {
  min-width: 30px;
  margin: 0;
  -webkit-transform: none;
          transform: none;
  background-image: none;
  top: calc(50% - 30px);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.service-swiper-thumbnail .swiper-button-prev:hover,
.service-swiper-thumbnail .swiper-button-next:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .service-swiper-thumbnail .swiper-button-prev,
  .service-swiper-thumbnail .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 70px;
    top: auto;
    bottom: 10px;
  }
}

.service-swiper-thumbnail .swiper-button-prev span,
.service-swiper-thumbnail .swiper-button-next span {
  display: none;
}

@media screen and (max-width: 1023px) {
  .service-swiper-thumbnail .swiper-button-prev span,
  .service-swiper-thumbnail .swiper-button-next span {
    display: block;
    font-size: 14px;
    color: #333;
  }
}

.service-swiper-thumbnail .swiper-button-prev::after,
.service-swiper-thumbnail .swiper-button-next::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 14px;
  color: #1767ac;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
}

.service-swiper-thumbnail .swiper-button-prev {
  right: auto;
  left: 12px;
}

.service-swiper-thumbnail .swiper-button-prev::after {
  content: "\f053";
}

@media screen and (max-width: 1023px) {
  .service-swiper-thumbnail .swiper-button-prev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.service-swiper-thumbnail .swiper-button-next {
  left: auto;
  right: 12px;
}

.service-swiper-thumbnail .swiper-button-next::after {
  content: "\f054";
}

@media screen and (max-width: 1023px) {
  .service-swiper-thumbnail .swiper-pagination {
    display: none;
  }
}

.service-swiper-thumbnail .swiper-pagination-bullet {
  width: 28px;
  height: 3px;
  background-color: #4e4e4e;
  border-radius: 0;
}

.service-swiper-thumbnail.swiper-container {
  background-color: #eeeeee;
  padding: 16px 54px 30px;
}

@media screen and (max-width: 1023px) {
  .service-swiper-thumbnail.swiper-container {
    padding: 16px 54px 60px;
  }
}

.service-swiper-thumbnail .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dbdadc;
  height: 60px;
}

.service-swiper-thumbnail img {
  display: block;
  margin: 0;
  max-height: 60px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.service-swiper-thumbnail img:hover {
  opacity: 0.7;
}

.service-swiper-thumbnail .swiper-slide-thumb-active {
  position: relative;
  outline: 3px solid #4e4e4e;
  outline-offset: -3px;
}

.service-swiper-thumbnail .swiper-slide-thumb-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  background-color: #eeeeee;
}

.service-case-modal__caption {
  padding: 0 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 24px;
  background-color: #333333;
  opacity: 0.9;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 24px;
}

.service-case-modal__table {
  margin: 40px 0 0;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  color: #333333;
}

@media screen and (max-width: 1023px) {
  .service-case-modal__table {
    border-top: 1px solid #e0e0e0;
  }
}

.service-case-modal__tr {
  min-height: 50px;
  width: 50%;
  min-width: 50%;
  text-align: left;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .service-case-modal__tr {
    display: block;
    width: 100%;
  }
}

.service-case-modal__th {
  padding: 10px 23px;
  border: 1px solid #e0e0e0;
  width: 20%;
  background-color: #f7f7f7;
}

@media screen and (max-width: 1023px) {
  .service-case-modal__th {
    display: block;
    width: 100%;
    border-top: none;
    border-bottom: none;
  }
}

.service-case-modal__td {
  padding: 10px 23px;
  border: 1px solid #e0e0e0;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .service-case-modal__td {
    display: block;
    width: 100%;
  }
}

.service-case-modal__heading {
  margin: 40px 0 0;
  color: #1767ac;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
  padding: 0 0 0 13px;
  border-left: 3px solid #1767ac;
}

.service-case-modal__text {
  margin: 24px 0 0;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.service-case-modal__text + .service-case-modal__text {
  margin: 14px 0 0;
}

.service-case-modal__close {
  display: block;
  position: relative;
  margin: 40px auto 0;
  height: 48px;
  width: 467px;
  background-color: #4e4e4e;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.service-case-modal__close:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .service-case-modal__close {
    width: 100%;
  }
}

.service-case-modal__close::before {
  content: "×";
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 0px;
}

.p-service-case__open-btn-wrap {
  width: 100%;
}

.p-service-case__open-btn {
  position: relative;
  margin: 8px auto 0;
  height: 48px;
  width: 467px;
  border: 1px solid #e0e0e0;
  background-color: #eeeeee;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-service-case__open-btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .p-service-case__open-btn {
    width: 90%;
  }
}

.p-service-case__open-btn::before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  display: block;
  position: absolute;
  right: 15px;
  color: #1767ac;
}

.p-service-case__open-btn.active::before {
  content: "\f068";
}

.p-service-inheritance-heading {
  font-size: 24px;
  margin: 0 0 32px 0;
}

.p-service-accordion-container {
  border-top: 1px solid #eeeeee;
}

.p-service-accordion {
  border-bottom: 1px solid #eeeeee;
}

.p-service-accordion-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 82px;
  padding: 0 8px;
}

.p-service-accordion-heading__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-service-accordion-heading__icon {
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  color: #888888;
}

.js-service-inheritance-accordion__chevron.is-open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-service-accordion-heading__index {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  color: #ffffff;
  background-color: #1767ac;
}

.p-service-accordion-heading__content {
  margin-left: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}

.p-service-accordion-heading__content span {
  font-size: 15px;
}

.p-service-accordion-content {
  display: none;
  padding: 32px 48px;
  background-color: #f7f7f7;
}

.p-service-accordion-content__heading {
  margin: 0 0 16px;
}

.p-service-accordion-content__text {
  margin: 0;
}

.p-service-annotation {
  margin-top: 26px;
  font-size: 12px;
  color: #888888;
}

.p-buildingTenant-container {
  font-family: sans-serif "Noto Sans JP";
  width: 100%;
  min-height: 100vh;
  background-color: #f7f7f7;
  -webkit-font-smoothing: antialiased;
}

.p-buildingTenant-titleContainer {
  height: 178px;
  background: url(./image/building_tenant_bacground_img.jpg) no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: 0 2px 32px 0 rgba(74, 110, 137, 0.05);
          box-shadow: 0 2px 32px 0 rgba(74, 110, 137, 0.05);
  display: -ms-grid;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-titleContainer {
    background: url(./image/building_tenant_bacground_img_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}

.p-buildingTenant-titleWrap {
  position: relative;
  bottom: 15px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-titleWrap {
    bottom: 20px;
  }
}

.p-buildingTenant-titleWrap h1 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-titleWrap h1 {
    font-size: 21px;
  }
}

.p-buildingTenant-titleWrap h2 {
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: #1767ac;
  width: 178px;
  font-size: 12px;
  background-color: #fff;
  height: 23px;
  border-radius: 13px;
  margin-top: 8px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-titleWrap h2 {
    font-size: 11px;
    height: 20px;
    width: 159px;
    margin-top: 4px;
  }
}

.p-buildingTenant-contentsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-contentsContainer {
    padding: 0 2%;
  }
}

.p-buildingTenant-contentsWrap {
  position: relative;
  bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1160px;
  width: 100%;
  margin: 40px auto 0;
  padding-top: 5px;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 32px rgba(74, 110, 137, 0.05);
          box-shadow: 0 0 32px rgba(74, 110, 137, 0.05);
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-contentsWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 38px auto 0;
  }
}

.p-buildingTenant-notice_container, .p-buildingTenant-downloadDocuments_container,
.p-buildingTenant-inquiries_container,
.p-buildingTenant-downloadDocuments_container {
  position: relative;
  min-width: 305px;
  padding: 40px 40px 35px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_container, .p-buildingTenant-downloadDocuments_container,
  .p-buildingTenant-inquiries_container,
  .p-buildingTenant-downloadDocuments_container {
    min-width: unset;
    padding: unset;
    border-bottom: solid 1px #eff4f9;
  }
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_container, .p-buildingTenant-downloadDocuments_container {
    padding: 25px 20px 25px;
  }
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_container {
    padding: 28px 20px 18px;
  }
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-downloadDocuments_container {
    padding: 25px 20px 25px;
  }
}

.p-buildingTenant-notice_container::before, .p-buildingTenant-downloadDocuments_container::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 55px;
  background-color: #eff4f9;
  width: 1px;
  height: 71%;
}

.p-buildingTenant-downloadDocuments_container::before {
  content: "";
  left: 0;
}

.p-buildingTenant-notice_head, .p-buildingTenant-inquiries_head::before, .p-buildingTenant-downloadDocuments_head::before,
.p-buildingTenant-inquiries_head,
.p-buildingTenant-downloadDocuments_head {
  font-size: 18px;
  color: #333333;
}

.p-buildingTenant-notice_head::before, .p-buildingTenant-inquiries_head::before, .p-buildingTenant-downloadDocuments_head::before {
  content: "\f0f3";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  color: #fff;
  background-color: #1767ac;
  padding: 9px 9.9px;
  border-radius: 16px;
  margin-right: 10px;
  position: relative;
  bottom: 2px;
}

.p-buildingTenant-inquiries_head::before {
  content: "\f095";
  padding: 9px;
}

.p-buildingTenant-downloadDocuments_head {
  padding-left: 40px;
  position: relative;
}

.p-buildingTenant-downloadDocuments_head::before {
  content: "";
  display: block;
  background: url(./image/file-arrow-down_white.png) no-repeat center center, #1767ac;
  background-size: 20px;
  position: absolute;
  top: -6px;
  right: 263px;
  width: 32px;
  height: 32px;
  bottom: unset;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-downloadDocuments_head::before {
    left: 0;
  }
}

.p-buildingTenant-notice_wrap,
.p-buildingTenant-inquiries_wrap {
  margin: 35px 0 25px;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_wrap {
    margin: 15px 0 25px;
  }
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_wrap {
    margin: 15px 0 0;
  }
}

.p-buildingTenant-notice_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px auto;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_block {
    margin: 13px auto;
    padding: 11px 0 3px;
  }
  .p-buildingTenant-notice_block:nth-of-type(n + 2) {
    border-top: solid 1px #eff4f9;
  }
}

.p-buildingTenant-notice_block span:first-of-type {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #1767ac;
  margin-bottom: 2px;
}

.p-buildingTenant-notice_block span:nth-of-type(n + 2) {
  display: block;
  font-size: 14px;
  margin-top: 1px;
  color: #333333;
  border-bottom: solid 1px #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_block span:nth-of-type(n + 2) {
    font-size: 13px;
    margin-top: 0;
  }
}

.p-buildingTenant-notice_block span:nth-of-type(n + 2)::after {
  content: "";
  display: inline-block;
  padding: 9px;
  background: url(./image/external_link_icon.svg) no-repeat center center;
  position: relative;
  top: 3px;
  left: 2px;
}

.p-buildingTenant-notice_block span:nth-of-type(n + 2):hover {
  display: block;
  color: #1767ac;
  border-bottom: solid 1px #1767ac;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.p-buildingTenant-notice_button {
  width: 306px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border: solid 1px #ffff;
  background-color: #1767ac;
  border-radius: 4px;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 5px;
  padding: 19px 67px;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.p-buildingTenant-notice_button:hover {
  color: #1767ac;
  border: solid 1px #1767ac;
  background-color: unset;
}

.p-buildingTenant-notice_button:hover::after {
  padding: 12px;
  background: url(./image/external_link_icon_blue.png) no-repeat center center;
  background-size: 14px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_button {
    font-size: 13px;
    width: 100%;
    max-width: 400px;
    max-height: 58px;
    margin: 0 auto;
    padding: 17px 74px 14px 75px;
    line-height: 0.1;
  }
}

.p-buildingTenant-notice_button::after {
  content: "";
  display: inline-block;
  padding: 12px;
  background: url(./image/external_link_icon_white.png) no-repeat center center;
  background-size: 14px;
  position: relative;
  bottom: 3px;
  left: 35px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice_button::after {
    position: relative;
    bottom: 3px;
    left: 40px;
    background-size: 12px;
  }
}

.p-buildingTenant-inquiries_title {
  color: #1767ac;
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_title {
    font-size: 15px;
  }
}

.p-buildingTenant-inquiries__subTitle {
  font-size: 14px;
}

.p-buildingTenant-inquiries_block {
  position: relative;
  margin: 27px 0 0 15px;
}

.p-buildingTenant-inquiries_block:first-of-type {
  margin: 15px 0 0 15px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_block {
    margin: 29px 0 0 17px;
  }
}

.p-buildingTenant-inquiries_block p {
  display: block;
}

.p-buildingTenant-inquiries_title::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: 300px;
  width: 3px;
  height: 20px;
  background-color: #1767ac;
  margin-right: 5px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_title::before {
    left: -14px;
  }
}

.p-buildingTenant-inquiries_text, .p-buildingTenant-inquiries_company,
.p-buildingTenant-inquiries_listWrap {
  margin: 14px 0;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_text, .p-buildingTenant-inquiries_company,
  .p-buildingTenant-inquiries_listWrap {
    margin: 12px 0;
  }
}

.p-buildingTenant-inquiries_text, .p-buildingTenant-inquiries_company {
  position: relative;
  right: 15px;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 20px;
}

.p-buildingTenant-inquiries_company {
  margin: 20px 0 10px;
  font-size: 14px;
}

.p-buildingTenant-inquiries_listWrap {
  position: relative;
  right: 6px;
}

.p-buildingTenant-inquiries_list {
  padding: 6px 0;
  font-size: 14px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_list {
    font-size: 13px;
  }
}

.p-buildingTenant-inquiries_list::marker {
  content: url(./image/circle_blue.svg);
  -webkit-padding-start: 5px;
          padding-inline-start: 5px;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

.p-buildingTenant-annotation-contactText {
  margin: 0;
  font-size: 11px;
  min-width: 314px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-annotation-contactText {
    min-width: unset;
    line-height: 15px;
  }
}

_::-webkit-full-page-media,
_:future,
:root .p-buildingTenant-inquiries_listWrap {
  position: relative;
  right: 0;
}

_::-webkit-full-page-media,
_:future,
:root .p-buildingTenant-inquiries_list {
  list-style: none;
  position: relative;
}

_::-webkit-full-page-media,
_:future,
:root .p-buildingTenant-inquiries_list::before {
  content: url(./image/circle_blue.svg);
  position: absolute;
  text-indent: -20px;
}

.p-buildingTenant-inquiries_infoNumber {
  position: relative;
  right: 15px;
  font-size: 14px;
  margin: 16px 0;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-inquiries_infoNumber {
    font-size: 13px;
  }
}

.p-buildingTenant-inquiries_Info {
  font-weight: bold;
  margin-bottom: 10px;
}

.p-buildingTenant-downloadDocuments_list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 30px 0 25px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-downloadDocuments_list {
    max-width: 400px;
    margin: 25px auto;
  }
}

.p-buildingTenant-downloadDocuments {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 14px;
  color: #1767ac;
  background-color: #eff4f9;
  border: solid 1px #eff4f9;
  border-radius: 4px;
  padding: 14px 16px;
  margin: 3px 0;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-buildingTenant-downloadDocuments:hover {
  background-color: #fff;
  border: solid 1px #1767ac;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-downloadDocuments {
    padding: 13px 16px;
  }
}

.p-buildingTenant-downloadDocuments::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(./image/file-arrow-down.png) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 24px;
}

.p-buildingTenant-footer_wrap {
  position: relative;
  bottom: 40px;
  font-size: 13px;
  color: #888;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-footer_wrap {
    bottom: 51px;
    font-size: 11px;
    line-height: 1.8;
  }
}

.p-buildingTenant-notice__container {
  max-width: 368px;
  margin: 0 auto;
  padding: 3.5% 0 4.6%;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-notice__container {
    max-width: unset;
    width: 100%;
    padding: 5.5% 5% 9.5%;
  }
}

.p-buildingTenant-news__container {
  max-width: unset;
  margin: 0 auto;
  padding: 35px 0 48px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-news__container {
    padding: 20px 20px 40px;
  }
}

.p-buildingTenant-password__titleText {
  position: relative;
  right: 4px;
  white-space: nowrap;
  font-size: 14px;
  color: #333333;
  display: block;
  margin-bottom: 35px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-password__titleText {
    font-size: 13px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 20px;
    padding-left: 10px;
  }
}

.p-buildingTenant-password__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10% 8%;
  width: 100%;
  border-radius: 6px;
  background-color: #eef4f9;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-password__container {
    padding: 8% 6%;
  }
}

.p-buildingTenant-password__head {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  margin: 0 auto 6px 3px;
}

.p-buildingTenant-password__input {
  width: 304px;
  height: 38px;
  border-radius: 3px;
  border-style: none;
  border: solid 1px #cccccc;
  color: #333333;
  margin: 0 auto 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-password__input {
    width: 100%;
  }
}

.p-buildingTenant-password__input::-webkit-input-placeholder {
  color: #ccc;
}

.p-buildingTenant-password__input::-moz-placeholder {
  color: #ccc;
}

.p-buildingTenant-password__input:-ms-input-placeholder {
  color: #ccc;
}

.p-buildingTenant-password__input::-ms-input-placeholder {
  color: #ccc;
}

.p-buildingTenant-password__input::placeholder {
  color: #ccc;
}

.p-buildingTenant-password__submit {
  border-style: none;
  background-color: #1767ac;
  width: 304px;
  height: 44px;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  margin: 10px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-buildingTenant-password__submit:hover {
  border: solid 1px #1767ac;
  background-color: #fff;
  color: #1767ac;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-password__submit {
    width: 100%;
  }
}

.p-buildingTenant-DownloadContents__none {
  margin-top: 7px;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-DownloadContents__none {
    margin-top: 1px;
  }
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-newsContents__none {
    margin-top: 23px;
  }
}

.p-buildingTenant-noneContents {
  font-size: 14px;
}

.p-buildingTenant__passwordMessage {
  color: red;
  font-size: 12px;
  font-weight: bold;
}

.p-buildingTenant-news__title {
  margin-top: 5px !important;
  font-size: 22px !important;
}

@media screen and (max-width: 1023px) {
  .p-buildingTenant-news__title {
    font-size: 18px !important;
  }
}

.p-buildingTenant-news__backBtn {
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 14px;
  width: 100%;
  height: 44px;
  max-width: 304px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #1767ac;
  border: solid 1px #1767ac;
  border-radius: 4px;
  margin: 32px auto 0;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.p-buildingTenant-news__backBtn:hover {
  color: #fff;
  background-color: #1767ac;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.p-column-contents {
  -webkit-font-smoothing: antialiased;
}

:first-of-type.p-column-title_h2 {
  margin: 40px 0 32px;
  line-height: 32px;
}

@media screen and (max-width: 1023px) {
  :first-of-type.p-column-title_h2 {
    margin: 50px 0 32px;
  }
}

.p-column-title_h2 {
  margin: 64px 0 32px;
  font-size: 26px;
  line-height: 32px;
}

@media screen and (max-width: 1023px) {
  .p-column-title_h2 {
    margin: 55px 0 32px;
    font-size: 22px;
  }
}

.p-column-title_h3 {
  margin: 40px 0 30px;
  font-size: 22px;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .p-column-title_h3 {
    margin: 23px 0 24px;
    font-size: 18px;
  }
}

.p-column-text-content {
  font-size: 15px;
  margin: 30px 0;
}

.p-column-text-content p {
  margin: 15px 0;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .p-column-text-content {
    font-size: 14px;
  }
}

.p-column-img-content, .p-column-img-content_border-none, .p-column-grayBgContent_img, .p-column-grayBgContent_img_border-none {
  border: solid 2px #e6e6e6;
  display: -ms-grid;
  display: grid;
  place-items: center;
  height: auto;
  margin: 30px 0 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-img-content, .p-column-img-content_border-none, .p-column-grayBgContent_img, .p-column-grayBgContent_img_border-none {
    margin: 25px 0;
  }
}

.p-column-img-content_border-none {
  border: none;
}

.p-column-grayBgContent_wrap {
  padding: 5px 40px 15px;
  margin: 30px 0;
  background-color: #f7f7f7;
}

@media screen and (max-width: 1023px) {
  .p-column-grayBgContent_wrap {
    padding: 5px 20px 10px;
    margin: 25px 0;
  }
}

.p-column-grayBgContent_title-h3,
.p-column-grayBgContent_text {
  color: #4f4f4f;
}

.p-column-grayBgContent_title-h3 {
  font-size: 18px;
  margin: 35px 0 15px;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .p-column-grayBgContent_title-h3 {
    font-size: 14px;
    margin: 20px 0 15px;
  }
}

.p-column-grayBgContent_text,
.p-column-grayBgInWhiteContent_text {
  font-size: 15px;
  margin: 20px 0;
  line-height: 20px;
  position: relative;
}

.p-column-grayBgContent_text li,
.p-column-grayBgInWhiteContent_text li {
  list-style: none;
  padding-left: 15px;
}

.p-column-grayBgContent_text li::before,
.p-column-grayBgInWhiteContent_text li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
}

.p-column-grayBgContent_text p,
.p-column-grayBgInWhiteContent_text p {
  margin: 0 0 15px;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .p-column-grayBgContent_text,
  .p-column-grayBgInWhiteContent_text {
    font-size: 14px;
    margin: 15px 0;
  }
}

.p-column-grayBgContent_mustardWrap, .p-column-Content_multiColorWrap, .p-column-grayBgContent_blueWrap, .p-column-grayBgInWhiteContent_blueContentWrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 2px #aa9413;
  font-family: "Noto Sans JP";
  margin-bottom: 15px;
}

.p-column-grayBgContent_mustardWrap span, .p-column-Content_multiColorWrap span, .p-column-grayBgContent_blueWrap span, .p-column-grayBgInWhiteContent_blueContentWrap span {
  font-size: 16px;
  font-weight: bold;
}

.p-column-grayBgContent_mustardWrap span:first-of-type, .p-column-Content_multiColorWrap span:first-of-type, .p-column-grayBgContent_blueWrap span:first-of-type, .p-column-grayBgInWhiteContent_blueContentWrap span:first-of-type {
  background-color: #aa9413;
  color: #fff;
  padding: 10px 21px;
  min-width: 120px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.p-column-grayBgContent_mustardWrap span:nth-of-type(2), .p-column-Content_multiColorWrap span:nth-of-type(2), .p-column-grayBgContent_blueWrap span:nth-of-type(2), .p-column-grayBgInWhiteContent_blueContentWrap span:nth-of-type(2) {
  background-color: #fff;
  color: #4f4f4f;
  border-radius: 0 2px 2px 0;
  padding: 10px 22px;
}

@media screen and (max-width: 1023px) {
  .p-column-grayBgContent_mustardWrap, .p-column-Content_multiColorWrap, .p-column-grayBgContent_blueWrap, .p-column-grayBgInWhiteContent_blueContentWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-column-grayBgContent_mustardWrap span:first-of-type, .p-column-Content_multiColorWrap span:first-of-type, .p-column-grayBgContent_blueWrap span:first-of-type, .p-column-grayBgInWhiteContent_blueContentWrap span:first-of-type {
    padding: 4px 21px 6px;
    font-size: 12px;
  }
  .p-column-grayBgContent_mustardWrap span:nth-of-type(2), .p-column-Content_multiColorWrap span:nth-of-type(2), .p-column-grayBgContent_blueWrap span:nth-of-type(2), .p-column-grayBgInWhiteContent_blueContentWrap span:nth-of-type(2) {
    padding: 11px 12px;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
  }
}

.p-column-text-comment {
  font-size: 12px;
  position: relative;
  bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-text-comment {
    bottom: 5px;
  }
}

.p-column-text-comment__large {
  font-size: 14px;
  position: relative;
  bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-text-comment__large {
    bottom: 5px;
  }
}

.p-column-Content_multiColorWrap {
  position: relative;
  display: block;
  border: solid 2px var(--flame-color);
  margin: 40px 0;
}

.p-column-Content_multiColorWrap span:first-of-type {
  background-color: var(--flame-color);
  font-size: 15px;
  place-items: flex-start;
}

.p-column-Content_multiColorWrap .p-column-grayBgContent_multiColorText {
  display: block;
  background-color: #fff;
  color: #4f4f4f;
  border-radius: 0 2px 2px 0;
  padding: 10px 22px;
  font-weight: bold;
  line-height: 20px;
  font-size: 15px;
}

.p-column-Content_multiColorWrap ul {
  line-height: 30px;
}

.p-column-Content_multiColorWrap li {
  list-style: none;
  padding-left: 15px;
}

.p-column-Content_multiColorWrap li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-Content_multiColorWrap {
    margin: 20px 0;
  }
  .p-column-Content_multiColorWrap span:first-of-type {
    font-size: 12px;
    place-items: center;
  }
  .p-column-Content_multiColorWrap .p-column-grayBgContent_multiColorText {
    font-size: 14px;
  }
  .p-column-Content_multiColorWrap ul {
    line-height: 20px;
  }
  .p-column-Content_multiColorWrap li {
    padding-left: 5px;
  }
  .p-column-Content_multiColorWrap li::before {
    left: 10px;
  }
}

.p-column-grayBgContent_blueWrap {
  margin: 10px 0;
  border: solid 2px #1767ac;
}

.p-column-grayBgContent_blueWrap span {
  font-size: 15px;
}

.p-column-grayBgContent_blueWrap span:first-of-type {
  background-color: #1767ac;
}

@media screen and (max-width: 1023px) {
  .p-column-grayBgContent_blueWrap {
    margin: 25px 0;
  }
}

.p-column-grayBgInWhiteContent_Wrap {
  background-color: #fff;
  padding: 24px 33px 15px;
  margin: 35px 0 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-grayBgInWhiteContent_Wrap {
    background-color: #f7f7f7;
    padding: unset;
    margin: 40px 0 30px;
  }
}

.p-column-grayBgInWhiteContent_blueContentWrap {
  border: solid 2px #1767ac;
  margin-bottom: 5px;
}

.p-column-grayBgInWhiteContent_blueContentWrap span {
  font-size: 15px;
}

.p-column-grayBgInWhiteContent_blueContentWrap span:first-of-type {
  background-color: #1767ac;
  min-width: 120px;
}

.p-column-grayBgContent_img {
  background-color: #fff;
}

.p-column-grayBgContent_img_border-none {
  border: none;
}

.p-column-cv-container {
  background: linear-gradient(135deg, #ccb321 0%, #ab9412 100%) no-repeat center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-column-cv-content__left {
  color: #fff;
  text-align: left;
  width: 50%;
  margin: 30px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-content__left {
    width: unset;
    margin: 30px 30px 0;
  }
}

.p-column-cv-content__right {
  margin: 24px 30px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 50%;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-content__right {
    width: 100%;
    margin: 24px 0;
  }
}

.p-column-cv-content__right a {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  max-width: 358px;
  height: 52px;
  background-color: #fff;
  color: #ab9412;
  font-size: 14px;
}

.p-column-cv-content__right a::after {
  content: "";
  background-image: url("../common/image/chevron-right_ocher.png");
  position: absolute;
  right: 10px;
  background-size: contain;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-content__right a {
    max-width: 280px;
  }
}

.p-column-cv-subtitle {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-subtitle {
    text-align: center;
  }
}

.p-column-cv-title {
  display: block;
  font-size: 22px;
  font-family: "Noto Sans JP";
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-title {
    text-align: center;
  }
}

.p-column-cv-summary {
  display: block;
  font-size: 13px;
  text-align: left;
  line-height: 21px;
  max-width: 354px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-summary {
    max-width: 450px;
  }
}

.p-column-cv-2column__Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-align: center;
  margin: 40px 0;
  font-family: sans-serif, "Noto Sans JP";
}

@media screen and (max-width: 1023px) {
  .p-column-cv-2column__Wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-column-cv-2column__subTitle {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}

.p-column-cv-2column__mainTitle {
  display: block;
  font-size: 22px;
  font-family: "Noto Sans JP";
  font-weight: bold;
  margin-bottom: 20px;
}

.p-column-cv-2column__mainTitle span:nth-of-type(2) {
  font-size: 15px;
}

.p-column-cv-2column__summary {
  display: block;
  font-size: 13px;
  margin: 0 30px;
  text-align: left;
  line-height: 21px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-2column__summary {
    max-width: 450px;
    margin: 0 auto;
  }
}

.p-column-cv-2column__button {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 353px;
  margin: 30px auto;
  padding: 0 40px;
  height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-2column__button {
    max-width: 280px;
    margin: 20px auto;
    padding: 0 20px;
  }
}

.p-column-cv-2column__rightBlock, .p-column-cv-2column__leftBlock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: linear-gradient(135deg, #ccb321 0%, #ab9412 100%) no-repeat center 120px;
  min-width: 417.5px;
  margin-left: 14px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-2column__rightBlock, .p-column-cv-2column__leftBlock {
    width: 100%;
    background: linear-gradient(135deg, #ccb321 0%, #ab9412 100%) no-repeat center 80px;
    min-width: 320px;
    margin: 20px auto;
    padding: 0 20px;
  }
}

.p-column-cv-2column__leftBlock {
  background: linear-gradient(135deg, #33abde 0%, #1867ab 100%) no-repeat center 120px;
  margin-right: 14px;
  margin-left: unset;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-2column__leftBlock {
    background: linear-gradient(135deg, #33abde 0%, #1867ab 100%) no-repeat center 80px;
  }
}

.--blue, .--yellow {
  color: #1767ac;
}

.--blue::after, .--yellow::after {
  content: "";
  background-image: url("../common/image/chevron-right_blue.png");
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  background-size: contain;
}

.--yellow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ab9412;
}

.--yellow::after {
  background-image: url("../common/image/chevron-right_ocher.png");
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 1023px) {
  .--yellow {
    position: relative;
  }
}

.p-column-cv-2column__imgBlock {
  max-width: 353px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 1023px) {
  .p-column-cv-2column__imgBlock {
    max-width: 280px;
  }
}

.p-column-price_green1 {
  font-size: 18px !important;
}

@media screen and (max-width: 1023px) {
  .p-column-price_green1 {
    font-size: 20px !important;
  }
}

.p-column-price_greenAndRed {
  font-size: 18px !important;
}

@media screen and (max-width: 1023px) {
  .p-column-price_greenAndRed {
    font-size: 14px !important;
  }
}

.p-column-underline_yellow {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(0%, #fff462));
  background: linear-gradient(transparent 45%, #fff462 0%);
  padding: 0px 1px 4px;
}

@media screen and (max-width: 1023px) {
  .p-column-underline_yellow {
    padding: unset;
  }
}

@media screen and (min-width: 1024px) {
  .column-pc-none {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .column-sp-none {
    display: none;
  }
}

.toc_container_custom {
  background: #edf6ff;
  border: 1px solid #aaa;
  padding: 10px;
  margin: 30px 0 1em;
  width: auto;
  display: table;
  font-size: 95%;
}

.toc_container_custom ul ul {
  margin-left: 1.5em;
}

.toc_container_custom li {
  list-style: none;
  text-decoration: none;
  text-shadow: none;
  line-height: 2;
}

.toc_container_custom a {
  color: #4a6e89;
}

.toc_number {
  margin-right: 5px;
}

.toc_title_custom {
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.toc_list_custom {
  margin-top: 1em;
}

.p-ebook-container {
  position: relative;
  -webkit-font-smoothing: antialiased;
  height: 100vh;
  background-color: #eeeeee;
  overflow: hidden;
}

.p-ebook-container small {
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 10px;
  color: #333;
  background-color: #fff;
  height: 36px;
  width: 100%;
  position: fixed;
  bottom: 0px;
}

.p-ebook-contentWrap {
  position: relative;
  max-width: 69%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .p-ebook-contentWrap {
    max-width: unset;
  }
}

@media screen and (max-width: 1024px) {
  _::-webkit-full-page-media,
  _:future,
  :root .p-ebook-container {
    height: 100%;
  }
}

.p-ebook-header {
  height: 36px;
  position: relative;
  z-index: 100;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-ebook-header {
    position: fixed;
    top: 0;
    width: 100%;
  }
}

.p-ebook-header a {
  max-width: 1120px;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  text-align: end;
}

.p-ebook-header a::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  padding-right: 5px;
}

@media screen and (max-width: 768px) {
  .p-ebook-header a {
    margin: 0 20px;
  }
}

.p-ebook-wrap {
  margin: 1% 10%;
  width: 70%;
}

@media screen and (max-width: 768px) {
  .p-ebook-wrap {
    width: 100%;
    height: 100%;
    padding: 10% 6%;
    margin: auto 0;
  }
}

@media screen and (max-width: 420px) {
  .p-ebook-wrap {
    width: 100%;
    height: 100%;
    padding: 20% 0;
    margin: auto 0;
  }
}

.aspect {
  padding-bottom: 60%;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .aspect {
    position: relative;
    width: 85%;
    padding: 65% 0;
    --aspect-ratio: 344/520;
    margin: 0 auto;
  }
  @supports (aspect-ratio: 344/520) {
    .aspect {
      aspect-ratio: var(--aspect-ratio);
      height: auto;
      padding-bottom: unset;
    }
  }
}

.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.ebook_page_turn {
  width: 100% !important;
  height: 100% !important;
  max-width: 80%;
  min-width: 722.797px;
  min-height: 542.094px;
  -webkit-transition: margin-left 0.25s ease-out;
  transition: margin-left 0.25s ease-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 768px) {
  .ebook_page_turn {
    max-width: 100%;
    min-width: unset;
    min-height: unset;
  }
}

.page-wrapper .page {
  background-color: #fff;
}

.p-ebook-buttonContainer {
  height: 40px;
  position: fixed;
  bottom: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .p-ebook-buttonContainer {
    position: absolute;
    bottom: 35px;
    width: 100%;
  }
}

.p-ebook-buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1120px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .p-ebook-buttonWrap {
    max-width: 100%;
    margin: auto 90px;
  }
}

@media screen and (max-width: 420px) {
  .p-ebook-buttonWrap {
    max-width: 100%;
    margin: auto 30px;
  }
}

.p-ebook-buttonWrap button:first-of-type,
.p-ebook-buttonWrap button:nth-of-type(2) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 56px;
  height: 30px;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  background-color: #ffffff;
}

.p-ebook-buttonWrap button:first-of-type::before {
  content: "\f060";
  font-family: "Font Awesome 5 Pro";
  color: #333;
}

.p-ebook-buttonWrap button:nth-of-type(2)::after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  color: #333;
}

.p-ebook-numberWrap {
  position: relative;
}

.p-ebook-numberWrap::before {
  content: "\f0d8";
  position: absolute;
  top: 3px;
  right: 10px;
  font-family: "Font Awesome 5 Pro";
  color: #1767ac;
  font-size: 15px;
  font-weight: bold;
}

.p-ebook-numberWrap::after {
  content: "\f0d7";
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "Font Awesome 5 Pro";
  color: #1767ac;
  font-size: 15px;
  font-weight: bold;
}

.p-ebook-currentNumber {
  padding: 6% 27px;
  border-radius: 5px;
  border-color: #fff;
  color: #333;
  text-align: right;
}

.page-wrapper .odd {
  /* 奇数ページ色 */
  background-color: #fff;
}

.page-wrapper .odd::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 100%);
  opacity: 0.05;
  width: 40px;
  z-index: 100;
}

.page-wrapper .even {
  /* 偶数ページ色 */
  background-color: #fff;
}

.page-wrapper .even::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: inherit;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.05;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  z-index: 100;
}

.p-ebook-table__titleContainer {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.p-ebook-table__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 10%;
  position: relative;
  top: 15px;
}

.p-ebook-table__titleList:first-of-type span {
  letter-spacing: 4px;
}

.p-ebook-table__titleList {
  display: block;
  position: relative;
  list-style: none;
  width: 100%;
  font-size: clamp(14px, 1vw, 22px);
  color: #333;
  margin: calc(10% - 17px) 0;
}

@media screen and (max-width: 768px) {
  .p-ebook-table__titleList {
    font-size: clamp(12px, 1vw, 22px);
    margin: calc(10% - 10px) 0;
  }
}

.p-ebook-table__titleList span {
  position: relative;
  bottom: 3px;
  font-family: "Poppins";
  font-weight: 500;
  letter-spacing: 2px;
  margin-right: 25px;
}

.p-ebook-table__titleList span::after {
  content: "";
  position: absolute;
  bottom: -5%;
  left: 0;
  width: 8px;
  height: 2px;
  background-color: #1767ac;
}

.p-ebook-map__leftBlock--container {
  height: inherit;
}

.p-ebook-map__leftBlock--primary {
  height: 50%;
}

.p-ebook-map__leftBlock--secondary,
.p-ebook-map__rightBlock--primary {
  position: relative;
  height: 25%;
}

.p-ebook-map__leftBlock--secondary span,
.p-ebook-map__rightBlock--primary span {
  position: absolute;
  top: 10px;
  left: 8px;
  display: block;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  font-size: clamp(12px, 1vw, 26px);
}

.p-ebook-map__leftBlock--tertiary,
.p-ebook-map__rightBlock--secondary {
  position: relative;
  height: 25%;
}

.p-ebook-map__leftBlock--tertiary span,
.p-ebook-map__rightBlock--secondary span {
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  font-size: clamp(12px, 1vw, 26px);
}

.p-ebook-map__leftBlock--primary,
.p-ebook-map__leftBlock--secondary,
.p-ebook-map__leftBlock--tertiary,
.p-ebook-map__rightBlock--primary,
.p-ebook-map__rightBlock--secondary {
  background-size: cover !important;
}

.p-ebook-map__rightBlock--container {
  position: relative;
  height: inherit;
}

.p-ebook-2column__imgWrap {
  height: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-ebook-2column__imgWrap span {
  color: #fff;
  padding: 5px;
  position: absolute;
  top: 20px;
  font-weight: bold;
  font-size: clamp(12px, 1vw, 26px);
  margin: 25% 0 0 32%;
}

@media screen and (max-width: 768px) {
  .p-ebook-2column__imgWrap span {
    margin: 21% 0 0 32%;
  }
}

.p-ebook-2column__linkBlock {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 3% 10%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin: 30% 0 0 32%;
  font-size: clamp(13px, 1vw, 20px);
}

.p-ebook-2column__linkBlock::before {
  content: "";
  position: absolute;
  top: 40%;
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
  border-right: 0;
}

.p-ebook-2column__linkBlock:hover {
  background-color: #555;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sale-color {
  background-color: #aca317;
}

.not-sale-color {
  background-color: #666666;
  opacity: 0.8;
}

.p-ebook-column__imgWrap {
  height: 38.236%;
  position: relative;
}

.p-ebook-column__imgTextWrap, .p-ebook-announce__imgTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 20px;
}

.p-ebook-column__imgTextWrap span:first-of-type, .p-ebook-announce__imgTextWrap span:first-of-type {
  display: inline;
  color: #fff;
  background-color: #003251;
  padding: 2px 15px;
  font-size: clamp(14px, 1vw, 24px);
  font-family: "Poppins";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .p-ebook-column__imgTextWrap span:first-of-type, .p-ebook-announce__imgTextWrap span:first-of-type {
    font-size: 11px;
  }
}

.p-ebook-column__imgTextWrap span:nth-of-type(2), .p-ebook-announce__imgTextWrap span:nth-of-type(2) {
  color: #333;
  background-color: #fff;
  padding: 15px;
  font-size: clamp(16px, 1vw, 26px);
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .p-ebook-column__imgTextWrap span:nth-of-type(2), .p-ebook-announce__imgTextWrap span:nth-of-type(2) {
    font-size: 15px;
    padding: 10px 10px;
  }
}

.p-ebook-column__contentContainer {
  height: 61.765%;
  background-color: #fff;
}

.p-ebook-column__iconWrap {
  width: 60px;
  border-radius: 50%;
  background-color: #979797;
}

.p-ebook-column__annotationWrap {
  height: 29px;
  color: #003251;
  font-family: "Poppins";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  font-size: clamp(10px, 1vw, 23px);
  color: #003251;
}

.p-ebook-column__titleWrap {
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 115, 186, 0.6)), to(#003765));
  background: linear-gradient(270deg, rgba(0, 115, 186, 0.6) 0%, #003765 100%);
  font-size: clamp(12px, 1vw, 28px);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5% 20px;
}

.p-ebook-column__titleWrap span {
  min-height: 4.5vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-ebook-column__contributorWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  margin: 13px 44px calc((10% - 24px)) 20px;
}

@media screen and (max-width: 768px) {
  .p-ebook-column__contributorWrap {
    height: 66px;
    margin: 0 44px 3px 20px;
  }
}

.p-ebook-column__iconWrap img {
  width: 100%;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.p-ebook-column__descriptionWrap {
  position: relative;
  left: 14px;
  width: 100%;
  line-height: 22px;
  font-size: clamp(10px, 1vw, 24px);
  line-height: normal;
}

.p-ebook-column__descriptionWrap span {
  display: block;
  word-break: break-all;
  max-width: 90%;
}

@media screen and (max-width: 768px) {
  .p-ebook-column__descriptionWrap {
    font-size: 11px;
    line-height: 17px;
  }
}

.p-ebook-column__bodyWrap {
  font-size: clamp(12px, 1vw, 24px);
  line-height: normal;
  margin: 0 42px calc((10% - 20px)) 20px;
}

.p-ebook-column__bodyWrap span {
  display: inline-block;
  word-break: normal;
}

@media screen and (max-width: 768px) {
  .p-ebook-column__bodyWrap {
    font-size: clamp(10px, 1vw, 16px);
    margin: 0 42px 10px 20px;
  }
}

.p-ebook-column__buttonWrap {
  position: absolute;
  bottom: 0;
  margin: 15px auto;
  left: 0;
  right: 0;
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 75%;
  height: 8%;
  border-radius: 45px;
  background-color: #1767ac;
  font-size: clamp(12px, 1vw, 34px);
  font-weight: bold;
  color: #fff;
}

.p-ebook-column__buttonWrap::after {
  content: "";
  background-image: url("./image/e_book_external-link.png");
  background-size: contain;
  position: absolute;
  right: 15px;
  display: inline-block;
  width: 12px;
  height: 13px;
}

@media screen and (max-width: 768px) {
  .p-ebook-column__buttonWrap {
    margin: 0 auto 10px;
  }
}

.p-ebook-announce__eventBg {
  background: url("./image/ebook/event_bg.png") no-repeat center center/cover;
  height: 100%;
  background-position-y: 3px;
}

@media screen and (max-width: 768px) {
  .p-ebook-announce__eventBg {
    background-position-y: unset;
  }
}

.p-ebook-announce__imgTextWrap {
  position: relative;
  top: 15px;
}

.p-ebook-announce__imgTextWrap span:nth-of-type(2) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-ebook-announce__upperContainer {
  height: 65%;
  padding: 12px 10px;
}

.p-ebook-announce__eventContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50.5%;
  width: 100%;
  margin: 0 0 2%;
  border: 1px solid #1767ac;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(224, 224, 224, 0.8);
          box-shadow: 0 2px 10px 0 rgba(224, 224, 224, 0.8);
}

@media screen and (max-width: 430px) {
  .p-ebook-announce__eventContainer {
    height: 52%;
  }
}

.p-ebook-nothingAnnounce__eventContainer {
  display: -ms-grid;
  display: grid;
  place-items: center;
  height: 50%;
  border: 1px solid #1767ac;
  margin: 2% 0 0;
}

.p-ebook-nothingAnnounce__eventContainer p {
  font-size: 30px;
  font-family: "Damion";
  color: #1767ac;
}

.p-ebook-announce__imgWrap {
  width: 36.5%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  place-items: center;
  margin: 10px;
}

.p-ebook-announce__imgWrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.p-ebook-announce__textWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 63.5%;
  font-family: "Damion";
  margin: 0 0 calc((10% - 5px));
}

@media screen and (max-width: 768px) {
  .p-ebook-announce__textWrap {
    margin: 1.5% 0 calc((10% - 12px));
  }
}

.p-ebook-announce__textWrap span:first-of-type {
  font-size: clamp(12px, 1vw, 26px);
  color: #1767ac;
  margin: 5px 0;
}

.p-ebook-announce__textWrap span:nth-of-type(2) {
  font-size: clamp(12px, 1vw, 30px);
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic", sans-serif;
  margin: 5px 0 calc((10% - 10px));
}

@media screen and (max-width: 420px) {
  .p-ebook-announce__textWrap span:nth-of-type(2) {
    font-size: clamp(11px, 1vw, 30px);
  }
}

.p-ebook-announce__textWrap span:nth-of-type(3) {
  font-size: clamp(10px, 1vw, 24px);
}

.p-ebook-announce--linkAnnotation__Wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins";
  padding: 6px 20px 6px 7px;
  background-color: #1767ac;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-ebook-announce--linkAnnotation__Wrap {
    padding: 4px 20px 4px 7px;
  }
}

.p-ebook-announce--linkAnnotation__Wrap::after {
  content: "";
  position: absolute;
  bottom: 8px;
  right: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #fff;
  border-right: 0;
}

@media screen and (max-width: 768px) {
  .p-ebook-announce--linkAnnotation__Wrap::after {
    bottom: 5px;
  }
}

.p-ebook-announce__Container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 18%;
}

.p-ebook-announce__lowerContainer {
  position: relative;
  display: block;
  height: 35%;
  margin: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-ebook-announce__lowerContainer span {
  position: absolute;
  bottom: 9%;
  left: 0;
  font-size: clamp(12px, 1vw, 26px);
  max-width: 55%;
  line-height: normal;
  color: #003251;
  background-color: #fff;
  padding: 5px 15px;
}

@media screen and (min-width: 421px) and (max-width: 768px) {
  .p-ebook-announce__lowerContainer span {
    bottom: 20%;
  }
}

@media screen and (max-width: 420px) {
  .p-ebook-announce__lowerContainer span {
    font-size: clamp(10px, 1vw, 26px);
    bottom: 10%;
  }
}

.p-ebook-2column_contact__imgWrap {
  height: 29.6%;
  position: relative;
  margin: 2.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-ebook-2column_contact__imgWrap a {
  width: 85%;
  height: 85%;
}

.p-ebook-2column_contact__imgWrap a:hover {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  background-color: white;
  opacity: 0.2;
}

.p-ebook-2column_contact__imgWrap span {
  position: absolute;
  top: 12%;
  color: #fff;
  margin-left: 30%;
  padding: 5px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: clamp(12px, 1vw, 26px);
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-ebook-2column_contact__imgWrap span {
    top: 15px;
  }
}

.p-ebook-2column_contact__lowWrap {
  position: relative;
  background-image: url("./image/ebook/contact_low_down.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 36.4%;
}

.p-ebook-2column_contact__lowWrap span {
  position: absolute;
  top: 20%;
  left: 5%;
  display: block;
  font-size: 32px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .p-ebook-2column_contact__lowWrap span {
    top: 23%;
    font-size: 25px;
  }
}

.p-ebook-card-table {
  font-family: "Noto Sans JP";
}

.p-ebook-card-table p {
  font-size: clamp(10px, 1vw, 12px);
  color: #333;
}

@media screen and (min-width: 1440px) {
  .p-ebook-card-table p {
    font-size: clamp(10px, 1vw, 20px);
  }
}

.p-ebook-card-table th {
  white-space: nowrap;
  font-size: clamp(10px, 1vw, 20px);
  line-height: normal;
  padding-right: 3px;
  padding-bottom: 6px;
}

.p-ebook-card-table td {
  font-size: clamp(10px, 1vw, 20px);
  line-height: normal;
  padding-bottom: 6px;
  word-break: break-all;
}

.p-recycling {
  margin-top: 120px;
}

@media screen and (max-width: 1024px) {
  .p-recycling {
    margin-top: 32px;
  }
}

.p-recycling__title {
  font-size: 26px;
}

@media screen and (max-width: 1024px) {
  .p-recycling__title {
    font-size: 22px;
    line-height: 32px;
  }
}

.p-recycling__text {
  margin: 32px 0 40px;
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 1024px) {
  .p-recycling__text {
    font-size: 14px;
    margin: 16px 0 48px;
  }
}

.p-recycling__subtitle {
  font-size: 26px;
}

@media screen and (max-width: 1024px) {
  .p-recycling__subtitle {
    font-size: 22px;
  }
}

.p-recycling__table {
  margin: 32px 0 20px;
  border: solid 1px #dcdcdc;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .p-recycling__table {
    margin: 24px 0 20px;
  }
}

.p-recycling__table .p-recycling__table-th--goods {
  max-width: 650px;
}

.p-recycling__table .p-recycling__table-th--price {
  max-width: 213px;
}

.p-recycling__table th {
  font-size: 15px;
  padding-left: 20px;
  height: 51px;
  vertical-align: middle;
  font-weight: bold;
  border: solid 1px #dcdcdc;
  background-color: #f6f6f6;
}

@media screen and (max-width: 1024px) {
  .p-recycling__table th {
    padding-left: 12px;
    font-size: 14px;
    height: 64px;
    line-height: 22px;
  }
}

.p-recycling__table td {
  padding-left: 20px;
  height: 51px;
  vertical-align: middle;
  border: solid 1px #dcdcdc;
}

@media screen and (max-width: 1024px) {
  .p-recycling__table td {
    padding: 10px 12px;
    height: auto;
    min-height: 46px;
    line-height: 22px;
  }
}

.p-recycling__table .p-recycling__table-head {
  font-weight: bold;
  text-align: left;
}

.p-recycling__table .p-recycling__table-body {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .p-recycling__table .p-recycling__table-body {
    font-size: 14px;
  }
}

.p-recycling__table .p-recycling__table-th {
  font-size: 15px;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .p-recycling__table .p-recycling__table-th {
    font-size: 14px;
  }
}

.p-recycling__annotation {
  font-size: 12px;
  line-height: 22px;
}

.c-section_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
}

.c-section_header .c-section_header-title {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .c-section_header {
    margin-bottom: 24px;
  }
}

.c-section_header-title {
  margin-bottom: 32px;
  font-size: 26px;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .c-section_header-title {
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 32px;
  }
}

.c-section_header-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}

.c-section_header-link:hover {
  text-decoration: underline;
}

.c-section_header-link::before {
  display: block;
  content: "";
  width: 80px;
  height: 1px;
  margin-right: 16px;
  background: #eee;
}

.c-section_header-link::after {
  display: block;
  margin-left: 8px;
  content: "";
  border: 4px solid transparent;
  border-left: 5px solid #4a6e89;
  position: relative;
  top: 1px;
}

@media screen and (max-width: 1023px) {
  .c-section_header-link {
    font-size: 12px;
  }
  .c-section_header-link::before {
    width: 40px;
  }
}

.c-border {
  margin: 0 0 25px;
  border-top: 1px solid #eee;
}

@media screen and (max-width: 1023px) {
  .c-border {
    margin-bottom: 12px;
  }
}

.c-found {
  font-size: 13px;
}

.c-found span {
  font-weight: bold;
}

.c-found_link {
  font-size: 13px;
}

.c-found_link span {
  margin: 0 4px;
  color: #888;
}

.c-found_link a {
  color: #888;
  text-decoration: underline;
}

.c-found_link a:hover {
  text-decoration: underline;
}

.c-found_link a.is-current {
  color: #1767AC;
  font-weight: bold;
  text-decoration: none;
}

.c-found_link a.is-current:hover {
  text-decoration: underline;
}

.c-post_type_title {
  width: 100%;
  height: 200px;
  line-height: 200px;
  color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-post_type_title {
    font-size: 16px;
    height: 120px;
    line-height: 120px;
  }
}

.c-image_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 287px;
  padding: 20px 16px;
  width: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

@media screen and (max-width: 1023px) {
  .c-image_card {
    height: 239px;
    width: 100%;
  }
}

.c-image_card::before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 173px;
  opacity: 0.4;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.c-image_card .c-image_card-text {
  position: relative;
}

.c-image_card span {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 2px;
  opacity: 0.75;
}

.c-image_card h3 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 4px;
}

@media screen and (max-width: 1023px) {
  .c-image_card h3 {
    font-size: 16px;
  }
}

.c-image_card time {
  font-size: 12px;
  line-height: 24px;
  opacity: 0.75;
}

.c-image_card:hover {
  opacity: 0.7;
}

.c-image_card:hover h3 {
  text-decoration: underline;
}

.c-next_card-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 25px 0;
}

@media screen and (max-width: 1023px) {
  .c-next_card-wrap {
    padding: 15px 0;
  }
}

.c-next_card {
  position: relative;
  width: calc(50% - 1px);
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-next_card img {
  width: 112px;
  margin-right: 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media screen and (max-width: 1023px) {
  .c-next_card img {
    display: none;
  }
}

.c-next_card:hover img {
  opacity: 0.7;
}

.c-next_card div {
  width: calc(100% - 80px);
}

@media screen and (max-width: 1023px) {
  .c-next_card div {
    width: calc(100%);
  }
}

.c-next_card h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 4px;
}

@media screen and (max-width: 1023px) {
  .c-next_card h3 {
    font-size: 12px;
  }
}

.c-next_card:hover h3 {
  text-decoration: underline;
}

.c-next_card time {
  font-size: 12px;
  color: #888;
}

.c-next_card--prev::before,
.c-next_card--next::after {
  display: block;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  color: #333;
  font-size: 12px;
  font-family: "Font Awesome 5 Pro";
}

.c-next_card--prev::before {
  content: "\f053";
  left: 0;
}

.c-next_card--next::after {
  content: "\f054";
  right: 0;
}

.c-next_card-line {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  width: 1px;
  height: calc(100% - 50px);
  margin: 0 auto;
  background: #e0e0e0;
}

@media screen and (max-width: 1023px) {
  .c-next_card-line {
    top: 15px;
    height: calc(100% - 30px);
  }
}

.c-card {
  display: block;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-card img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  max-height: 179px;
  -o-object-fit: cover;
     object-fit: cover;
}

a.c-card:hover {
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.3);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.3);
}

a.c-card:hover .c-card-thumb, a.c-card:hover img {
  opacity: 0.7;
}

a.c-card:hover .c-card-title {
  -webkit-text-decoration: underline solid black;
          text-decoration: underline solid black;
}

@media all and (-ms-high-contrast: none) {
  a.c-card:hover .c-card-title {
    text-decoration: underline;
  }
}

.c-card-thumb {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-card-thumb::before {
  content: "";
  display: block;
  padding-top: 66%;
}

.c-card-thumb-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.c-card--large-l {
  margin-bottom: 32px;
}

.c-card--large-l img {
  opacity: 0;
}

.c-card--large-l:hover img {
  opacity: 0 !important;
}

.c-card--large-l .c-card-imgbox {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  max-height: 224px;
}

.c-card--large-l:hover .c-card-imgbox {
  opacity: 0.7;
}

@media screen and (min-width: 1024px) {
  .c-card--large-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .c-card--large-l img {
    width: 270px;
    height: 100%;
  }
  .c-card--large-l .c-card-text {
    width: calc(100% - 270px);
  }
}

.c-card--summary-l img {
  opacity: 0;
}

.c-card--summary-l:hover img {
  opacity: 0 !important;
}

.c-card--summary-l .c-card-imgbox {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

@media screen and (min-width: 1024px) {
  .c-card--summary-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: 312px;
  }
  .c-card--summary-l img {
    display: block;
    width: 467px;
    height: 100%;
  }
  .c-card--summary-l .c-card-text {
    width: calc(100% - 467px);
  }
}

a.c-card--summary-l:hover .c-card-imgbox {
  opacity: 0.7;
}

.c-card-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px 20px;
}

.c-card-contact {
  min-height: 115px;
}

.c-card-contact small {
  font-size: 10px;
}

@media screen and (min-width: 1024px) {
  .c-card-text--summary-l {
    min-height: 312px;
    border: 1px solid #E0E0E0;
    border-left: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-card-text--min-s {
    padding: 12px;
  }
}

.c-card-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
  height: 22px;
}

.c-card-tag-base, .c-card-tag-blue, .c-card-tag-beige, .c-card-tag-gray, .c-card-tag-outline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #117FC2;
}

.c-card-tag-beige {
  color: #8D7100;
  background-color: #E2DFD3;
}

.c-card-tag-gray {
  color: #888888;
  background-color: #E0E0E0;
}

.c-card-tag-outline {
  border: 1px solid #E0E0E0;
  padding: 2px 7px;
  color: #4A6E89;
  background: none;
}

.c-card-cateogry {
  display: block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  color: #4A6E89;
  margin-bottom: 2px;
}

.c-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

@media screen and (max-width: 1023px) {
  .c-card-title {
    height: auto;
  }
}

@media screen and (max-width: 1023px) {
  .c-card-title--min-s {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }
}

@media screen and (min-width: 1024px) {
  .c-card-title--summary-l {
    font-size: 22px;
    line-height: 30px;
    height: 90px;
  }
}

.c-card-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin: 12px 0;
  font-size: 12px;
  color: #333333;
  line-height: 1.5;
  text-align: justify;
  height: 68px;
  overflow: hidden;
  padding-top: 15px;
  position: relative;
}

.c-card-excerpt::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
  width: 15%;
  line-height: 0;
  border-top: 1px solid #eee;
}

.c-card-excerpt * {
  font-size: inherit;
  line-height: 1.5;
  margin: 0;
}

.c-card-excerpt * strong, .c-card-excerpt * b {
  font-weight: bold;
  color: #333333;
}

.c-card-excerpt * img {
  display: none;
}

.c-card-date {
  font-size: 12px;
  line-height: 2;
  color: #888888;
}

.c-card-time {
  font-size: 13px;
  height: 16px;
  line-height: 16px;
  margin-bottom: 30px;
  color: #117FC2;
}

@media screen and (min-width: 1024px) {
  .c-card-time--summary-l {
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 35px;
  }
}

.c-card-table th {
  white-space: nowrap;
  font-size: 12px;
  line-height: 17px;
  padding-right: 3px;
  padding-bottom: 6px;
}

.c-card-table td {
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 6px;
}

.c-pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 47px 0;
}

@media screen and (max-width: 1023px) {
  .c-pagenation {
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.c-pagenation > a, .c-pagenation .page-numbers {
  font-size: 15px;
  margin: 0 10px;
  padding: 0 2px;
  line-height: 26px;
}

@media screen and (max-width: 1023px) {
  .c-pagenation > a, .c-pagenation .page-numbers {
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .c-pagenation .c-pagenation-first,
  .c-pagenation .c-pagenation-last {
    display: none;
  }
}

.c-pagenation .c-pagenation-first:hover,
.c-pagenation .c-pagenation-last:hover {
  text-decoration: underline;
}

.c-pagenation .page-numbers.prev,
.c-pagenation .page-numbers.next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
}

@media screen and (max-width: 1023px) {
  .c-pagenation .page-numbers.prev,
  .c-pagenation .page-numbers.next {
    font-size: 18px;
  }
  .c-pagenation .page-numbers.prev::after, .c-pagenation .page-numbers.prev::before,
  .c-pagenation .page-numbers.next::after,
  .c-pagenation .page-numbers.next::before {
    font-size: 14px;
  }
}

.c-pagenation .page-numbers.prev:hover,
.c-pagenation .page-numbers.next:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .c-pagenation .page-numbers.prev {
    position: absolute;
    left: 0;
  }
  .c-pagenation .page-numbers.prev::after {
    content: "前へ";
    margin-left: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .c-pagenation .page-numbers.next {
    position: absolute;
    right: 0;
  }
  .c-pagenation .page-numbers.next::before {
    content: "次へ";
    margin-right: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .c-pagenation .page-numbers {
    display: none;
  }
}

.c-pagenation .page-numbers:hover {
  opacity: 0.7;
}

.c-pagenation .page-numbers.current {
  font-weight: bold;
  color: #4A6E89;
  border-bottom: 2px solid #4A6E89;
}

@media screen and (max-width: 1023px) {
  .c-pagenation .page-numbers.current {
    display: block;
    border-bottom: none;
    margin: 0 auto;
  }
  .c-pagenation .page-numbers.current::after {
    content: "ページ目";
  }
}

.c-pagenation .page-numbers.current:hover {
  opacity: 1;
}

.c-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}

.c-tags_article {
  margin: 64px 0 32px;
}

.c-tag {
  display: inline-block;
  margin: 0 10px 10px 0;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
  padding: 6px 11px 6px 11px;
  color: #333;
  font-size: 13px;
}

.c-tag:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .c-tag {
    font-size: 12px;
    margin: 0 7px 7px 0;
  }
}

.c-input, .c-input--large {
  display: block;
  width: 100%;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  padding: 0 8px;
  color: #333333;
}

.c-input::-webkit-input-placeholder, .c-input--large::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.3;
  font-size: 15px;
}

.c-input::-moz-placeholder, .c-input--large::-moz-placeholder {
  color: #333333;
  opacity: 0.3;
  font-size: 15px;
}

.c-input:-ms-input-placeholder, .c-input--large:-ms-input-placeholder {
  color: #333333;
  opacity: 0.3;
  font-size: 15px;
}

.c-input::-ms-input-placeholder, .c-input--large::-ms-input-placeholder {
  color: #333333;
  opacity: 0.3;
  font-size: 15px;
}

.c-input::placeholder, .c-input--large::placeholder {
  color: #333333;
  opacity: 0.3;
  font-size: 15px;
}

.c-input:focus, .c-input--large:focus {
  border: 1px solid #4A6E89;
  outline: none;
}

.c-input--large {
  height: 44px;
}

.c-checkbox {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.c-checkbox > input {
  display: none;
}

.c-checkbox > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  line-height: 17px;
}

.c-checkbox > span::before {
  display: block;
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  background: white;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-checkbox:hover > span::before {
  border: 1px solid #4A6E89;
}

.c-checkbox > input:checked + span {
  color: #1767AC;
}

.c-checkbox > input:checked + span::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 13px;
  color: white;
  background: #1767AC;
}

.c-checkbox--area {
  display: block;
  cursor: pointer;
}

.c-checkbox--area > input {
  display: none;
}

.c-checkbox--area > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 10px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  background: white;
}

.c-checkbox--area > span::before {
  display: block;
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 6px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  background: white;
}

.c-checkbox--area:hover > span::before {
  border: 1px solid #4A6E89;
}

.c-checkbox--area > input:checked + span {
  background: #E8E9EA;
  color: #4A6E89;
}

.c-checkbox--area > input:checked + span::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 12px;
  color: white;
  background: #4A6E89;
}

.c-checkbox_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-checkbox_list_item {
  width: calc(50% - 4px);
  margin-bottom: 8px;
}

.c-radio {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.c-radio > input {
  display: none;
}

.c-radio > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  line-height: 17px;
}

.c-radio > span::before {
  display: block;
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 20px;
  border: 1px solid #CCCCCC;
  background: white;
}

.c-radio:hover > span::before {
  border: 1px solid #4A6E89;
}

.c-radio > input:checked + span {
  color: #4A6E89;
}

.c-radio > input:checked + span::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 5px solid #4A6E89;
}

.c-radio--area, .c-radio--area--large {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.c-radio--area > input, .c-radio--area--large > input {
  display: none;
}

.c-radio--area > span, .c-radio--area--large > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  background: white;
}

.c-radio--area > span::before, .c-radio--area--large > span::before {
  display: block;
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 20px;
  border: 1px solid #CCCCCC;
  background: white;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-radio--area:hover > span::before, .c-radio--area--large:hover > span::before {
  border: 1px solid #4A6E89;
}

.c-radio--area > input:checked + span, .c-radio--area--large > input:checked + span {
  background: #E8E9EA;
  color: #1767AC;
}

.c-radio--area > input:checked + span::before, .c-radio--area--large > input:checked + span::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 5px solid #1767AC;
}

.c-radio--area--large {
  margin-bottom: 8px;
}

.c-radio--area--large > span {
  padding: 12px 10px;
}

.c-share-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-share-icon {
  cursor: pointer;
  margin: 0 12px 0 0;
  width: 40px;
  height: 40px;
  background-color: #F7F7F7;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-share-icon:hover {
  opacity: 0.7;
}

.c-share-icon img {
  width: 100%;
}

.c-article-header {
  position: relative;
  margin: 0 0 40px;
  border-left: 3px solid #eeeeee;
  padding: 0 0 0 25px;
}

@media screen and (max-width: 1023px) {
  .c-article-header {
    margin: 30px 20px 40px;
    border-left: none;
    padding: 0;
  }
}

.c-article-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 3px;
  height: 18px;
  background-color: #4a6e89;
}

@media screen and (max-width: 1023px) {
  .c-article-header::before {
    display: none;
  }
}

.c-article-header-cat {
  font-size: 12px;
  color: #4a6e89;
  line-height: 2;
}

.c-article-header-title {
  margin: 6px 0;
  font-size: 32px;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .c-article-header-title {
    font-size: 28px;
  }
}

.c-article-header-date {
  font-size: 12px;
  color: #888888;
  line-height: 2;
}

.c-article-header-date::before {
  content: "\f017";
  color: #888888;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}

.c-article-header-update {
  font-size: 12px;
  color: #888888;
  line-height: 2;
  margin-left: 15px;
}

.c-article-header-update::before {
  content: "\f021";
  color: #888888;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}

.c-article-img-wrap {
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-article-img-wrap {
    width: 100%;
  }
}

.c-article-contents h2 {
  margin: 64px 0 32px;
  font-size: 26px;
}

.c-article-contents h3 {
  margin: 32px 0 24px;
  font-size: 18px;
}

.c-article-contents h4 {
  margin: 32px 0 16px;
  font-size: 15px;
}

.c-article-contents p {
  margin: 16px 0;
  font-size: 15px;
  line-height: 2;
}

.c-article-contents strong {
  font-weight: bold;
}

.c-article-contents s {
  text-decoration: line-through;
}

.c-article-contents a {
  text-decoration: underline;
  color: #4a6e89;
}

.c-article-contents a.external {
  position: relative;
}

.c-article-contents a.external::after {
  display: inline-block;
  margin-left: 4px;
  content: "\f14c";
  text-decoration: none;
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
  color: #333;
}

.c-article-contents small {
  font-size: 12px;
  color: #888888;
}

.c-article-contents ul {
  margin: 16px 0 24px;
  padding: 0 0 0 23px;
}

.c-article-contents li > ul {
  list-style-type: disc;
}

.c-article-contents ol {
  margin: 16px 0 24px;
  padding: 0 0 0 5px;
  counter-reset: list-count;
  list-style: none;
}

.c-article-contents ol > li::before {
  content: counter(list-count) ".";
  counter-increment: list-count;
  margin: 0 9px 0 0;
  font-weight: bold;
}

.c-article-contents li > ol {
  padding: 0 0 0 23px;
}

.c-article-contents li {
  margin: 8px 0;
  line-height: 2;
}

.c-article-contents .wp-block-column > img {
  max-width: 42.6%;
}

.c-article-contents img {
  height: auto;
}

.c-article-contents .wp-caption {
  max-width: 100%;
}

.c-article-contents figcaption,
.c-article-contents .wp-caption-text {
  font-size: 12px;
  color: #888888;
  line-height: 2;
}

.c-article-contents .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.c-article-contents .alignright {
  float: right;
  margin: 0.5em 1em 0.5em 0;
}

.c-article-contents .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1023px) {
  .c-article-contents .alignleft,
  .c-article-contents .alignright {
    float: none;
    margin: 0;
  }
}

.c-article-contents table {
  width: 100%;
  font-size: 15px;
  text-align: left;
  line-height: 2;
}

.c-article-contents th {
  width: 170px;
  background-color: #f7f7f7;
}

.c-article-contents th,
.c-article-contents td {
  padding: 10px 10px 10px 20px;
  border: 1px solid #e0e0e0;
  white-space: break-spaces;
  vertical-align: top;
}

.c-article-contents .iframe-field p {
  margin: 10px 10px 0 0;
}

.c-article-contents .iframe-field iframe {
  width: 100%;
  height: 310px;
}

@media screen and (max-width: 1023px) {
  .c-article-contents table {
    border-top: 1px solid #e0e0e0;
  }
  .c-article-contents tr {
    display: block;
  }
  .c-article-contents th,
  .c-article-contents td {
    display: block;
    width: 100%;
    border-top: none;
  }
}

.c-article-contents blockquote {
  padding: 0 0 0 24px;
  border-left: 4px solid #e0e0e0;
  line-height: 2;
}

.c-article-contents a[href$="zip"],
.c-article-contents a[href$="pdf"] {
  font-size: 15px;
  padding: 9px 20px;
  line-height: 2;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  color: #333;
  text-decoration: none;
}

.c-article-contents a[href$="zip"]:hover,
.c-article-contents a[href$="pdf"]:hover {
  text-decoration: underline;
}

.c-article-contents a[href$="pdf"]::after {
  content: url(./image/icon_pdf.gif);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
}

.c-seminar-title {
  font-size: 22px;
  margin-bottom: 24px;
}

.c-seminar-contact {
  position: relative;
  display: block;
  text-align: center;
  background: #4a6e89;
  color: white;
  height: 58px;
  line-height: 58px;
  max-width: 466px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-seminar-contact::after {
  position: absolute;
  right: 18px;
  display: inline-block;
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
}

.c-seminar-contact:hover {
  opacity: 0.7;
}

.c-seminar-contact_over {
  display: block;
  text-align: center;
  background: #eee;
  color: white;
  height: 58px;
  line-height: 58px;
  max-width: 466px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: rgba(51, 51, 51, 0.3);
  cursor: inherit;
}

.c-new_title {
  color: #333333;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}

@media screen and (max-width: 1023px) {
  .c-new_title {
    font-size: 22px;
  }
}

.c-new_subheading, .c-new_subheading-blue {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
}

.c-new_subheading-blue {
  color: #1767AC;
  border-left: 3px  #1767AC solid;
  padding-left: 13px;
}

.c-new_desc, .p-service_table-tr > th,
.p-service_table-tr td, .p-service_table-large-tr {
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.c-new_desc_position {
  position: relative;
  left: 2.5%;
}

@media screen and (max-width: 1023px) {
  .c-new_desc_position {
    left: 0;
    margin: 0 auto;
  }
}

.mt-8 {
  margin-top: 8px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-80 {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .mt-80.mt-64-sp {
    margin-top: 40px;
  }
}

.mt-120 {
  margin-top: 120px;
}

.c-new_button {
  height: 64px;
  width: 269px;
  background-color: #1767AC;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  color: #FFFFFF;
  text-align: left;
  padding-left: 20px;
  margin-top: 24px;
}

.p-support-start {
  margin-bottom: 64px;
}

@media screen and (max-width: 1023px) {
  .p-support-start {
    margin-bottom: 0;
  }
}

.p-support-main-img--pc {
  margin-bottom: 35px;
  display: none;
}

@media screen and (min-width: 1024px) {
  .p-support-main-img--pc {
    display: block;
  }
}

.p-support-main-img--sp {
  margin-bottom: 35px;
  display: none;
}

@media screen and (max-width: 1023px) {
  .p-support-main-img--sp {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 35px;
  }
}

.p-support-heading, .p-support-heading--red, .p-support-heading--blue, .p-support-heading--ygreen, .p-support-heading--green, .p-support-heading--grey {
  font-size: 18px;
  padding: 12px;
  margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
  .p-support-heading, .p-support-heading--red, .p-support-heading--blue, .p-support-heading--ygreen, .p-support-heading--green, .p-support-heading--grey {
    padding: 8px;
    margin-bottom: 20px;
  }
}

.p-support-heading span, .p-support-heading--red span, .p-support-heading--blue span, .p-support-heading--ygreen span, .p-support-heading--green span, .p-support-heading--grey span {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  text-align: center;
  color: white;
}

@media screen and (max-width: 1023px) {
  .p-support-heading span, .p-support-heading--red span, .p-support-heading--blue span, .p-support-heading--ygreen span, .p-support-heading--green span, .p-support-heading--grey span {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}

.p-support-heading--red,
.p-support-heading--blue,
.p-support-heading--ygreen,
.p-support-heading--green,
.p-support-heading--grey {
  margin-top: 64px;
}

.p-support-heading--red {
  background: rgba(255, 83, 70, 0.1);
  color: #FF5346;
}

.p-support-heading--red span {
  background: #FF5346;
}

.p-support-heading--blue {
  background: rgba(41, 154, 204, 0.1);
  color: #299ACC;
}

.p-support-heading--blue span {
  background: #299ACC;
}

.p-support-heading--ygreen {
  background: rgba(153, 201, 39, 0.1);
  color: #99C927;
}

.p-support-heading--ygreen span {
  background: #99C927;
}

.p-support-heading--green {
  background: rgba(27, 153, 139, 0.1);
  color: #1B998B;
}

.p-support-heading--green span {
  background: #1B998B;
}

.p-support-heading--grey {
  background: rgba(79, 109, 122, 0.1);
  color: #4F6D7A;
}

.p-support-heading--grey span {
  background: #4F6D7A;
}

.p-support-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 36px;
}

@media screen and (max-width: 1023px) {
  .p-support-2col {
    display: block;
    margin-bottom: 26px;
  }
}

.p-support-left {
  width: 404px;
  text-align: justify;
}

@media screen and (max-width: 1023px) {
  .p-support-left {
    width: 100%;
    margin-bottom: 24px;
  }
}

.p-support-left-text, .p-support-left-text--pack {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .p-support-left-text, .p-support-left-text--pack {
    margin-bottom: 24px;
    font-size: 14px;
  }
}

.p-support-left-text--pack {
  letter-spacing: -0.1px;
}

.p-support-left-title, .p-support-left-title--red, .p-support-left-title--blue, .p-support-left-title--ygreen, .p-support-left-title--green, .p-support-left-title--grey {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.p-support-left-title--red {
  color: #FF5346;
}

.p-support-left-title--blue {
  color: #299ACC;
}

.p-support-left-title--ygreen {
  color: #99C927;
}

.p-support-left-title--green {
  color: #1B998B;
}

.p-support-left-title--grey {
  color: #4F6D7A;
}

.p-support-left-list--red {
  list-style: none;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--red {
    font-size: 14px;
  }
}

.p-support-left-list--red li {
  padding-left: 24px;
  text-indent: -24px;
  line-height: 2;
  margin-bottom: 4px;
}

.p-support-left-list--red li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--red li {
    margin-bottom: 2px;
  }
  .p-support-left-list--red li:last-child {
    margin-bottom: 0;
  }
}

.p-support-left-list--red li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin: 3px 10px 3px 8px;
  background: #FF5346;
}

.p-support-left-list--blue {
  list-style: none;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--blue {
    font-size: 14px;
  }
}

.p-support-left-list--blue li {
  padding-left: 24px;
  text-indent: -24px;
  line-height: 2;
  margin-bottom: 4px;
}

.p-support-left-list--blue li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--blue li {
    margin-bottom: 2px;
  }
  .p-support-left-list--blue li:last-child {
    margin-bottom: 0;
  }
}

.p-support-left-list--blue li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin: 3px 10px 3px 8px;
  background: #299ACC;
}

.p-support-left-list--ygreen {
  list-style: none;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--ygreen {
    font-size: 14px;
  }
}

.p-support-left-list--ygreen li {
  padding-left: 24px;
  text-indent: -24px;
  line-height: 2;
  margin-bottom: 4px;
}

.p-support-left-list--ygreen li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--ygreen li {
    margin-bottom: 2px;
  }
  .p-support-left-list--ygreen li:last-child {
    margin-bottom: 0;
  }
}

.p-support-left-list--ygreen li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin: 3px 10px 3px 8px;
  background: #99C927;
}

.p-support-left-list--green {
  list-style: none;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--green {
    font-size: 14px;
  }
}

.p-support-left-list--green li {
  padding-left: 24px;
  text-indent: -24px;
  line-height: 2;
  margin-bottom: 4px;
}

.p-support-left-list--green li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--green li {
    margin-bottom: 2px;
  }
  .p-support-left-list--green li:last-child {
    margin-bottom: 0;
  }
}

.p-support-left-list--green li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin: 3px 10px 3px 8px;
  background: #1B998B;
}

.p-support-left-list--grey {
  list-style: none;
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--grey {
    font-size: 14px;
  }
}

.p-support-left-list--grey li {
  padding-left: 24px;
  text-indent: -24px;
  line-height: 2;
  margin-bottom: 4px;
}

.p-support-left-list--grey li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .p-support-left-list--grey li {
    margin-bottom: 2px;
  }
  .p-support-left-list--grey li:last-child {
    margin-bottom: 0;
  }
}

.p-support-left-list--grey li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  margin: 3px 10px 3px 8px;
  background: #4F6D7A;
}

.p-support-left-small {
  margin-top: 20px;
  font-size: 12px;
  color: #888888;
  line-height: 2;
}

.p-support-left-small span {
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  .p-support-left-small {
    margin-top: 12px;
  }
}

.p-support-right {
  width: 431px;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .p-support-right {
    width: 100%;
  }
}

.p-support-right-img {
  margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
  .p-support-right-img {
    display: block;
    width: 236px;
    margin: 0 auto 14px;
  }
}

.p-support-right-link {
  display: block;
  color: #1767AC;
  font-size: 15px;
  line-height: 2;
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

.p-support-right-link:hover {
  -webkit-text-decoration: underline solid #1767AC;
          text-decoration: underline solid #1767AC;
}

@media all and (-ms-high-contrast: none) {
  .p-support-right-link:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1023px) {
  .p-support-right-link {
    font-size: 14px;
  }
}

.p-support-right-link i {
  margin-left: 6px;
}

.p-support-images {
  background: #F7F7F7;
  margin: 0 0 40px;
  padding: 24px;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .p-support-images {
    padding: 12px;
    margin: 0 0 24px;
  }
}

.p-support-image--m {
  width: 527px;
  margin: 0 auto;
}

.p-support-image-l {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

@media screen and (max-width: 1023px) {
  .p-support-image-l {
    margin-bottom: 12px;
  }
}

.p-support-image-l:last-child {
  margin-bottom: 0;
}

.p-support-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 521px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .p-support-image-wrapper {
    width: 100%;
    display: block;
  }
}

.p-support-image-wrapper .p-support-image-left {
  width: 370px;
}

@media screen and (max-width: 1023px) {
  .p-support-image-wrapper .p-support-image-left {
    margin: 0 auto 20px;
    max-width: 100%;
  }
}

.p-support-image-wrapper .p-support-image-right {
  width: 125px;
}

@media screen and (max-width: 1023px) {
  .p-support-image-wrapper .p-support-image-right {
    width: 175px;
    margin: 0 auto;
  }
  .p-support-image-wrapper .p-support-image-right img {
    width: 100%;
  }
}

.p-support-image-wrapper p {
  margin-top: 10px;
  color: #888888;
  font-size: 12px;
}

@media screen and (max-width: 1023px) {
  .p-support-image-wrapper p {
    margin-bottom: 10px;
  }
}

.p-support-cv, .p-support-cv--blue {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 466px;
  height: 64px;
  margin: 0 auto 64px;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: bold;
  background: #AB9412;
  color: white;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-support-cv:hover, .p-support-cv--blue:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .p-support-cv, .p-support-cv--blue {
    width: 280px;
    height: auto;
    padding: 14px 0;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 40px;
  }
}

.p-support-cv--blue {
  background: #1767AC;
  height: 88px;
}

.p-support-cv::after, .p-support-cv--blue::after {
  content: "\f054";
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  height: 16px;
  line-height: 1;
  margin: auto;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
}

.p-support-service-introduction-container {
  background-color: #FAFDFF;
  padding: 30px;
}

@media screen and (max-width: 1023px) {
  .p-support-service-introduction-container {
    width: 100vw;
    margin: -20px;
    padding: 20px;
  }
}

.p-service_service_title {
  display: block;
  max-width: 372px;
  margin: 0 auto 30px;
  padding: 20px;
  text-align: center;
  color: #1767AC;
  font-size: 22px;
  background-color: #fff;
}

@media screen and (max-width: 1023px) {
  .p-service_service_title {
    max-width: unset;
    margin: 0 20px 30px;
  }
}

.p-support-service-card-grid {
  display: -ms-grid;
  display: grid;
  /* エリア名の文字数が合わないときは、スペースを入れて各列のおしりを揃えると見やすい */
  -ms-grid-rows: auto 20px auto 20px auto 20px auto;
  -ms-grid-columns: 1fr 20px 1fr;
      grid-template: 'two-column                 two-column' auto 'two-column-reverse two-column-reverse' auto 'left-card                  right-card' auto 'left-under-card      right-under-card' auto / 1fr 1fr;
  gap: 20px;
}

.p-support-service-card {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: two-column;
  border: #6BB5D9 solid 1px;
  background-color: #fff;
}

.p-support-service-card.--one-column-card {
  max-width: 392px;
  grid-area: one-column;
}

.p-support-service-card.--flex-reverse {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: two-column-reverse;
}

.p-support-service-card.--left-card {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: left-card;
  height: 183px;
}

.p-support-service-card.--right-card {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: right-card;
  height: 183px;
}

.p-support-service-card.--left-under-card {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: left-under-card;
  height: 156px;
}

.p-support-service-card.--right-under-card {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  grid-area: right-under-card;
  height: 156px;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-support-service-card.--flex-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-support-service-card.--flex-reverse {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: two-column-reverse;
  }
  .p-support-service-card.--left-card {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: left-card;
    height: auto;
  }
  .p-support-service-card.--right-card {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: right-card;
    height: auto;
  }
  .p-support-service-card.--left-under-card {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: left-under-card;
    height: auto;
  }
  .p-support-service-card.--right-under-card {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-area: right-under-card;
    height: auto;
  }
}

.p-support-service-card-2column--text-wrap {
  width: 50%;
  padding: 23px;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card-2column--text-wrap {
    width: 100%;
  }
}

.p-support-service-card-2column--img-wrap {
  width: 50%;
}

.p-support-service-card-2column--img-wrap img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card-2column--img-wrap {
    width: 100%;
  }
  .p-support-service-card-2column--img-wrap img {
    display: block;
  }
}

.p-support-service-card-1column--text-wrap {
  width: 100%;
  height: 100%;
  padding: 24px;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card-1column--text-wrap {
    padding: 10px;
  }
}

.p-support-service-card-titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}

.p-support-service-card-titleWrap small {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
}

.p-support-service-card-titleWrap img {
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card-titleWrap.--sp-position {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
  }
}

.p-support-service-card-titleWrap.--sp-position img {
  height: 40px;
}

.p-support-service-card-title {
  margin-left: 15px;
  color: #1767AC;
  font-size: 18px;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card-title.--sp-position {
    margin: 15px 0 5px;
  }
}

.p-support-service-card-description {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1px;
}

.p-support-service-card-description small {
  font-size: 10px;
  color: #888888;
}

@media screen and (max-width: 1023px) {
  .p-support-service-card-description {
    line-height: 22px;
  }
  .p-support-service-card-description small {
    display: inline-block;
    margin-top: 10px;
    line-height: 15px;
  }
}

.p-support-value-ai-cv {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: bold;
  border: #1767AC solid 1px;
  color: #1767AC;
  background-color: #fff;
}

.p-support-value-ai-cv::after {
  content: "";
  position: relative;
  bottom: 2px;
  right: -5px;
  display: inline-block;
  vertical-align: middle;
  color: #1767AC;
  line-height: 1;
  width: 6px;
  height: 6px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
}

.p-support-service-description-wrap {
  background-color: #DEF2FF;
  margin: 20px 0;
  padding: 16px;
  letter-spacing: 0.7px;
}

.p-support-service-description-wrap small {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}

@media screen and (max-width: 1023px) {
  .p-support-service-description-wrap small {
    line-height: 17px;
  }
}

.p-support-service-description {
  font-size: 15px;
  line-height: 21px;
}

.p-support-service--cv-area-wrap {
  width: 100%;
  margin-top: 30px;
  padding: 40px 0;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: #4a6e890a 0 2px 12px 0;
          box-shadow: #4a6e890a 0 2px 12px 0;
}

.p-support-service--cv-area-wrap p {
  font-size: 15px;
  color: #888888;
}

@media screen and (max-width: 1023px) {
  .p-support-service--cv-area-wrap p {
    font-size: 12px;
    word-break: auto-phrase;
    line-height: 18px;
  }
}

.p-support-service--cv-area-title {
  font-size: 20px;
  font-weight: bold;
  color: #404040;
}

.p-support-service--cv-area-title span {
  color: #1767AC;
}

@media screen and (max-width: 1023px) {
  .p-support-service--cv-area-title {
    line-height: 28px;
    font-size: 18px;
    word-break: auto-phrase;
  }
}

.p-support-service--cv {
  display: block;
  max-width: 466px;
  margin: 40px auto;
  padding: 25px 0;
  background-color: #1767AC;
  color: #fff;
}

.p-support-service--cv::after {
  content: "";
  position: relative;
  bottom: 2px;
  right: -25px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 9px;
  height: 9px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
}

@media screen and (max-width: 1023px) {
  .p-support-service--cv {
    max-width: 280px;
  }
}

.p-support-service--seminar-container h2 {
  display: block;
  font-size: 26px;
  color: #333;
  margin: 60px 0 35px;
}

.p-support-seminar-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  border: #E0E0E0 solid 1px;
}

@media screen and (max-width: 1023px) {
  .p-support-seminar-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-support-seminar-card-2column--img-wrap {
  width: 100%;
  max-width: 392px;
}

.p-support-seminar-card-2column--img-wrap img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-support-seminar-card-2column--text-wrap {
  width: 100%;
  margin: 20px 25px;
}

@media screen and (max-width: 1023px) {
  .p-support-seminar-card-2column--text-wrap {
    width: auto;
  }
}

.p-support-seminar-category {
  display: inline-block;
  padding: 3px 5px;
  color: #1767AC;
  font-size: 11px;
  font-weight: bold;
  border: #E0E0E0 solid 1px;
}

.p-support-seminar-card-title {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  margin: 15px 0;
}

@media screen and (max-width: 1023px) {
  .p-support-seminar-card-title {
    font-size: 16px;
    line-height: 23px;
    margin: 10px 0;
  }
}

.p-support-seminar-card-annotation {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 25px;
  line-height: 20px;
}

@media screen and (max-width: 1023px) {
  .p-support-seminar-card-annotation {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.p-support-seminar-card-description {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
}

.p-service_mainvisual {
  height: 300px;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .p-service_mainvisual {
    max-width: 100%;
    height: 130px;
  }
}

.p-service_mainvisual_title {
  text-align: center;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1120px;
  font-size: 30px;
  color: white;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  letter-spacing: 3px;
  line-height: 40px;
}

@media screen and (max-width: 1023px) {
  .p-service_mainvisual_title {
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 25px;
  }
}

.p-service_mainvisual img {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 300px;
  text-align: center;
  position: relative;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1023px) {
  .p-service_mainvisual img {
    height: 130px;
  }
}

.p-service_mainvisual::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff;
}

.p-service_mainvisual::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 300px;
  margin: 0 auto;
  z-index: -1;
  background: rgba(51, 51, 51, 0.6);
}

@media screen and (max-width: 1023px) {
  .p-service_mainvisual::after {
    height: 130px;
  }
}

/**
  sidebar
**/
.l-service-sidebar {
  width: 241px;
}

@media screen and (min-width: 1024px) {
  .l-service-sidebar {
    position: sticky;
    bottom: 30px;
    left: 0;
    -ms-flex-item-align: end;
        align-self: flex-end;
    min-height: calc(100vh - 140px);
  }
}

@media screen and (max-width: 1023px) {
  .l-service-sidebar {
    width: 93%;
    background-color: #f7f7f7;
    padding: 40px 20px;
    margin: 60px auto;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-service-sidebar {
    position: static;
    -ms-flex-item-align: inherit;
        -ms-grid-row-align: inherit;
        align-self: inherit;
    min-height: none;
  }
}

.l-service-sidebar_icon {
  height: 14px;
  width: 14px;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

.l-service-sidebar_heading {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 16px;
}

@media screen and (max-width: 1023px) {
  .l-service-sidebar_container {
    width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.l-service-sidebar_line {
  margin: 0;
  border-top: 1px solid #eee;
  margin-bottom: 15px;
}

.l-service-sidebar ul > li {
  position: relative;
  list-style: none;
}

.l-service-sidebar ul > li::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}

.l-service-sidebar_lists {
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .l-service-sidebar_lists {
    font-size: 13px;
  }
}

.l-service-sidebar_list {
  height: auto;
  padding: 4px 0 4px 21px;
  list-style-position: inside;
  font-size: 13px;
  line-height: 22px;
}

.l-service-sidebar_list:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #1767ac;
  top: 13px;
  left: 6px;
}

.l-service-sidebar_list.open {
  height: auto;
}

.l-service-sidebar_list a {
  -webkit-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.5s ease;
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
}

.l-service-sidebar_list a:hover {
  -webkit-text-decoration: underline solid black;
          text-decoration: underline solid black;
}

@media all and (-ms-high-contrast: none) {
  .l-service-sidebar_list a:hover {
    text-decoration: underline;
  }
}

.l-service-sidebar_mini-lists {
  display: none;
  padding: 10px 0;
}

.l-service-sidebar_mini-lists.open {
  display: block;
}

.l-service-sidebar_mini-list {
  display: block;
  line-height: 1.5;
}

.l-service-sidebar_mini-list:before {
  content: "";
  height: 3px;
  width: 3px;
  background-color: #1767ac;
  top: 21px;
  left: 6px;
}

.l-service-sidebar_mini-list.list-bg {
  border-radius: 3px;
  background: rgba(78, 78, 78, 0.1);
}

.l-service-sidebar_mini-list a {
  display: block;
  padding: 10px 0 10px 20px;
}

@media screen and (max-width: 1023px) {
  .l-service-sidebar_mini-list a {
    padding: 13px 0 10px 20px;
  }
}

.l-service-sidebar_img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100px;
  width: 241px;
  border: 1px solid #e0e0e0;
}

@media screen and (max-width: 1023px) {
  .l-service-sidebar_img {
    width: 152px;
    height: 63px;
  }
  .l-service-sidebar_img img {
    width: 100%;
    height: 100%;
  }
}

.l-service-sidebar_img-text {
  color: #333333;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  margin: 9px 0 24px;
}

@media screen and (max-width: 1023px) {
  .l-service-sidebar_img-text {
    width: 150px;
    font-size: 10px;
  }
}

.p-service_pickup {
  height: 60px;
  width: 368px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -35px;
  left: 0;
}

.p-service_pickup-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px 0 0 14px;
}

.p-service_pickup-text span {
  color: #1767ac;
  font-family: "Noto Sans CJK JP";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 15px;
}

.p-service_pickup-text p {
  color: #333333;
  font-family: "Noto Sans CJK JP";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.p-service_pickup-text i {
  color: #1767ac;
  font-size: 10px;
}

.p-service_pickup-img {
  margin-left: 52px;
  padding: 6px 0;
  position: relative;
}

.p-service_pickup-img img {
  margin-right: 4px;
}

.p-service_pickup-img span {
  position: absolute;
  height: 48px;
  width: 48px;
  background-color: #eeeeee;
  text-align: center;
  line-height: 48px;
  opacity: 0.5;
  color: #888888;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
}

.p-service_intro {
  padding-top: 80px;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

/**
  サービス内容
**/
.p-service_content {
  margin-top: 64px;
}

.p-service_content-mainvisual {
  margin: 32px 0 24px;
}

/**
  video
**/
.p-service_video-player {
  margin: 32px 0 0 99px;
}

.mask {
  height: 374px;
  width: 665px;
  opacity: 0.6;
  background-color: #212529;
  display: block;
}

.play {
  height: 80px;
  width: 80px;
  background-color: #ffffff;
}

/**
  flow
**/
.p-service_flow-bg {
  height: 148px;
  width: 863px;
  background-color: #f7f7f7;
  border-left: 3px solid #4a6e89;
  padding: 24px 24px 28px;
}

/**
  recommend
**/
.p-service_recommend-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
}

.p-service_recommend-list {
  border-left: 1px solid #eeeeee;
  padding-left: 20px;
  list-style: none;
}

.p-service_recommend-list > li {
  margin-bottom: 12px;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
}

.p-service_recommend-list:not(:last-child) {
  margin-right: 40px;
}

.p-service_recommend-icon {
  color: #1767ac;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 15px;
  margin-right: 8px;
}

/**
  review
**/
.p-service_review-icon {
  color: #4e4e4e;
  font-size: 36px;
}

.p-service_review-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0 0 20px;
}

.p-service_review-wrap:last-child {
  margin: 40px 0 0 20px;
}

.p-service_review-text {
  height: 245px;
  width: 764px;
  border-radius: 8px;
  background-color: #f7f7f7;
  margin-left: 41px;
  padding: 24px 28px 0;
}

.p-service_review-profile {
  color: #888888;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: 12px;
}

/**
  gallery
**/
/**
  thumb
**/
/**
  テーブル
**/
.p-service_table {
  height: 231px;
  width: 863px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e0e0e0;
}

.p-service_table-tr {
  border-bottom: 1px solid #e0e0e0;
}

.p-service_table-tr > th,
.p-service_table-tr td {
  width: 172px;
  height: 51px;
  padding: 10px 0 11px 20px;
  border-right: 1px solid #e0e0e0;
}

.p-service_table-tr > th {
  background-color: #f7f7f7;
}

.p-service_table-tr:nth-of-type(3) {
  border-bottom: none;
  height: 39px;
}

.p-service_table-tr:nth-of-type(3) > th,
.p-service_table-tr:nth-of-type(3) td {
  padding: 20px 0 0 20px;
}

.p-service_table-tr:nth-of-type(4) {
  height: 39px;
}

.p-service_table-tr:nth-of-type(4) > th,
.p-service_table-tr:nth-of-type(4) td {
  padding: 5px 0 0 20px;
}

.p-service_table-large {
  width: 863px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e0e0e0;
}

.p-service_table-large-tr {
  border-bottom: 1px solid #e0e0e0;
}

.p-service_table-large-tr > th {
  width: 172px;
  background-color: #f7f7f7;
  text-align: center;
  vertical-align: middle;
}

.p-service_table-large-tr:nth-of-type(1) > th {
  height: 51px;
}

.p-service_table-large-tr:nth-of-type(2) > th {
  height: 111px;
}

.p-service_table-large-tr:nth-of-type(3) > th {
  height: 530px;
}

.p-service_table-large-tr:nth-of-type(4) > th {
  height: 82px;
}

.p-service_table-large-tr:not(:nth-of-type(3)) > td {
  padding: 10px 0 11px 20px;
}

.p-service_table-large-tr:nth-of-type(3) > td {
  padding: 10px 20px;
}

.td-bold {
  font-weight: bold;
}

/**
  Link
**/
.p-service_link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-service_link-grid {
  height: 216px;
  width: 422px;
  background-color: #f7f7f7;
  padding: 24px 28px 0 28px;
}

.p-service_link-btn {
  height: 40px;
  width: 366px;
  background-color: #1767ac;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  border: none;
  position: relative;
}

.p-service_link-grid:first-child {
  margin-right: 20px;
}

.p-service_link-arrow {
  height: 24px;
  width: 18px;
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-service_tel {
  width: 863px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  text-align: center;
  padding: 40px 0 40px;
}

@media screen and (max-width: 1023px) {
  .p-service_tel {
    width: 100%;
    padding: 32px 0 32px;
    margin-bottom: 25%;
  }
}

.p-service_tel--center {
  margin: 0 auto 110px;
}

@media screen and (max-width: 1023px) {
  .p-service_tel--center {
    width: calc(100% - 24px);
    margin: 0 auto 60px;
  }
}

.p-service_tel-heading {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .p-service_tel-heading {
    font-size: 18px;
  }
}

.p-service_tel-btn {
  display: inline-block;
  text-align: center;
  height: 64px;
  padding: 16px 0;
  width: 466px;
  background-color: #ab9412;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  border: none;
  position: relative;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

@media screen and (max-width: 1023px) {
  .p-service_tel-btn {
    width: 280px;
    font-size: 14px;
  }
}

.p-service_tel-btn:hover {
  opacity: 0.7;
}

.p-service_tel-wrap {
  font-size: 15px;
  line-height: 30px;
  margin-top: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-service_tel-english {
  height: 30px;
  width: 41px;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 12px;
}

@media screen and (max-width: 1023px) {
  .p-service_tel-english {
    font-size: 14px;
  }
}

.p-service_tel-number {
  color: #333333;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: inherit;
  text-align: left;
  font-family: "Noto Sans CJK JP", sans-serif;
}

@media screen and (max-width: 1023px) {
  .p-service_tel-number {
    font-size: 26px;
  }
}

.p-service_tel-hour {
  height: 12px;
  width: 150px;
  margin: 12px 0 0 385px;
  font-size: 13px;
  color: #888888;
  letter-spacing: 0;
  line-height: 12px;
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .p-service_tel-hour {
    font-size: 12px;
    margin: 10px 0 24px 35%;
  }
}

.p-service_tel-desc {
  color: #4e4e4e;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
}

.p-service_tel-desc strong {
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .p-service_tel-desc {
    font-size: 11px;
  }
}

/**
  relate
**/
.p-service_cards {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 120px;
}

@media screen and (max-width: 1023px) {
  .p-service_cards {
    font-size: 22px;
    margin-bottom: 80px;
  }
}

.p-service_cards-flex {
  height: 125px;
  width: 863px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 28px;
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1023px) {
  .p-service_cards-flex {
    height: unset;
    width: unset;
    display: block;
    border: none;
    padding: 0;
  }
}

.p-service_cards-flex:nth-of-type(2) {
  border-top: none;
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .p-service_cards-flex:nth-of-type(2) {
    border-bottom: solid 1px #e0e0e0;
  }
}

.p-service_card {
  height: 75px;
  width: 411px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .p-service_card {
    width: 100%;
    height: unset;
    padding: 21px 0 21px;
    border-top: 1px solid #e0e0e0;
  }
}

.p-service_card-border {
  height: 75px;
  width: 1px;
  background-color: #e0e0e0;
  margin: 0 28px 0 20px;
  display: none;
}

.p-service_card-img {
  height: 75px;
  width: 112px;
  margin-right: 19px;
}

.p-service_card-text {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.p-service_card-date {
  color: #888888;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 50px;
  left: 131px;
}

@media screen and (max-width: 1023px) {
  .p-service_card-date {
    top: 65%;
  }
}

/**
  購入&売却ページ
**/
.p-buy-sale_annotation {
  color: #888888;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  width: 269px;
  margin-top: 8px;
}

.p-buy-sale_ul {
  margin-top: 24px;
}

.p-buy-sale_li {
  height: 30px;
  width: 836px;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.p-service_tags {
  margin-top: 40px;
}

.p-service_tags p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-service_tags-label {
  color: #1767ac;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  margin-right: 8px;
  margin-bottom: 12px;
}

.p-service_tags-item {
  padding: 0 8px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  font-size: 13px;
  margin-right: 12px;
  margin-bottom: 12px;
}

#rebuilding {
  /*====================================

etc

====================================*/
  /*====================================

font

====================================*/
  /*====================================

article

====================================*/
  /*====================================

header

====================================*/
  /**/
  /*====================================

holiday

====================================*/
  /*====================================

bread

====================================*/
  /*====================================

column2

====================================*/
  /*====================================

column3

====================================*/
  /*====================================

column4

====================================*/
  /*====================================

column5

====================================*/
  /*====================================

column6

====================================*/
  /*====================================

Sd_ttl

====================================*/
  /*====================================

Sd_ttl_none

====================================*/
  /*====================================

Sd_onecol

====================================*/
  /*====================================

Sd_twocol

====================================*/
  /*====================================

SideNav

====================================*/
  /*==  SideNav reccomend  ===================*/
  /*==  SideNav service_menu  ===================*/
  /*====================================

pageNav01

====================================*/
  /*====================================

Footer

====================================*/
  /*====================================

btn_area

====================================*/
  /*====================================

remodal

====================================*/
  /*====================================

Q&A

====================================*/
  /*====================================

bnr_column

====================================*/
  /*====================================

conversion

====================================*/
  /*.conversion .tel .number:before {
	content:" ";
	background:url("/biz/common/images/icon_tel.png");
	width: 34px;
	height: 34px;
	background-size:contain;
	padding-right: 10px;
	display: inline-block;
	background-size: 100%;
	vertical-align:middle;
	padding-right: 0px;
}*/
  /*====================================

BottomReccomend

====================================*/
  /*====================================

balloon-1-bottom

====================================*/
  /*====================================

to_top

====================================*/
  /*====================================

opacity

====================================*/
  /* =======================================

	cf

======================================= */
  /* For IE 6/7 (trigger hasLayout) */
  /* =======================================

	吹き出し

======================================= */
  /* balloon_bottom */
  /* balloon_top */
  /* balloon_left */
  /* balloon_right */
}

#rebuilding * {
  color: #333;
  border: 0;
  padding: 0;
  line-height: 1.75em;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 14px;
  letter-spacing: .05em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding img {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

#rebuilding body > img {
  height: 1px;
  width: 1px;
}

#rebuilding .irregular {
  background: #fff;
  width: 100%;
  font-size: 90%;
  text-align: center;
  border-bottom: 1px solid #eee;
  padding: 4px 0;
}

#rebuilding .kome {
  font-size: 70%;
}

#rebuilding .caption {
  font-size: 90%;
  display: block;
  margin-top: 1em;
}

#rebuilding h1, #rebuilding h2.nh2 {
  font-size: 180%;
  color: #fff;
  padding: 5px 0 5px 20px;
  margin-bottom: 20px;
  background: #89a0b2;
  font-weight: normal;
  font-weight: bold;
}

#rebuilding h1 > .block, #rebuilding h2.nh2 > .block {
  font-size: 100%;
  color: #fff;
}

#rebuilding h2, #rebuilding h3.nh3 {
  font-size: 160%;
  padding: 10px 0;
  border-bottom: 2px solid #89a0b2;
  display: block;
  color: #4a6e89;
  margin-bottom: 20px !important;
  font-weight: bold;
}

#rebuilding h2 span, #rebuilding h3.nh3 span {
  font-size: 100%;
}

#rebuilding h5, #rebuilding .WpService_detail_detail .InheritanceArea .six_point h3 {
  font-size: 140%;
  display: block;
  color: #4a6e89;
  margin-bottom: 10px;
  border-left: 4px solid #4a6e89;
  padding-left: 10px;
}

#rebuilding h5 span {
  margin-left: 10px;
}

#rebuilding h6 {
  width: 100%;
  color: #fff;
  font-size: 100%;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  background: #89a0b2;
}

#rebuilding .marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff7b6));
  background: linear-gradient(transparent 60%, #fff7b6 60%);
  font-size: 100%;
  font-weight: bold;
}

#rebuilding article {
  margin: 0 0 60px;
  padding: 0 20px;
  text-align: justify;
}

@media screen and (max-width: 1023px) {
  #rebuilding article {
    padding: 0;
  }
}

#rebuilding #header {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}

#rebuilding #header .logo {
  background-color: #333;
  width: 200px;
  display: table;
  float: left;
  margin-left: 20px;
}

#rebuilding #header .logo_small {
  display: none;
}

#rebuilding #header .logo h1, #rebuilding #header .logo span {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  color: #fff;
}

#rebuilding #header .logo h1 img, #rebuilding #header .logo span img {
  width: 150px;
}

#rebuilding #header .upper {
  width: 100%;
  padding: 0 20px 0 240px;
}

@media screen and (min-width: 1001px) {
  #rebuilding #header .logo {
    height: 200px;
  }
  #rebuilding #header .upper {
    margin-bottom: 8px;
  }
  #rebuilding #header .upper .inner .division {
    padding-top: 50px;
    float: left;
  }
  #rebuilding #header .upper .inner .UpperContact a {
    width: 120px;
    float: right;
    margin-top: 20px;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid #eee;
  }
  #rebuilding #header .nav {
    width: 100%;
    padding: 0 26px 0 220px;
    margin-top: -100px;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding #header .logo {
    height: 160px;
  }
  #rebuilding #header .upper .inner .division {
    float: left;
    width: 70%;
    padding-top: 60px;
  }
  #rebuilding #header .upper .inner .UpperContact {
    float: right;
    width: 30%;
    max-width: 120px;
    padding-top: 40px;
  }
  #rebuilding #header .upper .inner .UpperContact a {
    width: 120px;
    margin-top: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #rebuilding #header .nav {
    width: 100%;
    padding: 0 20px 0 20px;
  }
}

#rebuilding #header .upper .inner .division p {
  font-size: 90%;
  letter-spacing: .1em;
  float: left;
  margin-right: 30px;
}

#rebuilding #header .upper .inner .division p a {
  font-size: 100%;
  text-decoration: none;
  color: #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding #header .upper .inner .division a:hover {
  color: #333;
}

#rebuilding #header .upper .inner .UpperContact a:hover {
  background: #eee;
}

#rebuilding #header .nav .inner {
  width: 100%;
  height: 100px;
}

#rebuilding #header .nav .inner ul {
  width: 100%;
  border-top: 1px solid #eee;
  height: 60px;
  border-bottom: 1px solid #eee;
}

#rebuilding #header .nav .inner ul li {
  float: left;
  width: 14.285714%;
  height: 60px;
  overflow: hidden;
}

#rebuilding #header .nav li a, #rebuilding #header .nav li em {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  /* transition */
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
}

#rebuilding #header .nav li a span {
  display: block;
  width: 100%;
  color: #ccc;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding: 20px 0 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding #header .nav li em span {
  display: block;
  width: 100%;
  color: #E8E8E8;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding: 20px 0 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding #header .nav li a span.ov {
  display: none;
}

#rebuilding #header .nav li a:hover,
#rebuilding #header .nav li.on a {
  border-top: 5px solid #4e4e4e;
}

#rebuilding #header .nav li a:hover span,
#rebuilding #header .nav li.on a span {
  color: #4e4e4e;
}

#rebuilding #header .nav li.btSp,
#rebuilding #header .nav li.btSitemap {
  display: none;
}

#rebuilding #hNav {
  display: none;
}

#rebuilding #header .nav li img {
  width: 20px;
}

#rebuilding #header p.holiday {
  position: absolute;
  top: 40px;
  right: 140px;
  font-size: 10px;
  display: block;
  color: #2222AA;
}

#rebuilding #header p.holiday span {
  color: #2222AA;
  font-size: 10px;
}

#rebuilding #header p.holiday .selesage-day {
  display: none;
}

@media screen and (max-width: 1140px) {
  #rebuilding #header p.holiday {
    top: 20px;
  }
}

@media screen and (max-width: 736px) {
  #rebuilding #header p.holiday {
    display: none;
  }
  #rebuilding #header .nav .inner ul li.btSp a {
    position: relative;
  }
  #rebuilding #header .nav .inner ul li.btSp a p.holiday {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 12px;
    color: #fff;
    font-size: 8px;
  }
}

#rebuilding #bread {
  width: 100%;
  max-width: 1200px;
  margin: -40px auto 0;
  z-index: 1;
}

@media screen and (min-width: 1001px) {
  #rebuilding #bread {
    padding-left: 230px;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding #bread {
    margin-bottom: 20px;
  }
}

#rebuilding #bread ul {
  margin: -40px auto 0;
  padding: 0 20px;
  list-style: none;
  margin: 8px 0 0 0;
  z-index: 1;
  position: relative;
}

#rebuilding #bread li {
  float: left;
  color: #4a6e89;
  font-size: 90%;
}

#rebuilding #bread li a {
  font-weight: normal;
  color: #333;
  text-decoration: none;
  font-size: 100%;
}

#rebuilding #bread li a:hover {
  text-decoration: underline;
  color: #333;
}

#rebuilding #bread li::after {
  content: '>';
  color: #333;
  margin: 0 8px;
}

#rebuilding #bread li:last-child:after {
  content: none;
}

#rebuilding .column2 {
  margin-right: -1.4%;
  margin-bottom: 40px;
}

#rebuilding .column2 .cell {
  float: left;
  width: 48.6%;
  margin-right: 1.4%;
  text-align: center;
  padding: 4% 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding .column3 {
  margin-right: -1.33%;
  margin-bottom: 40px;
}

#rebuilding .column3 .cell {
  float: left;
  width: 32%;
  margin-right: 1.33%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding .column4 {
  margin-right: -1.4%;
  margin-bottom: 40px;
}

#rebuilding .column4 .cell {
  float: left;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

@media screen and (min-width: 1001px) {
  #rebuilding .column4 .cell {
    width: 23.6%;
    margin-right: 1.4%;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding .column4 .cell {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
}

#rebuilding .column5 {
  margin-right: -1.5%;
  margin-bottom: 40px;
}

#rebuilding .column5 .cell {
  float: left;
  width: 18.5%;
  margin-right: 1.5%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding .column6 {
  margin-right: -1.666%;
  margin-bottom: 40px;
}

#rebuilding .column6 .cell {
  float: left;
  width: 15%;
  margin-right: 1.666%;
  background: #7dcbb5;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding #Sd_ttl {
  width: 100%;
  background: #eee;
  margin-bottom: 40px;
}

#rebuilding #Sd_ttl span {
  display: block;
}

#rebuilding #Sd_ttl h2, #rebuilding #Sd_ttl span {
  text-align: center;
  padding: 60px 0;
  font-size: 400%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#rebuilding #Sd_ttl h1 {
  text-align: center;
  padding: 60px 0 !important;
  font-size: 250%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 500 !important;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 0 !important;
  background: none !important;
}

#rebuilding #Sd_ttl_none {
  padding: 20px 0 0 0;
}

#rebuilding #Sd_onecol article {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 80px;
  padding: 0 20px;
  line-height: 1.75em;
  text-align: justify;
}

#rebuilding #Sd_twocol {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 80px;
}

#rebuilding #Sd_twocol #SideNav {
  float: left;
  max-width: 250px;
  width: 100%;
}

#rebuilding #Sd_twocol .MainArea {
  width: 100%;
}

#rebuilding #Sd_twocol .MainArea article {
  line-height: 1.75em;
  text-align: justify;
}

#rebuilding #SideNav ul {
  width: 100%;
  border-top: 1px solid #ccc;
  margin-bottom: 40px;
}

#rebuilding #SideNav li {
  border-bottom: 1px solid #ccc;
}

#rebuilding #SideNav .back a {
  background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat;
}

#rebuilding #SideNav .back a:hover {
  background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat #eee;
}

#rebuilding #SideNav .list a {
  background: url(/biz/common/images/icon_list.png) 10px 14px no-repeat;
}

#rebuilding #SideNav .list a:hover {
  background: url(/biz/common/images/icon_list.png) 10px 14px no-repeat #eee;
}

#rebuilding #SideNav li a {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 14px 10px 14px 30px;
  font-size: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/biz/common/images/arrow_r_b.png) 10px 14px no-repeat;
}

#rebuilding #SideNav li a:hover {
  background: url(/biz/common/images/arrow_r_b.png) 10px 14px no-repeat #eee;
}

#rebuilding #SideNav .active {
  background: #eee !important;
}

#rebuilding #SideNav .reccomend {
  width: 100%;
}

#rebuilding #SideNav .reccomend a {
  text-decoration: none;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: none;
}

#rebuilding #SideNav .reccomend a:hover {
  background: #eee;
}

#rebuilding #SideNav .reccomend a img {
  width: 100%;
}

#rebuilding #SideNav .reccomend a .category {
  width: 70%;
  float: right;
  text-align: left;
  color: #4a6e89;
  font-size: 80%;
}

#rebuilding #SideNav .reccomend a .category::after {
  border: 1px solid #4a6e89;
  width: 20px;
  display: block;
  content: '';
  margin-top: 4px;
  margin-bottom: 4px;
}

#rebuilding #SideNav .reccomend a .ttl {
  width: 70%;
  font-size: 90%;
  float: right;
  text-align: left;
  text-align: justify;
}

#rebuilding #SideNav .reccomend a .date {
  width: 70%;
  font-size: 70%;
  float: right;
  text-align: right;
  color: #aaa;
}

#rebuilding #SideNav .sub_cat {
  border-top: 1px solid #fff !important;
  margin-top: -1px;
}

#rebuilding #SideNav .sub_cat a {
  padding: 10px 10px 10px 40px !important;
  font-size: 90% !important;
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat !important;
  background-size: 8px !important;
}

#rebuilding #SideNav .sub_cat a:hover {
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat #eee !important;
  background-size: 8px !important;
}

#rebuilding .service_menu ul {
  margin-bottom: -1px !important;
}

#rebuilding .service_menu li.selected {
  background-color: #f7f7f7;
}

#rebuilding .service_menu .sub_nav {
  margin-bottom: -40px;
}

#rebuilding .service_menu .sub_nav a {
  padding: 10px 10px 10px 50px !important;
  font-size: 80% !important;
  background: url(../../common/images/arrow_r_b.png) 30px 14px no-repeat !important;
  background-size: 8px !important;
  color: #666 !important;
}

#rebuilding .service_menu .sub_nav a:hover {
  background: url(../../common/images/arrow_r_b.png) 30px 14px no-repeat #eee !important;
  background-size: 8px !important;
}

#rebuilding .pageNav01 {
  margin: 0 0 10px;
  padding: 10px 10px 5px;
  text-align: center;
}

#rebuilding .pageNav01 li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

#rebuilding .pageNav01 li a {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 12px;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  background: #fff;
}

#rebuilding .pageNav01 li span {
  display: inline-block;
  margin-bottom: 5px;
  padding: 1px 8px;
  text-decoration: none;
  vertical-align: middle;
  font-weight: bold;
  color: #4a6e89;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  background: #fff;
}

#rebuilding .pageNav01 li a:hover {
  background: #333;
  color: #fff;
  display: inline-block;
}

#rebuilding #Footer {
  max-width: 1200px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

#rebuilding #Footer .ft_memu {
  border-top: 1px solid #eee;
  padding: 20px 0;
}

@media screen and (min-width: 1001px) {
  #rebuilding #Footer .cell {
    float: left;
    width: 12.5%;
    border-right: 1px solid #eee;
    padding: 10px 0 0 10px;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding #Footer .cell {
    float: left;
    width: 25%;
    border-right: 1px solid #eee;
    padding: 10px 0 0 10px;
    margin-bottom: 20px;
  }
  #rebuilding #Footer .cell:nth-child(even) {
    background: #f7f7f7;
  }
}

#rebuilding #Footer .cell:last-child {
  border-right: none;
}

#rebuilding #Footer .cell .basic a {
  text-decoration: none;
  color: #999;
  font-size: 110%;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}

#rebuilding #Footer .cell .basic em {
  text-decoration: none;
  color: #DDD;
  font-size: 116%;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}

#rebuilding #Footer .cell .basic a:hover {
  color: #333;
  text-decoration: none;
}

#rebuilding #Footer .cell .basic a:hover:before {
  visibility: visible;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}

#rebuilding #Footer .cell .basic a:before {
  background-color: #92a3ab;
  bottom: 0px;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  visibility: hidden;
  /* transition */
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all .2s ease-in-out 0s;
  -webkit-transition: all .2s ease-in-out 0s;
}

#rebuilding #Footer .cell li {
  padding: 4px 0;
}

#rebuilding #Footer .cell li a {
  font-size: 86%;
  text-decoration: none;
  padding: 4px 0;
  display: inline-block;
  color: #aaa;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding #Footer .cell li em {
  font-size: 86%;
  text-decoration: none;
  padding: 4px 0;
  display: inline-block;
  color: #ddd;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding #Footer .cell li a:hover {
  color: #333;
}

#rebuilding #Footer .sinble {
  width: 100%;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

#rebuilding #Footer .sinble p {
  width: 200px;
  margin-bottom: 9px;
}

#rebuilding #Footer .copy p {
  color: #333;
  font-size: 10.2px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
}

#rebuilding .btntype_single ul {
  text-align: center;
}

#rebuilding .btntype_single li {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

#rebuilding .btntype_double ul {
  margin: 0 auto;
  width: 100%;
}

#rebuilding .btn_padding {
  padding: 0 40px;
}

#rebuilding .btntype_double li {
  width: 49%;
}

#rebuilding .btntype_double li:nth-child(even) {
  float: left;
}

#rebuilding .btntype_double li:nth-child(odd) {
  float: right;
}

#rebuilding .btntype_triple ul {
  margin-right: -1.33%;
  width: 100%;
}

#rebuilding .btntype_triple li {
  float: left;
  width: 32%;
  margin-right: 1.33%;
  text-align: center;
}

#rebuilding .btn_area a {
  display: block;
  padding: 20px 20px;
  text-decoration: none;
  font-size: 110%;
  width: 100%;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .btn_area .def a {
  color: #fff;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .def a:hover {
  color: #4a6e89;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .blue a {
  color: #fff;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .blue a:hover {
  color: #4a6e89;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .orange a {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #fcdbc6;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .orange a:hover {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .standout a {
  /*border: 2px solid #ec8848;*/
  border: 2px solid #4a6e89;
  color: #fff;
  /*background: url(/biz/common/images/arrow_r_w.png) no-repeat #ec8848;*/
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .standout a:hover {
  /*border: 2px solid #ec8848;*/
  border: 2px solid #4a6e89;
  /*color: #ec8848;*/
  color: #4a6e89;
  /*background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;*/
  background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .sub a,
#rebuilding .btn_area .back a {
  display: block;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 90%;
  width: 100%;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 20px auto 0;
}

#rebuilding .btn_area .sub a {
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #ccc;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .sub a:hover {
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #aaa;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .back a {
  background: url(/biz/common/images/arrow_l_bl.png) no-repeat #ccc;
  background-position: left 20px top 50%;
}

#rebuilding .btn_area .back a:hover {
  background: url(/biz/common/images/arrow_l_bl.png) no-repeat #aaa;
  background-position: left 20px top 50%;
}

#rebuilding .remodal {
  z-index: 999999;
  position: relative;
}

#rebuilding .remodal-bg.with-red-theme.remodal-is-opening,
#rebuilding .remodal-bg.with-red-theme.remodal-is-opened {
  -webkit-filter: none;
          filter: none;
}

#rebuilding .remodal-overlay.with-red-theme {
  background-color: #f44336;
  z-index: 99999;
}

#rebuilding .remodal.with-red-theme {
  background: #fff;
}

#rebuilding .remodal li:first-child {
  margin-bottom: 20px;
}

#rebuilding .remodal li span {
  width: 40px;
  display: inline-block;
}

#rebuilding .remodal li .idpw {
  border: 1px solid #ccc;
  width: 400px;
  margin-left: 10px;
  padding: 6px;
}

#rebuilding .remodal .remodal-cancel,
#rebuilding .remodal .rremodal-confirm {
  margin: 0 20px;
}

#rebuilding .qa_list h2, #rebuilding .qa_list h4 {
  padding: 0 0 0 20px;
  border-left: 6px solid #4a6e89;
  border-bottom: 0;
  margin: 70px 0 20px;
  line-height: 1;
  font-weight: normal;
  font-size: 156%;
  color: #333;
}

#rebuilding .qa_list dl {
  border: 2px solid #66ac90;
  padding: 12px 18px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#rebuilding .qa_list dt {
  width: 100%;
  font-size: 130%;
  /* font-weight: bold; */
  margin-bottom: 10px;
}

#rebuilding .qa_list dd {
  width: 48%;
}

#rebuilding .qa_list a {
  font-size: 110%;
  display: block;
  color: #fff;
  padding: 12px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #66ac90;
  background-position: right 20px top 50%;
}

#rebuilding .qa_list a:hover {
  opacity: 0.7;
}

#rebuilding .bnr_column {
  text-align: center;
}

#rebuilding .bnr_column img {
  width: inherit;
}

#rebuilding .bnr_column a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#rebuilding .bnr_column a:hover {
  opacity: 0.7;
}

#rebuilding .conversion {
  background: #e8eef3;
  padding: 20px 30px;
  width: 100%;
}

#rebuilding .conversion.form_only {
  background: none;
}

#rebuilding .conversion .ttl {
  text-align: center;
  color: #4a6e89;
  border-top: 1px solid #4a6e89;
  border-bottom: 1px solid #4a6e89;
  padding: 10px 0;
  font-size: 120%;
  margin-bottom: 30px;
}

#rebuilding .conversion ul {
  width: 100%;
}

#rebuilding .conversion li a {
  font-size: 110%;
  display: block;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  border: 2px solid #4a6e89;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
  font-weight: bold;
}

#rebuilding .conversion li a:hover {
  border: 2px solid #4a6e89;
  color: #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .conversion.management li a {
  padding: 10px;
}

#rebuilding .conversion .btn_one li {
  text-align: center;
  padding: 0 20%;
}

#rebuilding .conversion .btn_two li {
  text-align: center;
}

#rebuilding .conversion .btn_two li:nth-child(1) {
  width: 49%;
  float: left;
}

#rebuilding .conversion .btn_two li:nth-child(2) {
  width: 49%;
  float: right;
}

#rebuilding .conversion .tel li {
  width: 100%;
  padding: 10px;
  background: #fff;
  margin-top: 20px;
  text-align: center;
}

#rebuilding .conversion .tel .mds {
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-size: 90%;
  letter-spacing: 0;
}

#rebuilding .conversion .tel .number {
  color: #4a6e89;
  font-size: 280%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
}

#rebuilding .conversion .tel .number a:before {
  content: " ";
  background: url(/biz/common/images/icon_tel.png);
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  padding-right: 0px;
}

#rebuilding .conversion .tel .number a {
  color: #4a6e89;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
  border: none;
  background: none;
  padding: 0;
}

#rebuilding .conversion .tel .number a:before {
  content: " ";
  background: url("/biz/common/images/icon_tel.png");
  width: 34px;
  height: 34px;
  background-size: contain;
  padding-right: 10px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  padding-right: 0px;
}

#rebuilding .conversion .tel .reception {
  font-weight: normal;
  font-size: 80%;
  display: block;
  margin-top: -10px;
}

#rebuilding .conversion .tel .announce {
  color: #dd0000;
  margin-top: 4px;
  font-size: 90%;
}

#rebuilding .conversion .tel .house_agent {
  margin-top: 4px;
}

#rebuilding .conversion .tel .house_agent span {
  font-size: 90%;
  margin: 0 10px;
}

#rebuilding .conversion .tel .address {
  font-size: 80%;
}

#rebuilding .conversion .red {
  color: #94322d;
  margin-top: 10px;
}

#rebuilding #conversion_sp {
  display: none !important;
}

#rebuilding #BottomReccomend {
  width: 100%;
  margin-bottom: 40px;
}

#rebuilding #BottomReccomend .inner {
  max-width: 1200px;
  margin: 0 auto;
}

#rebuilding #BottomReccomend .inner .BottomReccomendTtl {
  padding: 0 10px;
  margin-bottom: 20px;
}

#rebuilding #BottomReccomend .inner .BottomReccomendTtl p {
  background: #89a0b2;
  color: #fff;
  padding: 10px 20px;
  font-size: 110%;
}

#rebuilding #BottomReccomend h3, #rebuilding #BottomReccomend h1 {
  border-bottom: solid 1px #000;
  width: 260px;
  color: #000;
  font-size: 120%;
  margin-bottom: 20px;
  display: block;
}

#rebuilding #BottomReccomend .contents {
  display: table;
}

#rebuilding #BottomReccomend .contents li {
  display: table-cell;
  width: 20%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 10px;
  vertical-align: top;
}

#rebuilding #BottomReccomend .contents li a {
  text-decoration: none;
  background: #fff;
  display: block;
  height: 100%;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #ddd;
  min-height: 350px;
}

#rebuilding #BottomReccomend .contents li a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#rebuilding #BottomReccomend .contents li a .category {
  width: 100%;
  padding: 20px 0 0 0;
  letter-spacing: 0;
  text-align: center;
  color: #4278a2;
  font-size: 80%;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: 400;
}

#rebuilding #BottomReccomend .contents li a .category::after {
  width: 30px;
  height: 1px;
  content: '';
  background: #4278a2;
  display: block;
  text-align: center;
  margin: 10px auto 10px;
}

#rebuilding #BottomReccomend .contents li a .ttl {
  padding: 0 10px 10px 10px;
  font-size: 90%;
  font-weight: bold;
  text-align: justify;
  letter-spacing: 0;
  margin-bottom: 40px;
}

#rebuilding #BottomReccomend .contents li a .date {
  font-size: 80%;
  color: #aaa;
  text-align: right;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 10px;
  letter-spacing: 0;
}

#rebuilding .balloon-1-bottom {
  position: relative;
  display: inline-block;
  padding: 20px;
  width: auto;
  min-width: 125px;
  line-height: 1.75em;
  color: #333;
  text-align: justify;
  background: #fff;
  border: 1px solid #3c88bf;
  z-index: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding .balloon-1-bottom:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
  z-index: 0;
}

#rebuilding .balloon-1-bottom:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #3c88bf transparent transparent transparent;
  z-index: -1;
}

#rebuilding #to_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 9999;
}

#rebuilding #to_top a {
  width: 80px;
  height: 80px;
  display: block;
  background: url(../images/pagetop.png) no-repeat;
}

#rebuilding #to_top a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#rebuilding .opacity a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#rebuilding .cf {
  zoom: 1;
}

#rebuilding .balloon_bottom,
#rebuilding .balloon_top,
#rebuilding .balloon_right,
#rebuilding .balloon_left {
  position: relative;
  display: inline-block;
  padding: 20px;
  background: #fff;
  width: auto;
  z-index: 0;
  text-align: center;
  line-height: 1.75em;
  border: 2px solid #89a0b2;
  text-align: justify;
}

#rebuilding .balloon_bottom:before,
#rebuilding .balloon_top:before,
#rebuilding .balloon_right:before,
#rebuilding .balloon_left:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 0;
  border-style: solid;
}

#rebuilding .balloon_bottom:after,
#rebuilding .balloon_top:after,
#rebuilding .balloon_right:after,
#rebuilding .balloon_left:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: -1;
  border-style: solid;
}

#rebuilding .balloon_bottom:before {
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
}

#rebuilding .balloon_bottom:after {
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #89a0b2 transparent transparent transparent;
}

#rebuilding .balloon_top:before {
  top: -9px;
  left: 50%;
  margin-left: -9px;
  display: block;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #fff transparent;
}

#rebuilding .balloon_top:after {
  top: -12px;
  left: 50%;
  margin-left: -10px;
  display: block;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #89a0b2 transparent;
}

#rebuilding .balloon_left:before {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  display: block;
  border-width: 9px 9px 9px 0;
  border-color: transparent #fff transparent transparent;
}

#rebuilding .balloon_left:after {
  top: 50%;
  left: -12px;
  margin-top: -10px;
  display: block;
  border-width: 10px 10px 10px 0;
  border-color: transparent #89a0b2 transparent transparent;
}

#rebuilding .balloon_right:before {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  display: block;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fff;
}

#rebuilding .balloon_right:after {
  top: 50%;
  right: -12px;
  margin-top: -10px;
  display: block;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #89a0b2;
}

#rebuilding {
  /*====================================

  etc

  ====================================*/
  /*====================================

  font

  ====================================*/
  /*====================================

  bread

  ====================================*/
  /*====================================

  wrapper_body

  ====================================*/
  /*====================================

  article

  ====================================*/
  /*====================================

  header

  ====================================*/
  /*====================================

  Sd_ttl

  ====================================*/
  /*====================================

  Sd_ttl_none

  ====================================*/
  /*====================================

  SideNav

  ====================================*/
  /*==  SideNav reccomend  ===================*/
  /*==  SideNav service_menu  ===================*/
  /*====================================

  pageNav01

  ====================================*/
  /*====================================

  btn_area

  ====================================*/
  /* Q&A */
  /*====================================

  conversion

  ====================================*/
  /*====================================

  BottomReccomend

  ====================================*/
  /*====================================

  to_top

  ====================================*/
  /*====================================

  Footer

  ====================================*/
  /* =======================================

    cf

  ======================================= */
  /* For IE 6/7 (trigger hasLayout) */
  /* =======================================

    吹き出し

  ======================================= */
  /* balloon_bottom */
  /* balloon_top */
  /* balloon_left */
  /* balloon_right */
  /*====================================

  bread

  ====================================*/
}

#rebuilding * {
  color: #333;
  border: 0;
  padding: 0;
  line-height: 1.75em;
  font-family: 'ヒラギノ角ゴ ProN W3','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#rebuilding body {
  -webkit-text-size-adjust: 100%;
}

#rebuilding img {
  width: 100%;
}

#rebuilding .kome {
  font-size: 70%;
}

#rebuilding .caption {
  font-size: 90%;
  display: block;
  margin-top: 1em;
}

#rebuilding h1, #rebuilding h2.nh2 {
  font-size: 140%;
  color: #fff;
  padding: 10px;
  margin-bottom: 20px;
  background: #89a0b2;
  font-weight: bold;
}

#rebuilding h1 > .block, #rebuilding h2.nh2 > .block {
  font-size: 100%;
  color: #fff;
  display: block;
}

#rebuilding h2, #rebuilding h3.nh3 {
  font-size: 130%;
  padding: 10px 0;
  border-bottom: 2px solid #89a0b2;
  display: block;
  color: #4a6e89;
  margin-bottom: 20px;
  font-weight: bold;
}

#rebuilding h2 span, #rebuilding h3.nh3 span {
  font-size: 100%;
}

#rebuilding h5, #rebuilding .WpService_detail_detail .InheritanceArea .six_point h3 {
  font-size: 140%;
  display: block;
  color: #4a6e89;
  margin-bottom: 10px;
  border-left: 4px solid #4a6e89;
  padding-left: 10px;
}

#rebuilding h5 span {
  margin-left: 10px;
}

#rebuilding h6 {
  width: 100%;
  color: #000;
  font-size: 100%;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  background: #89a0b2;
  color: #fff;
}

#rebuilding .marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff7b6));
  background: linear-gradient(transparent 60%, #fff7b6 60%);
  font-size: 100%;
  font-weight: bold;
}

#rebuilding #wrapper_body {
  width: 100%;
}

#rebuilding article {
  width: 100%;
  margin: 0 0 50px;
  text-align: justify;
}

#rebuilding #header {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

#rebuilding #header .logo {
  display: none;
}

#rebuilding #header .upper {
  display: none;
}

#rebuilding #header .logo_small {
  width: 260px;
  position: absolute;
  top: 16px;
  left: 20px;
}

#rebuilding #header #hNav #pull {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
}

#rebuilding #header #hNav #pull span {
  height: 40px;
  font-size: 200%;
  line-height: 40px;
  color: #fff;
}

#rebuilding #header #hNav #pull span.icon-batsu {
  display: none;
}

#rebuilding #header #hNav #pull.on span.icon-sp {
  display: none;
}

#rebuilding #header #hNav #pull.on span.icon-batsu {
  display: block;
}

#rebuilding #header .nav {
  display: none;
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #94a3ab;
}

#rebuilding #header .nav .inner ul.cf {
  zoom: 100%;
  min-hight: 0px;
}

#rebuilding #header .nav .inner ul.cf:after {
  content: "";
  display: block;
  clear: both;
}

#rebuilding #header .nav .inner ul li {
  width: 50%;
  float: left;
}

#rebuilding #header .nav .inner ul li.nav_home {
  width: 100%;
}

#rebuilding #header .nav .inner ul li.nav_home .icon_home {
  display: none;
}

#rebuilding #header .nav .inner ul li a, #rebuilding #header .nav .inner ul li em {
  text-decoration: none;
  display: block;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
  background: #474342;
  overflow: hidden;
}

#rebuilding #header .nav .inner ul li:not(.btSp) a, #rebuilding #header .nav .inner ul li:not(.btSp) em {
  height: 65px;
}

#rebuilding #header .nav .inner ul li a span {
  display: block;
  width: 100%;
  line-height: 65px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

#rebuilding #header .nav .inner ul li em span {
  display: block;
  width: 100%;
  line-height: 65px;
  text-align: center;
  color: #888;
  font-size: 12px;
}

#rebuilding #header .nav li.nav_home a span:first-of-type {
  display: none;
}

#rebuilding #header .nav .inner ul li.btSp {
  float: none;
  width: 100%;
  display: block;
}

#rebuilding #header .nav .inner ul li.btSp a {
  background-color: #5a5756;
  color: #fff;
  padding: 15px 20px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
}

#rebuilding #header .nav .inner ul li.btSp a span {
  display: inline-block;
  width: auto;
  padding: 5px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #fff;
  font-size: 10px;
  line-height: 10px;
  color: #5a5756;
}

#rebuilding #header .nav .inner ul li a:hover,
#rebuilding #header .nav .inner ul li.on a {
  background-color: #94a3ab;
  color: #5a5756;
}

@font-face {
  #rebuilding {
    font-family: 'IcoMoon-Free';
    src: url("../font/IcoMoon-Free.ttf?-b7qzp2") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
}

#rebuilding .icon {
  font-family: 'IcoMoon-Free';
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#rebuilding body #hNav #pull span.icon-sp {
  background-color: transparent;
  background-image: url(../images/icon-sp.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 40px;
}

#rebuilding body #hNav #pull.on span.icon-sp {
  display: none;
}

#rebuilding .icon-arrow-up-right2:before {
  content: "\ea3b";
}

#rebuilding #Sd_ttl {
  width: 100%;
  background: #eee;
  margin: 50px 0 20px;
  border: none !important;
}

#rebuilding #Sd_ttl h2, #rebuilding #Sd_ttl span {
  text-align: center;
  padding: 40px 0;
  font-size: 200%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#rebuilding #Sd_ttl h1 {
  text-align: center;
  padding: 40px 0 !important;
  font-size: 200%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 500 !important;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 0 !important;
  background: none !important;
}

#rebuilding #Sd_ttl_none {
  padding: 80px 0 0 0;
}

#rebuilding #SideNav {
  padding: 0 20px;
}

#rebuilding #SideNav .side ul {
  width: 100%;
  border-top: 1px solid #eee;
  margin-bottom: 40px;
}

#rebuilding #SideNav .side li {
  border-bottom: 1px solid #eee;
}

#rebuilding #SideNav .side .back a {
  background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat;
}

#rebuilding #SideNav .side .back a:hover {
  background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat #eee;
}

#rebuilding #SideNav .side li a {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 14px 10px 14px 30px;
  font-size: 100%;
  color: #333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(../../common/images/arrow_r_b.png) 10px 14px no-repeat;
}

#rebuilding #SideNav .side li a:hover {
  background: url(../../common/images/arrow_r_b.png) 10px 14px no-repeat #eee;
}

#rebuilding #SideNav .reccomend {
  width: 100%;
  margin-bottom: 20px;
}

#rebuilding #SideNav .reccomend a {
  text-decoration: none;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #333;
}

#rebuilding #SideNav .reccomend a:hover {
  background: #eee;
}

#rebuilding #SideNav .reccomend a img {
  /*width: 25%;
    float: left;*/
}

#rebuilding #SideNav .reccomend a .category {
  width: 70%;
  float: right;
  text-align: left;
  color: #4a6e89;
  font-size: 80%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
}

#rebuilding #SideNav .reccomend a .category::after {
  border: 1px solid #4a6e89;
  width: 20px;
  display: block;
  content: '';
  margin-top: 4px;
  margin-bottom: 4px;
}

#rebuilding #SideNav .reccomend a .ttl {
  width: 70%;
  font-size: 90%;
  float: right;
  text-align: left;
  text-align: justify;
}

#rebuilding #SideNav .reccomend a .date {
  width: 70%;
  font-size: 70%;
  float: right;
  text-align: right;
  color: #aaa;
  margin-top: 10px;
}

#rebuilding #SideNav .subsubcategory a {
  padding: 10px 10px 10px 40px !important;
  font-size: 80% !important;
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat !important;
  background-size: 8px !important;
}

#rebuilding #SideNav .subsubcategory a:hover {
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat #eee !important;
  background-size: 8px !important;
}

#rebuilding .service_menu li a {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 14px 10px 14px 30px;
  font-size: 100%;
  color: #333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(../../common/images/arrow_r_b.png) 10px 14px no-repeat;
  border-bottom: 1px solid #eee;
}

#rebuilding .service_menu .sub_nav {
  margin-bottom: -1px !important;
}

#rebuilding .service_menu .sub_nav a {
  padding: 10px 10px 10px 40px !important;
  font-size: 90% !important;
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat !important;
  background-size: 8px !important;
}

#rebuilding .service_menu .sub_nav a:hover {
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat #eee !important;
  background-size: 8px !important;
}

#rebuilding .pageNav01 {
  margin: 0 0 10px;
  padding: 10px 0 5px;
  text-align: center;
}

#rebuilding .pageNav01 li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

#rebuilding .pageNav01 li a {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 12px;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #fff;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  background: #fff;
  color: #333;
}

#rebuilding .pageNav01 li span {
  display: inline-block;
  margin-bottom: 5px;
  padding: 1px 8px;
  text-decoration: none;
  vertical-align: middle;
  font-weight: bold;
  color: #4a6e89;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  background: #fff;
}

#rebuilding .pageNav01 li a:hover {
  border-color: #4a6e89;
  background: #4a6e89;
  color: #fff;
  display: inline-block;
}

#rebuilding .btntype_single ul {
  text-align: center;
}

#rebuilding .btntype_single li {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

#rebuilding .btntype_double ul {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}

#rebuilding .btntype_double li {
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .btntype_triple ul {
  width: 100%;
}

#rebuilding .btntype_triple li {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

#rebuilding .btn_area a {
  display: block;
  padding: 20px 20px;
  text-decoration: none;
  font-size: 110%;
  width: 100%;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .btn_area .def a {
  color: #fff;
  border: 2px solid #4a6e88;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .def a:hover {
  color: #4a6e88;
  border: 2px solid #4a6e88;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .blue a {
  color: #fff;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .blue a:hover {
  color: #4a6e89;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .orange a {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #fcdbc6;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .orange a:hover {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .standout a {
  border: 2px solid #ec8848;
  color: #fff;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #ec8848;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .standout a:hover {
  border: 2px solid #ec8848;
  color: #ec8848;
  background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .sub a {
  display: block;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 90%;
  width: 80%;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 20px auto 0;
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #ccc;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .sub a:hover {
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #aaa;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area .back a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 90%;
  width: 80%;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 20px auto 0;
  background: url(/biz/common/images/arrow_l_bl.png) no-repeat #ccc;
  background-position: left 20px top 50%;
}

#rebuilding .btn_area .back a:hover {
  background: url(/biz/common/images/arrow_l_bl.png) no-repeat #aaa;
  background-position: left 20px top 50%;
}

#rebuilding .qa_list h2, #rebuilding .qa_list h4 {
  padding: 0 0 0 20px;
  border-left: 6px solid #4a6e89;
  border-bottom: 0;
  margin: 70px 0 20px;
  line-height: 1;
  font-weight: normal;
  font-size: 156%;
  color: #333;
}

#rebuilding .qa_list dl {
  border: 2px solid #66ac90;
  padding: 12px 18px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#rebuilding .qa_list dt {
  font-size: 130%;
  /* font-weight: bold; */
  margin-bottom: 10px;
}

#rebuilding .qa_list dd {
  margin-bottom: 10px;
}

#rebuilding .qa_list a {
  font-size: 100%;
  display: block;
  color: #fff;
  padding: 12px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #66ac90;
  background-position: right 20px top 50%;
}

#rebuilding .qa_list a:hover {
  opacity: 0.7;
}

#rebuilding .conversion {
  background: #e8eef3;
  padding: 14px;
  width: 100%;
}

#rebuilding .conversion.form_only {
  background: none;
  padding: 0;
  margin-top: 30px;
}

#rebuilding .conversion .ttl {
  text-align: center;
  color: #4a6e89;
  border-top: 1px solid #4a6e89;
  border-bottom: 1px solid #4a6e89;
  padding: 10px 0;
  font-size: 120%;
  margin-bottom: 30px;
}

#rebuilding .conversion ul {
  width: 100%;
}

#rebuilding .conversion li a {
  font-size: 110%;
  display: block;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  border: 2px solid #4a6e89;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
  font-weight: bold;
  width: 100%;
}

#rebuilding .conversion li a:hover {
  border: 2px solid #4a6e89;
  color: #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .conversion .btn_one li {
  text-align: center;
  margin-bottom: 10px;
}

#rebuilding .conversion .btn_two li {
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
}

#rebuilding .conversion .tel li {
  width: 100%;
  padding: 10px;
  background: #fff;
  text-align: center;
}

#rebuilding .conversion .tel .mds {
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-size: 90%;
  letter-spacing: 0;
}

#rebuilding .conversion .tel .number {
  color: #4a6e89;
  font-size: 240%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
}

#rebuilding .conversion .tel .number a:before {
  content: " ";
  background: url(/biz/common/images/icon_tel.png);
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  padding-right: 0px;
}

#rebuilding .conversion .tel .number a {
  color: #4a6e89;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
  border: none;
  background: none;
  padding: 0;
}

#rebuilding .conversion .tel .number a:before {
  content: " ";
  background: url("/biz/common/images/icon_tel.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  padding-right: 10px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  padding-right: 0px;
}

#rebuilding .conversion .tel .reception {
  font-weight: normal;
  font-size: 80%;
  display: block;
  margin-top: -10px;
}

#rebuilding .conversion .tel .announce {
  color: #dd0000;
  margin-top: 4px;
  font-size: 90%;
}

#rebuilding .conversion .tel .house_agent {
  margin-top: 4px;
}

#rebuilding .conversion .tel .house_agent span {
  font-size: 90%;
  display: block;
}

#rebuilding .conversion .tel .address {
  font-size: 80%;
}

#rebuilding #conversion_sp {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 99998;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  padding: 10px 60px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0;
}

#rebuilding #conversion_sp li:first-child {
  width: 38%;
  float: left;
}

#rebuilding #conversion_sp li:last-child {
  width: 60%;
  float: right;
}

#rebuilding #conversion_sp.conversion_sp-single li:last-child {
  float: none;
  width: 100%;
  text-align: center;
}

#rebuilding #conversion_sp a {
  display: block;
  padding: 10px;
  font-weight: normal;
  font-size: 80%;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
  background-position: right 10px top 50%;
  background-size: 8px;
  width: 100%;
  text-decoration: none;
  color: #fff;
}

#rebuilding .conversion .red {
  color: #94322d;
  margin-top: 10px;
}

#rebuilding #BottomReccomend {
  width: 100%;
  background: #f7f7f7;
  padding: 20px;
}

#rebuilding #BottomReccomend .inner .BottomReccomendTtl {
  margin-bottom: 20px;
}

#rebuilding #BottomReccomend .inner .BottomReccomendTtl p {
  background: #89a0b2;
  color: #fff;
  padding: 10px 20px;
  font-size: 110%;
}

#rebuilding #BottomReccomend .contents li {
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding #BottomReccomend .contents li a {
  text-decoration: none;
  background: #fff;
  display: block;
  height: 100%;
  position: relative;
  padding: 20px 10px;
}

#rebuilding #BottomReccomend .contents li a img {
  float: left;
  width: 20%;
}

#rebuilding #BottomReccomend .contents li a .category {
  float: right;
  width: 80%;
  padding: 0 0 0 20px;
  letter-spacing: 0;
  color: #4b6e8a;
  font-size: 80%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
}

#rebuilding #BottomReccomend .contents li a .category::after {
  width: 30px;
  height: 1px;
  content: '';
  background: #4b6e8a;
  display: block;
  margin: 10px 0;
}

#rebuilding #BottomReccomend .contents li a .ttl {
  float: right;
  width: 80%;
  padding: 0 0 0 20px;
  font-size: 100%;
  font-weight: bold;
  text-align: justify;
  letter-spacing: 0;
  margin-bottom: 40px;
  color: #4b6e8a;
}

#rebuilding #BottomReccomend .contents li a .date {
  font-size: 80%;
  color: #aaa;
  text-align: right;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 10px;
  letter-spacing: 0;
}

#rebuilding #to_top {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 99999;
}

#rebuilding #to_top a {
  width: 60px;
  height: 60px;
  display: block;
  background: url(../images/pagetop.png) no-repeat;
  background-size: 100%;
}

#rebuilding #to_top a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#rebuilding #Footer {
  width: 100%;
  padding: 0 10px;
  margin: 0 auto;
}

#rebuilding #Footer .ft_memu {
  display: none;
}

#rebuilding #Footer .sinble {
  width: 100%;
  padding-top: 10px;
}

#rebuilding #Footer .sinble p {
  width: 200px;
  margin-bottom: 9px;
}

#rebuilding #Footer p {
  color: #333;
  font-size: 10.2px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
}

#rebuilding .cf {
  zoom: 1;
}

#rebuilding .balloon_bottom,
#rebuilding .balloon_top,
#rebuilding .balloon_right,
#rebuilding .balloon_left {
  position: relative;
  display: inline-block;
  padding: 20px;
  background: #fff;
  width: auto;
  z-index: 0;
  text-align: center;
  line-height: 1.75em;
  border: 2px solid #89a0b2;
  text-align: justify;
}

#rebuilding .balloon_bottom:before,
#rebuilding .balloon_top:before,
#rebuilding .balloon_right:before,
#rebuilding .balloon_left:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 0;
  border-style: solid;
}

#rebuilding .balloon_bottom:after,
#rebuilding .balloon_top:after,
#rebuilding .balloon_right:after,
#rebuilding .balloon_left:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: -1;
  border-style: solid;
}

#rebuilding .balloon_bottom:before {
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
}

#rebuilding .balloon_bottom:after {
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #89a0b2 transparent transparent transparent;
}

#rebuilding .balloon_top:before {
  top: -9px;
  left: 50%;
  margin-left: -9px;
  display: block;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #fff transparent;
}

#rebuilding .balloon_top:after {
  top: -12px;
  left: 50%;
  margin-left: -10px;
  display: block;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #89a0b2 transparent;
}

#rebuilding .balloon_left:before {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  display: block;
  border-width: 9px 9px 9px 0;
  border-color: transparent #fff transparent transparent;
}

#rebuilding .balloon_left:after {
  top: 50%;
  left: -12px;
  margin-top: -10px;
  display: block;
  border-width: 10px 10px 10px 0;
  border-color: transparent #89a0b2 transparent transparent;
}

#rebuilding .balloon_right:before {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  display: block;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fff;
}

#rebuilding .balloon_right:after {
  top: 50%;
  right: -12px;
  margin-top: -10px;
  display: block;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #89a0b2;
}

#rebuilding #bread {
  display: none;
  /*width: 100%;
    width: 100%;
    max-width:1200px;
    z-index: 999999;*/
}

#rebuilding #bread ul {
  margin: 0 auto;
  padding: 0 20px;
  list-style: none;
  margin: 8px 0 0 0;
  z-index: 99999;
}

#rebuilding #bread li {
  float: left;
  color: #4a6e89;
  font-size: 90%;
}

#rebuilding #bread li a {
  font-weight: normal;
  color: #333;
  text-decoration: none;
  font-size: 100%;
}

#rebuilding #bread li a:hover {
  text-decoration: underline;
  color: #333;
}

#rebuilding #bread li::after {
  content: '>';
  color: #333;
  margin: 0 8px;
}

#rebuilding #bread li:last-child:after {
  content: none;
}

#rebuilding body > div.TotalSupport_sp > h1 {
  padding: 0 !important;
}

#rebuilding {
  /* Default theme styles of the overlay */
  /* Default theme styles of the wrapper */
  /* Default theme styles of the modal dialog */
  /* Vertical align of the modal dialog */
  /* Close button */
  /* Dialog buttons */
  /* Remove inner padding and border in Firefox 4+ for the button tag. */
  /* Keyframes
    ========================================================================== */
  /* Media queries
    ========================================================================== */
  /* IE8
    ========================================================================== */
}

#rebuilding .remodal-bg.remodal-is-opening,
#rebuilding .remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

#rebuilding .remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

#rebuilding .remodal-overlay.remodal-is-opening,
#rebuilding .remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#rebuilding .remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s;
}

#rebuilding .remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s;
}

#rebuilding .remodal-wrapper {
  padding: 10px 10px 0;
}

#rebuilding .remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

#rebuilding .remodal.remodal-is-opening,
#rebuilding .remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#rebuilding .remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s;
}

#rebuilding .remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s;
}

#rebuilding .remodal,
#rebuilding .remodal-wrapper:after {
  vertical-align: middle;
}

#rebuilding .remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

#rebuilding .remodal-close:hover,
#rebuilding .remodal-close:focus {
  color: #2b2e38;
}

#rebuilding .remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

#rebuilding .remodal-confirm,
#rebuilding .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

#rebuilding .remodal-confirm {
  color: #fff;
  background: #81c784;
}

#rebuilding .remodal-confirm:hover,
#rebuilding .remodal-confirm:focus {
  background: #66bb6a;
}

#rebuilding .remodal-cancel {
  color: #fff;
  background: #e57373;
}

#rebuilding .remodal-cancel:hover,
#rebuilding .remodal-cancel:focus {
  background: #ef5350;
}

#rebuilding .remodal-confirm::-moz-focus-inner,
#rebuilding .remodal-cancel::-moz-focus-inner,
#rebuilding .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@media only screen and (min-width: 641px) {
  #rebuilding .remodal {
    max-width: 900px;
  }
}

#rebuilding .lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

#rebuilding .lt-ie9 .remodal {
  width: 700px;
}

#rebuilding {
  /* Anti FOUC */
  /* Necessary styles of the overlay */
  /* Necessary styles of the wrapper */
  /* Fix iPad, iPhone glitches */
  /* Necessary styles of the modal dialog */
}

#rebuilding html.remodal-is-locked {
  overflow: hidden;
}

#rebuilding .remodal,
#rebuilding [data-remodal-id] {
  display: none;
}

#rebuilding .remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

#rebuilding .remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

#rebuilding .remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

#rebuilding .remodal-overlay,
#rebuilding .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#rebuilding .remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#rebuilding .remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

#rebuilding html body, #rebuilding html div, #rebuilding html dl, #rebuilding html dt, #rebuilding html dd, #rebuilding html ul, #rebuilding html ol, #rebuilding html li, #rebuilding html h1, #rebuilding html h2, #rebuilding html h3, #rebuilding html h4, #rebuilding html h5, #rebuilding html h6,
#rebuilding html pre, #rebuilding html code, #rebuilding html form, #rebuilding html fieldset, #rebuilding html legend, #rebuilding html input, #rebuilding html textarea, #rebuilding html p, #rebuilding html blockquote, #rebuilding html th, #rebuilding html td {
  margin: 0;
  padding: 0;
}

#rebuilding html table {
  border-collapse: collapse;
  border-spacing: 0;
}

#rebuilding html fieldset, #rebuilding html img {
  border: 0;
}

#rebuilding html address, #rebuilding html caption, #rebuilding html cite, #rebuilding html code, #rebuilding html dfn, #rebuilding html em, #rebuilding html strong, #rebuilding html th, #rebuilding html var {
  font-style: normal;
  font-weight: normal;
}

#rebuilding html li {
  list-style: none;
}

#rebuilding html caption, #rebuilding html th {
  text-align: left;
}

#rebuilding html h1, #rebuilding html h2, #rebuilding html h3, #rebuilding html h4, #rebuilding html h5, #rebuilding html h6 {
  font-weight: normal;
}

#rebuilding html q:before, #rebuilding html q:after {
  content: '';
}

#rebuilding html abbr, #rebuilding html acronym {
  border: 0;
  font-variant: normal;
}

#rebuilding html sup {
  vertical-align: text-top;
}

#rebuilding html sub {
  vertical-align: text-bottom;
}

#rebuilding html input, #rebuilding html textarea, #rebuilding html select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#rebuilding html input, #rebuilding html textarea, #rebuilding html select {
  *font-size: 100%;
}

#rebuilding html legend {
  color: #000;
}

#rebuilding {
  /*====================================

  サービスメニュー top

  ====================================*/
  /*====================================

  サービスメニュー 下層 common

  ====================================*/
  /*============ このようなお悩みをお持ちの方に ============*/
  /*.trouble {
    background: #fff;
    display: block;
    padding: 20px 20px 20px 40px;
  }*/
  /*============ 矢印 ============*/
  /*============ 解決 ============*/
  /*============ フレーム ============*/
  /*============ フレーム / 査定・売買 assessment ============*/
  /*============ フレーム / 建物再生 reconstruction ============*/
  /* reconstruction_select */
  /*============ 建物再生 reconstruction / バリューアップ ============*/
  /*============ 相続対策 inheritance / 相続税について ============*/
  /*============ 相続対策 inheritance / 「いま」やっておくべき節税対策 ============*/
  /*============ 有効活用 effective ============*/
  /*============ フレーム / 運営賃貸 management ============*/
  /*============ フレーム / Q&A faq ============*/
  /*============ フレーム / 査定・売買 assessment ============*/
  /*============ アンカー ============*/
  /*============ 今後調整 ============*/
  /*============ その他のサービス ============*/
  /*============ 事例紹介 ============*/
  /*====================================

  WpService_detail

  ====================================*/
  /*==== expenditure_point ====*/
  /*==== expenditure_point / expenditure_plot_point ====*/
  /*==== expenditure_point / expenditure_report_point ====*/
  /*==== expenditure_point / expenditure_solution_point ====*/
  /*==== triplesupport_point ====*/
  /*==== expenditure_marketing_box ====*/
  /*==== buildingplan_point ====*/
  /*==== sl_contents ====*/
  /*==  area_btn_sl  =================

  .WpService_detail .area_btn_sl ul {
    padding: 20px 0;
  }
  .WpService_detail .area_btn_sl li {
    width: 49%;
  }
  .WpService_detail .area_btn_sl li:nth-child(odd) {
    float: left;
  }
  .WpService_detail .area_btn_sl li:nth-child(even) {
    float: right;
  }
  .WpService_detail .area_btn_sl li a {
    display: block;
    padding: 20px 60px;
    text-decoration: none;
    color: #333;
    font-size: 110%;
    width: 100%;
    text-align: center;
    border: 2px solid #fcdbc6;
    -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -ms-transition: 0.5s;
      transition: 0.5s;
      background: url(/biz/common/images/arrow_r_bl.png) no-repeat #fcdbc6;
    background-position:right 20px top 50%;
  }
  .WpService_detail .area_btn_sl a:hover {
    border: 2px solid #fcdbc6;
    color: #333;
    background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
    background-position:right 20px top 50%;
  }
  ==*/
  /*==== other_box ====*/
  /*====================================

  DiagnosisArea

  ====================================*/
  /*====================================

  WpService_detail_buildingbusiness

  ====================================*/
  /*====================================

  WpService_detail_units

  ====================================*/
  /*====================================

  WpService_detail_inheritance

  ====================================*/
  /*====================================

  ValueupArea

  ====================================*/
  /*========== valueup_01 ==========*/
  /*========== valueup_02 ==========*/
  /*========== valueup_03 ==========*/
}

#rebuilding #Sd_ttl {
  background: url(../images/sd_ttl_bg.png);
  background-size: cover;
}

#rebuilding #Sd_ttl.qa {
  background: url(../management/faq/images/sd_ttl_bg.png);
  background-size: cover;
}

#rebuilding #Sd_ttl h1 {
  color: #fff;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3);
}

#rebuilding .service_list {
  margin-right: -1.33%;
}

#rebuilding .service_list li {
  width: 32%;
  margin-right: 1.33%;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  float: left;
}

#rebuilding .service_list li:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#rebuilding .service_list .inheritance {
  background: #728ebe;
}

#rebuilding .service_list .inheritance .img {
  border: 8px solid #728ebe;
}

#rebuilding .service_list .effective {
  background: #9980a8;
}

#rebuilding .service_list .effective .img {
  border: 8px solid #9980a8;
}

#rebuilding .service_list .management {
  background: #66ac90;
}

#rebuilding .service_list .management .img {
  border: 8px solid #66ac90;
}

#rebuilding .service_list .improvement {
  background: #70acb4;
}

#rebuilding .service_list .improvement .img {
  border: 8px solid #70acb4;
}

#rebuilding .service_list .reconstruction {
  background: #8caf6b;
}

#rebuilding .service_list .reconstruction .img {
  border: 8px solid #8caf6b;
}

#rebuilding .service_list .assessment {
  background: #b1af5c;
}

#rebuilding .service_list .assessment .img {
  border: 8px solid #b1af5c;
}

#rebuilding .service_list li a {
  text-decoration: none;
  padding-bottom: 20px;
  color: #fff;
  display: block;
}

#rebuilding .service_list a .ttl {
  color: #fff;
  letter-spacing: 0;
  font-size: 150%;
  font-weight: bold;
  padding: 12px 0 4px 12px;
}

#rebuilding .service_list a h2.ttl {
  border-bottom: none !important;
}

#rebuilding .service_list a .img {
  padding: 20px 30px;
  background: #fff;
}

#rebuilding .service_list a .text {
  color: #333;
  letter-spacing: 0;
  padding: 0 10px;
  color: #fff;
  font-weight: bold;
}

#rebuilding .service_main_ttl {
  display: table;
  width: 100%;
}

#rebuilding .service_main_ttl .text,
#rebuilding .service_main_ttl .ph {
  padding: 10px;
}

@media screen and (min-width: 1001px) {
  #rebuilding .service_main_ttl .text {
    display: table-cell;
    color: #fff;
    width: 70%;
    padding-right: 50px;
    vertical-align: middle;
    font-size: 120%;
  }
  #rebuilding .service_main_ttl .ph {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding .service_main_ttl .text {
    display: table-cell;
    color: #fff;
    width: 70%;
    vertical-align: middle;
    font-size: 120%;
  }
  #rebuilding .service_main_ttl .ph {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
  }
}

#rebuilding .service_main_ttl .text span, #rebuilding .service_main_ttl .text h1 {
  font-size: 300%;
  font-weight: bold;
  display: block;
  color: #fff;
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
  padding-top: 10px;
}

#rebuilding .service_main_ttl .text h1 {
  margin: 20px 0 0 0 !important;
  padding: 10px 0 0 0 !important;
  background: none  !important;
}

#rebuilding .service_main_improvement,
#rebuilding .service_main_inheritance,
#rebuilding .service_main_effective,
#rebuilding .service_main_management,
#rebuilding .service_main_reconstruction,
#rebuilding .service_main_assessment {
  padding: 20px;
  margin-bottom: -20px;
}

#rebuilding .service_main_improvement {
  background: #70acb4;
}

#rebuilding .service_main_inheritance {
  background: #728ebe;
}

#rebuilding .service_main_effective {
  background: #9980a8;
}

#rebuilding .service_main_management {
  background: #66ac90;
}

#rebuilding .service_main_reconstruction {
  background: #8caf6b;
}

#rebuilding .service_main_assessment {
  background: #b1af5c;
}

@media screen and (min-width: 1001px) {
  #rebuilding .trouble li {
    width: 50%;
    font-size: 110%;
    list-style: none;
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    background: #fff;
  }
  #rebuilding .trouble li:nth-child(odd) {
    float: left;
  }
  #rebuilding .trouble li:nth-child(even) {
    float: right;
  }
  #rebuilding .trouble .balloon {
    width: 50%;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding .trouble li {
    width: 100%;
    font-size: 110%;
    font-weight: bold;
    padding: 10px 20px;
    background: #fff;
  }
  #rebuilding .trouble .balloon {
    width: 100%;
  }
}

#rebuilding .trouble .ttl {
  letter-spacing: 0;
  margin: 0 0 12px 0px;
  color: #fff;
  font-weight: bold;
}

#rebuilding .service_main_improvement .trouble li {
  color: #278f9a;
  border: 1px solid #70acb4;
}

#rebuilding .service_main_inheritance .trouble li {
  color: #3f5f86;
  border: 1px solid #728ebe;
}

#rebuilding .service_main_effective .trouble li {
  color: #734f8d;
  border: 1px solid #9980a8;
}

#rebuilding .service_main_management .trouble li {
  color: #358b7e;
  border: 1px solid #66ac90;
}

#rebuilding .service_main_reconstruction .trouble li {
  color: #599b20;
  border: 1px solid #8caf6b;
}

#rebuilding .service_main_assessment .trouble li {
  color: #96923b;
  border: 1px solid #b1af5c;
}

#rebuilding .bg_arrow {
  width: 100%;
  text-align: center;
  margin-bottom: -20px;
}

#rebuilding .bg_arrow img {
  width: 94px;
  margin: 0 auto;
}

#rebuilding .resolution p {
  font-size: 120%;
}

#rebuilding .resolution .img {
  margin-bottom: 20px;
  display: block;
}

#rebuilding .service_frame {
  margin-top: -20px;
  clear: both;
}

#rebuilding .service_frame > .ttl {
  width: 100%;
  padding: 10px 20px;
  font-size: 170%;
  font-weight: bold;
  color: #fff !important;
}

#rebuilding .service_frame > h2.ttl {
  border-bottom: none !important;
}

#rebuilding .service_frame .caption_right {
  text-align: right;
}

#rebuilding .service_frame .mc {
  padding: 40px 20px 20px 20px;
  font-size: 110%;
}

#rebuilding .improvement_frame {
  border: 2px solid #70acb4;
}

#rebuilding .improvement_frame > .ttl {
  background: #70acb4;
}

#rebuilding .improvement_frame h3 {
  color: #278f9a !important;
  border-bottom: 2px solid #a5ccd2 !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 160%;
}

#rebuilding .improvement_frame h4 {
  font-size: 140%;
  display: block;
  color: #278f9a;
  margin-bottom: 10px;
  border-left: 4px solid #278f9a;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px;
}

#rebuilding .improvement_frame .improvement_frame_nm_ttl {
  font-size: 120%;
  font-weight: bold;
  margin-top: 20px;
}

#rebuilding .inheritance_frame {
  border: 2px solid #728ebe;
}

#rebuilding .inheritance_frame > .ttl {
  background: #728ebe;
}

#rebuilding .inheritance_frame h3 {
  color: #3f5f86 !important;
  border-bottom: 2px solid #abbad1 !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 160%;
}

#rebuilding .management_frame {
  border: 2px solid #66ac90;
}

#rebuilding .management_frame > .ttl {
  background: #66ac90;
}

#rebuilding .management_frame h2 {
  color: #358b7e !important;
  border-bottom: 2px solid #b4d9ca !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 160%;
}

#rebuilding .management_frame h3 {
  font-size: 140%;
  display: block;
  color: #358b7e;
  border-bottom: 2px solid #b4d9ca !important;
  font-weight: bold;
  margin: 10px 0 20px !important;
}

#rebuilding .reconstruction_frame {
  border: 2px solid #8caf6b;
}

#rebuilding .reconstruction_frame > .ttl {
  background: #8caf6b;
}

#rebuilding .reconstruction_frame h3 {
  font-size: 140%;
  display: block;
  color: #599b20;
  margin-bottom: 10px;
  border-left: 4px solid #c0d6aa;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px !important;
}

#rebuilding .reconstruction_frame h3.reconstruction_nh3 {
  font-size: 140%;
  display: block;
  color: #599b20;
  border-left: none !important;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-weight: bold;
  margin: 0 !important;
}

#rebuilding .reconstruction_frame h4, #rebuilding .reconstruction_frame h2.reconstruction_nh2 {
  font-size: 140%;
  display: block;
  color: #599b20;
  margin-bottom: 10px;
  border-left: 4px solid #c0d6aa;
  border-bottom: none;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px !important;
}

#rebuilding .reconstruction_frame h5 {
  font-size: 140%;
  display: block;
  color: #599b20;
  margin-bottom: 10px;
  border-left: 4px solid #599b20;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px;
}

#rebuilding .effective_frame {
  border: 2px solid #9980a8;
}

#rebuilding .effective_frame > .ttl {
  background: #9980a8;
}

#rebuilding .effective_frame h4, #rebuilding .effective_frame h3 {
  color: #734f8d !important;
  border-bottom: 2px solid #d5b9df !important;
}

#rebuilding .assessment_frame {
  border: 2px solid #b1af5c;
}

#rebuilding .assessment_frame > .ttl {
  background: #b1af5c;
}

#rebuilding .assessment_frame h3 {
  color: #96923b !important;
  border-bottom: 2px solid #d9d89a !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 160%;
}

#rebuilding .assessment_frame h5, #rebuilding .assessment_frame h4 {
  font-size: 140%;
  display: block;
  color: #96923b;
  margin-bottom: 10px !important;
  border-left: 4px solid #96923b;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px !important;
}

#rebuilding .assessment_frame strong {
  font-weight: bold;
}

#rebuilding .service_frame .box_none {
  margin-bottom: 20px;
}

#rebuilding .service_frame .box_none .box_none_ttl {
  color: #3f5f86;
  font-size: 120%;
  font-weight: bold;
}

#rebuilding .service_frame .box_none .box_none_img {
  margin: 20px 0 40px;
}

#rebuilding .service_frame .service_frame_inner {
  padding: 20px 20px 0 20px;
}

#rebuilding .service_frame .service_frame_inner .box_def {
  margin-bottom: 20px;
  background: #eee;
  padding: 20px;
  clear: both;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb {
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 30px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb dt {
  font-size: 130%;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb .add dl {
  padding: 10px;
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  #rebuilding .service_frame .service_frame_inner .box_def .box_sb .add dl {
    background: #fff;
    padding-bottom: 75px;
  }
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb .add dt {
  width: 25%;
  float: left;
  font-size: 80% !important;
  border: none !important;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb .add dd {
  width: 75%;
  float: right;
  font-size: 80%;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_sb {
  margin-bottom: 20px;
  background: #eee;
  padding: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_sb dl {
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_sb dt {
  font-size: 130%;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_text_ph {
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_text_ph .text {
  float: left;
  width: 52%;
}

@media screen and (max-width: 1024px) {
  #rebuilding .service_frame .service_frame_inner .box_none .box_text_ph .text {
    float: none;
    width: auto;
  }
}

#rebuilding .service_frame .service_frame_inner .box_none .box_text_ph .ph {
  float: right;
  width: 44%;
}

@media screen and (max-width: 1024px) {
  #rebuilding .service_frame .service_frame_inner .box_none .box_text_ph .ph {
    float: none;
    width: auto;
  }
}

#rebuilding .service_frame .service_frame_inner .box_none .box_text_ph_2 {
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_text_ph_2 .text {
  float: left;
  width: 72%;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_text_ph_2 .ph {
  float: right;
  width: 22%;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 {
  display: block;
  background: #fff;
  border: 1px solid #d78989;
  padding: 10px 20px;
  margin: 20px 0;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a {
  color: #cd5050;
  text-decoration: underline;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a:before {
  content: '>';
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a strong {
  font-weight: bold;
  color: #cd5050;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a:hover {
  text-decoration: none;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_ph .text {
  float: left;
  width: 70%;
}

#rebuilding .service_frame .service_frame_inner .box_def .text_ttl {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
  display: block;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_ph .ph {
  float: right;
  width: 25%;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_ph .ph .box_text_ph_cap {
  text-align: center;
  font-size: 80%;
  margin-top: 6px;
}

#rebuilding .service_frame .service_frame_inner .box_inheritancetax .bi_ttl {
  font-weight: bold;
  font-size: 120%;
  display: block;
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_inheritancetax p img {
  float: right;
  width: 50%;
  margin-left: 20px;
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_phlong .text,
#rebuilding .service_frame .service_frame_inner .box_none .box_text_phlong .text {
  float: left;
  width: 56%;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_phlong .ph,
#rebuilding .service_frame .service_frame_inner .box_none .box_text_phlong .ph {
  float: right;
  width: 40%;
  background: #fff;
  padding: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text {
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def h4, #rebuilding .service_frame .service_frame_inner .box_effective_def h3 {
  border: none !important;
  margin-bottom: 0 !important;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_01 {
  background: url(../effective/images/test01.png) no-repeat;
  background-position: right;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_02 {
  background: url(../effective/images/test02.png) no-repeat;
  background-position: left;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_03 {
  background: url(../effective/images/test03.png) no-repeat;
  background-position: right;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_01 .text,
#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_02 .text,
#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_03 .text {
  width: 60%;
  padding: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_02 .text {
  float: right;
}

#rebuilding .service_frame .service_frame_inner .box_def_other {
  border: 3px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_def_other dt {
  font-weight: bold;
  font-size: 120%;
}

#rebuilding .service_frame .service_frame_inner .box_three {
  margin-top: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_three .ttl {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
  color: #999;
}

#rebuilding .service_frame .service_frame_inner .box_three div {
  background: #f3f7f8;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  padding: 30px 0;
  margin-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_three .bt_improvement {
  background: #f3f7f8;
  color: #278f9a;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_valueassessment {
  background: #fff;
  border: 1px solid #8caf6b;
  padding: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_valueassessment dt {
  font-size: 130%;
  font-weight: bold;
  border-bottom: 1px solid #8caf6b;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .arrow {
  text-align: center;
  padding: 20px 0;
  width: 100%;
  margin: 0 auto;
  display: block;
}

#rebuilding .service_frame .service_frame_inner .box_def .arrow img {
  width: 20px;
}

#rebuilding .salebtn {
  margin-top: 40px;
  text-align: center;
}

#rebuilding .salebtn a {
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#rebuilding .salebtn a:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#rebuilding .salebtn img {
  width: auto;
}

#rebuilding .valueuptype {
  margin-bottom: 465px;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}

#rebuilding .valueuptype li {
  width: 49%;
  text-align: justify;
  background: #f6f8f3;
  margin-top: 20px;
  border: 1px solid #c0d6aa;
  padding: 10px 10px 80px 10px;
  position: relative;
  list-style: none;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li {
    width: 100%;
    padding: 10px 10px 50px 10px;
  }
}

#rebuilding .valueuptype li.height-medium {
  height: 176px;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li.height-medium {
    height: auto;
  }
}

#rebuilding .valueuptype li.height-large {
  height: 245px;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li.height-large {
    height: auto;
  }
}

#rebuilding .valueuptype li:nth-child(odd) {
  float: left;
}

#rebuilding .valueuptype li:nth-child(even) {
  float: right;
}

#rebuilding .valueuptype li .ttl {
  font-weight: bold;
  font-size: 150%;
  color: #599b20;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li .ttl {
    font-weight: normal;
    font-size: 100%;
    color: #333;
  }
}

#rebuilding .valueuptype li .btn {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 20px;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li .btn {
    text-align: left;
  }
}

#rebuilding .valueuptype li a {
  color: #fff;
  text-decoration: none;
  font-size: 90%;
  background: #599b20;
  text-decoration: none;
  padding: 10px 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li a {
    color: #599b20;
    text-decoration: none;
    font-size: 120%;
    background: unset;
    text-decoration: none;
    padding: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-bottom: 1px solid #599b20;
  }
}

#rebuilding .valueuptype li a:hover {
  text-decoration: none;
  background: #8caf6b;
}

#rebuilding .valueuptype li a:before {
  content: '>';
  color: #fff;
}

@media screen and (max-width: 1023px) {
  #rebuilding .valueuptype li a:before {
    display: none;
  }
}

#rebuilding .reconstruction_select {
  border-bottom: 5px solid #ccc;
  padding-bottom: 60px;
}

#rebuilding .reconstruction_select li {
  width: 49%;
  background: #eee;
  list-style: none;
}

@media screen and (max-width: 1023px) {
  #rebuilding .reconstruction_select li {
    width: 100%;
  }
}

#rebuilding .reconstruction_select li:nth-child(odd) {
  float: left;
}

#rebuilding .reconstruction_select li:nth-child(even) {
  float: right;
}

#rebuilding .reconstruction_select li img {
  padding: 30px 0;
}

#rebuilding .reconstruction_select li p {
  padding: 20px;
  text-align: justify;
  border-top: 1px solid #ccc;
}

#rebuilding .reconstruction_select li .btn_area {
  padding: 0 20px 20px 20px;
}

#rebuilding .reconstruction_select li .btn_area a {
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .reconstruction_select li:nth-child(odd) .btn_area a {
  background: url(/biz/common/images/arrow_d_w.png) no-repeat #599b20;
  background-position: right 20px top 50%;
}

#rebuilding .reconstruction_select li:nth-child(odd) .btn_area a:hover {
  background: url(/biz/common/images/arrow_d_w.png) no-repeat #8caf6b;
  background-position: right 20px top 50%;
}

#rebuilding .reconstruction_select li:nth-child(even) .btn_area a {
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #599b20;
  background-position: right 20px top 50%;
}

#rebuilding .reconstruction_select li:nth-child(even) .btn_area a:hover {
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #8caf6b;
  background-position: right 20px top 50%;
}

#rebuilding .btn_area > .far.fa-chevron-down,
#rebuilding .btn_area > .far.fa-chevron-right {
  position: relative;
  left: 90%;
  bottom: 10px;
  top: -50px;
}

#rebuilding .WpService_detail_detail h1 {
  margin: 0;
  padding: 0;
}

#rebuilding .WpService_detail_detail .ValueupArea {
  padding: 20px 0 0 0;
}

#rebuilding .WpService_detail_detail .ValueupArea .box_sb_2col li {
  float: left;
  width: 50%;
  padding: 10px;
}

#rebuilding .WpService_detail_detail .ValueupArea .box_sb_3col li {
  float: left;
  width: 33.3333%;
  padding: 10px;
}

#rebuilding .WpService_detail_detail .ValueupArea .kome {
  color: #599b20;
}

#rebuilding .WpService_detail_detail .ValueupArea .caption {
  display: block;
  font-size: 90%;
  margin-top: 1em;
}

#rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl p, #rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl h1 {
  font-weight: normal;
  font-size: 100%;
  color: #fff;
  margin-top: -20px;
  margin-bottom: -40px;
  background: #728ebe;
  padding: 10px 20px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl span, #rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl h1 {
  font-size: 180%;
  display: block;
  color: #fff;
  font-weight: bold;
}

#rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl h1 {
  margin-top: 20px;
}

#rebuilding .WpService_detail_detail .InheritanceArea {
  padding: 20px 0 0 0;
}

#rebuilding .WpService_detail_detail .InheritanceArea .kome {
  color: #3f5f86;
  font-weight: normal;
}

#rebuilding .WpService_detail_detail .InheritanceArea .marker {
  color: #3f5f86;
  font-size: 170%;
}

#rebuilding .WpService_detail_detail .InheritanceArea .taxsave_ol {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .taxsave_ol span {
  color: #cd5050;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point {
  background: #f6f7fb;
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point h5, #rebuilding .WpService_detail_detail .InheritanceArea .six_point h3 {
  font-weight: bold;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point h3 {
  background: none;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point ul {
  background: #abbad1;
  border: 3px solid #f6f7fb;
  padding: 14px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point li {
  padding: 14px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .long li:nth-child(even) {
  width: 49%;
  background: #fff;
  float: left;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .long li:nth-child(odd) {
  width: 49%;
  background: #fff;
  float: right;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .short {
  width: 50%;
  float: left;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point ul li {
  background: #fff;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .cat {
  font-weight: bold;
  font-size: 100%;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  background: #3f5f86;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point li .ttl {
  color: #3f5f86;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .effective_frame .area dt {
  width: 100%;
  background: #d5b9df;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
}

#rebuilding .effective_frame .area dd {
  width: 100%;
  background: #f9f7fc;
  padding: 10px 0;
  text-align: center;
}

#rebuilding .effective_frame .marker {
  font-size: 110%;
  margin-right: 20px;
  display: inline-block;
}

#rebuilding .service_frame .point_list_p {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 20px;
}

#rebuilding .service_frame .point_list {
  float: left;
  margin-bottom: 1px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}

#rebuilding .service_frame .point_list:nth-child(odd) {
  width: 40%;
  padding-right: 4px;
}

#rebuilding .service_frame .point_list:nth-child(even) {
  width: 60%;
  padding-left: 4px;
}

#rebuilding .service_frame .point_list .text {
  padding: 10px 20px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#rebuilding .service_frame .point_list .ttl {
  width: 100%;
  vertical-align: middle;
  padding: 10px 0 !important;
  font-weight: bold;
  text-align: center;
  background: #d5b9df;
  border: 1px solid #ccc;
  border-bottom: none;
}

#rebuilding .service_frame .point_list .text {
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
}

#rebuilding .service_frame .point_list .text a {
  color: #fff;
  background: #734f8d;
  padding: 6px 10px;
  text-decoration: none;
}

#rebuilding .service_frame .point_list .text a:hover {
  background: #9980a8;
}

#rebuilding .effective_frame .merit_list {
  width: 100%;
}

#rebuilding .effective_frame .merit_list p {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#rebuilding .effective_frame .merit_list p:before {
  content: '●';
}

#rebuilding .effective_frame .condition_list li {
  float: left;
  width: 50%;
  padding: 2px;
}

#rebuilding .effective_frame .condition_list li p {
  background: #f9f7fc;
  padding: 4px 10px;
  color: #734f8d;
  font-weight: bold;
  border: 1px solid #d5b9df;
  text-indent: -2em;
  padding-left: 3em;
}

#rebuilding .effective_frame .condition_list li p:before {
  content: url(../effective/images/icon_check.png);
  top: 4px;
  position: relative;
}

#rebuilding .management_kaso {
  padding-top: 20px;
}

#rebuilding .management_kaso .management_kaso_large_ttl p, #rebuilding .management_kaso .management_kaso_large_ttl h1 {
  font-weight: normal;
  font-size: 100%;
  color: #fff;
  margin-top: -20px;
  margin-bottom: -40px;
  background: #66ac90;
  padding: 10px 20px;
}

#rebuilding .management_kaso .management_kaso_large_ttl p span, #rebuilding .management_kaso .management_kaso_large_ttl h1 {
  font-size: 180%;
  display: block;
  color: #fff;
  font-weight: bold;
}

#rebuilding .MainArea.management_kaso .management_kaso_large_ttl h1 {
  margin-top: 20px !important;
}

#rebuilding .management_kaso_ttl {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .management_frame .management_frame_onl {
  background: #f3f7f6;
  border: 1px solid #b4d9ca;
  padding: 20px;
  margin-bottom: 20px;
}

#rebuilding .management_frame .management_frame_onl dt {
  font-weight: bold;
  font-size: 120%;
  color: #358b7e;
  padding-bottom: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b4d9ca;
}

#rebuilding .burden {
  background: #eee;
  padding-bottom: 16px;
  margin-bottom: 20px;
}

#rebuilding .burden > p {
  color: #4a6d89;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  font-size: 150%;
}

#rebuilding .burden ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
}

#rebuilding .burden ul li {
  display: table-cell;
  background: #89a0b2;
  text-align: center;
  vertical-align: middle;
  width: 33.3333%;
  color: #fff;
  padding: 14px;
  font-weight: bold;
  font-size: 150%;
}

#rebuilding .burden ul li .caption {
  font-weight: normal;
  color: #fff;
  font-size: 60%;
  text-align: justify;
}

#rebuilding .conditions {
  margin-bottom: 40px;
}

#rebuilding .conditions p {
  font-size: 120%;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

#rebuilding .conditions dl {
  display: table;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#rebuilding .conditions dl:last-child {
  margin-top: -1px;
}

#rebuilding .conditions dt {
  display: table-cell;
  width: 14%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 14px;
  vertical-align: middle;
  background: #f7f7f7;
}

#rebuilding .conditions dd {
  display: table-cell;
  width: 86%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 14px;
  vertical-align: middle;
}

#rebuilding .management_inner_ttl {
  font-size: 180%;
  text-align: center;
  color: #4a6e88;
  border-top: 2px solid #89a0b2;
  border-bottom: 2px solid #89a0b2;
  padding: 20px 0;
}

#rebuilding .btn_mt p {
  font-size: 120%;
}

#rebuilding .btntype_triple a {
  border: 2px solid #66ac90;
  color: #fff;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #66ac90;
  background-position: right 20px top 50%;
}

#rebuilding .btntype_triple a:hover {
  border: 2px solid #66ac90;
  color: #358b7e;
  background: url(/biz/common/images/arrow_r_g.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .bb_column4 {
  background: #fff;
  margin-bottom: 0px;
}

#rebuilding .bb_column4 .cell {
  background: #66ac90;
  color: #fff;
  padding: 20px;
  margin-bottom: 10px;
  text-align: left;
}

#rebuilding .bb_column4 .cell .ttl {
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  color: #fff;
  margin: 0 0 20px 0;
}

#rebuilding p.subTtl {
  margin-bottom: 20px;
}

#rebuilding ul.bnrArea {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#rebuilding ul.bnrArea li {
  float: left;
  margin-right: 5px;
}

#rebuilding ul.bnrArea li:last-child {
  margin-right: 0;
}

#rebuilding .management_kaso .management_faq_large_ttl p, #rebuilding .management_kaso .management_faq_large_ttl h2 {
  font-weight: normal;
  font-size: 100%;
  color: #fff;
  margin-top: -20px;
  margin-bottom: 20px;
  background: #4a6e89;
  padding: 10px 20px;
}

#rebuilding .management_kaso .management_faq_large_ttl p span, #rebuilding .management_kaso .management_faq_large_ttl h2 {
  font-size: 150%;
  line-height: 1;
  display: block;
  color: #fff;
}

#rebuilding .management_kaso .management_faq_large_ttl h2 {
  border-bottom: none;
  margin-bottom: 0;
}

#rebuilding .faq_ttl {
  padding: 10px 0;
  border-top: 1px solid #89a0b2;
  border-bottom: 1px solid #89a0b2;
  margin-bottom: 20px;
  position: relative;
  display: table;
  width: 100%;
}

#rebuilding .faq_ttl .ttl {
  width: 70%;
  margin: 0 auto;
  font-size: 130%;
  color: #4a6d89;
  text-align: center;
  line-height: 1.2em;
}

#rebuilding .faq_cttl {
  font-size: 22px;
  line-height: 22px;
  border-left: 6px solid #4a6e89;
  padding-left: 20px;
  margin-bottom: 30px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_category_frame {
  background-color: #dae4ec;
  padding: 20px;
  margin-bottom: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_category_frame ul {
  letter-spacing: -0.5em;
  margin: -1.25%;
}

#rebuilding .faq_category_frame ul li {
  width: 47.5%;
  margin: 1.25%;
  background-color: #FFF;
  display: inline-block;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  padding: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

#rebuilding .faq_category_frame ul li:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 14px;
  height: 8px;
  background: url(/biz/common/images/arrow_d_bl.png) no-repeat;
  background-size: cover;
}

#rebuilding .faq_qa_list {
  margin-bottom: 60px;
}

#rebuilding .faq_qa_box {
  margin-bottom: 10px;
  border: 1px solid #cad4dd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_qa_box.on {
  margin-bottom: 30px;
}

#rebuilding .faq_qa_box .questionTtl {
  background-color: #CAD4DD;
  font-size: 14px;
  line-height: 14px;
  padding: 14px 49px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

#rebuilding .faq_qa_box .questionTtl:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 14px;
  height: 8px;
  background: url(/biz/common/images/arrow_d_bl.png) no-repeat;
  background-size: cover;
}

#rebuilding .faq_qa_box .questionTtl p.ttl {
  position: relative;
}

#rebuilding .faq_qa_box .questionTtl p.ttl:before {
  content: 'Q';
  background: #FFF;
  color: #4a6e89;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -1px;
  left: -36px;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 3px 4px 5px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 9px;
}

#rebuilding .faq_qa_box .answerText {
  display: none;
  padding: 20px 17px 20px 49px;
  font-size: 12px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_qa_box.on .answerText {
  display: block;
}

#rebuilding .faq_qa_box .answerText p {
  position: relative;
}

#rebuilding .faq_qa_box .answerText p:before {
  content: 'A';
  position: absolute;
  background: #FFF;
  color: #4a6e89;
  width: 25px;
  height: 25px;
  top: -1px;
  left: -36px;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 3px 4px 5px;
  border: 1px solid #4a6e89;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 9px;
}

#rebuilding .assessment_frame .box_onestop {
  margin: -1px 0 0 0;
}

#rebuilding .assessment_frame .box_onestop .s strong {
  width: 180px;
  display: inline-block;
}

#rebuilding .assessment_frame .box_onestop .l strong {
  width: 600px;
  display: inline-block;
}

#rebuilding .anc_base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  #rebuilding .anc_base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#rebuilding .far.fa-chevron-down {
  position: relative;
  font-family: "Font Awesome 5 pro";
  font-size: 20px;
  color: #fff;
  top: 15px;
}

#rebuilding .far.fa-chevron-down.__sp {
  display: none;
}

@media screen and (max-width: 1023px) {
  #rebuilding .far.fa-chevron-down.__sp {
    display: block;
  }
}

#rebuilding .far.fa-chevron-right {
  position: relative;
  bottom: 35%;
  left: 45%;
  font-family: "Font Awesome 5 pro";
  font-size: 20px;
  color: #fff;
  display: block;
}

@media screen and (max-width: 1023px) {
  #rebuilding .far.fa-chevron-right {
    display: inline-block;
    bottom: 40px;
  }
}

#rebuilding .far.fa-chevron-right.__pc {
  display: block;
}

@media screen and (max-width: 1023px) {
  #rebuilding .far.fa-chevron-right.__pc {
    display: none;
  }
}

#rebuilding .anc_base a {
  color: #fff;
  padding: 13px 10px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 120%;
  position: relative;
  display: block;
  vertical-align: middle;
  width: 33.3333%;
  margin: 0 0.5% 0;
}

@media screen and (max-width: 1023px) {
  #rebuilding .anc_base a {
    width: 100%;
    margin: 3% 0 3% 0;
  }
}

#rebuilding .anc_reconstruction .mds {
  font-weight: bold;
  font-size: 400%;
  color: #f00;
  display: block;
}

#rebuilding .anc_reconstruction .sub_mds {
  font-weight: normal;
  font-size: 80%;
  margin-bottom: 30px;
}

#rebuilding .supprt {
  display: table;
  border: 1px solid #eee;
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .supprt dt {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 30%;
  font-weight: bold;
  background: #d9d89a;
  padding: 10px 20px;
  font-size: 110%;
}

#rebuilding .supprt dd {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 70%;
  background: #fff;
  padding: 10px 20px;
}

#rebuilding .supprt_100 {
  display: table;
  border: 1px solid #eee;
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .supprt_100 dt {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  background: #d9d89a;
  padding: 10px 20px;
  font-size: 110%;
}

#rebuilding .supprt_100 dd {
  width: 0%;
}

#rebuilding .btntype_triple {
  margin: -20px 0 60px 0;
}

#rebuilding .other_service {
  margin-top: -20px;
}

#rebuilding .other_service .ttl {
  background: #999;
  border: 2px solid #fff;
  font-size: 120%;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #fff;
}

#rebuilding .other_service .other_service_list a {
  float: left;
  width: 20%;
  border: 2px solid #fff;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .other_service .other_service_list a p {
  color: #fff;
  font-size: 130%;
}

#rebuilding .other_service .other_service_list a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#rebuilding .other_service .other_service_list .inheritance {
  background: #728ebe;
}

#rebuilding .other_service .other_service_list .effective {
  background: #9980a8;
}

#rebuilding .other_service .other_service_list .management {
  background: #66ac90;
}

#rebuilding .other_service .other_service_list .improvement {
  background: #70acb4;
}

#rebuilding .other_service .other_service_list .reconstruction {
  background: #8caf6b;
}

#rebuilding .other_service .other_service_list .assessment {
  background: #b1af5c;
}

#rebuilding .casestudy {
  margin-top: -20px;
  padding: 20px 20px 10px 20px;
}

#rebuilding .casestudy .ttl {
  font-size: 130%;
  padding: 10px 20px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
}

#rebuilding .casestudy_effective {
  background: #f9f7fc;
  border: 2px solid #d5b9df;
}

#rebuilding .casestudy_effective .ttl {
  background: #d5b9df;
  color: #734f8d;
}

#rebuilding .casestudy_inheritance {
  background: #f6f7fb;
  border: 2px solid #abbad1;
}

#rebuilding .casestudy_inheritance .ttl {
  background: #abbad1;
  color: #3f5f86;
}

#rebuilding .casestudy_improvement {
  background: #f3f7f8;
  border: 2px solid #a5ccd2;
}

#rebuilding .casestudy_improvement .ttl {
  background: #a5ccd2;
  color: #278f9a;
}

#rebuilding .casestudy_reconstruction {
  background: #f6f8f3;
  border: 2px solid #c0d6aa;
}

#rebuilding .casestudy_reconstruction .ttl {
  background: #c0d6aa;
  color: #599b20;
}

#rebuilding .casestudy_assessment {
  background: #fafaf0;
  border: 2px solid #d9d89a;
}

#rebuilding .casestudy_assessment .ttl {
  background: #d9d89a;
  color: #96923b;
}

#rebuilding .casestudy_management {
  background: #f3f7f6;
  border: 2px solid #b4d9ca;
}

#rebuilding .casestudy_management .ttl {
  background: #b4d9ca;
  color: #358b7e;
}

#rebuilding .casestudy a {
  display: block;
  text-decoration: none;
  border: 2px solid #ccc;
  padding: 20px;
  margin-bottom: 10px;
  background: url(/biz/common/images/arrow_r_g_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .casestudy a .inner {
  display: table;
}

#rebuilding .casestudy a .inner .ph {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

#rebuilding .casestudy a .inner .text {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
  padding: 0 80px 0 20px;
}

#rebuilding .casestudy a:hover {
  background: url(/biz/common/images/arrow_r_g_b.png) no-repeat #eee;
  background-position: right 20px top 50%;
}

#rebuilding .casestudy a .inner .text dt {
  font-size: 120%;
  display: block;
  margin-bottom: 10px;
  color: #4a6e89;
  font-weight: bold;
}

#rebuilding .WpService_detail .MainArea h3 {
  margin-bottom: -40px;
}

#rebuilding .WpService_detail .date {
  color: #666;
  font-size: 80%;
  display: block;
  text-align: right;
}

#rebuilding .WpService_detail .nayami .nayami_list {
  background: url(/biz/common/images/slanting_ab.png);
  padding: 20px;
}

@media screen and (min-width: 1001px) {
  #rebuilding .WpService_detail .nayami .nayami_list li {
    width: 33.3333%;
    float: left;
    padding: 0 5px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1000px) {
  #rebuilding .WpService_detail .nayami .nayami_list li {
    width: 48.6%;
    float: left;
    padding: 0 4px;
    margin-bottom: 20px;
  }
}

#rebuilding .WpService_detail .nayami .nayami_list li p {
  width: 100%;
  display: block;
  font-size: 120%;
  color: #4278a2;
  letter-spacing: 0;
}

#rebuilding .WpService_detail .nayami .square {
  text-align: center;
  margin: 20px 0;
}

#rebuilding .WpService_detail .nayami .square img {
  width: 84px;
}

#rebuilding .WpService_detail .nayami .comment {
  padding: 30px 30px 2px;
}

#rebuilding .WpService_detail .nayami .comment > p {
  margin-bottom: 20px;
  font-size: 130%;
}

#rebuilding .WpService_detail .nayami .comment .column3,
#rebuilding .WpService_detail .nayami .comment .column4 {
  display: table;
  width: 100%;
}

#rebuilding .WpService_detail .nayami .comment .column3 li,
#rebuilding .WpService_detail .nayami .comment .column4 li {
  min-height: 200px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: #fff;
  padding: 20px 20px;
}

#rebuilding .WpService_detail .nayami .comment .column3 li {
  width: 33.333%;
}

#rebuilding .WpService_detail .nayami .comment .column4 li {
  width: 25%;
}

#rebuilding .WpService_detail .nayami .comment_expenditure {
  background: #dcd0e6;
}

#rebuilding .WpService_detail .nayami .comment_expenditure .column3 li {
  border: 4px solid #dcd0e6;
}

#rebuilding .WpService_detail .nayami .comment_buildingplan {
  background: #c0daee;
}

#rebuilding .WpService_detail .nayami .comment_buildingplan .column3 li {
  border: 4px solid #c0daee;
}

#rebuilding .WpService_detail .nayami .comment_sublease {
  background: #fcdbc6;
}

#rebuilding .WpService_detail .nayami .comment_sublease .column3 li {
  border: 4px solid #fcdbc6;
}

#rebuilding .WpService_detail .nayami .comment_triplesupport {
  background: #d2e7c6;
}

#rebuilding .WpService_detail .nayami .comment_triplesupport .column3 li {
  border: 4px solid #d2e7c6;
}

#rebuilding .WpService_detail .nayami .comment_triplesupport p:nth-child(2) {
  font-size: 100%;
}

#rebuilding .WpService_detail .nayami .comment_diagnosis {
  background: #f7daf7;
}

#rebuilding .WpService_detail .nayami .comment_diagnosis .column4 li {
  border: 4px solid #f7daf7;
}

#rebuilding .WpService_detail .point .box {
  margin-bottom: 40px;
}

#rebuilding .WpService_detail .point_ttl {
  display: table;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail .point_ttl span {
  display: table-cell;
  vertical-align: middle;
}

#rebuilding .WpService_detail .point_ttl p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 200%;
  color: #333;
}

#rebuilding .WpService_detail .point_ttl span img {
  width: 100%;
}

#rebuilding .WpService_detail .expenditure_point .box .point_ttl .point {
  background: #dcd0e6;
}

#rebuilding .WpService_detail .buildingplan_point .box .point_ttl .point {
  background: #c0daee;
}

#rebuilding .WpService_detail .sublease_point .box .point_ttl .point {
  background: #fcdbc6;
}

#rebuilding .WpService_detail .repair_point .box .point_ttl .point {
  background: #daf5ed;
}

#rebuilding .WpService_detail .article .box .point_ttl .point {
  background: #dcc2b5;
}

#rebuilding .WpService_detail .triplesupport_point .box .point_ttl .point {
  background: #d2e7c6;
}

#rebuilding .WpService_detail .diagnosis_point .box .point_ttl .point {
  background: #f7daf7;
}

#rebuilding .WpService_detail .point .box > p {
  margin-bottom: 30px;
}

#rebuilding .WpService_detail .point .box ul {
  margin-bottom: 30px;
}

#rebuilding .WpService_detail .point .box li a {
  text-align: left;
  text-decoration: underline;
  width: 100%;
  display: block;
  margin-top: 10px;
  font-size: 90%;
  letter-spacing: 0;
}

#rebuilding .WpService_detail .point .box li a:hover {
  text-decoration: none;
}

#rebuilding .WpService_detail .expenditure_point h5 {
  border-bottom: 2px solid #dcd0e6;
}

#rebuilding .WpService_detail .expenditure_point h5 span {
  color: #b09ac3;
}

#rebuilding .WpService_detail .expenditure_plot_point .text,
#rebuilding .WpService_detail .expenditure_report_point .text {
  float: left;
  width: 70%;
}

#rebuilding .WpService_detail .expenditure_plot_point .ph,
#rebuilding .WpService_detail .expenditure_report_point .ph {
  float: right;
  width: 25%;
}

#rebuilding .WpService_detail .expenditure_solution_point dl {
  margin-bottom: 40px;
}

#rebuilding .WpService_detail .expenditure_solution_point dt {
  font-size: 130%;
  display: block;
  margin-bottom: 10px;
  border-left: 3px solid #333;
  padding-left: 10px;
}

#rebuilding .WpService_detail .expenditure_solution_point dt span {
  color: #d00000;
  font-size: 70%;
  display: block;
}

#rebuilding .expenditure_marketing_box dl {
  margin-bottom: 40px;
}

#rebuilding .expenditure_marketing_box dt {
  font-size: 120%;
  color: #97c3e4;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .buildingplan_point h5 {
  border-bottom: 2px solid #97c3e4;
}

#rebuilding .WpService_detail .buildingplan_point h5 span {
  color: #97c3e4;
}

#rebuilding .WpService_detail .sl_contents {
  margin-bottom: 80px;
}

#rebuilding .WpService_detail .sl_contents .sl_ttl {
  font-size: 150%;
  padding: 20px 0;
  margin-bottom: 20px;
  background: #f7f7f7;
  padding-left: 20px;
  border-top: 1px solid #ccc;
}

#rebuilding .WpService_detail .sl_contents .sl_inner .text {
  float: left;
  width: 62%;
}

#rebuilding .WpService_detail .sl_contents .sl_inner .ph {
  float: right;
  width: 34%;
}

#rebuilding .WpService_detail .sl_contents .conditions {
  border: 2px solid #fcdbc6;
  padding: 10px 20px;
  margin: 40px 0;
}

#rebuilding .WpService_detail .sl_contents .conditions .ttl {
  border-bottom: 2px solid #fcdbc6;
  color: #df8e5b;
  font-size: 120%;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl dl {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl dt {
  float: left;
  width: 30%;
  color: #df8e5b;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl dd {
  float: right;
  width: 70%;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dl {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dt {
  float: left;
  width: 5%;
  color: #df8e5b;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dd {
  float: right;
  width: 95%;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dd span {
  font-weight: bold;
}

#rebuilding .WpService_detail .sl_contents .conditions .tkbt {
  font-weight: bold;
  color: #f00;
}

#rebuilding .other_box {
  padding: 20px 30px;
  background: #f7f7f7;
  margin-top: -10px;
}

#rebuilding .other_box > p {
  margin-bottom: 0 !important;
}

#rebuilding .other_box .other_ttl {
  border-bottom: 1px solid #ccc;
  font-size: 130%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#rebuilding .DiagnosisArea .main_ttl img {
  margin-bottom: 20px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list {
  background: #f7f7f7;
  display: table;
  padding: 10px 0;
  width: 100%;
  margin-top: 20px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0px 10px;
  width: 33.3333%;
  position: relative;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li .icon {
  position: absolute;
  top: -20px;
  left: -5px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a {
  display: block;
  padding: 20px 10px;
  font-size: 140%;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #a56ba5;
  background: url(/biz/common/images/arrow_d_w.png) bottom no-repeat #a56ba5;
  padding-bottom: 20px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a:hover {
  background: url(/biz/common/images/arrow_d_pi.png) bottom no-repeat #fff;
  border: 2px solid #a56ba5;
  color: #a56ba5;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a .sub_mds {
  display: block;
  font-size: 70%;
  font-weight: normal;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a .sub_mds:hover {
  color: #a56ba5;
}

#rebuilding .DiagnosisArea .spc {
  color: #a56ba5;
  font-size: 140%;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#rebuilding .DiagnosisArea .box .ph {
  margin: 40px 0;
}

#rebuilding .DiagnosisArea .box .merritt {
  margin-bottom: 20px;
}

#rebuilding .DiagnosisArea .box .merritt .ttl {
  color: #a56ba5;
  font-size: 120%;
  margin-bottom: 4px;
}

#rebuilding .DiagnosisArea .box .merritt ul {
  background: #f7daf7;
  padding: 20px;
}

#rebuilding .DiagnosisArea .box .merritt li:before {
  content: "■";
  color: #a56ba5;
  margin-right: 10px;
}

#rebuilding .DiagnosisArea .type > .ttl {
  color: #a56ba5;
  font-size: 120%;
  margin-bottom: 4px;
}

#rebuilding .DiagnosisArea .type_list {
  background: #f7daf7;
  padding: 10px;
}

#rebuilding .DiagnosisArea .type_list .cell {
  width: 50%;
  float: left;
}

#rebuilding .DiagnosisArea .type_list .cell .ttl {
  color: #a56ba5;
  font-size: 150%;
}

#rebuilding .DiagnosisArea .type_list a {
  text-decoration: none;
  color: #f00;
  display: block;
  padding: 10px 40px 10px 10px;
  margin: 4px;
  border: 2px solid #fff;
  background: url(/biz/common/images/arrow_r_pi.png) no-repeat #fff;
  background-position: right 20px top 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .DiagnosisArea .type_list a:hover {
  display: block;
  border: 2px solid #a56ba5;
  color: #fff;
  background: url(/biz/common/images/arrow_r_pi.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .DiagnosisArea .topics {
  border-top: 2px solid #a56ba5;
  border-bottom: 2px solid #a56ba5;
  padding: 2px 0;
}

#rebuilding .DiagnosisArea .topics .inner {
  border-top: 1px solid #a56ba5;
  border-bottom: 1px solid #a56ba5;
  padding: 20px 0;
}

#rebuilding .DiagnosisArea .topics .inner dl {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}

#rebuilding .DiagnosisArea .topics .inner dt {
  display: table-cell;
  vertical-align: middle;
  width: 10%;
}

#rebuilding .DiagnosisArea .topics .inner dt img {
  width: 100%;
}

#rebuilding .DiagnosisArea .topics .inner dd {
  display: table-cell;
  vertical-align: middle;
  width: 90%;
  padding-left: 20px;
}

#rebuilding .DiagnosisArea .topics .inner dd .ttl {
  font-size: 120%;
  color: #a56ba5;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea h3 {
  margin-bottom: -40px;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .ph {
  margin-bottom: 20px;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .bb_list {
  padding-left: 20px;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .bb_list li {
  list-style-type: square;
  margin-bottom: 4px;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .bb_list li .bl {
  color: #4278a2;
  font-weight: bold;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .bb_list li .re {
  color: #cd5050;
  font-weight: bold;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .bb_column4 .cell {
  background: #fff;
  border: 1px solid #4278a2;
  padding: 20px 12px;
  text-align: left;
}

#rebuilding .WpService_detail_buildingbusiness .MainArea .bb_column4 .cell .ttl {
  text-align: center;
  color: #4278a2;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail_units .resolution dl {
  width: 100%;
  display: table;
  border: 1px solid #eee;
  padding: 20px 0;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail_units .resolution dt {
  width: 10%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 300%;
  color: #66ac90;
}

#rebuilding .WpService_detail_units .resolution dd {
  width: 90%;
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}

#rebuilding .WpService_detail_units .resolution dd p {
  font-size: 100%;
}

#rebuilding .WpService_detail_units .resolution dd .ttl {
  font-size: 130%;
  color: #358b7e;
}

#rebuilding .WpService_detail_units .resolution .cap {
  display: block;
  font-size: 90%;
  margin-top: 10px;
}

#rebuilding .WpService_detail_units .resolution .date {
  display: block;
  text-align: right;
  font-size: 80%;
}

#rebuilding .WpService_detail_units .resolution .images {
  margin-bottom: 100px;
}

#rebuilding .WpService_detail_units .flow dl {
  width: 100%;
  display: table;
}

#rebuilding .WpService_detail_units .flow dt {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
  border: 2px solid #b4d9ca;
  background: #b4d9ca;
  font-size: 120%;
}

#rebuilding .WpService_detail_units .flow dd {
  width: 70%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 20px;
  border: 2px solid #b4d9ca;
}

#rebuilding .WpService_detail_units .flow dd .cap {
  font-size: 90%;
  display: block;
}

#rebuilding .WpService_detail_units .flow .arrow {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

#rebuilding .WpService_detail_units .flow .arrow img {
  width: 16px;
}

#rebuilding .WpService_detail_units .futer .futer_box {
  width: 49%;
  border: 2px solid #b4d9ca;
  padding: 20px;
}

#rebuilding .WpService_detail_units .futer .futer_box:nth-child(1) {
  float: left;
}

#rebuilding .WpService_detail_units .futer .futer_box:nth-child(2) {
  float: right;
}

#rebuilding .WpService_detail_units .futer .futer_box .ttl {
  font-size: 130%;
  margin-bottom: 10px;
  font-weight: bold;
  color: #358b7e;
}

#rebuilding .WpService_detail_inheritance .MainArea h3 {
  margin-bottom: -40px;
}

#rebuilding .WpService_detail_inheritance .spc {
  color: #235790;
  font-size: 160%;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#rebuilding .WpService_detail_inheritance .box .text {
  float: left;
  width: 58%;
}

#rebuilding .WpService_detail_inheritance .box .text .cap,
#rebuilding .WpService_detail_inheritance .box_long .text .cap {
  display: block;
  font-size: 80%;
  margin-top: 10px;
}

#rebuilding .WpService_detail_inheritance .box .ph {
  float: right;
  width: 39%;
}

#rebuilding .WpService_detail_inheritance .box_long .text {
  width: 100%;
}

#rebuilding .WpService_detail_inheritance .inheritance_mds_box {
  margin-top: 40px;
}

#rebuilding .WpService_detail_inheritance .inheritance_mds_box dt {
  color: #235790;
  font-size: 150%;
  display: block;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#rebuilding .ValueupArea .valueup_box {
  border: 1px solid #a56ba5;
  padding: 20px 20px;
}

#rebuilding .ValueupArea .valueup_box dt {
  color: #a56ba5;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .ValueupArea .valueup_box dd {
  padding: 0;
}

#rebuilding .ValueupArea .valueup_box dd li {
  width: 48%;
}

#rebuilding .ValueupArea .cap {
  font-size: 80%;
  display: block;
}

#rebuilding .ValueupArea .valueup_01_box dd li:nth-child(odd) {
  float: left;
}

#rebuilding .ValueupArea .valueup_01_box dd li:nth-child(even) {
  float: right;
}

#rebuilding .ValueupArea .valueup_01_box dd li p {
  font-size: 80%;
  margin-top: 8px;
}

#rebuilding .ValueupArea .valueup_02_text_ph {
  margin-bottom: 20px;
}

#rebuilding .ValueupArea .valueup_02_text_ph .text {
  float: left;
  width: 60%;
}

#rebuilding .ValueupArea .valueup_02_text_ph .ph {
  float: right;
  width: 36%;
}

#rebuilding .ValueupArea .valueup_02_gooddesign_text_ph {
  margin-bottom: 20px;
}

#rebuilding .ValueupArea .valueup_02_gooddesign_text_ph .text {
  float: left;
  width: 75%;
}

#rebuilding .ValueupArea .valueup_02_gooddesign_text_ph .ph {
  float: right;
  width: 20%;
}

#rebuilding .ValueupArea .valueup_02_box dd li:nth-child(odd) {
  float: left;
}

#rebuilding .ValueupArea .valueup_02_box dd li:nth-child(even) {
  float: right;
}

#rebuilding .ValueupArea .valueup_02_box dd li p {
  font-size: 80%;
  margin-top: 8px;
}

#rebuilding .ValueupArea .valueup_03_box dd li:nth-child(odd) {
  float: left;
}

#rebuilding .ValueupArea .valueup_03_box dd li:nth-child(even) {
  float: right;
}

#rebuilding .ValueupArea .valueup_03_box dd li p {
  font-size: 100%;
  margin-top: 8px;
}

#rebuilding .ValueupArea .valueup_03_box dd li p span {
  font-size: 110%;
  display: block;
}

.arrow-icon_wrap {
  width: 60px;
  height: 30px;
  margin: 10% auto 10%;
}

@media screen and (max-width: 1023px) {
  .arrow-icon_wrap {
    margin: 20% auto 20%;
  }
}

#rebuilding {
  /* CSS Document */
  /*====================================

pc / sp

====================================*/
  /*====================================

assets

====================================*/
  /*====================================

resolut

====================================*/
  /*====================================

method

====================================*/
  /*====================================

valueup_sd

====================================*/
  /*====================================

faq

====================================*/
}

#rebuilding .sp {
  display: none;
}

#rebuilding .assets .ttl {
  color: #599b20;
  font-weight: bold;
  font-size: 200%;
  line-height: 1.5em;
  margin-bottom: 20px;
  border-bottom: none;
}

#rebuilding .resolut .ttl {
  font-weight: bold;
  font-size: 240%;
  color: #ca5037;
  border-bottom: none;
}

#rebuilding .resolut > p {
  font-size: 110%;
  margin-bottom: 40px;
}

#rebuilding .resolut .arrow {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

#rebuilding .resolut .arrow img {
  width: 42px;
}

#rebuilding .resolut_inner_01 {
  margin-bottom: 20px;
}

#rebuilding .resolut_inner_01 dt,
#rebuilding .resolut_inner_02 dt {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  color: #8caf6b;
  font-weight: bold;
  font-size: 150%;
}

#rebuilding .resolut_inner_02 .cf .matchHeight {
  list-style: none;
  height: 330px;
}

#rebuilding .resolut_inner_02 .cf .matchHeight::marker {
  font-size: 0px;
}

#rebuilding .service_frame_inner .matchHeight::marker {
  font-size: 0px;
}

#rebuilding .resolut_inner_01 dt strong,
#rebuilding .resolut_inner_02 dt strong {
  color: #599b20;
  font-weight: bold;
  font-size: 200%;
}

#rebuilding .resolut_inner_02 .point {
  margin-bottom: 80px;
}

#rebuilding .resolut_inner_02 .point ul {
  margin-left: -3.3333333%;
  width: 103.3333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1023px) {
  #rebuilding .resolut_inner_02 .point ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#rebuilding .resolut_inner_02 .point li {
  float: left;
  width: 30%;
  border: 1px solid #8caf6b;
  margin-left: 3.3333333%;
}

@media screen and (max-width: 1023px) {
  #rebuilding .resolut_inner_02 .point li {
    width: 100%;
  }
}

#rebuilding .resolut_inner_02 .point li .ttl {
  background: #599b20;
  text-align: center;
  display: table;
  width: 100%;
  min-height: 60px;
}

#rebuilding .resolut_inner_02 .point li .ttl span {
  color: #fff;
  font-size: 50%;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5em;
}

#rebuilding .resolut_inner_02 .point li p {
  padding: 12px 20px;
  padding-left: 2em;
  text-indent: -1em;
  margin-bottom: -1em;
}

#rebuilding .resolut_inner_02 .point li .small {
  font-size: 80%;
  margin-top: -1em;
  display: block;
}

#rebuilding .resolut_inner_02 .point li p:last-child {
  margin-bottom: 0;
}

#rebuilding .method .ttl {
  color: #599b20;
  font-size: 220%;
  font-weight: bold;
  border-left: 5px solid #599b20;
  padding-left: 20px;
  margin-bottom: 20px;
  line-height: 1.5em;
  border-bottom: none;
}

#rebuilding .method p {
  font-size: 110%;
}

#rebuilding .valueup_sd .icon {
  width: 100%;
  text-align: right;
  margin-top: -90px;
  padding-right: 30px;
}

#rebuilding .valueup_sd .icon img {
  width: 108px;
}

#rebuilding .valueup_sd .box_none > p {
  margin-bottom: 40px;
}

#rebuilding .valueup_sd .valueuptype {
  width: 100%;
}

#rebuilding .faq {
  background: #eee;
  padding: 20px;
}

#rebuilding .faq .ttl {
  margin-bottom: 20px;
}

#rebuilding .faq .ttl ul {
  display: table;
}

#rebuilding .faq .ttl li {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 120%;
}

#rebuilding .faq .q {
  background: #8caf6b;
}

#rebuilding .faq .a {
  background: #fff;
  padding: 14px;
}

#rebuilding .faq dl {
  display: table;
  width: 100%;
  padding: 10px;
}

#rebuilding .faq .q dt,
#rebuilding .faq .a dt {
  display: table-cell;
  text-align: center;
  width: 40px;
}

#rebuilding .faq .q dt img,
#rebuilding .faq .a dt img {
  width: 30px;
}

#rebuilding .faq .q dd,
#rebuilding .faq .a dd {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding-left: 14px;
}

#rebuilding .faq .q dt {
  vertical-align: middle;
}

#rebuilding .faq .q dd {
  vertical-align: middle;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
}

#rebuilding .faq .a dt {
  vertical-align: top;
}

#rebuilding .faq .a dd {
  vertical-align: top;
}

#rebuilding .faq .a dd .img01 {
  float: right;
  width: 50%;
  margin-left: -20%;
}

#rebuilding .faq .a dd .img02 {
  float: right;
  width: 40%;
  margin-left: 6%;
}

.box_sb_2col li {
  list-style: none;
  float: left;
  width: 50%;
  padding: 10px;
}

@media screen and (max-width: 1024px) {
  .box_sb_2col li {
    float: left;
    width: 100%;
    padding: 10px;
  }
}

.valueup-wrap .cf:before, .valueup-wrap .cf:after {
  content: "";
  display: table;
}

.valueup-wrap .cf:after {
  clear: both;
}

.back_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px auto 0;
  width: 400px;
  background-color: #CCCCCC;
  height: 50px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .back_btn {
    width: 90%;
    height: 42px;
  }
}

.service_frame .service_frame_inner .box_none .box_sb dt {
  font-size: 130%;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding {
  /*====================================

  Sd_ttl

  ====================================*/
  /*====================================

  サービスメニュー top

  ====================================*/
  /*====================================

  サービスメニュー 下層 common

  ====================================*/
  /*============ 矢印 ============*/
  /*============ このようなお悩みをお持ちの方に ============*/
  /*============ 解決 ============*/
  /*============ フレーム ============*/
  /*============ フレーム / 建物再生 reconstruction ============*/
  /*============ 建物再生 reconstruction / バリューアップ ============*/
  /* reconstruction_select */
  /*============ 相続対策 inheritance / 相続税について ============*/
  /*============ 相続対策 inheritance / 「いま」やっておくべき節税対策 ============*/
  /*============ 有効活用 effective ============*/
  /*============ フレーム / 運営賃貸 management ============*/
  /*============ フレーム / Q&A faq ============*/
  /*============ フレーム / 査定・売買 assessment ============*/
  /*============ アンカー ============*/
  /*============ 今後調整 ============*/
  /*============ その他のサービス ============*/
  /*============ 事例紹介 ============*/
  /*====================================

  WpService_detail

  ====================================*/
  /*==== expenditure_point ====*/
  /*==== expenditure_point / expenditure_plot_point ====*/
  /*==== expenditure_point / expenditure_report_point ====*/
  /*==== expenditure_point / expenditure_solution_point ====*/
  /*==== triplesupport_point ====*/
  /*==== expenditure_marketing_box ====*/
  /*==== sl_contents ====*/
  /*==  area_btn_sl  ===================*/
  /*==== other_box ====*/
  /*====================================

  DiagnosisArea

  ====================================*/
  /*====================================

  WpService_detail_units

  ====================================*/
  /*====================================

  triplesupport

  ====================================*/
  /*====================================

  WpService_detail_inheritance

  ====================================*/
  /*====================================

  ValueupArea

  ====================================*/
  /*========== valueup_01 ==========*/
  /*========== valueup_02 ==========*/
  /*========== valueup_03 ==========*/
  /*========== valueup_04 ==========*/
  /*.qa_list--kachiplus a{
    padding: 0;
  }
  .qa_list--kachiplus .management.cf{
    padding-bottom: 12px;
  }*/
}

#rebuilding .kome {
  font-size: 70%;
}

#rebuilding #Sd_ttl {
  background: url(../images/sd_ttl_bg.png);
  background-size: cover;
}

#rebuilding #Sd_ttl.qa {
  background: url(../management/faq/images/sd_ttl_bg.png);
  background-size: cover;
}

#rebuilding #Sd_ttl h1 {
  color: #fff;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3);
}

#rebuilding .service_list li {
  width: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  float: left;
  padding-bottom: 10px;
  border: 2px solid #fff;
}

#rebuilding .service_list .inheritance {
  background: #728ebe;
}

#rebuilding .service_list .inheritance .img {
  border: 8px solid #728ebe;
}

#rebuilding .service_list .effective {
  background: #9980a8;
}

#rebuilding .service_list .effective .img {
  border: 8px solid #9980a8;
}

#rebuilding .service_list .management {
  background: #66ac90;
}

#rebuilding .service_list .management .img {
  border: 8px solid #66ac90;
}

#rebuilding .service_list .improvement {
  background: #70acb4;
}

#rebuilding .service_list .improvement .img {
  border: 8px solid #70acb4;
}

#rebuilding .service_list .reconstruction {
  background: #8caf6b;
}

#rebuilding .service_list .reconstruction .img {
  border: 8px solid #8caf6b;
}

#rebuilding .service_list .assessment {
  background: #b1af5c;
}

#rebuilding .service_list .assessment .img {
  border: 8px solid #b1af5c;
}

#rebuilding .service_list li a {
  text-decoration: none;
  color: #fff;
  display: block;
}

#rebuilding .service_list a .ttl {
  color: #fff;
  letter-spacing: 0;
  font-size: 140%;
  font-weight: bold;
  padding: 12px 0 4px 14px;
  width: 100%;
  margin-bottom: 8px;
}

#rebuilding .service_list a h2.ttl {
  border-bottom: none !important;
}

#rebuilding .service_list a .img {
  padding: 0 0px;
  width: 100%;
  padding: 14px;
  background: #fff;
}

#rebuilding .service_list a .text {
  color: #fff;
  letter-spacing: 0;
  width: 100%;
  padding: 0 14px;
}

#rebuilding p.subTtl {
  margin-bottom: 20px;
}

#rebuilding ul.bnrArea {
  margin-top: 20px;
}

#rebuilding .service_main_ttl {
  width: 100%;
}

#rebuilding .service_main_ttl .text,
#rebuilding .service_main_ttl .ph {
  padding: 10px;
}

#rebuilding .service_main_ttl .text {
  color: #fff;
  width: 100%;
  font-size: 120%;
}

#rebuilding .service_main_ttl .ph {
  width: 40%;
  text-align: right;
  margin: 0 auto;
  float: right;
  margin-top: -80px;
}

#rebuilding .service_main_ttl .text span, #rebuilding .service_main_ttl .text h1 {
  font-size: 200%;
  font-weight: bold;
  display: block;
  color: #fff;
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
  padding-top: 10px;
}

#rebuilding .service_main_ttl .text h1 {
  margin: 20px 0 0 0 !important;
  padding: 10px 0 0 0 !important;
  background: none  !important;
}

#rebuilding .service_main_improvement {
  background: #70acb4;
  padding-bottom: 20px;
  padding: 10px;
}

#rebuilding .service_main_inheritance {
  background: #728ebe;
  padding-bottom: 20px;
  padding: 10px;
}

#rebuilding .service_main_effective {
  background: #9980a8;
  padding-bottom: 20px;
  padding: 10px;
}

#rebuilding .service_main_management {
  background: #66ac90;
  padding-bottom: 20px;
  padding: 10px;
}

#rebuilding .service_main_reconstruction {
  background: #8caf6b;
  padding-bottom: 20px;
  padding: 10px;
}

#rebuilding .service_main_assessment {
  background: #b1af5c;
  padding-bottom: 20px;
  padding: 10px;
}

#rebuilding .bg_arrow {
  width: 100%;
  text-align: center;
}

#rebuilding .bg_arrow img {
  width: 60px;
  margin: 0 auto;
}

#rebuilding .trouble {
  display: block;
}

#rebuilding .trouble li {
  width: 100%;
  font-size: 110%;
  font-weight: bold;
  list-style: none;
  margin-bottom: 2px;
  background: #fff;
  padding: 14px;
}

#rebuilding .trouble .ttl {
  letter-spacing: 0;
  margin: 0 0 12px 0px;
  color: #fff;
  font-weight: bold;
}

#rebuilding .service_main_improvement .trouble li {
  color: #278f9a;
}

#rebuilding .service_main_inheritance .trouble li {
  color: #3f5f86;
}

#rebuilding .service_main_effective .trouble li {
  color: #734f8d;
}

#rebuilding .service_main_management .trouble li {
  color: #358b7e;
}

#rebuilding .service_main_reconstruction .trouble li {
  color: #599b20;
}

#rebuilding .service_main_assessment .trouble li {
  color: #96923b;
}

#rebuilding .resolution p {
  font-size: 120%;
}

#rebuilding .resolution img {
  margin-bottom: 20px;
}

#rebuilding .service_frame > .ttl {
  width: 100%;
  padding: 10px 20px;
  font-size: 170%;
  font-weight: bold;
  color: #fff !important;
}

#rebuilding .service_frame > h2.ttl {
  border-bottom: none !important;
}

#rebuilding .service_frame .mc {
  padding: 20px 14px 14px 14px;
  font-size: 110%;
}

#rebuilding .improvement_frame {
  border: 2px solid #70acb4;
}

#rebuilding .improvement_frame > .ttl {
  background: #70acb4;
}

#rebuilding .improvement_frame h3 {
  color: #278f9a !important;
  border-bottom: 2px solid #a5ccd2 !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 130%;
}

#rebuilding .improvement_frame h4 {
  font-size: 130%;
  display: block;
  color: #278f9a;
  margin-bottom: 10px;
  border-left: 4px solid #278f9a;
  padding: 0 0 0 10px;
  font-weight: bold;
  margin: 10px 0 20px;
}

#rebuilding .improvement_frame .improvement_frame_nm_ttl {
  font-size: 120%;
  font-weight: bold;
  margin-top: 20px;
}

#rebuilding .inheritance_frame {
  border: 2px solid #728ebe;
}

#rebuilding .inheritance_frame > .ttl {
  background: #728ebe;
}

#rebuilding .inheritance_frame h3 {
  color: #3f5f86 !important;
  border-bottom: 2px solid #abbad1 !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 130%;
}

#rebuilding .management_frame {
  border: 2px solid #66ac90;
}

#rebuilding .management_frame > .ttl {
  background: #66ac90;
}

#rebuilding .management_frame h2 {
  color: #358b7e !important;
  border-bottom: 2px solid #b4d9ca !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 130%;
}

#rebuilding .management_frame h3 {
  font-size: 140%;
  display: block;
  color: #358b7e;
  border-bottom: 2px solid #b4d9ca !important;
  font-weight: bold;
  margin: 10px 0 20px !important;
}

#rebuilding .reconstruction_frame {
  border: 2px solid #8caf6b;
}

#rebuilding .reconstruction_frame > .ttl {
  background: #8caf6b;
}

#rebuilding .reconstruction_frame h3 {
  font-size: 130%;
  display: block;
  color: #599b20;
  margin-bottom: 10px;
  border-left: 4px solid #c0d6aa;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px !important;
}

#rebuilding .reconstruction_frame h3.reconstruction_nh3 {
  font-size: 140%;
  display: block;
  color: #599b20;
  border-left: none !important;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-weight: bold;
  margin: 0 !important;
}

#rebuilding .effective_frame {
  border: 2px solid #9980a8;
}

#rebuilding .effective_frame > .ttl {
  background: #9980a8;
}

#rebuilding .effective_frame h4, #rebuilding .effective_frame h3 {
  color: #734f8d !important;
  border-bottom: 2px solid #d5b9df !important;
}

#rebuilding .assessment_frame {
  border: 2px solid #b1af5c;
}

#rebuilding .assessment_frame > .ttl {
  background: #b1af5c;
}

#rebuilding .assessment_frame h3 {
  color: #96923b !important;
  border-bottom: 2px solid #d9d89a !important;
  margin-bottom: 20px !important;
  font-weight: bold;
  font-size: 130%;
}

#rebuilding .assessment_frame h5, #rebuilding .assessment_frame h4 {
  font-size: 140%;
  display: block;
  color: #96923b;
  margin-bottom: 10px;
  border-left: 4px solid #96923b;
  padding: 0 0 0 20px;
  font-weight: bold;
  margin: 10px 0 20px;
}

#rebuilding .assessment_frame strong {
  font-weight: bold;
}

#rebuilding .service_frame .box_none {
  margin-bottom: 20px;
}

#rebuilding .service_frame .box_none .box_none_ttl {
  color: #3f5f86;
  font-size: 120%;
  font-weight: bold;
}

#rebuilding .service_frame .box_none .box_none_img {
  margin: 20px 0 40px;
}

#rebuilding .service_frame .service_frame_inner {
  padding: 14px 14px 0 14px;
}

#rebuilding .service_frame .service_frame_inner .box_def {
  margin-bottom: 20px;
  background: #eee;
  padding: 14px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb {
  background: #fff;
  border: 1px solid #ccc;
  padding: 14px;
  margin-top: 30px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb dt {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_sb .add dd {
  width: 70%;
  float: right;
  font-size: 80%;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_sb {
  margin-bottom: 20px;
  background: #eee;
  padding: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_sb dl {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_none .box_sb dt {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 {
  display: block;
  background: #fff;
  border: 1px solid #d78989;
  padding: 10px 20px;
  margin: 20px 0;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a {
  color: #cd5050;
  text-decoration: underline;
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a:before {
  content: '>';
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a strong {
  font-weight: bold;
  color: #cd5050;
}

#rebuilding .service_frame .service_frame_inner .link_area_01 a:hover {
  text-decoration: none;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_ph .text {
  width: 100%;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_ph .ph {
  width: 100%;
  background: #fff;
  padding: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_phlong {
  margin-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_phlong .text {
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_text_phlong .ph {
  width: 100%;
  background: #fff;
  padding: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_def_ph {
  padding: 10px;
  background: #fff;
  margin-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def {
  background: #ffffef;
  padding: 0;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def h4, #rebuilding .service_frame .service_frame_inner .box_effective_def h3 {
  border: none !important;
  margin-bottom: -1px;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_01 .text,
#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_02 .text,
#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_03 .text {
  width: 100%;
  padding: 14px;
}

#rebuilding .service_frame .service_frame_inner .box_effective_def .box_effective_def_02 .text {
  float: right;
}

#rebuilding .service_frame .service_frame_inner .box_def_other {
  border: 3px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_def_other dt {
  font-weight: bold;
  font-size: 120%;
}

#rebuilding .service_frame .service_frame_inner .box_three {
  margin-top: 20px;
}

#rebuilding .service_frame .service_frame_inner .box_three div {
  border: 4px solid #f7f7f7;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  padding: 30px 20px;
  margin-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_three .bt_improvement {
  background: #a5ccd2;
  color: #fff;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_valueassessment {
  background: #fff;
  border: 1px solid #d9d89a;
  padding: 14px;
}

#rebuilding .service_frame .service_frame_inner .box_def .box_valueassessment dt {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #d9d89a;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#rebuilding .service_frame .service_frame_inner .box_def .arrow {
  text-align: center;
  padding: 20px 0;
  width: 100%;
  margin: 0 auto;
  display: block;
}

#rebuilding .service_frame .service_frame_inner .box_def .arrow img {
  width: 20px;
}

#rebuilding .valueuptype li:nth-child(odd) {
  float: left;
}

#rebuilding .valueuptype li:nth-child(even) {
  float: right;
}

#rebuilding .valueuptype li a:hover {
  text-decoration: none;
  background: #8caf6b;
}

#rebuilding .valueuptype li a:before {
  content: '>';
  color: #fff;
}

#rebuilding .WpService_detail_detail h1 {
  margin: 0;
  padding: 0;
}

#rebuilding .WpService_detail_detail .ValueupArea {
  padding: 20px 0 0 0;
}

#rebuilding .WpService_detail_detail .ValueupArea .box_sb_2col li {
  float: left;
  width: 100%;
  padding: 10px;
}

#rebuilding .WpService_detail_detail .ValueupArea .box_sb_3col li {
  float: left;
  width: 33.3333%;
  padding: 10px;
}

#rebuilding .WpService_detail_detail .ValueupArea .kome {
  color: #599b20;
}

#rebuilding .WpService_detail_detail .ValueupArea .caption {
  display: block;
  font-size: 90%;
  margin-top: 1em;
}

#rebuilding .reconstruction_select {
  border-bottom: 5px solid #ccc;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  #rebuilding .reconstruction_select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#rebuilding .reconstruction_select li {
  background: #eee;
  margin-bottom: 20px;
}

#rebuilding .reconstruction_select li img {
  padding: 30px 0;
}

#rebuilding .reconstruction_select li p {
  padding: 20px;
  text-align: justify;
  border-top: 1px solid #ccc;
}

#rebuilding .reconstruction_select li .btn_area {
  padding: 0 20px 20px 20px;
}

#rebuilding .reconstruction_select li .btn_area a {
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .reconstruction_select li:nth-child(odd) .btn_area a {
  background: url(/biz/common/images/arrow_d_w.png) no-repeat #599b20;
  background-position: right 20px top 50%;
}

#rebuilding .reconstruction_select li:nth-child(odd) .btn_area a:hover {
  background: url(/biz/common/images/arrow_d_w.png) no-repeat #8caf6b;
  background-position: right 20px top 50%;
}

#rebuilding .reconstruction_select li:nth-child(even) .btn_area a {
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #599b20;
  background-position: right 20px top 50%;
}

#rebuilding .reconstruction_select li:nth-child(even) .btn_area a:hover {
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #8caf6b;
  background-position: right 20px top 50%;
}

#rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl p, #rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl h1 {
  font-weight: normal;
  font-size: 100%;
  color: #fff;
  background: #728ebe;
  padding: 10px 20px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl span, #rebuilding .WpService_detail_detail .InheritanceArea .inheritance_inheritance_ttl h1 {
  font-size: 180%;
  display: block;
  color: #fff;
  font-weight: bold;
}

#rebuilding .WpService_detail_detail .InheritanceArea {
  padding: 20px 0 0 0;
}

#rebuilding .WpService_detail_detail .InheritanceArea .kome {
  color: #728ebe;
}

#rebuilding .WpService_detail_detail .InheritanceArea .marker {
  color: #3f5f86;
  font-size: 130%;
}

#rebuilding .WpService_detail_detail .InheritanceArea .taxsave_ol {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .taxsave_ol span {
  color: #cd5050;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point {
  background: #f6f7fb;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point h5 {
  font-weight: bold;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point ul {
  background: #abbad1;
  border: 3px solid #f6f7fb;
  padding: 14px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point li {
  padding: 14px;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .long li:nth-child(even) {
  width: 100%;
  background: #fff;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .long li:nth-child(odd) {
  width: 100%;
  background: #fff;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .short {
  width: 100%;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point ul li {
  background: #fff;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point .cat {
  font-weight: bold;
  font-size: 100%;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  background: #3f5f86;
}

#rebuilding .WpService_detail_detail .InheritanceArea .six_point li .ttl {
  color: #3f5f86;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .effective_frame .area dt {
  width: 100%;
  background: #d5b9df;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
}

#rebuilding .effective_frame .area dd {
  width: 100%;
  background: #f9f7fc;
  padding: 10px 0;
  text-align: center;
}

#rebuilding .effective_frame .marker {
  font-size: 110%;
  margin-right: 20px;
  display: inline-block;
}

#rebuilding .service_frame .point_list_p {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 20px;
}

#rebuilding .service_frame .point_list {
  float: left;
  margin-bottom: 1px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}

#rebuilding .service_frame .point_list:nth-child(odd) {
  width: 100%;
}

#rebuilding .service_frame .point_list:nth-child(even) {
  width: 100%;
}

#rebuilding .service_frame .point_list .text {
  padding: 10px 20px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#rebuilding .service_frame .point_list .ttl {
  width: 100%;
  vertical-align: middle;
  padding: 10px 0 !important;
  font-weight: bold;
  text-align: center;
  background: #d5b9df;
  border: 1px solid #ccc;
  border-bottom: none;
}

#rebuilding .service_frame .point_list .text {
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
}

#rebuilding .service_frame .point_list .text a {
  color: #fff;
  background: #734f8d;
  padding: 6px 10px;
  text-decoration: none;
}

#rebuilding .service_frame .point_list .text a:hover {
  background: #9980a8;
}

#rebuilding .effective_frame .merit_list {
  width: 100%;
}

#rebuilding .effective_frame .merit_list p {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#rebuilding .effective_frame .condition_list li {
  width: 100%;
  padding: 2px;
  margin-bottom: 2px;
}

#rebuilding .effective_frame .condition_list li p {
  background: #f9f7fc;
  padding: 4px 10px;
  color: #734f8d;
  font-weight: bold;
  border: 1px solid #d5b9df;
  text-indent: -2em;
  padding-left: 3em;
}

#rebuilding .effective_frame .condition_list li p:before {
  content: url(../effective/images/icon_check.png);
  top: 4px;
  position: relative;
}

#rebuilding .management_kaso {
  padding-top: 20px;
}

#rebuilding .management_kaso .management_kaso_large_ttl p, #rebuilding .management_kaso .management_kaso_large_ttl h1 {
  font-weight: normal;
  font-size: 100%;
  color: #fff;
  margin-top: -20px;
  margin-bottom: -40px;
  background: #66ac90;
  padding: 10px 20px;
}

#rebuilding .management_kaso .management_kaso_large_ttl p span, #rebuilding .management_kaso .management_kaso_large_ttl h1 {
  font-size: 180%;
  display: block;
  color: #fff;
  font-weight: bold;
}

#rebuilding .MainArea.management_kaso .management_kaso_large_ttl h1 {
  margin-top: 20px !important;
}

#rebuilding .management_kaso_ttl {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .management_frame .management_frame_onl {
  background: #f3f7f6;
  border: 1px solid #b4d9ca;
  padding: 20px;
  margin-bottom: 20px;
}

#rebuilding .management_frame .management_frame_onl dt {
  font-weight: bold;
  font-size: 120%;
  color: #358b7e;
  padding-bottom: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b4d9ca;
}

#rebuilding .burden {
  background: #eee;
  padding: 16px;
  margin-bottom: 20px;
}

#rebuilding .burden > p {
  color: #4a6d89;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  font-size: 120%;
}

#rebuilding .burden ul {
  width: 100%;
}

#rebuilding .burden ul li {
  background: #89a0b2;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  color: #fff;
  padding: 14px;
  font-weight: bold;
  font-size: 140%;
  margin-bottom: 10px;
}

#rebuilding .burden ul li .caption {
  font-weight: normal;
  color: #fff;
  font-size: 50%;
  text-align: justify;
}

#rebuilding .conditions {
  margin-bottom: 40px;
}

#rebuilding .conditions p {
  font-size: 110%;
  text-align: justify;
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .conditions dl {
  display: table;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#rebuilding .conditions dl:last-child {
  margin-top: -1px;
}

#rebuilding .conditions dt {
  display: table-cell;
  width: 14%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 14px;
  vertical-align: middle;
  background: #f7f7f7;
}

#rebuilding .conditions dd {
  display: table-cell;
  width: 86%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 14px;
  vertical-align: middle;
}

#rebuilding .management_inner_ttl {
  font-size: 180%;
  text-align: center;
  color: #4a6e88;
  border-top: 2px solid #89a0b2;
  border-bottom: 2px solid #89a0b2;
  padding: 20px 0;
}

#rebuilding .btn_mt p {
  font-size: 120%;
}

#rebuilding .btntype_triple a {
  border: 2px solid #66ac90;
  color: #fff;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #66ac90;
  background-position: right 20px top 50%;
}

#rebuilding .btntype_triple a:hover {
  border: 2px solid #66ac90;
  color: #358b7e;
  background: url(/biz/common/images/arrow_r_g.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .bb_column4 {
  background: #fff;
  margin-bottom: 0px;
}

#rebuilding .bb_column4 .cell {
  background: #66ac90;
  color: #fff;
  padding: 20px;
  margin-bottom: 10px;
  text-align: left;
}

#rebuilding .bb_column4 .cell .ttl {
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  color: #fff;
  margin: 0 0 20px 0;
}

#rebuilding .management_kaso .management_faq_large_ttl, #rebuilding .management_kaso .management_faq_large_ttl h2 {
  font-weight: normal;
  font-size: 100%;
  color: #fff;
  background: #4a6e89;
  padding: 10px 20px;
}

#rebuilding .management_kaso .management_faq_large_ttl p span, #rebuilding .management_kaso .management_faq_large_ttl h2 {
  font-size: 120%;
  display: block;
  color: #fff;
  font-weight: bold;
}

#rebuilding .management_kaso .management_faq_large_ttl h2 {
  border-bottom: none;
  margin-bottom: 0;
}

#rebuilding .faq_ttl {
  padding: 20px 0;
  border-top: 1px solid #89a0b2;
  border-bottom: 1px solid #89a0b2;
  margin: 40px 0 20px;
  position: relative;
  display: table;
  width: 100%;
}

#rebuilding .faq_ttl .ttl {
  width: 70%;
  margin: 0 auto;
  font-size: 100%;
  color: #4a6d89;
  text-align: center;
  line-height: 1.2em;
}

#rebuilding .faq_cttl {
  font-size: 18px;
  line-height: 18px;
  border-left: 6px solid #4a6e89;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-bottom: 30px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_category_frame {
  background-color: #dae4ec;
  padding: 20px;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_category_frame ul {
  letter-spacing: -0.5em;
  margin: 0;
}

#rebuilding .faq_category_frame ul li:first-child {
  margin-top: 0;
}

#rebuilding .faq_category_frame ul li {
  width: 100%;
  margin: 10px auto;
  background-color: #FFF;
  display: inline-block;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 14px;
  padding: 18px 42px 18px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

#rebuilding .faq_category_frame ul li:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 14px;
  height: 8px;
  background: url(/biz/common/images/arrow_d_bl.png) no-repeat;
  background-size: cover;
}

#rebuilding .faq_qa_list {
  margin-bottom: 40px;
}

#rebuilding .faq_qa_box {
  margin-bottom: 10px;
  border: 1px solid #cad4dd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_qa_box.on {
  margin-bottom: 30px;
}

#rebuilding .faq_qa_box .questionTtl {
  background-color: #CAD4DD;
  font-size: 14px;
  line-height: 14px;
  padding: 14px 49px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

#rebuilding .faq_qa_box .questionTtl:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  width: 14px;
  height: 8px;
  background: url(/biz/common/images/arrow_d_bl.png) no-repeat;
  background-size: cover;
}

#rebuilding .faq_qa_box .questionTtl p.ttl {
  position: relative;
}

#rebuilding .faq_qa_box .questionTtl p.ttl:before {
  content: 'Q';
  background: #FFF;
  color: #4a6e89;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  margin-top: -12.5px;
  left: -36px;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 3px 4px 5px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 9px;
}

#rebuilding .faq_qa_box .answerText {
  display: none;
  padding: 30px 17px 30px 49px;
  font-size: 12px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rebuilding .faq_qa_box.on .answerText {
  display: block;
}

#rebuilding .faq_qa_box .answerText p {
  position: relative;
}

#rebuilding .faq_qa_box .answerText p:before {
  content: 'A';
  position: absolute;
  background: #FFF;
  color: #4a6e89;
  width: 25px;
  height: 25px;
  top: -1px;
  left: -36px;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 3px 4px 5px;
  border: 1px solid #4a6e89;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 9px;
}

#rebuilding .assessment_frame .onestop strong {
  color: #f00;
}

#rebuilding .salebtn {
  margin-top: 20px;
  text-align: center;
}

#rebuilding .salebtn img {
  width: 100%;
}

#rebuilding .anc_base {
  margin-bottom: 20px;
}

#rebuilding .anc_base a .icon {
  position: absolute;
  top: -20px;
  left: -5px;
}

#rebuilding .anc_base a .sub_mds {
  color: #fff;
  display: block;
}

#rebuilding .anc_base a .mds {
  color: #fff;
  font-weight: bold;
  font-size: 120%;
}

#rebuilding .anc_base a .mds span {
  color: #fff;
}

#rebuilding .anc_reconstruction a {
  background: #599b20;
  background-position: center bottom 10px;
  color: #fff;
}

#rebuilding .anc_reconstruction a:hover {
  background: #8caf6b;
  background-position: center bottom 10px;
  color: #fff;
}

#rebuilding .anc_inheritance a {
  background: #3f5f86;
  background-position: center bottom 10px;
}

#rebuilding .anc_inheritance a:hover {
  background: url(/biz/common/images/arrow_d_w.png) bottom no-repeat #728ebe;
  background-position: center bottom 10px;
}

#rebuilding .anc_reconstruction .mds {
  font-weight: bold;
  font-size: 400%;
  color: #f00;
  display: block;
}

#rebuilding .anc_reconstruction .sub_mds {
  font-weight: normal;
  font-size: 80%;
  margin-bottom: 30px;
}

#rebuilding .anc_reconstruction a:nth-child(3) {
  background: #96923b;
  background-position: top 50% right 10px;
  color: #fff;
}

#rebuilding .anc_reconstruction a:nth-child(3):hover {
  background: #b1af5c;
  background-position: top 50% right 10px;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  #rebuilding .MainArea .service_article_inner {
    width: 335px;
  }
}

#rebuilding .MainArea .service_article_inner .resolution_inheritance img {
  margin-bottom: 0;
}

#rebuilding .anc_inheritance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1023px) {
  #rebuilding .anc_inheritance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 335px;
  }
}

@media screen and (max-width: 1023px) {
  #rebuilding .anc_inheritance .matchHeight {
    width: 100%;
    margin-bottom: 15px;
  }
}

#rebuilding .anc_inheritance .matchHeight {
  margin-right: 10px;
  display: block;
  height: 155px;
}

#rebuilding .anc_inheritance .matchHeight::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#rebuilding .supprt {
  border: 1px solid #eee;
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .supprt dt {
  text-align: left;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  background: #d9d89a;
  padding: 10px 20px;
}

#rebuilding .supprt dd {
  text-align: left;
  vertical-align: middle;
  width: 100%;
  background: #fff;
  padding: 10px 20px;
}

#rebuilding .supprt_100 {
  border: 1px solid #eee;
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .supprt_100 dt {
  text-align: left;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  background: #d9d89a;
  padding: 10px 10px;
}

#rebuilding .supprt_100 dd {
  width: 0%;
}

#rebuilding .other_service .ttl {
  background: #999;
  border: 2px solid #fff;
  font-size: 120%;
  padding: 10px;
  margin-bottom: 10px;
  color: #fff;
}

#rebuilding .other_service .other_service_list a {
  float: left;
  width: 50%;
  border: 2px solid #fff;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .other_service .other_service_list a p {
  color: #fff;
  font-size: 130%;
}

#rebuilding .other_service .other_service_list a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#rebuilding .other_service .other_service_list .inheritance {
  background: #728ebe;
}

#rebuilding .other_service .other_service_list .effective {
  background: #9980a8;
}

#rebuilding .other_service .other_service_list .management {
  background: #66ac90;
}

#rebuilding .other_service .other_service_list .improvement {
  background: #70acb4;
}

#rebuilding .other_service .other_service_list .reconstruction {
  background: #8caf6b;
}

#rebuilding .other_service .other_service_list .assessment {
  background: #b1af5c;
}

#rebuilding .casestudy {
  padding: 10px 10px 10px 10px;
}

#rebuilding .casestudy .ttl {
  font-size: 120%;
  padding: 10px;
  margin-bottom: 10px;
}

#rebuilding .casestudy_effective {
  background: #f9f7fc;
  border: 2px solid #d5b9df;
}

#rebuilding .casestudy_effective .ttl {
  background: #d5b9df;
  color: #734f8d;
}

#rebuilding .casestudy_inheritance {
  background: #f6f7fb;
  border: 2px solid #abbad1;
}

#rebuilding .casestudy_inheritance .ttl {
  background: #abbad1;
  color: #3f5f86;
}

#rebuilding .casestudy_improvement {
  background: #f3f7f8;
  border: 2px solid #a5ccd2;
}

#rebuilding .casestudy_improvement .ttl {
  background: #a5ccd2;
  color: #278f9a;
}

#rebuilding .casestudy_reconstruction {
  background: #f6f8f3;
  border: 2px solid #c0d6aa;
}

#rebuilding .casestudy_reconstruction .ttl {
  background: #c0d6aa;
  color: #599b20;
}

#rebuilding .casestudy_assessment {
  background: #fafaf0;
  border: 2px solid #d9d89a;
}

#rebuilding .casestudy_assessment .ttl {
  background: #d9d89a;
  color: #96923b;
}

#rebuilding .casestudy_management {
  background: #f3f7f6;
  border: 2px solid #b4d9ca;
}

#rebuilding .casestudy_management .ttl {
  background: #b4d9ca;
  color: #358b7e;
}

#rebuilding .casestudy a {
  display: block;
  text-decoration: none;
  border: 2px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  background: url(/common/images/arrow_r_g_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
  background-size: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .casestudy a .inner {
  display: table;
}

#rebuilding .casestudy a .inner .ph {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
}

#rebuilding .casestudy a .inner .text {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  padding: 0 40px 0 20px;
}

#rebuilding .casestudy a .inner .text dt {
  font-size: 110%;
  display: block;
  margin-bottom: 10px;
  color: #4a6e89;
  font-weight: bold;
}

#rebuilding .casestudy a .inner .text dd {
  display: none;
}

#rebuilding .WpService_detail .MainArea h3 {
  margin-bottom: -20px;
}

#rebuilding .WpService_detail .date {
  color: #666;
  font-size: 80%;
  display: block;
  text-align: right;
}

#rebuilding .WpService_detail .nayami .nayami_list {
  background: url(/common/images/slanting_ab.png);
  padding: 10px;
}

#rebuilding .WpService_detail .nayami .nayami_list li {
  width: 48.6%;
  float: left;
  padding: 0 4px;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail .nayami .nayami_list li p {
  width: 100%;
  display: block;
  font-size: 120%;
  color: #4278a2;
  letter-spacing: 0;
}

#rebuilding .WpService_detail .nayami .square {
  text-align: center;
  margin: 20px 0;
}

#rebuilding .WpService_detail .nayami .square img {
  width: 84px;
}

#rebuilding .WpService_detail .nayami .comment {
  padding: 20px;
}

#rebuilding .WpService_detail .nayami .comment > p {
  margin-bottom: 20px;
  font-size: 130%;
}

#rebuilding .WpService_detail .nayami .comment .column3,
#rebuilding .WpService_detail .nayami .comment .column4 {
  width: 100%;
}

#rebuilding .WpService_detail .nayami .comment .column3 li,
#rebuilding .WpService_detail .nayami .comment .column4 li {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  padding: 20px 20px;
  margin-bottom: 1px;
}

#rebuilding .WpService_detail .nayami .comment_expenditure {
  background: #dcd0e6;
}

#rebuilding .WpService_detail .nayami .comment_expenditure .column3 li {
  border: 4px solid #dcd0e6;
}

#rebuilding .WpService_detail .nayami .comment_buildingplan {
  background: #c0daee;
}

#rebuilding .WpService_detail .nayami .comment_buildingplan .column3 li {
  border: 4px solid #c0daee;
}

#rebuilding .WpService_detail .nayami .comment_sublease {
  background: #fcdbc6;
}

#rebuilding .WpService_detail .nayami .comment_sublease .column3 li {
  border: 4px solid #fcdbc6;
}

#rebuilding .WpService_detail .nayami .comment_triplesupport {
  background: #d2e7c6;
}

#rebuilding .WpService_detail .nayami .comment_triplesupport .column3 li {
  border: 4px solid #d2e7c6;
}

#rebuilding .WpService_detail .nayami .comment_triplesupport p:nth-child(2) {
  font-size: 100%;
}

#rebuilding .WpService_detail .nayami .comment_diagnosis {
  background: #f7daf7;
}

#rebuilding .WpService_detail .nayami .comment_diagnosis .column4 li {
  border: 4px solid #f7daf7;
}

#rebuilding .WpService_detail .point .box {
  margin-bottom: 40px;
}

#rebuilding .WpService_detail .point_ttl {
  display: table;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail .point_ttl span {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

#rebuilding .WpService_detail .point_ttl p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 140%;
  color: #333;
  width: 80%;
}

#rebuilding .WpService_detail .point_ttl span img {
  width: 100%;
}

#rebuilding .WpService_detail .point .box {
  margin-bottom: 40px;
}

#rebuilding .WpService_detail .expenditure_point .box .point_ttl .point {
  background: #dcd0e6;
}

#rebuilding .WpService_detail .buildingplan_point .box .point_ttl .point {
  background: #c0daee;
}

#rebuilding .WpService_detail .sublease_point .box .point_ttl .point {
  background: #fcdbc6;
}

#rebuilding .WpService_detail .repair_point .box .point_ttl .point {
  background: #daf5ed;
}

#rebuilding .WpService_detail .article .box .point_ttl .point {
  background: #dcc2b5;
}

#rebuilding .WpService_detail .triplesupport_point .box .point_ttl .point {
  background: #d2e7c6;
}

#rebuilding .WpService_detail .diagnosis_point .box .point_ttl .point {
  background: #f7daf7;
}

#rebuilding .WpService_detail .point .box > p {
  margin-bottom: 30px;
}

#rebuilding .WpService_detail .point .box ul {
  margin-bottom: 30px;
}

#rebuilding .WpService_detail .point .box li a {
  text-align: left;
  text-decoration: underline;
  width: 100%;
  display: block;
  margin-top: 10px;
  font-size: 90%;
  letter-spacing: 0;
}

#rebuilding .WpService_detail .point .box li a:hover {
  text-decoration: none;
}

#rebuilding .WpService_detail .expenditure_point h5 {
  border-bottom: 2px solid #dcd0e6;
}

#rebuilding .WpService_detail .expenditure_point h5 span {
  color: #b09ac3;
}

#rebuilding .WpService_detail .expenditure_plot_point .text,
#rebuilding .WpService_detail .expenditure_report_point .text {
  float: left;
  width: 50%;
}

#rebuilding .WpService_detail .expenditure_plot_point .ph,
#rebuilding .WpService_detail .expenditure_report_point .ph {
  float: right;
  width: 45%;
}

#rebuilding .WpService_detail .expenditure_solution_point dl {
  margin-bottom: 40px;
}

#rebuilding .WpService_detail .expenditure_solution_point dt {
  font-size: 130%;
  display: block;
  margin-bottom: 10px;
  border-left: 3px solid #333;
  padding-left: 10px;
}

#rebuilding .WpService_detail .expenditure_solution_point dt span {
  color: #d00000;
  font-size: 70%;
  display: block;
}

#rebuilding .expenditure_marketing_box dl {
  margin-bottom: 40px;
}

#rebuilding .expenditure_marketing_box dt {
  font-size: 120%;
  color: #97c3e4;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents {
  margin-bottom: 80px;
}

#rebuilding .WpService_detail .sl_contents .sl_ttl {
  font-size: 150%;
  padding: 20px 0;
  margin-bottom: 20px;
  background: #f7f7f7;
  padding-left: 20px;
}

#rebuilding .WpService_detail .sl_contents .sl_inner .text {
  width: 100%;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail .sl_contents .sl_inner .ph {
  width: 100%;
}

#rebuilding .WpService_detail .sl_contents .conditions {
  border: 2px solid #fcdbc6;
  padding: 10px 20px;
  margin: 20px 0 40px 0;
}

#rebuilding .WpService_detail .sl_contents .conditions .ttl {
  border-bottom: 2px solid #fcdbc6;
  color: #df8e5b;
  font-size: 120%;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl dl {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl dt {
  width: 100%;
  color: #df8e5b;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl dd {
  width: 100%;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dl {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dt {
  float: left;
  width: 5%;
  color: #df8e5b;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dd {
  float: right;
  width: 95%;
}

#rebuilding .WpService_detail .sl_contents .conditions_dl_merritt dd span {
  font-weight: bold;
}

#rebuilding .WpService_detail .sl_contents .conditions .tkbt {
  font-weight: bold;
  color: #f00;
}

#rebuilding .WpService_detail .area_btn_sl ul {
  padding: 20px 0;
}

#rebuilding .WpService_detail .area_btn_sl li {
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail .area_btn_sl li a {
  display: block;
  padding: 20px 20px;
  text-decoration: none;
  color: #333;
  font-size: 110%;
  width: 100%;
  text-align: center;
  border: 2px solid #fcdbc6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/common/images/arrow_r_bl.png) no-repeat #fcdbc6;
  background-position: right 20px top 50%;
}

#rebuilding .WpService_detail .area_btn_sl a:hover {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .other_box {
  padding: 20px 30px;
  background: #f7f7f7;
  margin-top: -10px;
}

#rebuilding .other_box > p {
  margin-bottom: 0 !important;
}

#rebuilding .other_box .other_ttl {
  border-bottom: 1px solid #ccc;
  font-size: 130%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#rebuilding .DiagnosisArea .main_ttl {
  margin-bottom: 40px;
}

#rebuilding .DiagnosisArea .main_ttl img {
  margin-bottom: 20px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list {
  background: #f7f7f7;
  padding: 10px 0;
  width: 100%;
  margin-top: 20px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li {
  vertical-align: middle;
  text-align: center;
  padding: 0px 10px;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  display: block;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li .icon {
  position: absolute;
  top: -20px;
  left: -5px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a {
  display: block;
  padding: 20px 10px;
  font-size: 140%;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #a56ba5;
  background: url(/common/images/arrow_d_w.png) bottom no-repeat #a56ba5;
  padding-bottom: 20px;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a:hover {
  background: url(/common/images/arrow_d_pi.png) bottom no-repeat #fff;
  border: 2px solid #a56ba5;
  color: #a56ba5;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a .sub_mds {
  display: block;
  font-size: 70%;
  font-weight: normal;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .DiagnosisArea .diagnosisarea_list li a .sub_mds:hover {
  color: #a56ba5;
}

#rebuilding .DiagnosisArea .spc {
  color: #a56ba5;
  font-size: 140%;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#rebuilding .DiagnosisArea .box .ph {
  margin: 40px 0;
}

#rebuilding .DiagnosisArea .box .merritt {
  margin-bottom: 20px;
}

#rebuilding .DiagnosisArea .box .merritt .ttl {
  color: #a56ba5;
  font-size: 120%;
  margin-bottom: 4px;
}

#rebuilding .DiagnosisArea .box .merritt ul {
  background: #f7daf7;
  padding: 20px;
}

#rebuilding .DiagnosisArea .box .merritt li:before {
  content: "■";
  color: #a56ba5;
  margin-right: 10px;
}

#rebuilding .DiagnosisArea .type > .ttl {
  color: #a56ba5;
  font-size: 120%;
  margin-bottom: 4px;
}

#rebuilding .DiagnosisArea .type_list {
  background: #f7daf7;
  padding: 10px;
}

#rebuilding .DiagnosisArea .type_list .cell {
  width: 100%;
  margin-bottom: 10px;
}

#rebuilding .DiagnosisArea .type_list .cell .ttl {
  color: #a56ba5;
  font-size: 150%;
}

#rebuilding .DiagnosisArea .type_list a {
  text-decoration: none;
  color: #f00;
  display: block;
  padding: 10px 40px 10px 10px;
  margin: 4px;
  border: 2px solid #fff;
  background: url(/common/images/arrow_r_pi.png) no-repeat #fff;
  background-position: right 20px top 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .DiagnosisArea .type_list a:hover {
  display: block;
  border: 2px solid #a56ba5;
  color: #fff;
  background: url(/common/images/arrow_r_pi.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#rebuilding .DiagnosisArea .topics {
  border-top: 2px solid #a56ba5;
  border-bottom: 2px solid #a56ba5;
  padding: 2px 0;
}

#rebuilding .DiagnosisArea .topics .inner {
  border-top: 1px solid #a56ba5;
  border-bottom: 1px solid #a56ba5;
  padding: 20px 0;
}

#rebuilding .DiagnosisArea .topics .inner dl {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}

#rebuilding .DiagnosisArea .topics .inner dt {
  display: table-cell;
  vertical-align: middle;
  width: 10%;
}

#rebuilding .DiagnosisArea .topics .inner dt img {
  width: 100%;
}

#rebuilding .DiagnosisArea .topics .inner dd {
  display: table-cell;
  vertical-align: middle;
  width: 90%;
  padding-left: 20px;
}

#rebuilding .DiagnosisArea .topics .inner dd .ttl {
  font-size: 120%;
  color: #a56ba5;
}

#rebuilding .WpService_detail_units .resolution dl {
  width: 100%;
  border: 1px solid #eee;
  padding: 20px 0;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail_units .resolution dt {
  width: 0%;
  display: none;
}

#rebuilding .WpService_detail_units .resolution dd {
  width: 100%;
  vertical-align: middle;
  padding: 0 20px;
}

#rebuilding .WpService_detail_units .resolution dd p {
  font-size: 100%;
}

#rebuilding .WpService_detail_units .resolution dd .ttl {
  font-size: 130%;
  color: #358b7e;
}

#rebuilding .WpService_detail_units .resolution .cap {
  display: block;
  font-size: 90%;
  margin-top: 10px;
}

#rebuilding .WpService_detail_units .resolution .date {
  display: block;
  text-align: right;
  font-size: 80%;
}

#rebuilding .WpService_detail_units .flow dl {
  width: 100%;
}

#rebuilding .WpService_detail_units .flow dt {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 4px;
  border: 2px solid #b4d9ca;
  background: #b4d9ca;
  font-size: 120%;
}

#rebuilding .WpService_detail_units .flow dd {
  width: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 20px;
  border: 2px solid #b4d9ca;
}

#rebuilding .WpService_detail_units .flow dd .cap {
  font-size: 90%;
  display: block;
}

#rebuilding .WpService_detail_units .flow .arrow {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

#rebuilding .WpService_detail_units .flow .arrow img {
  width: 16px;
}

#rebuilding .WpService_detail_units .futer .futer_box {
  width: 100%;
  border: 2px solid #b4d9ca;
  padding: 20px;
  margin-bottom: 10px;
}

#rebuilding .WpService_detail_units .futer .futer_box .ttl {
  font-size: 130%;
  margin-bottom: 10px;
  font-weight: bold;
  color: #358b7e;
}

#rebuilding .triplesupport_list {
  background: #f7f7f7;
  padding: 10px 0;
  width: 100%;
  margin-top: 20px;
}

#rebuilding .triplesupport_list li {
  vertical-align: middle;
  text-align: center;
  padding: 0px 10px;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

#rebuilding .triplesupport_list li .icon {
  position: absolute;
  top: -20px;
  left: -5px;
}

#rebuilding .triplesupport_list li a {
  display: block;
  padding: 20px 10px;
  font-size: 140%;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#rebuilding .triplesupport_list li a .sub_mds {
  display: block;
  font-size: 70%;
  font-weight: normal;
  color: #fff;
}

#rebuilding .triplesupport_list li:nth-child(1) a {
  background: #235790;
  border: 2px solid #235790;
  background: url(/common/images/arrow_d_w.png) bottom no-repeat #235790;
}

#rebuilding .triplesupport_list li:nth-child(1) a:hover {
  background: #fff;
  border: 2px solid #235790;
  color: #235790;
  background: url(/common/images/arrow_d_b.png) bottom no-repeat #fff;
}

#rebuilding .triplesupport_list li:nth-child(1) a:hover .sub_mds {
  color: #235790;
}

#rebuilding .triplesupport_list li:nth-child(2) a,
#rebuilding .triplesupport_list li:nth-child(3) a {
  border: 2px solid #7baa53;
  background: url(/common/images/arrow_d_w.png) bottom no-repeat #7baa53;
}

#rebuilding .triplesupport_list li:nth-child(2) a:hover,
#rebuilding .triplesupport_list li:nth-child(3) a:hover {
  background: url(/common/images/arrow_d_g.png) bottom no-repeat #fff;
  border: 2px solid #7baa53;
  color: #7baa53;
}

#rebuilding .triplesupport_list li:nth-child(2) a:hover .sub_mds,
#rebuilding .triplesupport_list li:nth-child(3) a:hover .sub_mds {
  color: #7baa53;
}

#rebuilding .triplesupport_point .ph {
  margin: 20px 0;
}

#rebuilding .triplesupport_calculation .ttl,
#rebuilding .triplesupport_rebuilding .ttl,
#rebuilding .triplesupport_security .ttl {
  font-weight: bold;
  font-size: 110%;
  display: block;
  margin-bottom: 10px;
}

#rebuilding .triplesupport_calculation p,
#rebuilding .triplesupport_rebuilding p,
#rebuilding .triplesupport_security p {
  margin-bottom: 20px;
}

#rebuilding .WpService_detail_inheritance .MainArea h3 {
  margin-bottom: -20px;
}

#rebuilding .WpService_detail_inheritance .spc {
  color: #235790;
  font-size: 120%;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#rebuilding .WpService_detail_inheritance .box .text {
  width: 100%;
  margin-bottom: 20px;
}

#rebuilding .WpService_detail_inheritance .box .text .cap,
#rebuilding .WpService_detail_inheritance .box_long .text .cap {
  display: block;
  font-size: 80%;
  margin-top: 10px;
}

#rebuilding .WpService_detail_inheritance .box .ph {
  width: 100%;
}

#rebuilding .WpService_detail_inheritance .inheritance_mds_box {
  margin-top: 40px;
}

#rebuilding .WpService_detail_inheritance .inheritance_mds_box dt {
  color: #235790;
  font-size: 150%;
  display: block;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#rebuilding .ValueupArea .valueup_box {
  border: 1px solid #a56ba5;
  padding: 20px 20px;
}

#rebuilding .ValueupArea .valueup_box dt {
  color: #a56ba5;
  font-size: 120%;
  margin-bottom: 10px;
}

#rebuilding .ValueupArea .valueup_box dd {
  padding: 0;
}

#rebuilding .ValueupArea .valueup_box dd li {
  width: 100%;
}

#rebuilding .ValueupArea .cap {
  font-size: 80%;
  display: block;
}

#rebuilding .ValueupArea .valueup_01_box dd li p {
  font-size: 80%;
  margin-top: 8px;
}

#rebuilding .ValueupArea .valueup_02_text_ph {
  margin-bottom: 20px;
}

#rebuilding .ValueupArea .valueup_02_text_ph .ph {
  width: 100%;
  margin-bottom: 20px;
}

#rebuilding .ValueupArea .valueup_02_text_ph .text {
  width: 100%;
}

#rebuilding .ValueupArea .valueup_02_gooddesign_text_ph {
  margin-bottom: 20px;
}

#rebuilding .ValueupArea .valueup_02_gooddesign_text_ph .text {
  float: left;
  width: 75%;
}

#rebuilding .ValueupArea .valueup_02_gooddesign_text_ph .ph {
  float: right;
  width: 20%;
}

#rebuilding .ValueupArea .valueup_02_box dd li {
  margin-bottom: 20px;
}

#rebuilding .ValueupArea .valueup_02_box dd li p {
  font-size: 80%;
  margin-top: 8px;
}

#rebuilding .ValueupArea .valueup_03_box dd li:nth-child(odd) {
  float: left;
}

#rebuilding .ValueupArea .valueup_03_box dd li:nth-child(even) {
  float: right;
}

#rebuilding .ValueupArea .valueup_03_box dd li p {
  font-size: 100%;
  margin-top: 8px;
}

#rebuilding .ValueupArea .valueup_03_box dd li p span {
  font-size: 110%;
  display: block;
}

#selesage {
  /* CSS Document */
  /*====================================

Sd_ttl

====================================*/
  /*====================================

search_area

====================================*/
  /*====================================

select_box

====================================*/
  /*====================================

ForSale_list

====================================*/
  /*====================================

SdForSale

====================================*/
}

#selesage #Sd_ttl {
  background: url(../images/sd_ttl_bg.png);
  background-size: cover;
}

#selesage #search_area {
  max-width: 1200px;
  margin: -60px auto 0;
  width: 100%;
}

#selesage #search_area span.small {
  font-size: 10px;
  color: white;
}

#selesage #search_area .map .inner {
  width: 100%;
  float: left;
}

#selesage #search_area .map .mapIMG {
  height: 100%;
  overflow: hidden;
}

#selesage #search_area .map .nonborder {
  border: none;
  outline: none;
}

#selesage #search_area .recommend .bnrArea {
  position: relative;
  margin-bottom: -10px;
  margin-left: -10px;
}

#selesage #search_area .recommend .bnrArea li {
  margin-left: 10px;
  margin-bottom: 11px;
}

#selesage #search_area .recommend .bnrArea a {
  display: block;
}

#selesage #search_area .recommend .bnrArea a img {
  max-width: 476px;
}

#selesage #search_area .recommend .bnrArea_btn {
  position: absolute;
  display: block;
  top: 71.875%;
  right: 0;
  left: 0;
  width: 54.31372549019608%;
  margin: 0 auto;
}

#selesage #search_area .recommend .bnrArea_btn:hover {
  opacity: 0.7;
}

@media screen and (min-width: 1001px) {
  #selesage {
    /*------------------------------------
	conv_btn_area
	------------------------------------*/
  }
  #selesage #search_area .map {
    float: left;
    width: 26%;
    margin-right: 3%;
  }
  #selesage #search_area .condition {
    float: left;
    width: 24%;
    margin-right: 3%;
  }
  #selesage #search_area .recommend {
    float: left;
    width: 44%;
  }
  #selesage .conv_btn_area {
    padding: 0 21% !important;
  }
}

@media screen and (max-width: 1000px) {
  #selesage #search_area .map {
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  #selesage #search_area .condition {
    float: left;
    width: 48%;
  }
  #selesage #search_area .recommend {
    float: left;
    width: 100%;
    margin-top: 20px;
  }
}

#selesage #search_area .prace {
  display: none;
}

#selesage #search_area .map .ttl,
#selesage #search_area .condition .ttl,
#selesage #search_area .recommend .ttl {
  font-size: 130%;
  margin-bottom: 10px;
}

#selesage #search_area .map .ttl a,
#selesage #search_area .condition .ttl a {
  float: right;
  margin-top: 5px;
}

#selesage #search_area .map .ttl:before,
#selesage #search_area .condition .ttl:before {
  margin: 0 10px 0 0;
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/biz/common/images/icon_search.png);
  background-size: contain;
  vertical-align: middle;
}

#selesage #search_area .recommend .ttl:before {
  margin: 0 10px 0 0;
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/biz/common/images/icon_recom.png);
  background-size: contain;
  vertical-align: middle;
}

#selesage #search_area .condition li {
  padding: 1px;
}

#selesage #search_area .condition li a {
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  padding: 14px 18px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 110%;
}

#selesage #search_area .condition li a {
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #a5b547;
  background-position: top 50% right 10px;
  background-size: 7px;
}

#selesage #search_area .condition li a:hover,
#selesage #search_area .condition li a.on {
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #819600;
  background-position: top 50% right 10px;
  background-size: 7px;
}

#selesage #search_area .recommend .cell {
  display: block;
}

#selesage #search_area .recommend .cell img {
  width: 100%;
  float: left;
  width: 60%;
  margin-right: 3%;
}

#selesage #search_area .recommend .cell .name {
  font-size: 100%;
  font-weight: bold;
  background: #fff;
  width: 37%;
  float: right;
  text-align: left;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#selesage #search_area .recommend .cell .type,
#selesage #search_area .recommend .cell .price,
#selesage #search_area .recommend .cell .rate,
#selesage #search_area .recommend .cell .built,
#selesage #search_area .recommend .cell .address {
  text-align: left;
  font-size: 90%;
  padding: 3px 0;
  float: right;
  width: 37%;
  background: #fff;
  margin-bottom: 2px;
  border-bottom: 1px solid #eee;
}

#selesage #search_area .recommend .cell .name span,
#selesage #search_area .recommend .cell .type span,
#selesage #search_area .recommend .cell .price span,
#selesage #search_area .recommend .cell .rate span,
#selesage #search_area .recommend .cell .built span,
#selesage #search_area .recommend .cell .address span {
  font-size: 90%;
  color: #4a6d89;
  float: left;
  width: 30%;
}

#selesage #search_area .recommend .cell .type p,
#selesage #search_area .recommend .cell .price p,
#selesage #search_area .recommend .cell .rate p,
#selesage #search_area .recommend .cell .built p,
#selesage #search_area .recommend .cell .address p {
  font-size: 100%;
  float: right;
  width: 70%;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#selesage #search_area .recommend .cell .type p strong,
#selesage #search_area .recommend .cell .price p strong,
#selesage #search_area .recommend .cell .rate p strong,
#selesage #search_area .recommend .cell .built p strong,
#selesage #search_area .recommend .cell .address p strong {
  color: #cd5050;
}

#selesage #search_area .recommend .btn {
  float: right;
  width: 37%;
  text-align: center;
  margin-top: 10px;
}

#selesage #search_area .recommend .btn a {
  background: #4a6d89;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 90%;
  text-decoration: none;
  text-align: center;
  padding: 6px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#selesage #search_area .recommend .btn a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage #select_box {
  max-width: 1200px;
  margin: -60px auto 10px;
  padding: 0 20px;
  width: 100%;
}

#selesage .select_box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#selesage .select_box {
  background: #fff;
  border: 2px solid #4a6d89;
  border-radius: 5px;
  color: #4a6d89;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  width: 200px;
}

#selesage .ForSale_list table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

#selesage .ForSale_list tbody:nth-of-type(odd) {
  background: #eee;
}

#selesage .ForSale_list th {
  background: #333;
  color: white;
  font-size: 70%;
  font-weight: bold;
  text-align: center;
  padding: 8px;
}

#selesage .ForSale_list th span.small {
  color: white;
  font-size: 10px;
}

#selesage .ForSale_list td,
#selesage th {
  border: 1px solid #ccc;
  text-align: left;
}

#selesage .ForSale_list tbody {
  position: relative;
}

#selesage .ForSale_list td {
  font-size: 80%;
  overflow-wrap: break-word;
}

#selesage .ForSale_list tbody tr td:nth-child(1) {
  width: 2%;
  position: relative;
  text-align: center;
}

#selesage .ForSale_list tbody tr td:nth-child(1) span {
  display: none;
}

#selesage .ForSale_list tbody tr td:nth-child(2) {
  width: 13%;
  position: relative;
}

#selesage .ForSale_list tbody tr td:nth-child(3) {
  width: 10%;
  padding: 8px 7px;
  text-align: left;
  font-weight: bold;
}

#selesage .ForSale_list .cosmosreid:after {
  content: "投資用不動産(再生)";
  width: 106px;
  height: 21px;
  font-size: 10px;
  display: block;
  padding: 2px 0 0 2px;
  margin-top: 10px;
  color: #fff;
  background-color: #7f8f75;
  text-align: center;
}

#selesage .ForSale_list tbody tr td:nth-child(4) {
  width: 14%;
  padding: 8px 7px;
}

#selesage .ForSale_list tbody tr td:nth-child(5) {
  width: 24%;
  text-align: left;
  padding: 8px 0 8px 8px;
}

#selesage .ForSale_list tbody tr td:nth-child(6) {
  width: 13%;
  text-align: left;
  padding: 8px 4px;
}

#selesage .ForSale_list tbody tr td:nth-child(7) {
  width: 9%;
  padding: 8px 0 8px 8px;
  text-align: left;
}

#selesage .ForSale_list tbody tr td:nth-child(8) {
  width: 5%;
  text-align: left;
  padding: 8px 14px;
}

#selesage .ForSale_list tbody tr td:nth-child(8) {
  width: 3%;
  text-align: left;
  padding: 8px 4px;
}

#selesage .ForSale_list tbody tr td:nth-child(9) {
  width: 5.6%;
  text-align: left;
  padding: 8px 5px;
}

#selesage .ForSale_list tbody tr td:nth-child(10) {
  width: 8%;
  text-align: center;
  padding: 8px 4px;
}

#selesage .ForSale_list tbody tr td .detail a,
#selesage .ForSale_list tbody tr td .active a {
  padding: 4px 0;
  margin: 4px 0;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 80%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#selesage .ForSale_list tbody tr td .detail a:hover,
#selesage .ForSale_list tbody tr td .active a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage .ForSale_list tbody tr td .detail a {
  background: #4a6d89;
}

#selesage .ForSale_list tbody tr td .active a {
  background: #cd5050;
}

#selesage .ForSale_list tbody tr td strong {
  font-weight: bold;
  font-size: 130%;
  color: #cd5050;
}

#selesage .icon_new {
  position: absolute;
  width: 70px;
  top: 0;
  left: 0;
}

#selesage .icon_new img {
  width: 100%;
}

#selesage .icon_new_date > span {
  display: none;
}

#selesage .icon_new_date.on {
  position: relative;
}

#selesage h3.icon_new_date.on {
  padding-left: 2em;
}

#selesage .icon_new_date.on > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 54px;
  width: 65px;
  background-image: url("/biz/common/images/icon_new.png");
  background-size: cover;
}

#selesage .icon_newprice {
  display: block;
  text-align: center;
}

#selesage .icon_newprice span {
  display: inline-block;
  padding: 4px 20px;
  line-height: 1;
  font-size: 11px;
  color: white;
  background: #0068b7;
}

#selesage .priceDl i {
  margin-left: 10px;
  padding: 5px 20px;
  line-height: 1;
  font-size: 12px;
  color: white;
  background: #0068b7;
  font-style: normal;
}

#selesage .sub_price i {
  margin-right: 2px;
  padding: 2px;
  line-height: 1;
  font-size: 8px;
  color: white;
  background: #0068b7;
  font-style: normal;
}

#selesage .bluk_btn {
  width: 300px;
  margin-top: 20px;
}

#selesage .bluk_btn a {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 100%;
  text-decoration: none;
  text-align: center;
  padding: 8px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #cd5050;
  background-position: top 50% right 10px;
  background-size: 7px;
}

#selesage .bluk_btn a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage #owl {
  margin-bottom: -60px;
}

#selesage #owl .item {
  margin: 3px;
  max-height: 400px;
  overflow: hidden;
  position: relative;
  background-color: #eee;
}

#selesage #owl .item .date {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

#selesage #owl .item .date p {
  font-size: 80%;
  padding: 2px 12px;
  color: #fff;
}

#selesage #owl .item img {
  display: block;
  width: auto;
  height: 400px;
  max-height: 400px;
  margin: 0 auto;
  overflow: hidden;
}

#selesage .remodal {
  max-height: 800px;
}

#selesage .remodal img {
  height: 100%;
  width: auto;
}

#selesage .SdForSale h3 {
  background: #4a6d89;
  margin-bottom: 4px;
}

#selesage .SdForSale {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

#selesage .SdForSale .spec_full {
  width: 100%;
  margin-bottom: 3px;
}

#selesage .SdForSale .spec_full dl {
  width: 100%;
  float: left;
  font-size: 100%;
  display: table;
}

#selesage .SdForSale .spec_full dt {
  background: #b1b184;
  width: 10%;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#selesage .SdForSale .spec_full dd {
  background: #f4f4e3;
  width: 90%;
  padding: 4px 10px;
  display: table-cell;
  vertical-align: middle;
}

#selesage .SdForSale .spec_short {
  width: 100%;
  margin-bottom: 3px;
}

#selesage .SdForSale .spec_short dl {
  width: 33.3333333%;
  float: left;
  font-size: 100%;
  display: table;
}

#selesage .SdForSale .spec_short dt {
  background: #b1b184;
  width: 30%;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#selesage .SdForSale .spec_short dd {
  background: #f4f4e3;
  width: 70%;
  padding: 4px 10px;
  display: table-cell;
  vertical-align: middle;
}

#selesage .SdForSale .spec_long {
  margin-bottom: 3px;
}

#selesage .SdForSale .spec_long dl {
  width: 50%;
  float: left;
  font-size: 90%;
  display: table;
}

#selesage .SdForSale .spec_long dt {
  background: #b1b184;
  width: 20%;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#selesage .SdForSale .spec_long dd {
  background: #f4f4e3;
  width: 80%;
  padding: 4px 10px;
  display: table-cell;
  vertical-align: middle;
}

#selesage .SdForSale .spec_short dd strong,
#selesage .SdForSale .spec_long dd strong {
  font-weight: bold;
  color: #cd5050;
  font-size: 110%;
}

#selesage .SdForSale .spec_short dt span,
#selesage .SdForSale .spec_long dt span {
  display: inline-block;
  color: #fff;
  font-size: 100%;
}

#selesage .SdForSale .MainArea {
  float: left;
  width: 80%;
}

#selesage .print_area {
  display: none;
}

@media print {
  #selesage .SdForSale .MainArea {
    width: 100%;
  }
}

#selesage .owl-carousel {
  margin-top: -60px;
}

#selesage .tab {
  margin: -20px 0 0 0;
  padding-bottom: 34px;
}

#selesage .tab li {
  float: left;
  margin-right: 10px;
}

#selesage .tab li a {
  background: #89a0b2;
  text-decoration: none;
  color: #fff;
  padding: 10px 40px;
  font-size: 120%;
}

#selesage .tab li.active {
  background: #4a6d89;
  color: #fff;
  text-decoration: none;
}

#selesage .tab li.active a {
  color: #fff;
  text-decoration: none;
  background: #4a6d89;
}

#selesage .tab_content {
  clear: both;
  overflow: hidden;
  width: 100%;
  border: 3px solid #eee;
  padding: 20px;
}

#selesage .tab_content .btn_print {
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
}

#selesage .tab_content .btn_print a {
  color: #496e8b;
  text-decoration: none;
  line-height: 1em;
}

#selesage .tab_content .btn_print a:after {
  content: "";
  background: url(../images/icon_print.png) no-repeat;
  background-size: 26px;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: 10px;
  line-height: 0.5em;
}

#selesage .tab_content .btn_print a:hover {
  text-decoration: underline;
}

#selesage .tab_content .area {
  display: none;
}

#selesage .tab_content .box {
  background: #eee;
  padding: 20px;
  margin-bottom: 20px;
}

#selesage .tab_content .box .ttl {
  font-size: 140%;
  color: #4a6d89;
  border-bottom: 2px solid #89a0b2;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

#selesage .tab_content .box strong {
  font-weight: bold;
  color: #cd5050;
  font-size: 100%;
}

#selesage .tab_content .box .hmmn {
  font-size: 100%;
}

#selesage .tab_content .box .article_list {
  width: 100%;
}

#selesage .tab_content .box .article_list {
  padding-top: 20px;
}

#selesage .tab_content .box .article_list dl {
  width: 50%;
  float: left;
  display: table;
  background: #ddd;
}

#selesage .tab_content .box .article_list dl:last-child dd {
  padding: 12px;
}

#selesage .tab_content .box .article_list dt {
  color: #333;
  font-size: 90%;
  padding: 4px 10px;
  display: table-cell;
  width: 35%;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}

#selesage .tab_content .box .article_list dd {
  width: 100%;
  background: #fff;
  padding: 0 10px;
  display: table-cell;
  width: 65%;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}

#selesage .tab_content .box .article_list dd p {
  border-bottom: 1px dashed #bbb;
  padding: 4px 0;
}

#selesage .tab_content .box .article_list dd p:last-child {
  border-bottom: none;
}

#selesage .tab_content .box .article_list .long {
  width: 100%;
  display: table;
  background: #ddd;
}

#selesage .tab_content .box .article_list .long dt {
  color: #333;
  padding: 4px 10px;
  display: table-cell;
  width: 17.4%;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}

#selesage .tab_content .box .article_list .long dd {
  width: 100%;
  background: #fff;
  padding: 0 10px;
  display: table-cell;
  width: 82.6%;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}

#selesage .tab_content .box_cotact {
  width: 100%;
}

#selesage .tab_content .box_cotact .ttl {
  color: #fff;
  font-size: 120%;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 30%;
  background: #aaa;
}

#selesage .tab_content .box_cotact .hmmn {
  text-align: center;
  font-size: 110%;
  display: table-cell;
  width: 70%;
  padding: 20px 0;
}

#selesage .tab_content .box_cotact .hmmn span {
  font-size: 250%;
  color: #cd5050;
  font-weight: bold;
  padding-left: 20px;
}

#selesage #map iframe {
  width: 100%;
  height: 100%;
}

@media print {
  #selesage .wp_sub_area {
    display: none;
  }
}

#selesage .wp_sub_area .ttl {
  color: #fff;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #333;
}

#selesage .SdForSale .wp_sub_area {
  float: right;
  width: 20%;
}

#selesage .SdForSale .wp_sub_area .cell img {
  width: 100%;
  margin-bottom: 2px;
}

#selesage .SdForSale .wp_sub_area .cell .name {
  font-size: 100%;
  font-weight: bold;
  padding: 10px 5px;
  background: #fff;
  width: 100%;
  text-align: left;
  margin-bottom: 2px;
}

#selesage .SdForSale .wp_sub_area .cell .type,
#selesage .SdForSale .wp_sub_area .cell .price,
#selesage .SdForSale .wp_sub_area .cell .rate,
#selesage .SdForSale .wp_sub_area .cell .built,
#selesage .SdForSale .wp_sub_area .cell .traffic,
#selesage .SdForSale .wp_sub_area .cell .address {
  text-align: left;
  font-size: 90%;
  padding: 2px 5px;
  width: 100%;
  background: #fff;
  margin-bottom: 2px;
}

#selesage .SdForSale .wp_sub_area .cell .name span,
#selesage .SdForSale .wp_sub_area .cell .type span,
#selesage .SdForSale .wp_sub_area .cell .price span,
#selesage .SdForSale .wp_sub_area .cell .rate span,
#selesage .SdForSale .wp_sub_area .cell .built span,
#selesage .SdForSale .wp_sub_area .cell .traffic span,
#selesage .SdForSale .wp_sub_area .cell .address span {
  font-size: 90%;
  color: #4a6d89;
  float: left;
  width: 22%;
}

#selesage .SdForSale .wp_sub_area .cell .type p,
#selesage .SdForSale .wp_sub_area .cell .price p,
#selesage .SdForSale .wp_sub_area .cell .rate p,
#selesage .SdForSale .wp_sub_area .cell .built p,
#selesage .SdForSale .wp_sub_area .cell .traffic p,
#selesage .SdForSale .wp_sub_area .cell .address p {
  font-size: 100%;
  float: right;
  width: 78%;
  color: #333;
}

#selesage .SdForSale .wp_sub_area .cell .type p strong,
#selesage .SdForSale .wp_sub_area .cell .price p strong,
#selesage .SdForSale .wp_sub_area .cell .rate p strong,
#selesage .SdForSale .wp_sub_area .cell .built p strong,
#selesage .SdForSale .wp_sub_area .cell .traffic p strong,
#selesage .SdForSale .wp_sub_area .cell .address p strong {
  color: #cd5050;
}

#selesage .wp_sub_area a {
  background: #eee;
  padding: 10px;
  text-decoration: none;
  display: block;
  font-size: 90%;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#selesage .wp_sub_area a:hover {
  background: #cad7e0;
}

#selesage .wp_sub_area a strong {
  font-weight: bold;
  color: #cd5050;
  font-size: 110%;
}

#selesage input[type="checkbox"] {
  display: inline-block;
  margin-right: 6px;
}

#selesage input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  line-height: 1.5px;
  cursor: pointer;
}

#selesage label.checkbox {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#selesage label.checkbox input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 20px;
  width: 20px;
  height: 20px;
  left: -40px;
  -webkit-box-shadow: 39px 0px #fff;
          box-shadow: 39px 0px #fff;
  z-index: 2;
}

#selesage label.checkbox input[type="checkbox"]:checked {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#selesage label.checkbox input[type="checkbox"]:checked:focus {
  -webkit-box-shadow: 39px 0px #666;
          box-shadow: 39px 0px #666;
  opacity: 0.1;
}

#selesage label.checkbox input[type="checkbox"]:focus {
  -webkit-box-shadow: 39px 0px #fff;
          box-shadow: 39px 0px #fff;
}

#selesage label.checkbox:after {
  content: "";
  position: absolute;
  top: 40%;
  left: 5px;
  display: block;
  margin-top: -8px;
  width: 8px;
  height: 12px;
  border-right: 3px solid #cd5050;
  border-bottom: 3px solid #cd5050;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  z-index: 1;
}

#selesage .box_cotact_top {
  max-width: 800px;
  margin: 0 auto -30px;
}

#selesage .bnrArea li:first-child {
  /*margin-bottom: 9px;*/
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#selesage .bnrArea li:hover {
  opacity: 0.7;
}

#selesage .selesage_txt01 {
  margin: 100px 0;
  text-align: center;
  font-size: 30px;
  color: #526d38;
}

#selesage .selesage_txt02 {
  text-align: center;
}

#selesage .selesage_txt02 span {
  color: #d2d2d2;
}

#selesage .p-eBook-banner__fixedContainer {
  position: fixed;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 863px;
  z-index: 100;
}

#selesage .p-eBook-banner__fixedContainer a {
  display: block;
  max-width: 566px;
}

#selesage .p-eBook-banner__fixedContainer a:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1023px) {
  #selesage .p-eBook-banner__fixedContainer {
    display: none;
  }
}

#selesage #selesage_ebook_btn {
  position: absolute;
  bottom: 68px;
  right: 136px;
  width: 28px;
  height: 28px;
  background: #333;
  border-radius: 50%;
}

@media screen and (max-width: 1023px) {
  #selesage #selesage_ebook_btn {
    display: none;
  }
}

#selesage #selesage_ebook_btn::before {
  content: "\f00d";
  position: absolute;
  left: 9.5px;
  bottom: 2px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #fff;
  z-index: 5;
}

@media screen and (max-width: 1023px) {
  #selesage #selesage_ebook_btn::before {
    display: none;
  }
}

#selesage #selesage_ebook_banner_guide {
  position: fixed;
  bottom: 0;
  z-index: 100;
  display: none;
  width: 240px;
  height: 36px;
  margin-left: 623px;
  padding: 0 15px;
  background-color: #333;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  #selesage #selesage_ebook_banner_guide {
    display: none;
  }
}

#selesage #selesage_ebook_banner_guide span {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  vertical-align: -webkit-baseline-middle;
}

#selesage #selesage_ebook_btn_guide {
  position: absolute;
  bottom: 8px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
}

#selesage #selesage_ebook_btn_guide::before {
  content: "\2b";
  position: absolute;
  left: 5px;
  bottom: 0px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #333;
  z-index: 5;
}

#selesage .p-selesage-first-view__bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../assets_selesage/img/selesage_bg.jpg) no-repeat top/cover;
  margin-bottom: 60px;
  --aspect-ratio: 863/1000;
}

@supports (aspect-ratio: 1) {
  #selesage .p-selesage-first-view__bg {
    aspect-ratio: var(--aspect-ratio);
    height: initial;
  }
}

#selesage .p-selesage-first-view__bg p {
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  #selesage .p-selesage-first-view__bg {
    width: 100vw;
    margin: 0 -20px 40px;
    background: url(../assets_selesage/img/selesage_bg_sp.jpg) no-repeat top/cover;
    --aspect-ratio: 360/633;
  }
  @supports (aspect-ratio: 1) {
    #selesage .p-selesage-first-view__bg {
      aspect-ratio: var(--aspect-ratio);
      height: initial;
    }
  }
}

#selesage .p-selesage-sold-out-status {
  max-width: 84px;
}

#selesage .p-selesage-bld-description {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-bld-description {
    font-size: 65%;
    line-height: 13px;
    margin-bottom: 40px;
  }
}

#selesage {
  /* CSS Document */
  /*====================================

article

====================================*/
  /*====================================

wrap_logo

====================================*/
  /*====================================

lead

====================================*/
  /*====================================

wrap_mov

====================================*/
  /*====================================

wrap_message

====================================*/
  /*====================================

wrap_merit_link

====================================*/
  /*====================================

wrap_merit_link

====================================*/
  /*====================================

wrap_movie

====================================*/
  /*====================================

wrap_index

====================================*/
  /*====================================

intro

====================================*/
  /*====================================

wrap_base

====================================*/
  /*====================================

wrap_background_orange

====================================*/
  /*====================================

wrap_cocept

====================================*/
  /*====================================

wrap_merit

====================================*/
  /* merit_box */
  /* merit_box_02 */
  /* merit_box_05 */
  /*====================================

wrap_system

====================================*/
  /*====================================

wrap_faq

====================================*/
  /*====================================

wrap_selesage

====================================*/
  /*====================================

wrap_propertyintroduction

====================================*/
  /*
.wrap_propertyintroduction ul li:first-child .text p {
    color: #fff;
}
.wrap_propertyintroduction ul li:first-child .text p span {
    color: #fff;
}
*/
  /*
.wrap_propertyintroduction ul li:first-child {
    background: #ff970d;
}
.wrap_propertyintroduction ul li:first-child .text p {
    color: #fff;
}
.wrap_propertyintroduction ul li:first-child .text p span {
    color: #fff;
}
.wrap_propertyintroduction ul li:first-child .btn a {
    background: #fff;
    color: #ff970d;
}
*/
  /*====================================

wrap_notes

====================================*/
  /*====================================

wrap_colamn

====================================*/
  /* colamn1 */
  /* tokyo_map */
  /* colamn2 */
  /* colamn3 */
  /* colamn4 */
  /* colamn5 */
  /*====================================

btn_area

====================================*/
  /* ▼1902 追加 */
  /*====================================

conversion_sp_selesage

====================================*/
  /* ▼1909 追加 */
  /*====================================

conversion

====================================*/
}

#selesage img {
  width: 100%;
}

#selesage article {
  margin-bottom: 20px;
}

#selesage .wrap_logo {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 40px 0;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_logo {
    padding: 9% 55px;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  #selesage .wrap_logo {
    padding: 10% 60px;
  }
}

#selesage .lead p {
  text-align: center;
  font-size: 20px;
  margin: 50px auto;
}

#selesage .lead span {
  font-size: 27px;
  color: #e60012;
}

#selesage .wrap_mov {
  margin-bottom: 60px;
  padding: 0;
}

#selesage .wrap_mov iframe {
  display: block;
  width: 100%;
  height: 460px;
  border: 20px solid #eee;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_mov iframe {
    height: 220px;
    border-width: 10px;
  }
}

#selesage .wrap_message {
  margin-bottom: 56px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_message {
    margin-bottom: calc(28% - 77px);
  }
}

#selesage .wrap_message .ttl {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 6%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_message .ttl {
    max-width: 70vw;
    margin: 0 auto 18px;
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  #selesage .p-selesage-first-view__title-img--pc {
    display: none;
  }
}

#selesage .p-selesage-first-view__title-img--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  #selesage .p-selesage-first-view__title-img--sp {
    display: block;
  }
}

#selesage .wrap_message p {
  width: 100%;
  text-align: center;
  font-size: 120%;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_message p {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (max-width: 768px) {
  #selesage .wrap_message p {
    text-align: left;
  }
}

#selesage .p-merit-link-section__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 60px;
  padding: 34px 50px;
  background: -webkit-gradient(linear, left top, right top, from(#ab94124d), color-stop(15%, #ab94124d), color-stop(15%, #eee), to(#eee));
  background: linear-gradient(90deg, #ab94124d 0%, #ab94124d 15%, #eee 15%, #eee 100%);
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #eee;
    padding: 0 0 30px;
  }
}

#selesage .p-merit-link-section__imgWrap {
  position: relative;
  max-width: 330px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__imgWrap {
    max-width: unset;
    margin-bottom: 18px;
    padding: 30px 20px 20px 25px;
    background: -webkit-gradient(linear, left top, right top, from(#ab94124d), color-stop(25%, #ab94124d), color-stop(25%, #eee), to(#eee));
    background: linear-gradient(90deg, #ab94124d 0%, #ab94124d 25%, #eee 25%, #eee 100%);
  }
}

#selesage .p-merit-link-section__imgWrap::before {
  content: "";
  position: absolute;
  top: 64px;
  left: -34px;
  display: block;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-text-stroke: 1px #fff;
  height: 100%;
  width: 100%;
  background: url("../assets_selesage/img/point.svg") no-repeat;
  background-size: 90px 212px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__imgWrap::before {
    background-size: 46px 114px;
    top: 29%;
    left: 1%;
  }
}

#selesage .p-merit-link-section__imgWrap img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#selesage .p-merit-link-section__imgWrap span {
  position: absolute;
  bottom: 68px;
  right: 0;
  padding: 2px 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__imgWrap span {
    bottom: 26px;
    right: 20px;
  }
}

#selesage .p-merit-link-section__textWrap {
  width: 100%;
  max-width: 395px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 50px;
  line-height: 24px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__textWrap {
    max-width: unset;
    margin: unset;
  }
}

#selesage .p-merit-link-section__textWrap h3 {
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 22px;
  white-space: nowrap;
}

#selesage .p-merit-link-section__textWrap a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 210px;
  height: 44px;
  text-align: center;
  color: #fff;
  background-color: #4e4e4e;
}

#selesage .p-merit-link-section__textWrap a::before {
  content: "";
  position: absolute;
  background: url("image/chevron-right-white.png") no-repeat;
  right: 15px;
  padding: 13px 8px;
  background-size: 20px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__textWrap a {
    margin: auto;
  }
}

#selesage .p-merit-link-section__textBold span {
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__textBold {
    text-align: center;
  }
}

#selesage .p-merit-link-section__text {
  padding: 0 10px;
}

#selesage .p-merit-link-section__numberList {
  text-align: center;
  counter-reset: meritCounter 0;
  margin: 0 0 35px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__numberList {
    margin-left: 24px;
    margin-bottom: 32px;
  }
}

#selesage .p-merit-link-section__numberList > * + * {
  margin-top: 14px;
}

#selesage .p-merit-link-section__list {
  text-align: left;
}

#selesage .p-merit-link-section__list::before {
  content: "";
  position: relative;
  top: 5px;
  padding: 2px 10px 0;
  margin-right: 15px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__list::before {
    top: 3px;
  }
}

#selesage .p-merit-link-section__list:first-of-type::before {
  background: url(../assets_selesage/img/01.png) no-repeat;
  background-size: 17px;
}

#selesage .p-merit-link-section__list:nth-of-type(2)::before {
  background: url(../assets_selesage/img/02.png) no-repeat;
  background-size: 19px;
}

#selesage .p-merit-link-section__list:nth-of-type(3)::before {
  background: url(../assets_selesage/img/03.png) no-repeat;
  background-size: 19px;
}

#selesage .p-merit-link-section__list:nth-of-type(4)::before {
  background: url(../assets_selesage/img/04.png) no-repeat;
  background-size: 19px;
}

#selesage .p-merit-link-section__list:nth-of-type(5)::before {
  background: url(../assets_selesage/img/05.png) no-repeat;
  background-size: 19px;
}

@media screen and (max-width: 768px) {
  #selesage .p-merit-link-section__list {
    font-size: 15px;
  }
}

#selesage .p-merit-link-section__boldText {
  font-size: 15px;
  font-weight: bold;
}

#selesage .wrap_movie {
  padding: 0;
  margin-bottom: 80px;
}

#selesage .wrap_movie a {
  border: 1px solid #f00;
  display: block;
  position: relative;
}

#selesage .wrap_movie a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #0f0;
  content: "";
  background: url(../images/icon_play.svg) no-repeat center center;
  background-size: 100px;
}

#selesage .wrap_index {
  margin-bottom: 25px;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #selesage .wrap_index {
    width: 100vw;
    margin: 0 -20px;
  }
}

#selesage .wrap_index ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: 100%;
}

#selesage .wrap_index ul li {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #selesage .wrap_index ul li {
    border: solid 1px #666;
    padding: 14.5px 0;
  }
}

#selesage .wrap_index ul li:first-child {
  border-right: none;
  border-bottom: none;
}

#selesage .wrap_index ul li:nth-child(2) {
  border-bottom: none;
}

#selesage .wrap_index ul li:nth-child(3) {
  border-right: none;
  border-left: 0;
  border-bottom: 0;
}

#selesage .wrap_index ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #fff;
  border-right: solid 1px #666;
  border-left: solid 1px #666;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#selesage .wrap_index ul li a:hover {
  opacity: 0.6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_index ul li a {
    padding: 5px 14px;
  }
}

@media screen and (max-width: 768px) {
  #selesage .wrap_index ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0;
    border: none;
  }
}

#selesage .wrap_index ul li:not(:last-child) a {
  border-right: none;
}

#selesage .intro {
  background: url(../images/intro_bg.jpg) no-repeat;
  background-size: cover;
  padding: 60px 40px 400px;
  margin-bottom: 30px;
}

#selesage .intro .ttl {
  padding: 0 140px;
  margin-bottom: 40px;
}

#selesage .wrap_base {
  padding: 0;
  margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_base {
    margin-bottom: 30px;
  }
}

#selesage .wrap_base .main_ttl {
  border-top: 10px solid #eee;
  padding: 30px 0 0 0;
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_base .main_ttl {
    margin-bottom: 40px;
  }
}

#selesage .wrap_base .main_ttl img {
  float: right;
  width: 30%;
}

#selesage .wrap_base .main_text {
  border-left: 10px solid #9f8e66;
  padding: 0 0 0 8px;
  margin-bottom: 48px;
}

#selesage .wrap_base .main_text .ttl {
  font-size: 200%;
  font-weight: bold;
  line-height: 1.48;
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_base .main_text .ttl {
    font-size: 18px;
  }
}

#selesage .wrap_base .main_text p {
  font-size: 120%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_base .main_text p {
    font-size: 14px;
  }
}

#selesage .p-selesage__sale-card {
  -webkit-box-shadow: 0px 0px 5px #7b7b7b;
          box-shadow: 0px 0px 5px #7b7b7b;
}

#selesage .wrap_propertyintroduction .selesage-toyosu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  background-color: white;
  color: black;
  margin-right: -3.33%;
  margin-bottom: 30px;
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction .selesage-toyosu {
    display: block;
    padding: 16px;
  }
}

#selesage .cf:before,
#selesage .cf:after {
  content: "";
  display: table;
}

#selesage .selesage-toyosu * {
  color: inherit;
}

#selesage .selesage-toyosu .bar {
  position: absolute;
  z-index: 2;
  width: 120px;
}

#selesage .selesage-toyosu > p {
  font-weight: bold;
}

#selesage .selesage-toyosu .toyosu-img {
  width: 34%;
  margin-right: 20px;
  position: relative;
}

#selesage .selesage-toyosu .toyosu-img {
  width: 34%;
  margin-right: 24px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  #selesage .selesage-toyosu .toyosu-img {
    width: 100%;
  }
}

#selesage .toyosu-pc {
  display: block;
}

#selesage .toyosu-sp {
  display: none;
}

#selesage .toyosu-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 1024px) {
  #selesage .toyosu-text {
    padding-top: 0;
  }
}

#selesage .toyosu-text-stop {
  font-weight: bold;
  margin-bottom: 20px;
}

#selesage .toyosu-text p {
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  #selesage .toyosu-text p {
    margin-top: 12px;
    font-size: 11px;
  }
}

#selesage .toyosu-text h3 {
  font-size: 230%;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  #selesage .toyosu-text h3 {
    font-size: 22px;
  }
}

#selesage .toyosu-text .btn {
  width: 100%;
}

#selesage .toyosu-text a {
  background: #003f73;
  text-decoration: none;
  padding: 0.6em 4em;
  display: inline-block;
  width: 100%;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

#selesage .toyosu-text a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  #selesage .toyosu-text a {
    position: static;
    padding: 1em 4em;
    width: 100%;
    margin-top: 11px;
    color: #fff;
    font-size: 14px;
  }
}

#selesage .cf:after {
  clear: both;
}

#selesage .cf:before,
#selesage .cf:after {
  content: "";
  display: table;
}

#selesage .wrap_cocept .selesage_ph {
  margin-bottom: 60px;
}

#selesage .wrap_cocept .selesage_ph img {
  margin-bottom: 10px;
}

#selesage .wrap_cocept .selesage_ph p {
  font-size: 70%;
  width: 100%;
  text-align: right;
}

#selesage .wrap_cocept .box {
  margin-bottom: 20px;
}

#selesage .wrap_cocept .box .box_ttl {
  font-size: 140%;
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_cocept .box .box_ttl {
    font-size: 16px;
  }
}

#selesage .wrap_cocept .text .img {
  float: right;
  width: 30%;
  margin: 0 0 20px 40px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_cocept .text .img {
    width: 50%;
    margin: 0 0 20px 20px;
  }
}

#selesage .wrap_cocept .text .img img {
  margin-bottom: 8px;
}

#selesage .wrap_cocept .text .img p {
  font-size: 90%;
}

#selesage .wrap_cocept .text .img p:before {
  content: "■";
  margin-right: 4px;
}

#selesage .wrap_merit .box {
  margin-bottom: 60px;
  border-bottom: 2px solid #eee;
  padding-bottom: 60px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_merit .box {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

#selesage .wrap_merit .box:last-child {
  border-bottom: none;
}

#selesage .wrap_merit .box .text {
  padding: 0 80px;
  margin: -80px 0 0 0;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_merit .box .text {
    padding: 0 20px;
    margin: -40px 0 0 0;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }
}

#selesage .wrap_merit .box .text .inner {
  background: #eee;
  padding: 4% 25%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_merit .box .text .inner {
    padding: 4% 15%;
  }
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_merit .box .text .inner img {
    width: 100%;
  }
}

#selesage .wrap_merit .box .ne_box {
  margin-bottom: 40px;
}

#selesage .wrap_merit .box .ne_box .box_ttl {
  font-size: 140%;
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_merit .box .ne_box .box_ttl {
    font-size: 17px;
  }
}

#selesage .wrap_merit .box .ne_box .texts p {
  font-size: 110%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_merit .box .ne_box .texts p {
    font-size: 100%;
  }
}

#selesage .wrap_merit .box .ne_box .texts .img {
  float: right;
  width: 50%;
  margin: 0 0 30px 30px;
}

#selesage .wrap_merit .accordion ul {
  width: 100%;
  padding: 0;
}

#selesage .wrap_merit .accordion li {
  position: relative;
  list-style: none;
  text-align: center;
}

#selesage .wrap_merit .accordion > ul > li > a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}

#selesage .wrap_merit .accordion > ul > li > a .ttl {
  font-size: 120%;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  padding: 0.5em 4em;
  background: #9f8e66;
  display: inline-block;
  line-height: 2em;
  margin: 0 auto;
  color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

#selesage .wrap_merit .accordion > ul > li > a .ttl:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 10px -10px 0;
  background: url(../common/image/icon_btn.svg) no-repeat;
  background-size: center center;
  -webkit-animation: anime4 1.5s alternate infinite;
          animation: anime4 1.5s alternate infinite;
}

@-webkit-keyframes anime4 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes anime4 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

#selesage .wrap_merit .accordion > ul > li > a .ttl:hover {
  color: #fff;
  background: #79673e;
}

#selesage .wrap_merit .accordion > ul > li > .ex {
  display: none;
  text-align: justify;
  font-size: 100%;
  padding: 40px 0 0;
}

#selesage .wrap_merit .accordion > ul > li > .ex .merit_box {
  margin-bottom: 20px;
  padding-bottom: 0;
}

#selesage .wrap_merit .accordion > ul > li > .ex .merit_box .box_ttl {
  font-size: 140%;
  margin-bottom: 20px;
}

#selesage .wrap_merit .accordion > ul > li > .ex .texts {
  margin-bottom: 0;
}

#selesage .wrap_merit .accordion > ul > li > .ex .texts .img {
  float: right;
  width: 40%;
  margin: 0 0 20px 40px;
}

#selesage .wrap_merit .accordion > ul > li > .ex .texts .img img {
  margin-bottom: 8px;
}

#selesage .wrap_merit .accordion > ul > li > .ex .texts .img p {
  font-size: 90%;
}

#selesage .wrap_merit .accordion > ul > li > .ex .texts .img p:before {
  content: "■";
  margin-right: 4px;
}

#selesage .wrap_merit .accordion > ul > li > .ex .merit_box .cap {
  display: block;
  font-size: 80%;
}

#selesage .merit_box {
  margin-bottom: 0;
}

#selesage .merit_box .box_text {
  margin-bottom: 40px;
}

#selesage .merit_box .box_ph {
  margin-bottom: 40px;
}

#selesage .merit_box_02 {
  margin-bottom: 0;
}

#selesage .merit_box_02 .texts {
  margin-bottom: 40px;
  display: block;
}

#selesage .merit_box_02 .merit_box_02_ph {
  display: block;
  margin-bottom: 20px;
  padding-top: 40px;
}

#selesage .merit_box_02 dl {
  width: 100%;
  background: #eee;
  margin-bottom: 20px;
  padding: 20px;
}

#selesage .merit_box_02 dl dt {
  float: left;
  width: 25%;
  font-size: 110%;
}

@media screen and (max-width: 1024px) {
  #selesage .merit_box_02 dl dt {
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
  }
}

#selesage .merit_box_02 dl dd {
  float: right;
  width: 75%;
}

@media screen and (max-width: 1024px) {
  #selesage .merit_box_02 dl dd {
    width: 100%;
  }
}

#selesage .merit_box_05 dl {
  display: table;
  width: 100%;
}

#selesage .merit_box_05 dl dt {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
}

@media screen and (max-width: 1024px) {
  #selesage .merit_box_05 dl dt {
    width: 30px;
  }
}

#selesage .merit_box_05 dl dt span {
  width: 100%;
  display: block;
}

#selesage .merit_box_05 dl dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
}

#selesage .merit_box_05 dl dd .ttl {
  font-size: 120%;
}

@media screen and (max-width: 1024px) {
  #selesage .merit_box_05 dl dd .ttl {
    font-size: 110%;
  }
}

#selesage .merit_box_05 dl dd .ttl span {
  font-size: 90%;
  padding: 0.2em;
  color: #fff;
  background: #000;
}

#selesage .merit_box_05 .arrow {
  background: url(../service_image/system_arrow_bottom.svg) no-repeat center center;
  width: 20px;
  height: 20px;
  display: block;
  margin: 10px 0 10px 10px;
}

@media screen and (max-width: 1024px) {
  #selesage .merit_box_05 .arrow {
    margin: 10px 0 10px 5px;
  }
}

#selesage .wrap_system .inner {
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_system .inner {
    margin-bottom: 23px;
  }
}

#selesage .wrap_system .list {
  margin-bottom: 80px;
}

#selesage .wrap_system .list dl {
  display: table;
  width: 100%;
}

#selesage .wrap_system .list dl dt {
  display: table-cell;
  width: 40px;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_system .list dl dt {
    width: 30px;
  }
}

#selesage .wrap_system .list dl dt span {
  width: 100%;
  display: block;
}

#selesage .wrap_system .list dl dd {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
}

#selesage .wrap_system .list dl dd .ttl {
  font-size: 120%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_system .list dl dd .ttl {
    font-size: 110%;
  }
}

#selesage .wrap_system .list .arrow {
  background: url(../service_image/system_arrow_bottom.svg) no-repeat center center;
  width: 20px;
  height: 20px;
  display: block;
  margin: 10px 0 10px 10px;
}

#selesage .wrap_faq {
  margin-bottom: 80px;
}

#selesage .wrap_faq .main_ph {
  margin-bottom: 40px;
}

#selesage .wrap_faq .accordion ul {
  width: 100%;
  padding: 0;
}

#selesage .wrap_faq .accordion li {
  position: relative;
  border-bottom: 1px solid #eee;
  list-style: none;
}

#selesage .wrap_faq .accordion li:first-child {
  border-top: 1px solid #eee;
}

#selesage .wrap_faq .accordion > ul > li > a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  padding: 10px 0;
}

#selesage .wrap_faq .accordion > ul > li > a .ttl {
  font-size: 120%;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_faq .accordion > ul > li > a .ttl {
    font-size: 110%;
    padding: 0 60px 0 0;
  }
}

#selesage .wrap_faq .accordion > ul > li > a .ttl:before {
  content: "Q.";
  display: inline-block;
  width: 20px;
  color: #9f8e66;
  font-weight: 600;
}

#selesage .wrap_faq .accordion > ul > li > a .ttl:hover {
  color: #9f8e66;
}

#selesage .wrap_faq .accordion > ul > li > .ex {
  display: none;
  text-align: justify;
  font-size: 100%;
  padding: 20px 0;
}

#selesage .wrap_faq .accordion > ul > li > .ex p {
  margin-bottom: 10px;
}

#selesage .wrap_faq .accordion > ul > li > .ex .caption {
  font-size: 90%;
}

#selesage .wrap_faq .accordion li .accordion_icon {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 25%;
  right: 10px;
  background: url(../service_image/faq_arrow.svg);
  background-size: 100%;
}

#selesage .wrap_faq .accordion li .accordion_icon.active {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

#selesage .wrap_selesage {
  margin-bottom: 80px;
  padding: 0;
}

#selesage .wrap_selesage .inner .ttl {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  padding: 0 10%;
}

#selesage .wrap_selesage .inner ul {
  width: 100%;
}

#selesage .wrap_selesage .inner ul li {
  width: 100%;
  margin-bottom: 20px;
}

#selesage .wrap_selesage .inner ul li:last-child {
  margin-bottom: 0px;
}

#selesage .wrap_selesage .inner ul li a {
  display: block;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: table;
  background: url(../images/arrow_right.svg) #4b6e88 no-repeat;
  background-position: top 50% right 20px;
  background-size: 40px;
  position: relative;
  padding: 20px;
}

#selesage .wrap_selesage .inner ul li a .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
}

#selesage .wrap_selesage .inner ul li a .bar img {
  width: 100%;
}

#selesage .wrap_selesage .inner ul li a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage .wrap_selesage .inner ul li a .ph {
  display: table-cell;
  width: 20%;
  text-align: center;
  vertical-align: middle;
}

#selesage .wrap_selesage .inner ul li a p span {
  display: block;
  font-size: 90%;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0.2em;
}

#selesage .wrap_selesage .inner ul li a p {
  display: table-cell;
  width: 80%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  font-size: 140%;
  color: #fff;
  line-height: 1em;
  padding: 2em 0;
  font-weight: bold;
}

#selesage .wrap_propertyintroduction {
  padding: 0;
  margin-bottom: 60px;
}

#selesage .wrap_propertyintroduction .announce {
  border: 3px solid #cf0000;
  margin-bottom: 20px;
  position: relative;
  padding: 2px;
}

#selesage .wrap_propertyintroduction .announce_inner {
  border: 1px solid #cf0000;
}

#selesage .wrap_propertyintroduction .announce p {
  width: 100%;
  text-align: center;
  padding: 2em 20px;
  font-size: 1.3vw;
  font-weight: bold;
}

#selesage .wrap_propertyintroduction .announce p span {
  font-size: 120%;
  color: #cf0000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff66));
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

#selesage .wrap_propertyintroduction ul {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #selesage .wrap_propertyintroduction ul {
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 15px;
  }
}

#selesage .wrap_propertyintroduction ul li {
  padding: 16px;
  color: #fff;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px #7b7b7b;
          box-shadow: 0px 0px 5px #7b7b7b;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction ul li {
    padding: 10px;
    position: relative;
    color: #fff;
    background: #fff;
    position: relative;
    margin-bottom: 10px;
  }
}

#selesage .wrap_propertyintroduction .br-pc {
  display: block;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction .br-pc {
    display: none;
  }
}

#selesage .wrap_propertyintroduction ul li {
  margin-bottom: 10px;
}

#selesage .wrap_propertyintroduction ul li .bar {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 84px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction ul li .bar {
    width: 30%;
  }
}

#selesage .wrap_propertyintroduction ul li .ph {
  margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction ul li .ph {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction ul li .text {
    width: 100%;
    white-space: nowrap;
  }
}

#selesage .wrap_propertyintroduction ul li .text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 15px;
  word-break: keep-all;
}

#selesage .wrap_propertyintroduction ul li .text p span {
  margin-right: 6px;
  padding: 1px 4px;
  border: 1px solid #de0000;
  color: #de0000;
  word-break: keep-all;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction ul li .text p {
    font-size: 63%;
    margin-bottom: 10px;
  }
}

#selesage .wrap_propertyintroduction ul li p.message {
  margin-bottom: 0;
  font-weight: normal;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

#selesage .wrap_propertyintroduction ul li p.message b {
  font-weight: bold;
  color: #fff;
  font-size: 12px;
}

#selesage .wrap_propertyintroduction ul li .text p span {
  font-size: 60%;
  display: block;
}

#selesage .wrap_propertyintroduction ul li .btn {
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #selesage .wrap_propertyintroduction ul li .btn {
    width: 100%;
    margin-bottom: 0;
  }
}

#selesage .wrap_propertyintroduction ul li .btn a {
  background: #003f73;
  text-decoration: none;
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_propertyintroduction ul li .btn a {
    width: auto;
    height: auto;
    padding: 0.3em 3em;
    font-size: 90%;
  }
}

@media screen and (max-width: 768px) {
  #selesage .wrap_propertyintroduction ul li .btn a {
    width: 100%;
    font-size: 65%;
    line-height: unset;
  }
}

#selesage .wrap_propertyintroduction ul li .btn a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage .wrap_notes {
  background: #f9f4e9;
  padding: 30px;
  margin-bottom: 80px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_notes {
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
    padding: 20px;
  }
}

#selesage .wrap_notes .inner {
  background: #fff;
  padding: 30px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_notes .inner {
    padding: 20px;
  }
}

#selesage .wrap_notes .inner .ttl {
  font-size: 120%;
  margin-bottom: 20px;
}

#selesage .wrap_notes .inner dl {
  margin-bottom: 20px;
}

#selesage .wrap_notes .inner dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}

#selesage .wrap_notes .inner dl dd {
  font-size: 90%;
  color: #666;
}

#selesage .wrap_colamn {
  width: 100%;
  background: #f9f4e9;
  text-align: left;
  padding: 30px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_colamn {
    padding: 20px;
  }
}

#selesage .wrap_colamn .colamn_number {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c8bea7;
}

#selesage .wrap_colamn .colamn_number p {
  font-weight: bold;
  color: #9f8e66;
}

#selesage .wrap_colamn .colamn_inner .colamn_ttl {
  font-size: 130%;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  #selesage .wrap_colamn .colamn_inner .colamn_ttl {
    font-size: 120%;
  }
}

#selesage .colamn1 {
  margin-top: 40px;
  margin-bottom: 40px;
}

#selesage .colamn1 .colamntext .cl_text {
  float: left;
  width: 50%;
  padding-right: 20px;
}

#selesage .colamn1 .colamntext .cl_ph {
  float: right;
  width: 50%;
}

#selesage .tokyo_map {
  background: #eaf5f9;
  border: 20px solid #afd5e9;
  padding: 40px;
  margin-top: 80px;
  position: relative;
}

#selesage .tokyo_map .tokyo_map_inner {
  width: 100%;
  margin-bottom: 30px;
}

#selesage .tokyo_map .tokyo_map_inner .tokyo_map_text {
  float: left;
  width: 60%;
}

#selesage .tokyo_map .tokyo_map_inner .tokyo_map_text .tokyo_map_ttl {
  font-size: 150%;
  margin-bottom: 20px;
}

#selesage .tokyo_map .tokyo_map_inner .tokyo_map_ph {
  float: right;
  width: 40%;
  padding: 2% 0 0 2%;
  position: relative;
}

#selesage .tokyo_map .tokyo_map_inner .tokyo_map_ph img {
  position: relative;
}

#selesage .tokyo_map section {
  width: 100%;
  text-align: center;
  padding: 0;
}

#selesage .tokyo_map section #t_map {
  display: inline-block;
  padding: 0.8em 4em;
  background: #41bddb;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#selesage .tokyo_map section #t_map:hover {
  background: #40a9c2;
}

#selesage .tokyo_map section .modal-content {
  position: relative;
  width: 100%;
  display: table;
}

#selesage .tokyo_map section .modal-content .modal-content_inner {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 5%;
  position: relative;
}

#selesage .tokyo_map section .modal-content .modal-content_inner .sp {
  display: none;
}

#selesage .tokyo_map section .modal-content .modal-content_inner img {
  position: relative;
}

#selesage .tokyo_map section .modal-content .close-content {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
  cursor: pointer;
}

#selesage .tokyo_map section .modal-content .close-content img {
  width: 30px;
}

#selesage .wrap_ring {
  position: absolute;
  top: 31%;
  right: 11%;
  display: block;
  width: 50px;
  height: 50px;
  margin: 20px auto;
  border-radius: 100px;
  background: rgba(0, 36, 26, 0.2);
  z-index: 1;
}

#selesage .wrap_ring .ring {
  background: rgba(128, 230, 255, 0.4);
  position: absolute;
  height: 70px;
  width: 70px;
  top: -10px;
  left: -10px;
  border-radius: 100px;
}

#selesage .wrap_ring .ring {
  -webkit-animation: wave 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: wave 1s ease-out;
  -moz-animation-iteration-count: infinite;
  -ms-animation: wave 1s ease-out;
  -ms-animation-iteration-count: infinite;
  -o-animation: wave 1s ease-out;
  -o-animation-iteration-count: infinite;
  animation: wave 1s ease-out;
  animation-iteration-count: infinite;
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    opacity: 0;
  }
}

@keyframes wave {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0;
  }
}

#selesage .colamn2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

#selesage .colamn2 .colamntext .cl_text {
  width: 100%;
}

#selesage .colamn2 .colamntext .cl_ph {
  float: right;
  width: 50%;
  padding: 0 0 20px 20px;
}

#selesage .colamn3 {
  margin-top: 40px;
}

#selesage .colamn3 .colamntext .cl_text {
  width: 100%;
  margin-bottom: 20px;
}

#selesage .colamn3 .performance {
  width: 100%;
  text-align: center;
}

#selesage .colamn3 .performance .cell {
  width: 50%;
  float: left;
  border: 10px solid #f9f4e9;
  background: #fff;
  padding: 20px;
}

@media screen and (max-width: 1024px) {
  #selesage .colamn3 .performance .cell {
    width: 100%;
  }
}

#selesage .colamn3 .performance .cell p:first-child {
  font-weight: bold;
  text-align: left;
}

#selesage .colamn3 .performance .cell p:first-child span {
  font-weight: normal;
  font-size: 80%;
}

#selesage .colamn3 .performance .cell p:last-child {
  font-weight: normal;
  text-align: left;
}

#selesage .colamn4 {
  margin-top: 40px;
}

#selesage .colamn4 .img {
  padding: 20px 0;
}

#selesage .colamn5 {
  margin-top: 56px;
}

#selesage .colamn5 .cl_text {
  margin-bottom: 20px;
}

#selesage .colamn5 ul {
  width: 100%;
}

#selesage .colamn5 ul li {
  width: 48%;
  background: #e7e2d9;
  padding: 20px;
}

@media screen and (max-width: 1024px) {
  #selesage .colamn5 ul li {
    width: 100%;
    margin: 0 0 20px;
  }
}

#selesage .colamn5 ul li:first-child {
  float: left;
}

@media screen and (max-width: 1024px) {
  #selesage .colamn5 ul li:first-child {
    float: none;
  }
}

#selesage .colamn5 ul li:last-child {
  float: right;
}

#selesage .colamn5 ul li .ttl {
  font-size: 110%;
}

#selesage .colamn5 ul li p {
  font-size: 90%;
}

#selesage #selesage_btn_area {
  display: none;
  position: fixed;
  top: 110px;
  right: 20px;
  z-index: 101;
}

@media screen and (max-width: 1023px) {
  #selesage #selesage_btn_area {
    top: 20px;
  }
}

#selesage #selesage_btn_area a {
  width: 90px;
  display: block;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1023px) {
  #selesage #selesage_btn_area a {
    width: 60px;
  }
}

#selesage #selesage_btn_area a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage #selesage_btn_area a img {
  width: 100%;
}

#selesage #conversion_sp_selesage {
  display: none;
}

#selesage .conversion .tel a {
  border: none;
  display: inline-block;
  color: #4a6e89;
  font-size: 110%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
  background: #fff;
  /*line-height: 1em;*/
}

#selesage .conversion .tel a:hover {
  background: #fff;
  border: none;
}

#selesage .p-selesage-system__blue-text {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1.45;
  font-weight: bold;
  color: #005891;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-system__blue-text {
    font-size: 18px;
  }
}

#selesage .p-selesage-system__note {
  padding-top: 15px;
  text-align: right;
  font-size: 12px;
  color: #4e4e4e;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-system__note {
    padding-top: 13px;
    font-size: 10px;
    text-align: left;
  }
}

.p-selesage-merit__title {
  display: inline-block;
  width: 132px;
  font-weight: 200;
  color: #ccc;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__title {
    font-size: 32px;
    margin-left: 0;
    width: 76px;
  }
}

.p-selesage-merit__indexBox {
  display: -ms-grid;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(287px, 1fr));
  list-style: none;
  margin: 30px auto;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__indexBox {
    margin: 30px -20px;
  }
}

.p-selesage-merit__indexBox li {
  background-color: #eee;
  height: 99px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__indexBox li {
    height: unset;
  }
}

.p-selesage-merit__anchor {
  display: inline-block;
  padding: 15px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.2;
  }
}

.p-selesage-merit__anchorNum,
.p-selesage-merit__anchorDesc {
  -webkit-font-smoothing: antialiased;
}

.p-selesage-merit__anchorNum {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  color: #404040;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__anchorNum {
    left: 9px;
  }
}

.p-selesage-merit__anchorNum::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  display: block;
  position: absolute;
  top: 10px;
  right: -25px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__anchorNum::after {
    right: -15px;
  }
}

.p-selesage-merit__anchorDesc {
  display: block;
  padding: 15px 0;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__anchorDesc {
    display: inline-block;
    font-size: 14px;
    padding: 15px 0 15px 45px;
  }
}

.p-selesage-merit01__wrap, .p-selesage-merit03__wrap, #selesage .p-selesage-merit05__wrap, .p-selesage-merit04__wrap {
  position: relative;
  background-color: #7494cc;
  padding: 50px 32px 35px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit01__wrap, .p-selesage-merit03__wrap, #selesage .p-selesage-merit05__wrap, .p-selesage-merit04__wrap {
    padding: 20px;
  }
}

.p-selesage-merit__titleWrap, .p-selesage-merit02__titleWrap, .p-selesage-merit03__titleWrap, #selesage .p-selesage-merit05__titleWrap, .p-selesage-merit04__titleWrap {
  position: relative;
  max-width: 650px;
  height: 280px;
  margin-left: auto;
  background: url(../service_image/merit_01_bg.jpg) top right/cover no-repeat;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__titleWrap, .p-selesage-merit02__titleWrap, .p-selesage-merit03__titleWrap, #selesage .p-selesage-merit05__titleWrap, .p-selesage-merit04__titleWrap {
    position: relative;
    height: 218px;
    margin-left: 40px;
    background: url(../service_image/merit_01_bg.jpg) top center/cover no-repeat;
  }
}

.p-selesage-merit__titleWrap::after, .p-selesage-merit02__titleWrap::after, .p-selesage-merit03__titleWrap::after, #selesage .p-selesage-merit05__titleWrap::after, .p-selesage-merit04__titleWrap::after {
  content: "";
  position: absolute;
  top: 50px;
  right: -32px;
  width: 32px;
  height: 180px;
  display: inline-block;
  background: #51529d no-repeat;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__titleWrap::after, .p-selesage-merit02__titleWrap::after, .p-selesage-merit03__titleWrap::after, #selesage .p-selesage-merit05__titleWrap::after, .p-selesage-merit04__titleWrap::after {
    right: -20px;
    width: 20px;
    height: 122px;
  }
}

.p-selesage-merit__titleText {
  position: absolute;
  top: 145px;
  left: 30px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__titleText {
    top: 85px;
    left: 20px;
  }
}

.p-selesage-merit__titleText img {
  width: 157px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__titleText img {
    width: 126px;
    margin-bottom: 15px;
  }
}

.p-selesage-merit__subTitle {
  -webkit-font-smoothing: antialiased;
  display: table;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__subTitle {
    font-size: 17.5px;
  }
}

.p-selesage-merit__subTitle span {
  display: inline-block;
  padding: 6px 10px;
  margin-right: auto;
  background-color: #fff;
}

.p-selesage-merit__subTitle br + span {
  margin-top: 4px;
}

.p-selesage-merit__explanationContainer {
  display: inline-block;
  margin: 40px auto 0;
  padding: 32px 0 0;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__explanationContainer {
    padding-top: 24px;
  }
}

.p-selesage-merit__explanationTitle, .p-selesage-merit__placementTitle, .p-selesage-merit02__placementTitle, .p-selesage-merit03__placementTitle, .p-selesage-merit04__placementTitle, #selesage .p-selesage-merit__placementTitle, #selesage .p-selesage-merit02__placementTitle, #selesage .p-selesage-merit03__placementTitle, #selesage .p-selesage-merit04__placementTitle {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 400;
  padding: 50px 68px 30px;
  line-height: 40px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__explanationTitle, .p-selesage-merit__placementTitle, .p-selesage-merit02__placementTitle, .p-selesage-merit03__placementTitle, .p-selesage-merit04__placementTitle, #selesage .p-selesage-merit__placementTitle, #selesage .p-selesage-merit02__placementTitle, #selesage .p-selesage-merit03__placementTitle, #selesage .p-selesage-merit04__placementTitle {
    text-align: left;
    font-size: 18px;
    padding: 20px;
    line-height: 24px;
  }
}

.p-selesage-merit__explanationText, .p-selesage-merit02__explanationText, .p-selesage-merit03__effectText, .p-selesage-merit04__effectText {
  padding: 0 38px 40px;
  line-height: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #333;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__explanationText, .p-selesage-merit02__explanationText, .p-selesage-merit03__effectText, .p-selesage-merit04__effectText {
    padding: 0 20px 0;
    font-size: 14px;
    line-height: 28px;
  }
}

.p-selesage-merit__explanationImg, .p-selesage-merit__placementImg, .p-selesage-merit02__placementImg, .p-selesage-merit03__placementImg, .p-selesage-merit04__placementImg, #selesage .p-selesage-merit__placementImg, #selesage .p-selesage-merit02__placementImg, #selesage .p-selesage-merit03__placementImg, #selesage .p-selesage-merit04__placementImg {
  padding: 0 68px 70px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__explanationImg, .p-selesage-merit__placementImg, .p-selesage-merit02__placementImg, .p-selesage-merit03__placementImg, .p-selesage-merit04__placementImg, #selesage .p-selesage-merit__placementImg, #selesage .p-selesage-merit02__placementImg, #selesage .p-selesage-merit03__placementImg, #selesage .p-selesage-merit04__placementImg {
    padding: 0 20px;
  }
}

.p-selesage-merit__explanationImg::after, .p-selesage-merit__placementImg::after, .p-selesage-merit02__placementImg::after, .p-selesage-merit03__placementImg::after, .p-selesage-merit04__placementImg::after, #selesage .p-selesage-merit__placementImg::after, #selesage .p-selesage-merit02__placementImg::after, #selesage .p-selesage-merit03__placementImg::after, #selesage .p-selesage-merit04__placementImg::after {
  content: "";
  position: relative;
  top: 70px;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #eeeeee;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__explanationImg::after, .p-selesage-merit__placementImg::after, .p-selesage-merit02__placementImg::after, .p-selesage-merit03__placementImg::after, .p-selesage-merit04__placementImg::after, #selesage .p-selesage-merit__placementImg::after, #selesage .p-selesage-merit02__placementImg::after, #selesage .p-selesage-merit03__placementImg::after, #selesage .p-selesage-merit04__placementImg::after {
    top: 30px;
  }
}

.p-selesage-merit__placementTitle, .p-selesage-merit02__placementTitle, .p-selesage-merit03__placementTitle, .p-selesage-merit04__placementTitle {
  padding: 56px 68px 30px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__placementTitle, .p-selesage-merit02__placementTitle, .p-selesage-merit03__placementTitle, .p-selesage-merit04__placementTitle {
    font-size: 17px;
    padding: 50px 20px 20px;
  }
}

.p-selesage-merit__placementImg, .p-selesage-merit02__placementImg, .p-selesage-merit03__placementImg, .p-selesage-merit04__placementImg {
  padding: 0 68px 80px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__placementImg, .p-selesage-merit02__placementImg, .p-selesage-merit03__placementImg, .p-selesage-merit04__placementImg {
    padding: 0 20px 60px;
  }
}

.p-selesage-merit__placementImg::after, .p-selesage-merit02__placementImg::after, .p-selesage-merit03__placementImg::after, .p-selesage-merit04__placementImg::after {
  content: none;
}

.p-selesage-merit02__wrap, .p-selesage-merit03__wrap {
  position: relative;
  margin: 40px auto;
  padding: 50px 32px 63px;
  background-color: #507ea2;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__wrap, .p-selesage-merit03__wrap {
    padding: 20px;
  }
}

.p-selesage-merit02__titleWrap {
  background: url(../service_image/merit_02_bg.jpg) top right/cover no-repeat;
}

.p-selesage-merit02__titleWrap::after {
  background: #005294;
}

.p-selesage-merit02__explanationText, .p-selesage-merit03__effectText {
  padding: 0 56px 0;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__explanationText, .p-selesage-merit03__effectText {
    padding: 0 20px 0;
  }
}

.p-selesage-merit02__placementTitle {
  padding: 30px 56px 30px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__placementTitle {
    text-align: center;
    padding: 40px 20px 24px;
  }
}

.p-selesage-merit02__placementImg, .p-selesage-merit03__placementImg, .p-selesage-merit04__placementImg {
  padding: 0 30px 48px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__placementImg, .p-selesage-merit03__placementImg, .p-selesage-merit04__placementImg {
    padding: 0 20px 31px;
  }
}

.p-selesage-merit02__buildingManageWrap,
.p-selesage-merit02__rentalManageWrap {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  background-size: cover;
  margin: 20px 30px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__buildingManageWrap,
  .p-selesage-merit02__rentalManageWrap {
    margin: 20px;
  }
}

.p-selesage-merit02__buildingManageWrap {
  height: 128px;
  background: linear-gradient(87.35deg, rgba(255, 255, 255, 0) 0%, #e8eef3 100%), url(../service_image/building_manage_wrap.png) center left/cover no-repeat;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__buildingManageWrap {
    height: 244px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e8eef3)), url(../service_image/building_manage_wrap_sp.png) center left/cover no-repeat;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e8eef3 100%), url(../service_image/building_manage_wrap_sp.png) center left/cover no-repeat;
  }
}

.p-selesage-merit02__rentalManageWrap {
  height: 184px;
  background: linear-gradient(87.35deg, rgba(255, 255, 255, 0) 0%, #e4e0d4 100%), url(../service_image/building_rental_manage_wrap.png) center center/cover no-repeat;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__rentalManageWrap {
    height: 326px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e4e0d4)), url(../service_image/building_rental_manage_wrap_sp.png) center center/cover no-repeat;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e4e0d4 100%), url(../service_image/building_rental_manage_wrap_sp.png) center center/cover no-repeat;
  }
}

.p-selesage-merit02__subTitle {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 0;
  background-color: #fff;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__subTitle {
    top: 70px;
  }
}

.p-selesage-merit02__manageText,
.p-selesage-merit02__rentalManageText {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 35px;
  max-width: 416px;
  text-align: left;
  line-height: 24px;
  font-size: 15px;
  word-break: break-all;
  margin-left: 150px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__manageText,
  .p-selesage-merit02__rentalManageText {
    position: relative;
    right: unset;
    margin: 0 20px;
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__manageText {
    top: 50%;
  }
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__rentalManageText {
    top: 37%;
  }
}

.p-selesage-merit02__rentalManageDate {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  position: absolute;
  top: 135px;
  right: 227px;
  max-width: 416px;
  text-align: left;
  line-height: 24px;
  font-size: 15px;
  margin-left: 135px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__rentalManageDate {
    display: block;
    position: relative;
    top: 41%;
    left: 20px;
    font-size: 14px;
    margin: unset;
  }
}

.p-selesage-merit02__resultsContainer {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  display: inline-block;
  margin: 30px 30px 80px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__resultsContainer {
    margin: 30px 20px 40px;
  }
}

.p-selesage-merit02__resultsContainer h3 {
  display: -ms-grid;
  display: grid;
  place-items: center left;
  padding-left: 35px;
  height: 60px;
  font-size: 20px;
  color: #404040;
  background: linear-gradient(90deg, #67ac90 0%, #67ac90 8px, rgba(255, 254, 215, 0.4) 8px, rgba(255, 254, 215, 0.4) 100%);
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__resultsContainer h3 {
    height: 48px;
    font-size: 16px;
  }
}

.p-selesage-merit02__resultsWrap {
  background-color: #eaece0;
  padding: 35px 30px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__resultsWrap {
    padding: 35px 15px;
  }
}

.p-selesage-merit02__resultsWrap p {
  line-height: 24px;
  text-align: justify;
}

.p-selesage-merit02__resultsBox {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__resultsBox {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

.p-selesage-merit02__results {
  background-color: #fff;
}

.p-selesage-merit02__results h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 41px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__results h4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 64px;
    line-height: 20px;
  }
}

.p-selesage-merit02__results span:first-of-type {
  font-size: 11px;
  font-weight: normal;
}

.p-selesage-merit02__results table {
  text-align: left;
  font-size: 16px;
  margin: 10px 25px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit02__results table {
    font-size: 14px;
  }
}

.p-selesage-merit02__results th {
  width: 40%;
  font-weight: bold;
  padding: 4px;
}

.p-selesage-merit02__results td {
  font-weight: normal;
}

.p-selesage-merit03__wrap {
  background-color: #a0d6dc;
  margin: 40px auto;
}

.p-selesage-merit03__titleWrap {
  background: url(../service_image/merit_03_bg.jpg) bottom center/cover no-repeat;
}

.p-selesage-merit03__titleWrap::after {
  background: #448f97;
}

.p-selesage-merit03__effectText, .p-selesage-merit04__effectText {
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit03__effectText, .p-selesage-merit04__effectText {
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 28px;
  }
  .p-selesage-merit03__effectText .--sp-small, .p-selesage-merit04__effectText .--sp-small {
    font-size: 12px;
    line-height: 18px;
  }
}

.p-selesage-merit03__placementTitle {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 26px;
  font-weight: normal;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit03__placementTitle {
    font-size: 18px;
    margin: 0 auto 30px;
  }
}

.p-selesage-merit03__placementImg {
  margin-bottom: 56px;
  padding: 0 56px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit03__placementImg {
    padding: 0 20px;
    margin-bottom: 31px;
  }
}

.p-selesage-merit03__wrap {
  background-color: #a0d6dc;
  margin: 40px auto;
}

.p-selesage-merit03__titleWrap {
  background: url(../service_image/merit_04_bg.jpg) top center/cover no-repeat;
}

.p-selesage-merit03__titleWrap::after {
  background: #448f97;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit03__effectText, .p-selesage-merit04__effectText {
    line-height: 28px;
  }
}

.p-selesage-merit03__effectText span, .p-selesage-merit04__effectText span {
  display: inline-block;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(50%, rgba(171, 148, 18, 0.3)));
  background: linear-gradient(transparent 0%, transparent 60%, rgba(171, 148, 18, 0.3) 50%);
}

@media screen and (max-width: 768px) {
  .p-selesage-merit03__effectText span, .p-selesage-merit04__effectText span {
    display: inline;
  }
}

@media screen and (max-width: 768px) {
  .p-selesage-merit03__placementTitle {
    font-size: 15px;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 16px;
  }
}

.p-selesage-merit__returnButtonWrap {
  display: -ms-grid;
  display: grid;
  place-items: center;
  margin: 20px auto 80px;
}

.p-selesage-merit__returnButtonWrap a {
  -webkit-font-smoothing: antialiased;
  position: relative;
  width: 100%;
  max-width: 370px;
  margin: auto;
  padding: 20px 40px;
  text-align: center;
  color: #fff;
  background-color: #1767ac;
  font-weight: bold;
}

.p-selesage-merit__returnButtonWrap a::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("image/chevron-right-white.png") no-repeat;
  padding: 13px 8px;
  background-size: 20px;
}

#selesage .p-selesage-merit05__wrap {
  background-color: #b5b0aa;
}

#selesage .p-selesage-merit05__titleWrap {
  background: url(../service_image/merit_05_bg.jpg) center center/cover no-repeat;
}

#selesage .p-selesage-merit05__titleWrap::after {
  background: unset;
}

#selesage .p-selesage-merit05__placementTitle {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 400;
  padding: 0 68px 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__placementTitle {
    font-size: 18px;
    padding: 0 0 20px;
  }
}

#selesage .p-selesage-merit05__placementImg {
  padding: 0 108px 20px;
}

#selesage .p-selesage-merit05__placementImg img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__placementImg {
    padding: 0 20px;
  }
}

#selesage .p-selesage-merit05__stepContainer {
  margin: 40px 70px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__stepContainer {
    margin: 30px 20px 20px;
  }
}

#selesage .p-selesage-merit05__stepWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 1px #888;
  margin: 10px auto;
  padding: 15px;
}

#selesage .p-selesage-merit05__stepWrap:nth-child(n + 2)::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 48%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #e0e0e0 transparent transparent transparent;
}

#selesage .p-selesage-merit05__imgWrap {
  position: relative;
  max-width: 40px;
  margin: 20px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__imgWrap {
    max-width: 35px;
    margin: 0;
  }
}

#selesage .p-selesage-merit05__imgWrap::before {
  content: "";
  position: absolute;
  right: -10px;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #d8d8d8;
}

#selesage .p-selesage-merit05__textWrap {
  margin-left: 15px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__textWrap {
    margin-left: 20px;
    line-height: 27px;
    font-size: 11px;
  }
  #selesage .p-selesage-merit05__textWrap span:not(.p-selesage-merit05__largeText) {
    font-size: 11px;
  }
}

#selesage .p-selesage-merit05__largeText {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: 2px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__largeText {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
  }
}

#selesage .p-selesage-merit05__effectText {
  letter-spacing: 1.4;
  padding: 0 68px 60px;
  line-height: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  color: #333;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit05__effectText {
    padding: 0 20px 40px;
    font-size: 12px;
    line-height: 28px;
  }
  #selesage .p-selesage-merit05__effectText .--sp-small {
    font-size: 12px;
  }
}

#selesage .p-selesage-merit__titleWrap, #selesage .p-selesage-merit02__titleWrap, #selesage .p-selesage-merit03__titleWrap, #selesage .p-selesage-merit05__titleWrap, #selesage .p-selesage-merit04__titleWrap {
  position: relative;
  max-width: 650px;
  height: 258px;
  margin-left: auto;
  background: url(../service_image/merit_05_bg.jpg) center center/cover no-repeat;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__titleWrap, #selesage .p-selesage-merit02__titleWrap, #selesage .p-selesage-merit03__titleWrap, #selesage .p-selesage-merit05__titleWrap, #selesage .p-selesage-merit04__titleWrap {
    position: relative;
    height: 218px;
    margin-left: 40px;
    background: url(../service_image/merit_05_bg.jpg) top center/cover no-repeat;
  }
}

#selesage .p-selesage-merit__titleText {
  position: absolute;
  top: 145px;
  left: 30px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__titleText {
    top: 85px;
    left: 20px;
  }
}

#selesage .p-selesage-merit__titleText img {
  width: 102px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__titleText img {
    width: 126px;
    margin-bottom: 15px;
  }
}

#selesage .p-selesage-merit__subTitle {
  -webkit-font-smoothing: antialiased;
  display: table;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: inherit;
  padding: 2px 10px 6px;
  background-color: #fff;
  color: #333;
  border: none;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__subTitle {
    font-size: 17.5px;
  }
}

#selesage .p-selesage-merit__explanationContainer {
  display: none;
  margin: 40px auto 0;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__explanationContainer {
    padding-top: 24px;
  }
}

#selesage .p-selesage-merit__explanationTitle, #selesage .p-selesage-merit__placementTitle, #selesage .p-selesage-merit02__placementTitle, #selesage .p-selesage-merit03__placementTitle, #selesage .p-selesage-merit04__placementTitle {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 400;
  padding: 50px 68px 30px;
  line-height: 40px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__explanationTitle, #selesage .p-selesage-merit__placementTitle, #selesage .p-selesage-merit02__placementTitle, #selesage .p-selesage-merit03__placementTitle, #selesage .p-selesage-merit04__placementTitle {
    text-align: left;
    font-size: 18px;
    padding: 20px;
    line-height: 24px;
  }
}

#selesage .p-selesage-merit__explanationText, #selesage .p-selesage-merit02__explanationText, #selesage .p-selesage-merit03__effectText, #selesage .p-selesage-merit04__effectText {
  padding: 0 68px 60px;
  line-height: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  color: #333;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__explanationText, #selesage .p-selesage-merit02__explanationText, #selesage .p-selesage-merit03__effectText, #selesage .p-selesage-merit04__effectText {
    padding: 0 20px 0;
    font-size: 14px;
    line-height: 28px;
  }
}

#selesage .p-selesage-merit__explanationImg, #selesage .p-selesage-merit__placementImg, #selesage .p-selesage-merit02__placementImg, #selesage .p-selesage-merit03__placementImg, #selesage .p-selesage-merit04__placementImg {
  padding: 0 68px 70px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__explanationImg, #selesage .p-selesage-merit__placementImg, #selesage .p-selesage-merit02__placementImg, #selesage .p-selesage-merit03__placementImg, #selesage .p-selesage-merit04__placementImg {
    padding: 0 20px;
  }
}

#selesage .p-selesage-merit__explanationImg::after, #selesage .p-selesage-merit__placementImg::after, #selesage .p-selesage-merit02__placementImg::after, #selesage .p-selesage-merit03__placementImg::after, #selesage .p-selesage-merit04__placementImg::after {
  content: "";
  position: relative;
  top: 70px;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #eeeeee;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__explanationImg::after, #selesage .p-selesage-merit__placementImg::after, #selesage .p-selesage-merit02__placementImg::after, #selesage .p-selesage-merit03__placementImg::after, #selesage .p-selesage-merit04__placementImg::after {
    top: 30px;
  }
}

#selesage .p-selesage-merit__placementTitle, #selesage .p-selesage-merit02__placementTitle, #selesage .p-selesage-merit03__placementTitle, #selesage .p-selesage-merit04__placementTitle {
  padding: 56px 68px 30px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__placementTitle, #selesage .p-selesage-merit02__placementTitle, #selesage .p-selesage-merit03__placementTitle, #selesage .p-selesage-merit04__placementTitle {
    font-size: 17px;
    padding: 50px 20px 20px;
  }
}

#selesage .p-selesage-merit__placementImg, #selesage .p-selesage-merit02__placementImg, #selesage .p-selesage-merit03__placementImg, #selesage .p-selesage-merit04__placementImg {
  padding: 0 108px 80px;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__placementImg, #selesage .p-selesage-merit02__placementImg, #selesage .p-selesage-merit03__placementImg, #selesage .p-selesage-merit04__placementImg {
    padding: 0 20px 60px;
  }
}

#selesage .p-selesage-merit__placementImg::after, #selesage .p-selesage-merit02__placementImg::after, #selesage .p-selesage-merit03__placementImg::after, #selesage .p-selesage-merit04__placementImg::after {
  content: none;
}

#selesage .p-selesage-merit__explanation--accordion {
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-color: #4e4e4e;
  padding: 18px;
  cursor: pointer;
}

#selesage .p-selesage-merit__explanation--accordion span {
  position: relative;
  font-size: 16px;
  color: #fff;
}

#selesage .p-selesage-merit__explanation--accordion span::before {
  content: "";
  position: absolute;
  top: 5px;
  right: -30px;
  width: 20px;
  height: 20px;
  background: url(../service_image/circle-chevron-down.png) center center/cover no-repeat;
}

#selesage .p-selesage-merit__explanation--accordion.arrow-up span::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage-merit__explanation--accordion {
    padding: 6px;
  }
  #selesage .p-selesage-merit__explanation--accordion span {
    font-size: 14px;
  }
  #selesage .p-selesage-merit__explanation--accordion span::before {
    content: "";
    right: -20px;
    width: 14px;
    height: 14px;
  }
}

.u-ml--35 {
  margin-left: 35px;
}

@media screen and (max-width: 768px) {
  .u-br--pc-only {
    display: none;
  }
}

.u-br--sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-br--sp-only {
    display: inline;
  }
}

.p-selesage-merit__image-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__image-area {
    margin-bottom: 40px;
  }
}

.p-selesage-merit__image-area-element {
  width: 323px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__image-area-element {
    padding: 0 20px;
    width: 100%;
    margin: 40px 0 0;
  }
}

.p-selesage-merit__image-area-element-title {
  padding-bottom: 24px;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__image-area-element-title {
    padding-bottom: 16px;
  }
}

.p-selesage-merit__image-wrapper--target-area {
  margin: auto;
  width: 233px;
  height: 184px;
}

.p-selesage-merit__image-wrapper--target-area img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit__image-wrapper--target-area {
    width: auto;
    height: auto;
  }
}

.p-selesage-merit02__note {
  margin-top: 25px;
  text-align: right;
  font-size: 10px;
  color: #333333;
}

.p-selesage-merit04__placementImg {
  margin-bottom: 56px;
  padding: 0 56px;
}

.p-selesage-merit04__wrap {
  background-color: #e2d4c7;
  margin: 40px auto;
}

.p-selesage-merit04__titleWrap {
  background: url(../service_image/merit_4_bg.jpg) bottom center/cover no-repeat;
}

.p-selesage-merit04__titleWrap::after {
  background: #8b7e75;
}

.p-selesage-merit04__effectText {
  padding: 0 56px 0;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__effectText {
    line-height: 28px;
    padding: 0 20px 0;
  }
}

.p-selesage-merit04__effectText span {
  display: inline-block;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(50%, rgba(171, 148, 18, 0.3)));
  background: linear-gradient(transparent 0%, transparent 60%, rgba(171, 148, 18, 0.3) 50%);
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__effectText span {
    display: inline;
  }
}

.p-selesage-merit04__placementTitle {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__placementTitle {
    font-size: 18px;
    text-align: center;
  }
}

.p-selesage-merit04__note {
  padding-top: 20px;
  font-size: 10px;
  line-height: 2.5;
  text-align: right;
  color: #333;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__note {
    padding-top: 16px;
    line-height: 1.2;
  }
}

.p-selesage-merit04__board {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 23px;
     -moz-column-gap: 23px;
          column-gap: 23px;
  margin: 24px 56px 40px;
  padding: 30px;
  background-color: #fdf2ec;
  border: 3px solid #ed8185;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__board {
    margin: 24px 20px 20px;
    padding: 40px 20px 32px;
  }
}

.p-selesage-merit04__board-column {
  position: absolute;
  left: -3px;
  top: -3px;
  width: 79px;
  height: 79px;
}

.p-selesage-merit04__man-icon {
  width: 126px;
  height: 156px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__man-icon {
    display: none;
  }
}

.p-selesage-merit04__board-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__board-title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
    margin-bottom: 23px;
  }
}

.p-selesage-merit04__board-title {
  margin-bottom: 19px;
  text-align: left;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  text-decoration: underline;
  -webkit-text-decoration-color: #fadbca;
          text-decoration-color: #fadbca;
  text-decoration-thickness: 6px;
  text-underline-offset: -4px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__board-title {
    font-size: 12px;
    line-height: 1.4;
  }
}

.p-selesage-merit04__board-title--large {
  font-size: 26px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__board-title--large {
    font-size: 14px;
  }
}

.p-selesage-merit04__board-description {
  font-size: 15px;
  line-height: 2;
  color: #333333;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__board-description {
    font-size: 12px;
  }
}

.p-selesage-merit04__board-column--sp {
  display: none;
  width: 80px;
  height: 95px;
}

@media screen and (max-width: 768px) {
  .p-selesage-merit04__board-column--sp {
    display: block;
  }
}

.p-selesage__sale-property::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 130px;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 768px) {
  .p-selesage__sale-property::before {
    width: 48px;
  }
}

#selesage .p-selesage__sale-property {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  height: 48px;
  padding-right: 11%;
  background: -webkit-gradient(linear, left top, right top, from(#7494cc), to(#003f73));
  background: linear-gradient(to right, #7494cc, #003f73);
}

#selesage .p-selesage__sale-property-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ab9412;
  padding-bottom: 1px;
  width: 56px;
  height: 26px;
  font-size: 18px;
  color: white;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage__sale-property-new {
    position: relative;
    top: 1px;
    right: 6px;
    width: 40px;
    height: 24px;
    font-size: 13px;
    font-weight: 500;
  }
}

#selesage .p-selesage__sale-property-text {
  font-size: 18px;
  font-weight: bold;
  color: white;
}

#selesage .p-selesage__property-name-image {
  width: 69%;
  margin: 20px auto;
}

@media screen and (max-width: 768px) {
  #selesage .p-selesage__property-name-image {
    width: 73%;
    margin-top: 11px;
    margin-bottom: 0;
  }
}

#selesage {
  /*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
  /* CSS Document */
  /*====================================

etc

====================================*/
  /*====================================

font

====================================*/
  /*====================================

article

====================================*/
  /*====================================

column2

====================================*/
  /*====================================

column3

====================================*/
  /*====================================

column4

====================================*/
  /*====================================

column5

====================================*/
  /*====================================

column6

====================================*/
  /*====================================

Sd_ttl

====================================*/
  /*====================================

Sd_ttl_none

====================================*/
  /*====================================

Sd_onecol

====================================*/
  /*====================================

Sd_twocol

====================================*/
  /*====================================

SideNav

====================================*/
  /*==  SideNav reccomend  ===================*/
  /*==  SideNav service_menu  ===================*/
  /*====================================

pageNav01

====================================*/
  /*====================================

btn_area

====================================*/
  /*====================================

remodal

====================================*/
  /*====================================

Q&A

====================================*/
  /*====================================

bnr_column

====================================*/
  /*====================================

conversion

====================================*/
  /*.conversion .tel .number:before {
	content:" ";
	background:url("/biz/common/images/icon_tel.png");
	width: 34px;
	height: 34px;
	background-size:contain;
	padding-right: 10px;
	display: inline-block;
	background-size: 100%;
	vertical-align:middle;
	padding-right: 0px;
}*/
  /*====================================

BottomReccomend

====================================*/
  /*====================================

balloon-1-bottom

====================================*/
  /*====================================

to_top

====================================*/
  /*====================================

opacity

====================================*/
  /* =======================================

	cf

======================================= */
  /* For IE 6/7 (trigger hasLayout) */
  /* =======================================

	吹き出し

======================================= */
  /* balloon_bottom */
  /* balloon_top */
  /* balloon_left */
  /* balloon_right */
  /*
 *  Remodal - v1.0.5
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
  /* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
  /* Hide scroll bar */
  /* Anti FOUC */
  /* Necessary styles of the overlay */
  /* Necessary styles of the wrapper */
  /* Fix iPad, iPhone glitches */
  /* Necessary styles of the modal dialog */
  /*
 *  Remodal - v1.0.5
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
  /* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
  /* Default theme styles for the background */
  /* Default theme styles of the overlay */
  /* Default theme styles of the wrapper */
  /* Default theme styles of the modal dialog */
  /* Vertical align of the modal dialog */
  /* Close button */
  /* Dialog buttons */
  /* Remove inner padding and border in Firefox 4+ for the button tag. */
  /* Keyframes
   ========================================================================== */
  /* Media queries
   ========================================================================== */
  /* IE8
   ========================================================================== */
  /* 完売状態のstyle */
}

#selesage body,
#selesage div,
#selesage dl,
#selesage dt,
#selesage dd,
#selesage ul,
#selesage ol,
#selesage li,
#selesage h1,
#selesage h2,
#selesage h3,
#selesage h4,
#selesage h5,
#selesage h6,
#selesage pre,
#selesage code,
#selesage form,
#selesage fieldset,
#selesage legend,
#selesage input,
#selesage textarea,
#selesage p,
#selesage blockquote,
#selesage th,
#selesage td {
  margin: 0;
  padding: 0;
}

#selesage table {
  border-collapse: collapse;
  border-spacing: 0;
}

#selesage fieldset,
#selesage img {
  border: 0;
}

#selesage address,
#selesage caption,
#selesage cite,
#selesage code,
#selesage dfn,
#selesage em,
#selesage strong,
#selesage th,
#selesage var {
  font-style: normal;
  font-weight: normal;
}

#selesage li {
  list-style: none;
}

#selesage caption,
#selesage th {
  text-align: left;
}

#selesage h1,
#selesage h2,
#selesage h3,
#selesage h4,
#selesage h5,
#selesage h6 {
  font-weight: normal;
}

#selesage q:before,
#selesage q:after {
  content: "";
}

#selesage abbr,
#selesage acronym {
  border: 0;
  font-variant: normal;
}

#selesage sup {
  vertical-align: text-top;
}

#selesage sub {
  vertical-align: text-bottom;
}

#selesage input,
#selesage textarea,
#selesage select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#selesage input,
#selesage textarea,
#selesage select {
  *font-size: 100%;
}

#selesage legend {
  color: #000;
}

#selesage * {
  color: #333;
  border: 0;
  padding: 0;
  line-height: 1.75em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#selesage img {
  max-width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

#selesage body > img {
  height: 1px;
  width: 1px;
}

#selesage .irregular {
  background: #fff;
  width: 100%;
  font-size: 90%;
  text-align: center;
  border-bottom: 1px solid #eee;
  padding: 4px 0;
}

#selesage #search_area {
  margin: 0 auto;
}

#selesage .kome {
  font-size: 70%;
}

#selesage .caption {
  font-size: 90%;
  display: block;
  margin-top: 1em;
}

#selesage h1,
#selesage h2.nh2 {
  font-size: 180%;
  color: #fff;
  padding: 5px 0 5px 20px;
  background: #89a0b2;
  font-weight: normal;
  font-weight: bold;
}

#selesage h1 > .block,
#selesage h2.nh2 > .block {
  font-size: 100%;
  color: #fff;
}

#selesage h2,
#selesage h3.nh3 {
  font-size: 160%;
  padding: 10px 0;
  border-bottom: 2px solid #89a0b2;
  display: block;
  color: #4a6e89;
  margin-bottom: 20px !important;
  font-weight: bold;
}

#selesage h2 span,
#selesage h3.nh3 span {
  font-size: 100%;
}

#selesage h5,
#selesage .WpService_detail_detail .InheritanceArea .six_point h3 {
  font-size: 140%;
  display: block;
  color: #4a6e89;
  margin-bottom: 10px;
  border-left: 4px solid #4a6e89;
  padding-left: 10px;
}

#selesage h5 span {
  margin-left: 10px;
}

#selesage h6 {
  width: 100%;
  color: #fff;
  font-size: 100%;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  background: #89a0b2;
}

#selesage .marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff7b6));
  background: linear-gradient(transparent 60%, #fff7b6 60%);
  font-size: 100%;
  font-weight: bold;
}

#selesage article {
  margin: 0 0 60px;
  padding: 0 20px;
  text-align: justify;
}

#selesage .bnrArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#selesage .bnrArea img {
  width: 100%;
  max-width: 600px;
}

@media screen and (max-width: 600px) {
  #selesage .bnrArea {
    display: block;
  }
}

#selesage .column2 {
  margin-right: -1.4%;
  margin-bottom: 40px;
}

#selesage .column2 .cell {
  float: left;
  width: 48.6%;
  margin-right: 1.4%;
  text-align: center;
  padding: 4% 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#selesage .column3 {
  margin-right: -1.33%;
  margin-bottom: 40px;
}

#selesage .column3 .cell {
  float: left;
  width: 32%;
  margin-right: 1.33%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#selesage .column4 {
  margin-right: -1.4%;
  margin-bottom: 40px;
}

#selesage .column4 .cell {
  float: left;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

@media screen and (min-width: 1001px) {
  #selesage .column4 .cell {
    width: 23.6%;
    margin-right: 1.4%;
  }
}

@media screen and (max-width: 1000px) {
  #selesage .column4 .cell {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
}

#selesage .column5 {
  margin-right: -1.5%;
  margin-bottom: 40px;
}

#selesage .column5 .cell {
  float: left;
  width: 18.5%;
  margin-right: 1.5%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#selesage .column6 {
  margin-right: -1.666%;
  margin-bottom: 40px;
}

#selesage .column6 .cell {
  float: left;
  width: 15%;
  margin-right: 1.666%;
  background: #7dcbb5;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#selesage #Sd_ttl {
  width: 100%;
  background: #eee;
  margin-bottom: 40px;
}

#selesage #Sd_ttl span {
  display: block;
}

#selesage #Sd_ttl h2,
#selesage #Sd_ttl span {
  text-align: center;
  padding: 60px 0;
  font-size: 400%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#selesage #Sd_ttl h1 {
  text-align: center;
  padding: 60px 0 !important;
  font-size: 250%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 500 !important;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 0 !important;
  background: none !important;
}

#selesage #Sd_ttl_none {
  padding: 20px 0 0 0;
}

#selesage #Sd_onecol article {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 80px;
  padding: 0 20px;
  line-height: 1.75em;
  text-align: justify;
}

#selesage #Sd_twocol {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 80px;
  padding: 0 20px;
}

#selesage #Sd_twocol #SideNav {
  float: left;
  max-width: 250px;
  width: 100%;
}

#selesage #Sd_twocol .MainArea {
  float: right;
  width: 100%;
  margin-left: -300px;
}

#selesage #Sd_twocol .MainArea article {
  margin-left: 300px;
  line-height: 1.75em;
  text-align: justify;
}

#selesage #SideNav ul {
  width: 100%;
  border-top: 1px solid #ccc;
  margin-bottom: 40px;
}

#selesage #SideNav li {
  border-bottom: 1px solid #ccc;
}

#selesage #SideNav .back a {
  background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat;
}

#selesage #SideNav .back a:hover {
  background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat #eee;
}

#selesage #SideNav .list a {
  background: url(/biz/common/images/icon_list.png) 10px 14px no-repeat;
}

#selesage #SideNav .list a:hover {
  background: url(/biz/common/images/icon_list.png) 10px 14px no-repeat #eee;
}

#selesage #SideNav li a {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 14px 10px 14px 30px;
  font-size: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/biz/common/images/arrow_r_b.png) 10px 14px no-repeat;
}

#selesage #SideNav li a:hover {
  background: url(/biz/common/images/arrow_r_b.png) 10px 14px no-repeat #eee;
}

#selesage #SideNav .active {
  background: #eee !important;
}

#selesage #SideNav .reccomend {
  width: 100%;
}

#selesage #SideNav .reccomend a {
  text-decoration: none;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: none;
}

#selesage #SideNav .reccomend a:hover {
  background: #eee;
}

#selesage #SideNav .reccomend a img {
  width: 100%;
}

#selesage #SideNav .reccomend a .category {
  width: 70%;
  float: right;
  text-align: left;
  color: #4a6e89;
  font-size: 80%;
}

#selesage #SideNav .reccomend a .category::after {
  border: 1px solid #4a6e89;
  width: 20px;
  display: block;
  content: "";
  margin-top: 4px;
  margin-bottom: 4px;
}

#selesage #SideNav .reccomend a .ttl {
  width: 70%;
  font-size: 90%;
  float: right;
  text-align: left;
  text-align: justify;
}

#selesage #SideNav .reccomend a .date {
  width: 70%;
  font-size: 70%;
  float: right;
  text-align: right;
  color: #aaa;
}

#selesage #SideNav .sub_cat {
  border-top: 1px solid #fff !important;
  margin-top: -1px;
}

#selesage #SideNav .sub_cat a {
  padding: 10px 10px 10px 40px !important;
  font-size: 90% !important;
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat !important;
  background-size: 8px !important;
}

#selesage #SideNav .sub_cat a:hover {
  background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat #eee !important;
  background-size: 8px !important;
}

#selesage .service_menu ul {
  margin-bottom: -1px !important;
}

#selesage .service_menu li.selected {
  background-color: #f7f7f7;
}

#selesage .service_menu .sub_nav {
  margin-bottom: -40px;
}

#selesage .service_menu .sub_nav a {
  padding: 10px 10px 10px 50px !important;
  font-size: 80% !important;
  background: url(../../common/images/arrow_r_b.png) 30px 14px no-repeat !important;
  background-size: 8px !important;
  color: #666 !important;
}

#selesage .service_menu .sub_nav a:hover {
  background: url(../../common/images/arrow_r_b.png) 30px 14px no-repeat #eee !important;
  background-size: 8px !important;
}

#selesage .pageNav01 {
  margin: 0 0 10px;
  padding: 10px 10px 5px;
  text-align: center;
}

#selesage .pageNav01 li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

#selesage .pageNav01 li a {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 12px;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  background: #fff;
}

#selesage .pageNav01 li span {
  display: inline-block;
  margin-bottom: 5px;
  padding: 1px 8px;
  text-decoration: none;
  vertical-align: middle;
  font-weight: bold;
  color: #4a6e89;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  background: #fff;
}

#selesage .pageNav01 li a:hover {
  background: #333;
  color: #fff;
  display: inline-block;
}

#selesage .btntype_single ul {
  text-align: center;
}

#selesage .btntype_single li {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

#selesage .btntype_double ul {
  margin: 0 auto;
  width: 100%;
}

#selesage .btn_padding {
  padding: 0 40px;
}

#selesage .btntype_double li {
  width: 49%;
}

#selesage .btntype_double li:nth-child(even) {
  float: left;
}

#selesage .btntype_double li:nth-child(odd) {
  float: right;
}

#selesage .btntype_triple ul {
  margin-right: -1.33%;
  width: 100%;
}

#selesage .btntype_triple li {
  float: left;
  width: 32%;
  margin-right: 1.33%;
  text-align: center;
}

#selesage .btn_area a {
  display: block;
  padding: 20px 20px;
  text-decoration: none;
  font-size: 110%;
  width: 100%;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#selesage .btn_area .def a {
  color: #fff;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#selesage .btn_area .def a:hover {
  color: #4a6e89;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#selesage .btn_area .blue a {
  color: #fff;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#selesage .btn_area .blue a:hover {
  color: #4a6e89;
  border: 2px solid #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#selesage .btn_area .orange a {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #fcdbc6;
  background-position: right 20px top 50%;
}

#selesage .btn_area .orange a:hover {
  border: 2px solid #fcdbc6;
  color: #333;
  background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#selesage .btn_area .standout a {
  /*border: 2px solid #ec8848;*/
  border: 2px solid #4a6e89;
  color: #fff;
  /*background: url(/biz/common/images/arrow_r_w.png) no-repeat #ec8848;*/
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
}

#selesage .btn_area .standout a:hover {
  /*border: 2px solid #ec8848;*/
  border: 2px solid #4a6e89;
  /*color: #ec8848;*/
  color: #4a6e89;
  /*background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;*/
  background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#selesage .btn_area .sub a,
#selesage .btn_area .back a {
  display: block;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 90%;
  width: 100%;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 20px auto 0;
}

#selesage .btn_area .sub a {
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #ccc;
  background-position: right 20px top 50%;
}

#selesage .btn_area .sub a:hover {
  background: url(/biz/common/images/arrow_r_bl.png) no-repeat #aaa;
  background-position: right 20px top 50%;
}

#selesage .btn_area .back a {
  background: url(/biz/common/images/arrow_l_bl.png) no-repeat #ccc;
  background-position: left 20px top 50%;
}

#selesage .btn_area .back a:hover {
  background: url(/biz/common/images/arrow_l_bl.png) no-repeat #aaa;
  background-position: left 20px top 50%;
}

#selesage .remodal {
  z-index: 999999;
  position: relative;
}

#selesage .remodal-bg.with-red-theme.remodal-is-opening,
#selesage .remodal-bg.with-red-theme.remodal-is-opened {
  -webkit-filter: none;
          filter: none;
}

#selesage .remodal-overlay.with-red-theme {
  background-color: #f44336;
  z-index: 99999;
}

#selesage .remodal.with-red-theme {
  background: #fff;
}

#selesage .remodal li:first-child {
  margin-bottom: 20px;
}

#selesage .remodal li span {
  width: 40px;
  display: inline-block;
}

#selesage .remodal li .idpw {
  border: 1px solid #ccc;
  width: 400px;
  margin-left: 10px;
  padding: 6px;
}

#selesage .remodal .remodal-cancel,
#selesage .remodal .rremodal-confirm {
  margin: 0 20px;
}

#selesage .qa_list h2,
#selesage .qa_list h4 {
  padding: 0 0 0 20px;
  border-left: 6px solid #4a6e89;
  border-bottom: 0;
  margin: 70px 0 20px;
  line-height: 1;
  font-weight: normal;
  font-size: 156%;
  color: #333;
}

#selesage .qa_list dl {
  border: 2px solid #66ac90;
  padding: 12px 18px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#selesage .qa_list dt {
  width: 100%;
  font-size: 130%;
  /* font-weight: bold; */
  margin-bottom: 10px;
}

#selesage .qa_list dd {
  width: 48%;
}

#selesage .qa_list a {
  font-size: 110%;
  display: block;
  color: #fff;
  padding: 12px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #66ac90;
  background-position: right 20px top 50%;
}

#selesage .qa_list a:hover {
  opacity: 0.7;
}

#selesage .bnr_column {
  text-align: center;
}

#selesage .bnr_column img {
  width: inherit;
}

#selesage .bnr_column a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#selesage .bnr_column a:hover {
  opacity: 0.7;
}

#selesage .conversion {
  background: #e8eef3;
  padding: 20px 30px;
  width: 100%;
}

#selesage .conversion.form_only {
  background: none;
}

#selesage .conversion .ttl {
  text-align: center;
  color: #4a6e89;
  border-top: 1px solid #4a6e89;
  border-bottom: 1px solid #4a6e89;
  padding: 10px 0;
  font-size: 120%;
  margin-bottom: 30px;
}

#selesage .conversion ul {
  width: 100%;
}

#selesage .conversion li a {
  font-size: 110%;
  display: block;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  border: 2px solid #4a6e89;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
  background-position: right 20px top 50%;
  font-weight: bold;
}

#selesage .conversion li a:hover {
  border: 2px solid #4a6e89;
  color: #4a6e89;
  background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#selesage .conversion.management li a {
  padding: 10px;
}

#selesage .conversion .btn_one li {
  text-align: center;
  padding: 0 20%;
}

#selesage .conversion .btn_two li {
  text-align: center;
}

#selesage .conversion .btn_two li:nth-child(1) {
  width: 49%;
  float: left;
}

#selesage .conversion .btn_two li:nth-child(2) {
  width: 49%;
  float: right;
}

#selesage .conversion .tel li {
  width: 100%;
  padding: 10px;
  background: #fff;
  margin-top: 20px;
  text-align: center;
}

#selesage .conversion .tel .mds {
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-size: 90%;
  letter-spacing: 0;
}

#selesage .conversion .tel .number {
  color: #4a6e89;
  font-size: 280%;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
}

#selesage .conversion .tel .number a:before {
  content: " ";
  background: url(/biz/common/images/icon_tel.png);
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  padding-right: 0px;
}

#selesage .conversion .tel .number a {
  color: #4a6e89;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 700;
  letter-spacing: 0;
  border: none;
  background: none;
  padding: 0;
}

#selesage .conversion .tel .number a:before {
  content: " ";
  background: url("/biz/common/images/icon_tel.png");
  width: 34px;
  height: 34px;
  background-size: contain;
  padding-right: 10px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  padding-right: 0px;
}

#selesage .conversion .tel .reception {
  font-weight: normal;
  font-size: 80%;
  display: block;
  margin-top: -10px;
}

#selesage .conversion .tel .announce {
  color: #dd0000;
  margin-top: 4px;
  font-size: 90%;
}

#selesage .conversion .tel .house_agent {
  margin-top: 4px;
}

#selesage .conversion .tel .house_agent span {
  font-size: 90%;
  margin: 0 10px;
}

#selesage .conversion .tel .address {
  font-size: 80%;
}

#selesage .conversion .red {
  color: #94322d;
  margin-top: 10px;
}

#selesage #conversion_sp {
  display: none !important;
}

#selesage #BottomReccomend {
  width: 100%;
  margin-bottom: 40px;
}

#selesage #BottomReccomend .inner {
  max-width: 1200px;
  margin: 0 auto;
}

#selesage #BottomReccomend .inner .BottomReccomendTtl {
  padding: 0 10px;
  margin-bottom: 20px;
}

#selesage #BottomReccomend .inner .BottomReccomendTtl p {
  background: #89a0b2;
  color: #fff;
  padding: 10px 20px;
  font-size: 110%;
}

#selesage #BottomReccomend h3,
#selesage #BottomReccomend h1 {
  border-bottom: solid 1px #000;
  width: 260px;
  color: #000;
  font-size: 120%;
  margin-bottom: 20px;
  display: block;
}

#selesage #BottomReccomend .contents {
  display: table;
}

#selesage #BottomReccomend .contents li {
  display: table-cell;
  width: 20%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 10px;
  vertical-align: top;
}

#selesage #BottomReccomend .contents li a {
  text-decoration: none;
  background: #fff;
  display: block;
  height: 100%;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #ddd;
  min-height: 350px;
}

#selesage #BottomReccomend .contents li a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}

#selesage #BottomReccomend .contents li a .category {
  width: 100%;
  padding: 20px 0 0 0;
  letter-spacing: 0;
  text-align: center;
  color: #4278a2;
  font-size: 80%;
  font-weight: 400;
}

#selesage #BottomReccomend .contents li a .category::after {
  width: 30px;
  height: 1px;
  content: "";
  background: #4278a2;
  display: block;
  text-align: center;
  margin: 10px auto 10px;
}

#selesage #BottomReccomend .contents li a .ttl {
  padding: 0 10px 10px 10px;
  font-size: 90%;
  font-weight: bold;
  text-align: justify;
  letter-spacing: 0;
  margin-bottom: 40px;
}

#selesage #BottomReccomend .contents li a .date {
  font-size: 80%;
  color: #aaa;
  text-align: right;
  font-family: ‘Metrophobic’, Arial, serif;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 10px;
  letter-spacing: 0;
}

#selesage .balloon-1-bottom {
  position: relative;
  display: inline-block;
  padding: 20px;
  width: auto;
  min-width: 125px;
  line-height: 1.75em;
  color: #333;
  text-align: justify;
  background: #fff;
  border: 1px solid #3c88bf;
  z-index: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#selesage .balloon-1-bottom:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
  z-index: 0;
}

#selesage .balloon-1-bottom:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #3c88bf transparent transparent transparent;
  z-index: -1;
}

#selesage #to_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 9999;
}

#selesage #to_top a {
  width: 80px;
  height: 80px;
  display: block;
  background: url(../images/pagetop.png) no-repeat;
}

#selesage #to_top a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#selesage .opacity a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  zoom: 1;
}

#selesage .cf:before,
#selesage .cf:after {
  content: "";
  display: table;
}

#selesage .cf:after {
  clear: both;
}

#selesage .cf {
  zoom: 1;
}

#selesage .balloon_bottom,
#selesage .balloon_top,
#selesage .balloon_right,
#selesage .balloon_left {
  position: relative;
  display: inline-block;
  padding: 20px;
  background: #fff;
  width: auto;
  z-index: 0;
  text-align: center;
  line-height: 1.75em;
  border: 2px solid #89a0b2;
  text-align: justify;
}

#selesage .balloon_bottom:before,
#selesage .balloon_top:before,
#selesage .balloon_right:before,
#selesage .balloon_left:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 0;
  border-style: solid;
}

#selesage .balloon_bottom:after,
#selesage .balloon_top:after,
#selesage .balloon_right:after,
#selesage .balloon_left:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: -1;
  border-style: solid;
}

#selesage .balloon_bottom:before {
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
}

#selesage .balloon_bottom:after {
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #89a0b2 transparent transparent transparent;
}

#selesage .balloon_top:before {
  top: -9px;
  left: 50%;
  margin-left: -9px;
  display: block;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #fff transparent;
}

#selesage .balloon_top:after {
  top: -12px;
  left: 50%;
  margin-left: -10px;
  display: block;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #89a0b2 transparent;
}

#selesage .balloon_left:before {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  display: block;
  border-width: 9px 9px 9px 0;
  border-color: transparent #fff transparent transparent;
}

#selesage .balloon_left:after {
  top: 50%;
  left: -12px;
  margin-top: -10px;
  display: block;
  border-width: 10px 10px 10px 0;
  border-color: transparent #89a0b2 transparent transparent;
}

#selesage .balloon_right:before {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  display: block;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fff;
}

#selesage .balloon_right:after {
  top: 50%;
  right: -12px;
  margin-top: -10px;
  display: block;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #89a0b2;
}

@media screen and (max-width: 1024px) {
  #selesage {
    /* CSS Document */
    /*====================================

    etc

    ====================================*/
    /*====================================

    font

    ====================================*/
    /*====================================

    bread

    ====================================*/
    /*====================================

    wrapper_body

    ====================================*/
    /*====================================

    article

    ====================================*/
    /*====================================

    header

    ====================================*/
    /*====================================

    Sd_ttl

    ====================================*/
    /*====================================

    Sd_ttl_none

    ====================================*/
    /*====================================

    SideNav

    ====================================*/
    /*==  SideNav reccomend  ===================*/
    /*==  SideNav service_menu  ===================*/
    /*====================================

    pageNav01

    ====================================*/
    /*====================================

    btn_area

    ====================================*/
    /* Q&A */
    /*====================================

    conversion

    ====================================*/
    /*====================================

    BottomReccomend

    ====================================*/
    /*====================================

    to_top

    ====================================*/
    /* =======================================

        cf

    ======================================= */
    /* For IE 6/7 (trigger hasLayout) */
    /* =======================================

        吹き出し

    ======================================= */
    /* balloon_bottom */
    /* balloon_top */
    /* balloon_left */
    /* balloon_right */
    /*====================================

    bread

    ====================================*/
  }
  #selesage * {
    color: #333;
    border: 0;
    padding: 0;
    line-height: 1.75em;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }
  #selesage body {
    -webkit-text-size-adjust: 100%;
  }
  #selesage img {
    max-width: 100%;
  }
  #selesage .kome {
    font-size: 70%;
  }
  #selesage .caption {
    font-size: 90%;
    display: block;
    margin-top: 1em;
  }
  #selesage h1,
  #selesage h2.nh2 {
    font-size: 140%;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    background: #89a0b2;
    font-weight: bold;
  }
  #selesage h1 > .block,
  #selesage h2.nh2 > .block {
    font-size: 100%;
    color: #fff;
    display: block;
  }
  #selesage h2,
  #selesage h3.nh3 {
    font-size: 130%;
    padding: 10px 0;
    border-bottom: 2px solid #89a0b2;
    display: block;
    color: #4a6e89;
    margin-bottom: 20px;
    font-weight: bold;
  }
  #selesage h2 span,
  #selesage h3.nh3 span {
    font-size: 100%;
  }
  #selesage h5,
  #selesage .WpService_detail_detail .InheritanceArea .six_point h3 {
    font-size: 140%;
    display: block;
    color: #4a6e89;
    margin-bottom: 10px;
    border-left: 4px solid #4a6e89;
    padding-left: 10px;
  }
  #selesage h5 span {
    margin-left: 10px;
  }
  #selesage h6 {
    width: 100%;
    color: #000;
    font-size: 100%;
    padding: 10px;
    margin-bottom: 20px;
    margin-left: 0px;
    background: #89a0b2;
    color: #fff;
  }
  #selesage .marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff7b6));
    background: linear-gradient(transparent 60%, #fff7b6 60%);
    font-size: 100%;
    font-weight: bold;
  }
  #selesage #wrapper_body {
    width: 100%;
  }
  #selesage article {
    width: 100%;
    margin: 0 0 50px;
    padding: 0 20px;
    text-align: justify;
  }
  #selesage #header {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
  }
  #selesage #header .logo {
    display: none;
  }
  #selesage #header .upper {
    display: none;
  }
  #selesage #header .logo_small {
    width: 260px;
    position: absolute;
    top: 16px;
    left: 20px;
  }
  #selesage #header #hNav #pull {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
  }
  #selesage #header #hNav #pull span {
    height: 40px;
    font-size: 200%;
    line-height: 40px;
    color: #fff;
  }
  #selesage #header #hNav #pull span.icon-batsu {
    display: none;
  }
  #selesage #header #hNav #pull.on span.icon-sp {
    display: none;
  }
  #selesage #header #hNav #pull.on span.icon-batsu {
    display: block;
  }
  #selesage #header .nav {
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #94a3ab;
  }
  #selesage #header .nav .inner ul.cf {
    zoom: 100%;
    min-hight: 0px;
  }
  #selesage #header .nav .inner ul.cf:after {
    content: "";
    display: block;
    clear: both;
  }
  #selesage #header .nav .inner ul li {
    width: 50%;
    float: left;
  }
  #selesage #header .nav .inner ul li.nav_home {
    width: 100%;
  }
  #selesage #header .nav .inner ul li.nav_home .icon_home {
    display: none;
  }
  #selesage #header .nav .inner ul li a,
  #selesage #header .nav .inner ul li em {
    text-decoration: none;
    display: block;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #474342;
    overflow: hidden;
  }
  #selesage #header .nav .inner ul li:not(.btSp) a,
  #selesage #header .nav .inner ul li:not(.btSp) em {
    height: 65px;
  }
  #selesage #header .nav .inner ul li a span {
    display: block;
    width: 100%;
    line-height: 65px;
    text-align: center;
    color: #fff;
    font-size: 12px;
  }
  #selesage #header .nav .inner ul li em span {
    display: block;
    width: 100%;
    line-height: 65px;
    text-align: center;
    color: #888;
    font-size: 12px;
  }
  #selesage #header .nav li.nav_home a span:first-of-type {
    display: none;
  }
  #selesage #header .nav .inner ul li.btSp {
    float: none;
    width: 100%;
    display: block;
  }
  #selesage #header .nav .inner ul li.btSp a {
    background-color: #5a5756;
    color: #fff;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
  }
  #selesage #header .nav .inner ul li.btSp a span {
    display: inline-block;
    width: auto;
    padding: 5px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: #fff;
    font-size: 10px;
    line-height: 10px;
    color: #5a5756;
  }
  #selesage #header .nav .inner ul li a:hover,
  #selesage #header .nav .inner ul li.on a {
    background-color: #94a3ab;
    color: #5a5756;
  }
  @font-face {
    #selesage {
      font-family: "IcoMoon-Free";
      src: url("../font/IcoMoon-Free.ttf?-b7qzp2") format("truetype");
      font-weight: normal;
      font-style: normal;
    }
  }
  #selesage .icon {
    font-family: "IcoMoon-Free";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /* Enable Ligatures ================ */
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #selesage body #hNav #pull span.icon-sp {
    background-color: transparent;
    background-image: url(../images/icon-sp.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
  }
  #selesage body #hNav #pull.on span.icon-sp {
    display: none;
  }
  #selesage #Sd_ttl {
    width: 100%;
    background: #eee;
    margin: 0 0 20px;
    border: none !important;
  }
  #selesage #Sd_ttl h2,
  #selesage #Sd_ttl span {
    text-align: center;
    padding: 40px 0;
    font-size: 200%;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  }
  #selesage #Sd_ttl h1 {
    text-align: center;
    padding: 40px 0 !important;
    font-size: 200%;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 500 !important;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 0 !important;
    background: none !important;
  }
  #selesage #Sd_ttl_none {
    padding: 80px 0 0 0;
  }
  #selesage #SideNav {
    padding: 0 20px;
  }
  #selesage #SideNav .side ul {
    width: 100%;
    border-top: 1px solid #eee;
    margin-bottom: 40px;
  }
  #selesage #SideNav .side li {
    border-bottom: 1px solid #eee;
  }
  #selesage #SideNav .side .back a {
    background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat;
  }
  #selesage #SideNav .side .back a:hover {
    background: url(/biz/common/images/arrow_l_bl.png) 10px 14px no-repeat #eee;
  }
  #selesage #SideNav .side li a {
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 14px 10px 14px 30px;
    font-size: 100%;
    color: #333;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: url(../../common/images/arrow_r_b.png) 10px 14px no-repeat;
  }
  #selesage #SideNav .side li a:hover {
    background: url(../../common/images/arrow_r_b.png) 10px 14px no-repeat #eee;
  }
  #selesage #SideNav .reccomend {
    width: 100%;
    margin-bottom: 20px;
  }
  #selesage #SideNav .reccomend a {
    text-decoration: none;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #333;
  }
  #selesage #SideNav .reccomend a:hover {
    background: #eee;
  }
  #selesage #SideNav .reccomend a img {
    /*width: 25%;
        float: left;*/
  }
  #selesage #SideNav .reccomend a .category {
    width: 70%;
    float: right;
    text-align: left;
    color: #4a6e89;
    font-size: 80%;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 400;
  }
  #selesage #SideNav .reccomend a .category::after {
    border: 1px solid #4a6e89;
    width: 20px;
    display: block;
    content: "";
    margin-top: 4px;
    margin-bottom: 4px;
  }
  #selesage #SideNav .reccomend a .ttl {
    width: 70%;
    font-size: 90%;
    float: right;
    text-align: left;
    text-align: justify;
  }
  #selesage #SideNav .reccomend a .date {
    width: 70%;
    font-size: 70%;
    float: right;
    text-align: right;
    color: #aaa;
    margin-top: 10px;
  }
  #selesage #SideNav .subsubcategory a {
    padding: 10px 10px 10px 40px !important;
    font-size: 80% !important;
    background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat !important;
    background-size: 8px !important;
  }
  #selesage #SideNav .subsubcategory a:hover {
    background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat #eee !important;
    background-size: 8px !important;
  }
  #selesage .service_menu li a {
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 14px 10px 14px 30px;
    font-size: 100%;
    color: #333;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: url(../../common/images/arrow_r_b.png) 10px 14px no-repeat;
    border-bottom: 1px solid #eee;
  }
  #selesage .service_menu .sub_nav {
    margin-bottom: -1px !important;
  }
  #selesage .service_menu .sub_nav a {
    padding: 10px 10px 10px 40px !important;
    font-size: 90% !important;
    background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat !important;
    background-size: 8px !important;
  }
  #selesage .service_menu .sub_nav a:hover {
    background: url(../../common/images/arrow_r_b.png) 20px 14px no-repeat #eee !important;
    background-size: 8px !important;
  }
  #selesage .pageNav01 {
    margin: 0 0 10px;
    padding: 10px 0 5px;
    text-align: center;
  }
  #selesage .pageNav01 li {
    display: inline;
    margin: 0 2px;
    padding: 0;
  }
  #selesage .pageNav01 li a {
    display: inline-block;
    margin-bottom: 5px;
    padding: 4px 12px;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid #fff;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 700;
    background: #fff;
    color: #333;
  }
  #selesage .pageNav01 li span {
    display: inline-block;
    margin-bottom: 5px;
    padding: 1px 8px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    color: #4a6e89;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 700;
    background: #fff;
  }
  #selesage .pageNav01 li a:hover {
    border-color: #4a6e89;
    background: #4a6e89;
    color: #fff;
    display: inline-block;
  }
  #selesage .btntype_single ul {
    text-align: center;
  }
  #selesage .btntype_single li {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
  }
  #selesage .btntype_double ul {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
  }
  #selesage .btntype_double li {
    width: 100%;
    margin-bottom: 10px;
  }
  #selesage .btntype_triple ul {
    width: 100%;
  }
  #selesage .btntype_triple li {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  #selesage .btn_area a {
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    font-size: 110%;
    width: 100%;
    font-weight: bold;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #selesage .btn_area .def a {
    color: #fff;
    border: 2px solid #4a6e88;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .def a:hover {
    color: #4a6e88;
    border: 2px solid #4a6e88;
    background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .blue a {
    color: #fff;
    border: 2px solid #4a6e89;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .blue a:hover {
    color: #4a6e89;
    border: 2px solid #4a6e89;
    background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .orange a {
    border: 2px solid #fcdbc6;
    color: #333;
    background: url(/biz/common/images/arrow_r_bl.png) no-repeat #fcdbc6;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .orange a:hover {
    border: 2px solid #fcdbc6;
    color: #333;
    background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .standout a {
    border: 2px solid #ec8848;
    color: #fff;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #ec8848;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .standout a:hover {
    border: 2px solid #ec8848;
    color: #ec8848;
    background: url(/biz/common/images/arrow_r_or.png) no-repeat #fff;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .sub a {
    display: block;
    padding: 14px 10px;
    text-decoration: none;
    font-size: 90%;
    width: 80%;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 20px auto 0;
    background: url(/biz/common/images/arrow_r_bl.png) no-repeat #ccc;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .sub a:hover {
    background: url(/biz/common/images/arrow_r_bl.png) no-repeat #aaa;
    background-position: right 20px top 50%;
  }
  #selesage .btn_area .back a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 90%;
    width: 80%;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 20px auto 0;
    background: url(/biz/common/images/arrow_l_bl.png) no-repeat #ccc;
    background-position: left 20px top 50%;
  }
  #selesage .btn_area .back a:hover {
    background: url(/biz/common/images/arrow_l_bl.png) no-repeat #aaa;
    background-position: left 20px top 50%;
  }
  #selesage .qa_list h2,
  #selesage .qa_list h4 {
    padding: 0 0 0 20px;
    border-left: 6px solid #4a6e89;
    border-bottom: 0;
    margin: 70px 0 20px;
    line-height: 1;
    font-weight: normal;
    font-size: 156%;
    color: #333;
  }
  #selesage .qa_list dl {
    border: 2px solid #66ac90;
    padding: 12px 18px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #selesage .qa_list dt {
    font-size: 130%;
    /* font-weight: bold; */
    margin-bottom: 10px;
  }
  #selesage .qa_list dd {
    margin-bottom: 10px;
  }
  #selesage .qa_list a {
    font-size: 100%;
    display: block;
    color: #fff;
    padding: 12px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #66ac90;
    background-position: right 20px top 50%;
  }
  #selesage .qa_list a:hover {
    opacity: 0.7;
  }
  #selesage .conversion {
    background: #e8eef3;
    padding: 14px;
    width: 100%;
  }
  #selesage .conversion.form_only {
    background: none;
    padding: 0;
    margin-top: 30px;
  }
  #selesage .conversion .ttl {
    text-align: center;
    color: #4a6e89;
    border-top: 1px solid #4a6e89;
    border-bottom: 1px solid #4a6e89;
    padding: 10px 0;
    font-size: 120%;
    margin-bottom: 30px;
  }
  #selesage .conversion ul {
    width: 100%;
  }
  #selesage .conversion li a {
    font-size: 110%;
    display: block;
    color: #fff;
    padding: 20px;
    text-decoration: none;
    border: 2px solid #4a6e89;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
    background-position: right 20px top 50%;
    font-weight: bold;
    width: 100%;
  }
  #selesage .conversion li a:hover {
    border: 2px solid #4a6e89;
    color: #4a6e89;
    background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
    background-position: right 20px top 50%;
  }
  #selesage .conversion .btn_one li {
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
  }
  #selesage .conversion .btn_two li {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
  }
  #selesage .conversion .tel li {
    width: 100%;
    padding: 10px;
    background: #fff;
    text-align: center;
  }
  #selesage .conversion .tel .mds {
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 90%;
    letter-spacing: 0;
  }
  #selesage .conversion .tel .number {
    color: #4a6e89;
    font-size: 240%;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 700;
    letter-spacing: 0;
  }
  #selesage .conversion .tel .number a:before {
    content: " ";
    background: url(/biz/common/images/icon_tel.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    padding-right: 0px;
  }
  #selesage .conversion .tel .number a {
    color: #4a6e89;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 700;
    letter-spacing: 0;
    border: none;
    background: none;
    padding: 0;
  }
  #selesage .conversion .tel .number a:before {
    content: " ";
    background: url("/biz/common/images/icon_tel.png");
    width: 24px;
    height: 24px;
    background-size: contain;
    padding-right: 10px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    padding-right: 0px;
  }
  #selesage .conversion .tel .reception {
    font-weight: normal;
    font-size: 80%;
    display: block;
    margin-top: -10px;
  }
  #selesage .conversion .tel .announce {
    color: #dd0000;
    margin-top: 4px;
    font-size: 90%;
  }
  #selesage .conversion .tel .house_agent {
    margin-top: 4px;
  }
  #selesage .conversion .tel .house_agent span {
    font-size: 90%;
    display: block;
  }
  #selesage .conversion .tel .address {
    font-size: 80%;
  }
  #selesage #conversion_sp {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 10px 60px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
  }
  #selesage #conversion_sp li:first-child {
    width: 38%;
    float: left;
  }
  #selesage #conversion_sp li:last-child {
    width: 60%;
    float: right;
  }
  #selesage #conversion_sp.conversion_sp-single li:last-child {
    float: none;
    width: 100%;
    text-align: center;
  }
  #selesage #conversion_sp a {
    display: block;
    padding: 10px;
    font-weight: normal;
    font-size: 80%;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
    background-position: right 10px top 50%;
    background-size: 8px;
    width: 100%;
    text-decoration: none;
    color: #fff;
  }
  #selesage .conversion .red {
    color: #94322d;
    margin-top: 10px;
  }
  #selesage #BottomReccomend {
    width: 100%;
    background: #f7f7f7;
    padding: 20px;
  }
  #selesage #BottomReccomend .inner .BottomReccomendTtl {
    margin-bottom: 20px;
  }
  #selesage #BottomReccomend .inner .BottomReccomendTtl p {
    background: #89a0b2;
    color: #fff;
    padding: 10px 20px;
    font-size: 110%;
  }
  #selesage #BottomReccomend .contents li {
    width: 100%;
    margin-bottom: 10px;
  }
  #selesage #BottomReccomend .contents li a {
    text-decoration: none;
    background: #fff;
    display: block;
    height: 100%;
    position: relative;
    padding: 20px 10px;
  }
  #selesage #BottomReccomend .contents li a img {
    float: left;
    width: 20%;
  }
  #selesage #BottomReccomend .contents li a .category {
    float: right;
    width: 80%;
    padding: 0 0 0 20px;
    letter-spacing: 0;
    color: #4b6e8a;
    font-size: 80%;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 400;
  }
  #selesage #BottomReccomend .contents li a .category::after {
    width: 30px;
    height: 1px;
    content: "";
    background: #4b6e8a;
    display: block;
    margin: 10px 0;
  }
  #selesage #BottomReccomend .contents li a .ttl {
    float: right;
    width: 80%;
    padding: 0 0 0 20px;
    font-size: 100%;
    font-weight: bold;
    text-align: justify;
    letter-spacing: 0;
    margin-bottom: 40px;
    color: #4b6e8a;
  }
  #selesage #BottomReccomend .contents li a .date {
    font-size: 80%;
    color: #aaa;
    text-align: right;
    font-family: ‘Metrophobic’, Arial, serif;
    font-weight: 400;
    position: absolute;
    bottom: 10px;
    right: 10px;
    letter-spacing: 0;
  }
  #selesage #to_top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99999;
  }
  #selesage #to_top a {
    width: 60px;
    height: 60px;
    display: block;
    background: url(../images/pagetop.png) no-repeat;
    background-size: 100%;
  }
  #selesage #to_top a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    zoom: 1;
  }
  #selesage .cf:before,
  #selesage .cf:after {
    content: "";
    display: table;
  }
  #selesage .cf:after {
    clear: both;
  }
  #selesage .cf {
    zoom: 1;
  }
  #selesage .balloon_bottom,
  #selesage .balloon_top,
  #selesage .balloon_right,
  #selesage .balloon_left {
    position: relative;
    display: inline-block;
    padding: 20px;
    background: #fff;
    width: auto;
    z-index: 0;
    text-align: center;
    line-height: 1.75em;
    border: 2px solid #89a0b2;
    text-align: justify;
  }
  #selesage .balloon_bottom:before,
  #selesage .balloon_top:before,
  #selesage .balloon_right:before,
  #selesage .balloon_left:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 0;
    border-style: solid;
  }
  #selesage .balloon_bottom:after,
  #selesage .balloon_top:after,
  #selesage .balloon_right:after,
  #selesage .balloon_left:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: -1;
    border-style: solid;
  }
  #selesage .balloon_bottom:before {
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-width: 9px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
  }
  #selesage .balloon_bottom:after {
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0 10px;
    border-color: #89a0b2 transparent transparent transparent;
  }
  #selesage .balloon_top:before {
    top: -9px;
    left: 50%;
    margin-left: -9px;
    display: block;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent;
  }
  #selesage .balloon_top:after {
    top: -12px;
    left: 50%;
    margin-left: -10px;
    display: block;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #89a0b2 transparent;
  }
  #selesage .balloon_left:before {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    display: block;
    border-width: 9px 9px 9px 0;
    border-color: transparent #fff transparent transparent;
  }
  #selesage .balloon_left:after {
    top: 50%;
    left: -12px;
    margin-top: -10px;
    display: block;
    border-width: 10px 10px 10px 0;
    border-color: transparent #89a0b2 transparent transparent;
  }
  #selesage .balloon_right:before {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    display: block;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #fff;
  }
  #selesage .balloon_right:after {
    top: 50%;
    right: -12px;
    margin-top: -10px;
    display: block;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #89a0b2;
  }
  #selesage #bread {
    display: none;
    /*width: 100%;
        width: 100%;
        max-width:1200px;
        z-index: 999999;*/
  }
  #selesage #bread ul {
    margin: 0 auto;
    padding: 0 20px;
    list-style: none;
    margin: 8px 0 0 0;
    z-index: 99999;
  }
  #selesage #bread li {
    float: left;
    color: #4a6e89;
    font-size: 90%;
  }
  #selesage #bread li a {
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-size: 100%;
  }
  #selesage #bread li a:hover {
    text-decoration: underline;
    color: #333;
  }
  #selesage #bread li::after {
    content: ">";
    color: #333;
    margin: 0 8px;
  }
  #selesage #bread li:last-child:after {
    content: none;
  }
  #selesage body > div.TotalSupport_sp > h1 {
    padding: 0 !important;
  }
}

#selesage html.remodal-is-locked {
  overflow: hidden;
}

#selesage .remodal,
#selesage [data-remodal-id] {
  display: none;
}

#selesage .remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

#selesage .remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

#selesage .remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

#selesage .remodal-overlay,
#selesage .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#selesage .remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#selesage .remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

#selesage .remodal-bg.remodal-is-opening,
#selesage .remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

#selesage .remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

#selesage .remodal-overlay.remodal-is-opening,
#selesage .remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#selesage .remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s;
}

#selesage .remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s;
}

#selesage .remodal-wrapper {
  padding: 10px 10px 0;
}

#selesage .remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

#selesage .remodal.remodal-is-opening,
#selesage .remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#selesage .remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s;
}

#selesage .remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s;
}

#selesage .remodal,
#selesage .remodal-wrapper:after {
  vertical-align: middle;
}

#selesage .remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

#selesage .remodal-close:hover,
#selesage .remodal-close:focus {
  color: #2b2e38;
}

#selesage .remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

#selesage .remodal-confirm,
#selesage .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

#selesage .remodal-confirm {
  color: #fff;
  background: #81c784;
}

#selesage .remodal-confirm:hover,
#selesage .remodal-confirm:focus {
  background: #66bb6a;
}

#selesage .remodal-cancel {
  color: #fff;
  background: #e57373;
}

#selesage .remodal-cancel:hover,
#selesage .remodal-cancel:focus {
  background: #ef5350;
}

#selesage .remodal-confirm::-moz-focus-inner,
#selesage .remodal-cancel::-moz-focus-inner,
#selesage .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@media only screen and (min-width: 641px) {
  #selesage .remodal {
    max-width: 900px;
  }
}

#selesage .lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

#selesage .lt-ie9 .remodal {
  width: 700px;
}

#selesage .card_sold_out {
  position: relative;
  background-image: url(./image/card-sold-out.png);
  width: 100%;
  --aspect-ratio: 863/791;
  background-size: cover;
}

@supports (aspect-ratio: 1) {
  #selesage .card_sold_out {
    aspect-ratio: var(--aspect-ratio);
    height: initial;
  }
  #selesage .card_sold_out img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  #selesage .card_sold_out {
    width: 100vw;
    margin: 0 -20px;
    background-image: url(./image/card-sold-out-sp.png);
    --aspect-ratio: 320/ 360;
  }
  @supports (aspect-ratio: 1) {
    #selesage .card_sold_out {
      aspect-ratio: var(--aspect-ratio);
      height: initial;
    }
    #selesage .card_sold_out img {
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%;
    }
  }
}

#selesage .card_sold_out_title {
  width: 100%;
  padding: 0;
  position: absolute;
  top: calc(34% - 50px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 0;
  text-align: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #selesage .card_sold_out_title {
    top: 35%;
    font-size: 3.05vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

#selesage .card_sold_out_img_wrapper {
  width: 100%;
  --aspect-ratio: 800/440;
}

@supports (aspect-ratio: 1) {
  #selesage .card_sold_out_img_wrapper {
    aspect-ratio: var(--aspect-ratio);
    height: initial;
  }
  #selesage .card_sold_out_img_wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  #selesage .card_sold_out_img_wrapper {
    width: 100vw;
    margin: 0 -32px;
  }
}

#selesage .card_sold_out_content {
  padding: 35% 32px 0;
}

@media screen and (max-width: 768px) {
  #selesage .card_sold_out_content {
    padding: 61% 32px 10%;
  }
}

#selesage .card_sold_textarea_title {
  padding: 25px 25px 35px;
  font-size: 22px;
  color: white;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  #selesage .card_sold_textarea_title {
    font-size: 3.5vw;
    padding: 25px 0;
  }
}

#selesage .property_data_table_title {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  border: 0;
  margin: 60px 0 32px;
}

#selesage .property_data_table_title small {
  margin-left: 16px;
  font-size: 12px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table_title {
    margin: 38px 0 18px;
    font-size: 19px;
  }
  #selesage .property_data_table_title small {
    margin-left: 10px;
    font-size: 11px;
  }
}

#selesage .property_data_table_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table_sp {
    display: block;
  }
}

#selesage .property_data_table_pc {
  display: block;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table_pc {
    display: none;
  }
}

#selesage .property_data_table_td_even_2col {
  width: calc(100% - 140px);
}

#selesage .property_data_table_td_even_4col {
  width: calc(50% - 160px);
}

#selesage .property_data_table {
  width: 100%;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  table-layout: fixed;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table {
    font-size: 13px;
  }
}

#selesage .property_data_table tbody {
  display: block;
  width: 100%;
}

#selesage .property_data_table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#selesage .property_data_table tr + tr {
  border-top: 1px solid #e0e0e0;
}

#selesage .property_data_table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 21px;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table td {
    width: 100%;
  }
}

#selesage .property_data_table td:nth-child(odd) {
  width: 176px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table td:nth-child(odd) {
    width: 100%;
    font-weight: bold;
  }
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table_row_pc_only {
    display: none;
  }
}

#selesage .property_data_table_row_sp_only {
  display: none;
}

@media screen and (max-width: 768px) {
  #selesage .property_data_table_row_sp_only {
    display: block;
  }
}

#selesage .property_data_table_cell_even {
  width: calc(100% - 120px);
}

#selesage .card_sold_out_annotation {
  font-size: 12px;
  font-weight: normal;
  color: #262626;
  padding: 8px 0 0;
}

@media screen and (max-width: 768px) {
  #selesage .card_sold_out_annotation {
    font-size: 10px;
  }
}

/* CSS Document */
@media screen and (min-width: 736px) {
  #toyosu {
    /*====================================

        article

    ====================================*/
    /*====================================

        page_ttl

    ====================================*/
    /*====================================

        index

    ====================================*/
    /*====================================

        index_sp

    ====================================*/
    /*====================================

    wrap_main

    ====================================*/
    /*====================================

        main_map

    ====================================*/
    /*====================================

        sub_map

    ====================================*/
    /* .sub_map .list li:nth-child(3) dl:first-child {
        width: 48%;
        float: left;
    } */
    /* .sub_map .list li:nth-child(3) dl:last-child {
        width: 48%;
        float: right;
    } */
    /* .sub_map .list li:nth-child(4) dl:first-child {
        width: 48%;
        float: left;
    } */
    /* .sub_map .list li:nth-child(4) dl:last-child {
        width: 48%;
        float: right;
    } */
    /* .sub_map .list li:nth-child(5) {
        padding-left: 40%;
        position: relative;
    } */
    /* .sub_map .list li:nth-child(5) .com {
        position: absolute;
        top: 10%;
        left: 0;
        font-size: 200%;
    } */
    /*====================================

    wrap_productsummary_main

    ====================================*/
    /*====================================

    wrap_productsummary

    ====================================*/
    /*====================================

    wrap_notes

    ====================================*/
    /*====================================

    text_graph

    ====================================*/
    /* text_graph_06 */
    /*====================================

    conversion_sp_selesage

    ====================================*/
    /*====================================

        areamap

    ====================================*/
    /*====================================

        movie

    ====================================*/
  }
  #toyosu img {
    width: 100%;
  }
  #toyosu article {
    margin-bottom: 20px;
  }
  #toyosu .page_ttl {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
    margin: 0 auto;
  }
  #toyosu .page_ttl h2 {
    font-size: 250%;
    width: 100%;
    text-align: center;
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: url(../images/page_ttl_arrow.svg) no-repeat;
    background-size: 20px;
    background-position: center bottom 0px;
    position: relative;
  }
  #toyosu .page_ttl h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 1px;
    background: #555;
  }
  #toyosu .index {
    width: 100%;
    background: #fcf8ed;
    padding: 20px;
  }
  #toyosu .index ul {
    display: table;
    width: 100%;
  }
  #toyosu .index ul li {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #fcf8ed;
    width: 33.333333333%;
    background: #c5e4e7;
  }
  #toyosu .index ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
  }
  #toyosu .index ul .active a,
  #toyosu .index ul li a:hover {
    background: #8fccd1;
  }
  #toyosu .index_sp {
    display: none;
  }
  #toyosu .wrap_main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background: #c5e4e7;
    margin-bottom: 10px;
  }
  #toyosu .wrap_main ul li {
    text-align: center;
  }
  #toyosu .wrap_main ul .ph {
    width: 35%;
    padding: 30px;
  }
  #toyosu .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #toyosu .wrap_main ul .text {
    width: 65%;
    padding: 5%;
  }
  #toyosu .wrap_main .cap {
    font-size: 80%;
  }
  #toyosu #Sd_onecol .main_map {
    width: 100%;
    margin-bottom: 0;
  }
  #toyosu .main_map .inner {
    display: table;
    width: 100%;
  }
  #toyosu .main_map .inner .text {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding-right: 5%;
  }
  #toyosu .main_map .inner .text .ttl {
    font-size: 200%;
    margin-bottom: 20px;
  }
  #toyosu .main_map .inner .ph {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    background: #eee;
    padding: 20px;
  }
  #toyosu #Sd_onecol .sub_map {
    width: 100%;
    margin-top: 20px;
  }
  #toyosu .sub_map .inner {
    display: table;
    width: 100%;
    border-top: 10px solid #eee;
    padding-top: 100px;
    margin-bottom: 100px;
  }
  #toyosu .sub_map .inner .text {
    display: table-cell;
    width: 40%;
    vertical-align: top;
  }
  #toyosu .sub_map .inner .text_r {
    padding-left: 5%;
  }
  #toyosu .sub_map .inner .text_l {
    padding-right: 5%;
  }
  #toyosu .sub_map .inner .text .ttl {
    font-size: 200%;
    margin-bottom: 66px;
    white-space: nowrap;
  }
  #toyosu .sub_map .inner .text p {
    margin-bottom: 40px;
  }
  #toyosu .sub_map .inner .ph {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    background: #eee;
    padding: 20px;
  }
  #toyosu .sub_map .list {
    background: #fcf8ed;
    padding: 40px;
  }
  #toyosu .sub_map .list .list_main {
    width: 100%;
    margin-bottom: 80px;
  }
  #toyosu .sub_map .list .list_main .ph {
    width: 100%;
    margin-bottom: 80px;
  }
  #toyosu .sub_map .list .list_main .text .ttl {
    width: 100%;
    text-align: center;
    font-size: 200%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #toyosu .sub_map .list .list_main .text p {
    width: 100%;
    text-align: center;
  }
  #toyosu .sub_map .list li {
    margin-bottom: 80px;
  }
  #toyosu .sub_map .list li:nth-child(5) {
    margin-bottom: 20px;
  }
  #toyosu .sub_map .list li:nth-child(5) dl dt {
    margin-bottom: 0px;
  }
  #toyosu .sub_map .list li:nth-child(5) dl .tys_areamap_cap {
    margin-top: 0px;
  }
  #toyosu .sub_map .list li:nth-child(9) {
    margin-bottom: 0px;
  }
  #toyosu .sub_map .list li dl dt {
    margin-bottom: 20px;
  }
  #toyosu .sub_map .list li dl dd h3 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    font-size: 130%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #toyosu .sub_map .list li dl dd h4 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 6px;
    font-size: 110%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #toyosu .sub_map .list li dl dd h3 .hsk {
    font-weight: 200;
    font-size: 70%;
    padding-left: .3em;
    color: #555;
  }
  #toyosu .sub_map .list li dl dd p .cap {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: right;
  }
  #toyosu .sub_map .list li dl:first-child {
    width: 48%;
    float: left;
  }
  #toyosu .sub_map .list li dl:last-child {
    width: 48%;
    float: right;
  }
  #toyosu .sub_map .list li:nth-child(5) dl,
  #toyosu .sub_map .list li:nth-child(6) dl {
    width: 100%;
  }
  #toyosu .sub_map .list li:nth-child(5) dl dt h3,
  #toyosu .sub_map .list li:nth-child(6) dl dt h3,
  #toyosu .sub_map .list li:nth-child(7) dl dt h3,
  #toyosu .sub_map .list li:nth-child(8) dl dt h3 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 22px;
    font-size: 140%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #toyosu .sub_map .list li:nth-child(7) dl:first-child,
  #toyosu .sub_map .list li:nth-child(8) dl:first-child,
  #toyosu .sub_map .list li:nth-child(9) dl:first-child {
    width: 42%;
    float: left;
  }
  #toyosu .sub_map .list li:nth-child(7) dl:last-child,
  #toyosu .sub_map .list li:nth-child(8) dl:last-child,
  #toyosu .sub_map .list li:nth-child(9) dl:last-child {
    width: 54%;
    float: right;
  }
  #toyosu .wrap_productsummary_main,
  #toyosu .wrap_simulation {
    border: 4px solid #ccc;
  }
  #toyosu .wrap_productsummary_main p,
  #toyosu .wrap_simulation p {
    width: 100%;
    text-align: center;
    padding: 200px 0;
  }
  #toyosu .wrap_productsummary .cell {
    margin-bottom: 80px;
  }
  #toyosu .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 30px;
    padding: .3em 1em;
    font-size: 150%;
    background: #c5e4e7;
    line-height: 1.5em;
  }
  #toyosu .wrap_productsummary .cell .swip {
    display: none;
  }
  #toyosu .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
  }
  #toyosu .wrap_productsummary .graph img {
    border: 20px solid #fff;
  }
  #toyosu .wrap_productsummary .ph {
    padding: 0 5%;
    margin-bottom: 20px;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph {
    width: 45%;
    float: left;
    padding: 0;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 50%;
    float: right;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #toyosu .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 120%;
    display: block;
    margin-bottom: 20px;
    border-left: 4px solid #555;
    padding-left: .5em;
    color: #555;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #toyosu .wrap_productsummary .flow p {
    font-size: 90%;
  }
  #toyosu .wrap_productsummary .flow .ph .sp {
    display: none;
  }
  #toyosu .wrap_productsummary .flow .ph {
    margin-bottom: 0px;
  }
  #toyosu .wrap_productsummary .flow .text_graph_cap {
    margin-top: 20px;
  }
  #toyosu .wrap_productsummary .flow .text_graph_cap p {
    font-size: 90%;
  }
  #toyosu .wrap_notes {
    background: #fff;
  }
  #toyosu .wrap_notes .inner {
    background: #f9f4e9;
    padding: 30px;
  }
  #toyosu .wrap_notes .inner dl {
    background: #fff;
    padding: 30px;
    margin-bottom: 0;
  }
  #toyosu .wrap_notes .inner dl:last-child {
    padding: 30px;
  }
  #toyosu .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #toyosu .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #toyosu .text_graph .text_graph_cap {
    padding: 20px 0;
  }
  #toyosu .text_graph .text_graph_cap p {
    font-size: 90%;
  }
  #toyosu .text_graph .tax {
    margin-top: 10px;
  }
  #toyosu .text_graph .tax p {
    width: 100%;
    text-align: right;
    font-size: 80%;
  }
  #toyosu .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    width: 200px;
    padding: 10px;
  }
  #toyosu .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #toyosu .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #toyosu .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #toyosu .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
  }
  #toyosu .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .th > li:nth-child(3) {
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #toyosu .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(3) {
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(1) span {
    float: right;
    font-size: inherit;
  }
  #toyosu .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
    margin: 10px 0 0 0;
  }
  #toyosu .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 80%;
  }
  #toyosu .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #toyosu .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #toyosu .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #toyosu .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_03 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    padding: 10px;
    width: 360px;
  }
  #toyosu .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #toyosu .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #bbb;
    display: table;
  }
  #toyosu .text_graph_04 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_04 dl dt {
    vertical-align: middle;
    display: table-cell;
    background: #f2ecdc;
    padding: 20px;
    text-align: center;
    font-size: 100%;
    width: 360px;
  }
  #toyosu .text_graph_04 dl dd {
    vertical-align: middle;
    padding: 20px;
    text-align: center;
    font-size: 120%;
    display: table-cell;
  }
  #toyosu .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #toyosu .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #toyosu .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #f2ecdc;
    text-align: left;
    border-right: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #toyosu .text_graph_05 .inner .th {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #f2ecdc;
    font-size: 90%;
  }
  #toyosu .text_graph_05 .inner .td {
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_06 .inner ul {
    display: table;
    width: 100%;
  }
  #toyosu .text_graph_06 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
  }
  #toyosu .text_graph_06 .inner ul li:nth-child(1) {
    width: 25%;
    background: #fcf8ed;
    border-right: 1px solid #ccc;
    text-align: left;
  }
  #toyosu .text_graph_06 .inner ul li:nth-child(2) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner ul li:nth-child(3) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner ul li:nth-child(4) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner ul li:nth-child(5) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner ul li:nth-child(6) {
    width: 15%;
  }
  #toyosu .text_graph_06 .inner .th {
    border-bottom: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner .th li {
    background: #fcf8ed;
  }
  #toyosu .text_graph_06 .inner .td {
    border-bottom: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner .td:first-child {
    border-top: 1px solid #ccc;
  }
  #toyosu .text_graph_06 .inner .blank {
    height: 1px;
  }
  #toyosu .text_graph_06 .inner .blank li {
    padding: 1px;
  }
  #toyosu #conversion_sp_selesage {
    display: none;
  }
  #toyosu .sub_map .list li dl dd.tys_areamap_cap {
    margin-top: -10px;
  }
  #toyosu .sub_map .list li dl dd.tys_areamap_cap p {
    font-size: 80%;
  }
  #toyosu .sub_map .list li dl dd.tys_data_cap {
    margin-top: -10px;
  }
  #toyosu .sub_map .list li dl dd.tys_data_cap p {
    font-size: 80%;
    word-break: break-all;
  }
  #toyosu .sub_map .list li dl dd.tys_data_body_cap {
    margin-top: 10px;
  }
  #toyosu .sub_map .list li dl dd.tys_data_body_cap p {
    font-size: 80%;
  }
  #toyosu .sub_map .inner .inner_ph {
    display: table-cell;
    width: 60%;
    vertical-align: top;
  }
  #toyosu .sub_map .inner .inner_ph .inner_img {
    background: #eee;
    padding: 20px;
  }
  #toyosu .sub_map .inner .inner_ph .inner_cap {
    margin-top: 10px;
  }
  #toyosu .sub_map .inner .inner_ph .inner_cap p {
    font-size: 80%;
    word-break: break-all;
  }
  #toyosu .sub_map .list .cf .cf dt .tys_spot_cap {
    margin-top: 10px;
    font-size: 80%;
    word-break: break-all;
    text-align: right;
  }
  #toyosu .main_map .inner .ph .main_map_cap {
    margin-top: 4px;
    font-size: 80%;
  }
  #toyosu .wrap_main .cf .ph h1 {
    padding: 0;
  }
  #toyosu .movie {
    position: relative;
  }
  #toyosu .movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #toyosu .movie iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  #toyosu .mov_series {
    width: 100%;
    margin: 80px auto;
    border: 20px solid #c5e4e7;
  }
  #toyosu .mov_toyosu {
    width: 100%;
  }
}

/* CSS Document */
@media screen and (max-width: 736px) {
  #toyosu {
    /*====================================

    article

    ====================================*/
    /*====================================

        page_ttl

    ====================================*/
    /*====================================

        index

    ====================================*/
    /*====================================

        index_sp

    ====================================*/
    /*====================================

    wrap_main

    ====================================*/
    /*====================================

        main_map

    ====================================*/
    /*====================================

        sub_map

    ====================================*/
    /* .sub_map .list li:nth-child(2) {
    } */
    /* .sub_map .list li:nth-child(3) dl:first-child {
        width: 48%;
        float: left;
    } */
    /* .sub_map .list li:nth-child(3) dl:last-child {
        width: 48%;
        float: right;
    } */
    /* .sub_map .list li:nth-child(4) dl:first-child {
        width: 48%;
        float: left;
    } */
    /* .sub_map .list li:nth-child(4) dl:last-child {
        width: 48%;
        float: right;
    } */
    /* .sub_map .list li:nth-child(5) {
        margin-bottom: 0;
    } */
    /* .sub_map .list li:nth-child(5) .com {
        top: 10%;
        left: 0;
        font-size: 150%;
        margin-bottom: 40px;
        display: block;
    } */
    /*====================================

    wrap_productsummary

    ====================================*/
    /*====================================

    wrap_notes

    ====================================*/
    /*====================================

    index

    ====================================*/
    /*====================================

    text_graph

    ====================================*/
    /*====================================

    conversion_sp_selesage

    ====================================*/
    /*====================================

        areamap

    ====================================*/
    /*====================================

        movie

    ====================================*/
  }
  #toyosu * {
    word-break: break-all;
  }
  #toyosu img {
    width: 100%;
    display: block;
  }
  #toyosu article {
    margin-bottom: 20px;
    padding: 0;
  }
  #toyosu .page_ttl {
    width: 100%;
    padding: 0 20px;
    margin: 60px auto 0;
  }
  #toyosu .page_ttl h2 {
    font-size: 140%;
    width: 100%;
    text-align: center;
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: url(../images/page_ttl_arrow.svg) no-repeat;
    background-size: 20px;
    background-position: center bottom 0px;
    position: relative;
  }
  #toyosu .page_ttl h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 1px;
    background: #555;
  }
  #toyosu .index {
    display: none;
  }
  #toyosu .index_sp {
    width: 100%;
    background: #fcf8ed;
    padding: 10px;
  }
  #toyosu .index_sp ul {
    width: 100%;
  }
  #toyosu .index_sp ul li {
    border: 1px solid #fcf8ed;
    width: 100%;
    background: #c5e4e7;
    margin-bottom: 4px;
  }
  #toyosu .index_sp ul li:last-child {
    margin-bottom: 0;
  }
  #toyosu .index_sp ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    position: relative;
  }
  #toyosu .index_sp ul .active a {
    background: #8fccd1;
  }
  #toyosu .wrap_main ul {
    width: 100%;
    background: #c5e4e7;
    margin-bottom: 10px;
  }
  #toyosu .wrap_main ul li {
    text-align: center;
    width: 100%;
  }
  #toyosu .wrap_main ul .ph {
    width: 100%;
    padding: 20px;
  }
  #toyosu .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #toyosu .wrap_main ul .text {
    width: 100%;
    padding: 5%;
  }
  #toyosu .wrap_main .cap {
    font-size: 70%;
  }
  #toyosu .main_map {
    width: 100%;
    margin-bottom: 20px;
  }
  #toyosu .main_map .inner {
    width: 100%;
  }
  #toyosu .main_map .inner .text {
    width: 100%;
    margin-bottom: 40px;
  }
  #toyosu .main_map .inner .text .ttl {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #toyosu .main_map .inner .text .ttl br,
  #toyosu .main_map .inner .text p br {
    display: none;
  }
  #toyosu .main_map .inner .ph {
    width: 100%;
  }
  #toyosu .sub_map {
    width: 100%;
    margin-top: 40px;
  }
  #toyosu .sub_map .inner {
    width: 100%;
    border-top: 4px solid #eee;
    padding-top: 40px;
    margin-bottom: 40px;
  }
  #toyosu .sub_map .inner .text .ttl {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #toyosu .sub_map .inner .text .ttl br {
    display: none;
  }
  #toyosu .sub_map .inner .text p {
    margin-bottom: 40px;
  }
  #toyosu .sub_map .inner .ph {
    margin-bottom: 40px;
  }
  #toyosu .sub_map .list {
    background: #fcf8ed;
    padding: 20px;
  }
  #toyosu .sub_map .list .list_main {
    width: 100%;
    margin-bottom: 60px;
  }
  #toyosu .sub_map .list .list_main .ph {
    width: 100%;
    margin-bottom: 40px;
  }
  #toyosu .sub_map .list .list_main .text .ttl {
    width: 100%;
    text-align: center;
    font-size: 100%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #toyosu .sub_map .list .list_main .text p {
    width: 100%;
    text-align: justify;
    font-size: 80%;
  }
  #toyosu .sub_map .list .list_main .text p br {
    display: none;
  }
  #toyosu .sub_map .list li {
    margin-bottom: 40px;
  }
  #toyosu .sub_map .list li dl dt {
    margin-bottom: 20px;
  }
  #toyosu .sub_map .list li dl dd .ttl {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    font-size: 100%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #toyosu .sub_map .list li dl dd .ttl_sub {
    font-weight: bold;
    width: 100%;
    margin-bottom: 6px;
    font-size: 90%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #toyosu .sub_map .list li dl dd {
    margin-bottom: 40px;
  }
  #toyosu .sub_map .list li dl:last-child dd {
    margin-bottom: 20px;
  }
  #toyosu .sub_map .list li:nth-child(2) dl:first-child dd,
  #toyosu .sub_map .list li:nth-child(3) dl:first-child dd,
  #toyosu .sub_map .list li:nth-child(4) dl:first-child dd {
    margin-bottom: 60px;
  }
  #toyosu .sub_map .list li:nth-child(5) {
    margin-bottom: 20px;
  }
  #toyosu .sub_map .list li:nth-child(5) dl dt {
    margin-bottom: 0px;
  }
  #toyosu .sub_map .list li:nth-child(5) dl .tys_areamap_cap {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #toyosu .sub_map .list li:nth-child(9) {
    margin-bottom: 0px;
  }
  #toyosu .sub_map .list li .cf {
    width: 100%;
  }
  #toyosu .sub_map .list li dl dt .ttl {
    font-weight: bold;
    width: 100%;
    margin-bottom: 22px;
    font-size: 120%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #toyosu .sub_map .list li dl dd .ttl .icon {
    background: #003f73;
    line-height: 1em;
    padding: .4em .8em;
    color: #fff;
  }
  #toyosu .sub_map .list li dl dd .ttl .hsk {
    font-weight: 200;
    font-size: 70%;
    padding-left: .3em;
  }
  #toyosu .sub_map .list li dl dd p {
    font-size: 80%;
  }
  #toyosu .sub_map .list li dl dd p .cap {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: right;
  }
  #toyosu .wrap_productsummary .cell {
    margin-bottom: 40px;
  }
  #toyosu .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 20px;
    padding: .3em 1em;
    font-size: 100%;
    background: #c5e4e7;
    line-height: 1.5em;
  }
  #toyosu .wrap_productsummary .cell .swip {
    margin-bottom: 10px;
  }
  #toyosu .wrap_productsummary .cell .swip dl {
    width: 100%;
    display: table;
  }
  #toyosu .wrap_productsummary .cell .swip dt {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
  }
  #toyosu .wrap_productsummary .cell .swip dd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
  }
  #toyosu .wrap_productsummary .cell .cap {
    font-size: 90%;
    color: #666;
  }
  #toyosu .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
    overflow-y: scroll;
  }
  #toyosu .wrap_productsummary .graph img {
    border: 10px solid #fff;
    width: 150%;
  }
  #toyosu .wrap_productsummary .ph {
    margin-bottom: 20px;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph {
    margin-bottom: 40px;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph .pc {
    display: none;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 100%;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #toyosu .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 100%;
    display: block;
    margin-bottom: 10px;
    border-left: 3px solid #555;
    padding-left: .5em;
    color: #555;
  }
  #toyosu .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #toyosu .wrap_productsummary .flow p {
    font-size: 80%;
  }
  #toyosu .wrap_productsummary .flow .ph .pc {
    display: none;
  }
  #toyosu .wrap_productsummary .flow .ph {
    margin-bottom: 0px;
  }
  #toyosu .wrap_productsummary .flow .text_graph_cap {
    margin-top: 10px;
  }
  #toyosu .wrap_productsummary .flow .text_graph_cap p {
    font-size: 80%;
  }
  #toyosu .wrap_notes {
    background: #fff;
  }
  #toyosu .wrap_notes .inner {
    background: #f9f4e9;
    padding: 20px 10px;
  }
  #toyosu .wrap_notes .inner dl {
    background: #fff;
    padding: 20px;
    margin-bottom: 0;
  }
  #toyosu .wrap_notes .inner dl:last-child {
    padding: 20px;
  }
  #toyosu .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #toyosu .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #toyosu .index {
    width: 100%;
  }
  #toyosu .index ul {
    width: 100%;
  }
  #toyosu .index ul li {
    width: 100%;
    background: #3f7aaa;
    border-bottom: 1px solid #fff;
  }
  #toyosu .index ul li a,
  #toyosu .index ul li .cell {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-decoration: none;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #toyosu .index ul li .cell {
    background: #003f73;
  }
  #toyosu .index ul li a .ph,
  #toyosu .index ul li .cell .ph {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 20px 12px;
  }
  #toyosu .index ul li a .text,
  #toyosu .index ul li .cell .text {
    width: 80%;
    padding-left: 0 0 0 1em;
  }
  #toyosu .index ul li a .text p,
  #toyosu .index ul li .cell .text p {
    color: #fff;
    font-size: 110%;
  }
  #toyosu .index ul li a .text p br,
  #toyosu .index ul li .cell .text p br {
    display: none;
  }
  #toyosu .text_graph {
    border: 10px solid #eee;
    overflow: scroll;
    width: 100%;
  }
  #toyosu .text_graph .text_graph_cap {
    padding: 10px;
    width: 700px;
  }
  #toyosu .text_graph .text_graph_cap p {
    font-size: 80%;
  }
  #toyosu .text_graph .tax {
    margin-top: 10px;
  }
  #toyosu .text_graph .tax p {
    width: 100%;
    text-align: left;
    font-size: 80%;
  }
  #toyosu .text_graph_01 .inner {
    width: 700px;
  }
  #toyosu .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    width: 200px;
    padding: 4px 10px;
    font-size: 90%;
  }
  #toyosu .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #toyosu .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #toyosu .text_graph_02 .inner {
    width: 700px;
  }
  #toyosu .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #toyosu .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
  }
  #toyosu .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .th > li:nth-child(3) {
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 90%;
  }
  #toyosu .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(3) {
    width: 35%;
  }
  #toyosu .text_graph_02 .inner .td > li:nth-child(1) span {
    float: right;
    font-size: inherit;
  }
  #toyosu .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
    margin: 10px 0 0 0;
  }
  #toyosu .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 90%;
  }
  #toyosu .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #toyosu .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    font-size: 90%;
  }
  #toyosu .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #toyosu .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #toyosu .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #toyosu .inheritancetaxvaluation .box:nth-child(1) {
    margin-bottom: 40px;
  }
  #toyosu .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_03 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    padding: 10px;
    font-size: 90%;
  }
  #toyosu .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    width: 150px;
    font-size: 90%;
  }
  #toyosu .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_04 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu .text_graph_04 dl dt {
    background: #f2ecdc;
    padding: 10px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #toyosu .text_graph_04 dl dd {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #toyosu .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #toyosu .text_graph_04 .text_graph_cap {
    width: 100% !important;
  }
  #toyosu .text_graph_05 .inner {
    width: 700px;
  }
  #toyosu .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #toyosu .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #f2ecdc;
    text-align: left;
    border-right: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #toyosu .text_graph_05 .inner .th {
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #f2ecdc;
  }
  #toyosu .text_graph_05 .inner .td {
    border-bottom: 1px solid #bbb;
  }
  #toyosu .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #toyosu #conversion_sp_selesage {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 10px 60px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
  }
  #toyosu #conversion_sp_selesage li:first-child {
    width: 38%;
    float: left;
  }
  #toyosu #conversion_sp_selesage li:last-child {
    width: 60%;
    float: right;
  }
  #toyosu #conversion_sp_selesage a {
    display: block;
    padding: 10px;
    font-weight: normal;
    font-size: 80%;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
    background-position: right 10px top 50%;
    background-size: 8px;
    width: 100%;
    text-decoration: none;
    color: #fff;
  }
  #toyosu .sub_map .list li dl dd.tys_areamap_cap {
    margin-top: -10px;
  }
  #toyosu .sub_map .list li dl dd.tys_areamap_cap p {
    font-size: 70%;
  }
  #toyosu .sub_map .list li dl dd.tys_data_cap {
    margin-top: -10px;
  }
  #toyosu .sub_map .list li dl dd.tys_data_cap p {
    font-size: 70%;
    word-break: break-all;
  }
  #toyosu .sub_map .list li dl dd.tys_data_body_cap {
    margin-top: -10px;
  }
  #toyosu .sub_map .list li dl dd.tys_data_body_cap p {
    font-size: 70%;
  }
  #toyosu .sub_map .inner .inner_ph {
    margin-bottom: 40px;
  }
  #toyosu .sub_map .inner .inner_ph .inner_cap {
    margin-top: 10px;
  }
  #toyosu .sub_map .inner .inner_ph .inner_cap p {
    font-size: 70%;
    word-break: break-all;
  }
  #toyosu .sub_map .list .cf .cf dt .tys_spot_cap {
    margin-top: 10px;
    font-size: 70%;
    word-break: break-all;
    text-align: right;
  }
  #toyosu .sub_map .list .cf .cf dt .tys_spot_cap span {
    display: block;
    height: 0;
  }
  #toyosu .main_map .inner .ph .main_map_cap {
    margin-top: 4px;
    font-size: 70%;
  }
  #toyosu .wrap_main .cf .ph h1 {
    padding: 0;
  }
  #toyosu .movie {
    position: relative;
  }
  #toyosu .movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #toyosu .movie iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  #toyosu .mov_series {
    width: 100%;
    margin: 20px auto;
    border: 10px solid #c5e4e7;
  }
}

/* CSS Document */
#meguro .main_map h2 {
  border-bottom: 0;
  text-align: center;
}

#meguro .main_map .inner .ph {
  background: #E0E5ED;
}

#meguro .wrap_main ul {
  background: #003251;
}

#meguro .index ul .active a,
#meguro .index ul li a:hover,
#meguro .index_sp ul .active a {
  background: #003251;
}

#meguro .index ul li,
#meguro .index_sp ul li {
  background: #5A7DB1;
  border: 1px solid #FCF8ED;
}

#meguro #meguro_station > .inner {
  border-top: 0;
}

#meguro #meguro_station > .inner .ph {
  background-color: #696969;
}

#meguro #yamanote_value > .inner {
  border-style: solid;
  border-color: #425F75;
  padding-top: 0;
  background-color: #E0E5ED;
}

#meguro #yamanote_value .inner_row .inner {
  padding-top: 0;
  margin-bottom: 0;
  border-width: 0;
}

#meguro #yamanote_value .inner_row .inner .text .ttl {
  font-size: 104%;
  font-weight: bold;
}

#meguro #yamanote_value .inner_row .ph .hr {
  height: 0;
  border-top: 1px dashed #848484;
}

#meguro #yamanote_rarity > div {
  border-style: solid;
  border-color: #425F75;
}

#meguro #yamanote_rarity h2.ttl {
  position: relative;
  padding: 20px 0 40px 0;
}

#meguro #yamanote_rarity h2.ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #425F75 1px, transparent 4px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #425F75 1px, transparent 4px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#meguro #yamanote_rarity .inner {
  border: 0;
}

#meguro #yamanote_calm > div {
  background-color: #486372;
}

#meguro #yamanote_calm .inner {
  border: 0;
  margin-bottom: 0;
}

#meguro #yamanote_calm h2.ttl {
  color: #FFDDAA;
  font-weight: normal;
  padding: 20px 0 16px 0;
  margin: 0;
  position: relative;
  border-style: solid;
  border-color: #FFDDAA;
  border-width: 2px 0 1px 0;
}

#meguro #yamanote_calm h2.ttl:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 100%;
  height: 104%;
  border-style: solid;
  border-color: #FFDDAA;
  border-width: 1px 0 2px 0;
}

#meguro #yamanote_calm .inner .text {
  color: #FFF;
}

#meguro #yamanote_calm .inner .text .ttl,
#meguro #yamanote_calm .inner .text p {
  color: inherit;
}

#meguro #multi_access > div {
  border-style: double;
  border-color: #292929;
}

#meguro #multi_access #multi_access_ttl {
  text-align: center;
}

#meguro #multi_access .multi_access_ph {
  background-color: #E0E5ED;
}

#meguro #multi_access .multi_access_ph > div .ttl {
  font-weight: bold;
}

#meguro #multi_access h2.ttl {
  color: #292929;
  font-weight: normal;
  background-color: #FFF;
  display: inline-block;
}

#meguro #multi_access .inner hr {
  background-color: #C1C1C1;
  margin: 0;
}

#meguro #multi_access .inner .inner_row .ph {
  background-color: #FFF;
  padding: 0;
  text-align: center;
}

#meguro #meguro_station_data > div {
  background-color: #DFE6ED;
}

#meguro #meguro_station_data h2.ttl {
  padding: 0;
  color: #183156;
  font-weight: normal;
}

#meguro #meguro_station_data div.ttl {
  font-weight: bold;
  color: #FFF;
}

#meguro #meguro_station_data .data_block h3.ttl {
  border-color: #183156;
  border-style: solid;
}

#meguro #meguro_station_data .data_block .inner {
  border-top-style: solid;
  border-top-color: #000;
}

#meguro #meguro_station_data .data_block .inner.inner_lower {
  border: 0;
}

#meguro .toggle_image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #003251;
  border-radius: 40px;
  cursor: pointer;
}

#meguro .toggle_image .toggle_image_button {
  color: #FFF;
}

#meguro .toggle_image .toggle_image_icon {
  border-style: solid;
  border-color: #FFF;
  border-radius: 50%;
}

#meguro .toggle_image .toggle_image_icon span {
  display: block;
  text-align: center;
  line-height: 0;
  position: relative;
}

#meguro .toggle_image .toggle_image_icon span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #FFF;
  -webkit-transition: .2s;
  transition: .2s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

#meguro .toggle_image .toggle_image_icon span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #FFF;
  -webkit-transition: .3s;
  transition: .3s;
}

#meguro .toggle_image .toggle_image_icon span.on:before {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

#meguro .toggle_image .toggle_image_icon span.on:after {
  background-color: transparent;
}

#meguro .toggle_image_target {
  display: none;
}

#meguro cite {
  display: block;
  text-align: left;
}

#meguro cite a {
  font-size: inherit;
  text-decoration: none;
  word-break: break-all;
  margin-left: -4px;
}

#meguro .wrap_productsummary .cell .cell_ttl {
  background: #BFD0E0;
}

@media screen and (min-width: 736px) {
  #meguro {
    /*====================================

      article

  ====================================*/
    /*====================================

      page_ttl

  ====================================*/
    /*====================================

      index

  ====================================*/
    /*====================================

      index_sp

  ====================================*/
    /*====================================

  wrap_main

  ====================================*/
    /*====================================

      main_map

  ====================================*/
    /*====================================

      sub_map

  ====================================*/
    /* .list li:nth-child(3) dl:first-child {
      width: 48%;
      float: left;
  } */
    /* .list li:nth-child(3) dl:last-child {
      width: 48%;
      float: right;
  } */
    /* .list li:nth-child(4) dl:first-child {
      width: 48%;
      float: left;
  } */
    /* .list li:nth-child(4) dl:last-child {
      width: 48%;
      float: right;
  } */
    /* .list li:nth-child(5) {
      padding-left: 40%;
      position: relative;
  } */
    /* .list li:nth-child(5) .com {
      position: absolute;
      top: 10%;
      left: 0;
      font-size: 200%;
  } */
    /*====================================

  wrap_productsummary_main

  ====================================*/
    /*====================================

  wrap_productsummary

  ====================================*/
    /*====================================

  wrap_notes

  ====================================*/
    /*====================================

  text_graph

  ====================================*/
    /* text_graph_06 */
    /*====================================

  conversion_sp_selesage

  ====================================*/
    /*====================================

      areamap

  ====================================*/
    /*====================================

      movie

  ====================================*/
  }
  #meguro img {
    width: 100%;
  }
  #meguro article {
    margin-bottom: 100px;
  }
  #meguro .page_ttl {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
    margin: 0 auto;
  }
  #meguro .page_ttl h2 {
    font-size: 250%;
    width: 100%;
    text-align: center;
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: url(../images/page_ttl_arrow.svg) no-repeat;
    background-size: 20px;
    background-position: center bottom 0px;
    position: relative;
  }
  #meguro .page_ttl h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 1px;
    background: #555;
  }
  #meguro .index {
    width: 100%;
    background: #fcf8ed;
    padding: 20px;
  }
  #meguro .index ul {
    display: table;
    width: 100%;
  }
  #meguro .index ul li {
    display: table-cell;
    vertical-align: middle;
    width: 33.333333333%;
  }
  #meguro .index ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
  }
  #meguro .index_sp {
    display: none;
  }
  #meguro .wrap_main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
  }
  #meguro .wrap_main ul li {
    text-align: center;
  }
  #meguro .wrap_main ul .ph {
    width: 35%;
    padding: 30px;
  }
  #meguro .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #meguro .wrap_main ul .text {
    width: 65%;
    padding: 5%;
  }
  #meguro .wrap_main .cap {
    font-size: 80%;
    text-align: right;
  }
  #meguro #Sd_onecol .main_map {
    width: 100%;
    margin-bottom: 0;
  }
  #meguro .main_map .inner {
    display: table;
    width: 100%;
  }
  #meguro .main_map .inner_row {
    display: table-row;
    text-align: center;
  }
  /* #meguro .main_map .inner_row:nth-child(3) .ph {
    padding: 0;
} */
  #meguro .main_map .inner .text {
    display: table-cell;
    width: 42%;
    vertical-align: top;
    padding-right: 3%;
    text-align: left;
  }
  #meguro .main_map .inner .text .ttl {
    font-size: 200%;
    margin-bottom: 20px;
  }
  #meguro .main_map .inner .ph {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    padding: 40px 20px;
  }
  #meguro #Sd_onecol {
    width: 100%;
    margin-top: 20px;
  }
  #meguro .inner {
    display: table;
    width: 100%;
    padding-top: 100px;
    /* margin-bottom: 100px; */
  }
  #meguro .inner .text {
    display: table-cell;
    width: 40%;
    vertical-align: top;
  }
  #meguro .inner .text_r {
    padding-left: 5%;
  }
  #meguro .inner .text_l {
    padding-right: 5%;
  }
  #meguro .inner .text .ttl {
    font-size: 200%;
    margin-bottom: 66px;
    white-space: nowrap;
  }
  #meguro .inner .text p {
    margin-bottom: 40px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  #meguro .inner .ph {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    background: #eee;
    padding: 20px;
  }
  #meguro .list {
    background: #fcf8ed;
    padding: 40px;
  }
  #meguro .list .list_main {
    width: 100%;
    margin-bottom: 80px;
  }
  #meguro .list .list_main .ph {
    width: 100%;
    margin-bottom: 80px;
  }
  #meguro .list .list_main .text .ttl {
    width: 100%;
    text-align: center;
    font-size: 200%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #meguro .list .list_main .text p {
    width: 100%;
    text-align: center;
  }
  #meguro .list li {
    margin-bottom: 80px;
  }
  #meguro .list li:nth-child(5) {
    margin-bottom: 20px;
  }
  #meguro .list li:nth-child(5) dl dt {
    margin-bottom: 0px;
  }
  #meguro .list li:nth-child(5) dl .tys_areamap_cap {
    margin-top: 0px;
  }
  #meguro .list li:nth-child(9) {
    margin-bottom: 0px;
  }
  #meguro .list li dl dt {
    margin-bottom: 20px;
  }
  #meguro .list li dl dd h3 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    font-size: 130%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #meguro .list li dl dd h4 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 6px;
    font-size: 110%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #meguro .list li dl dd h3 .hsk {
    font-weight: 200;
    font-size: 70%;
    padding-left: .3em;
    color: #555;
  }
  #meguro .list li dl dd p .cap {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: right;
  }
  #meguro .list li dl:first-child {
    width: 48%;
    float: left;
  }
  #meguro .list li dl:last-child {
    width: 48%;
    float: right;
  }
  #meguro .list li:nth-child(5) dl,
  #meguro .list li:nth-child(6) dl {
    width: 100%;
  }
  #meguro .list li:nth-child(5) dl dt h3,
  #meguro .list li:nth-child(6) dl dt h3,
  #meguro .list li:nth-child(7) dl dt h3,
  #meguro .list li:nth-child(8) dl dt h3 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 22px;
    font-size: 140%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #meguro .list li:nth-child(7) dl:first-child,
  #meguro .list li:nth-child(8) dl:first-child,
  #meguro .list li:nth-child(9) dl:first-child {
    width: 42%;
    float: left;
  }
  #meguro .list li:nth-child(7) dl:last-child,
  #meguro .list li:nth-child(8) dl:last-child,
  #meguro .list li:nth-child(9) dl:last-child {
    width: 54%;
    float: right;
  }
  #meguro .wrap_productsummary_main,
  #meguro .wrap_simulation {
    border: 4px solid #ccc;
  }
  #meguro .wrap_productsummary_main p,
  #meguro .wrap_simulation p {
    width: 100%;
    text-align: center;
    padding: 200px 0;
  }
  #meguro .wrap_productsummary {
    margin-bottom: 0;
  }
  #meguro .wrap_productsummary .inner.cf {
    padding-top: 0;
  }
  #meguro .wrap_productsummary .cell {
    margin-bottom: 80px;
  }
  #meguro .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 30px;
    padding: .3em 1em;
    font-size: 150%;
    line-height: 1.5em;
  }
  #meguro .wrap_productsummary .cell .swip {
    display: none;
  }
  #meguro .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
  }
  #meguro .wrap_productsummary .graph img {
    border: 20px solid #fff;
  }
  #meguro .wrap_productsummary .ph {
    padding: 0 5%;
    margin-bottom: 20px;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph {
    width: 45%;
    float: left;
    padding: 0;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 50%;
    float: right;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #meguro .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 120%;
    display: block;
    margin-bottom: 20px;
    border-left: 4px solid #555;
    padding-left: .5em;
    color: #555;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #meguro .wrap_productsummary .flow p {
    font-size: 90%;
  }
  #meguro .wrap_productsummary .flow .ph .pc {
    display: block;
  }
  #meguro .wrap_productsummary .flow .ph .sp {
    display: none;
  }
  #meguro .wrap_productsummary .flow .ph {
    margin-bottom: 0px;
    display: block;
    width: 100%;
    background-color: inherit;
  }
  #meguro .wrap_productsummary .flow .text_graph_cap {
    margin-top: 20px;
  }
  #meguro .wrap_productsummary .flow .text_graph_cap p {
    font-size: 90%;
  }
  #meguro .wrap_notes {
    background: #fff;
  }
  #meguro .wrap_notes .inner {
    background: #f9f4e9;
    padding: 30px;
  }
  #meguro .wrap_notes .inner dl {
    background: #fff;
    padding: 30px;
    margin-bottom: 0;
  }
  #meguro .wrap_notes .inner dl:last-child {
    padding: 30px;
  }
  #meguro .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #meguro .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #meguro .text_graph .inner {
    margin: 0;
    padding: 0;
  }
  #meguro .text_graph .text_graph_cap {
    padding: 20px 0;
  }
  #meguro .text_graph .text_graph_cap p {
    font-size: 90%;
  }
  #meguro .text_graph .tax {
    margin-top: 10px;
  }
  #meguro .text_graph .tax p {
    width: 100%;
    text-align: left;
    font-size: 80%;
  }
  #meguro .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    width: 200px;
    padding: 10px;
  }
  #meguro .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #meguro .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #meguro .text_graph.text_graph_02 {
    width: 100%;
    max-width: 823px;
    overflow-x: scroll;
  }
  #meguro .text_graph.text_graph_02::-webkit-scrollbar {
    height: 8px;
  }
  #meguro .text_graph.text_graph_02::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 2px 0 #AAA inset;
            box-shadow: 0 0 2px 0 #AAA inset;
    border-radius: 3px;
    background: #EEE;
  }
  #meguro .text_graph.text_graph_02::-webkit-scrollbar-thumb {
    background: #DDD;
    border: 1px outset #CCC;
    border-radius: 3px;
  }
  #meguro .text_graph_02 .inner {
    width: 1120px;
  }
  #meguro .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 22%;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(3) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(4) {
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #meguro .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 22%;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(3) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(4) {
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(1) span {
    float: right;
    font-size: inherit;
  }
  #meguro .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
    margin: 10px 0 0 0;
  }
  #meguro .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 80%;
  }
  #meguro .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #meguro .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #meguro .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #meguro .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_03 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    padding: 10px;
    width: 360px;
  }
  #meguro .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #meguro .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #bbb;
    display: table;
  }
  #meguro .text_graph_04 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_04 dl dt {
    vertical-align: middle;
    display: table-cell;
    background: #f2ecdc;
    padding: 20px;
    text-align: center;
    font-size: 100%;
    width: 360px;
  }
  #meguro .text_graph_04 dl dd {
    vertical-align: middle;
    padding: 20px;
    text-align: center;
    font-size: 120%;
    display: table-cell;
  }
  #meguro .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #meguro .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #meguro .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #f2ecdc;
    text-align: left;
    border-right: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #meguro .text_graph_05 .inner .th {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #f2ecdc;
    font-size: 90%;
  }
  #meguro .text_graph_05 .inner .td {
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_06 .inner ul {
    display: table;
    width: 100%;
  }
  #meguro .text_graph_06 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
  }
  #meguro .text_graph_06 .inner ul li:nth-child(1) {
    width: 25%;
    background: #fcf8ed;
    border-right: 1px solid #ccc;
    text-align: left;
  }
  #meguro .text_graph_06 .inner ul li:nth-child(2) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner ul li:nth-child(3) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner ul li:nth-child(4) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner ul li:nth-child(5) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner ul li:nth-child(6) {
    width: 15%;
  }
  #meguro .text_graph_06 .inner .th {
    border-bottom: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner .th li {
    background: #fcf8ed;
  }
  #meguro .text_graph_06 .inner .td {
    border-bottom: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner .td:first-child {
    border-top: 1px solid #ccc;
  }
  #meguro .text_graph_06 .inner .blank {
    height: 1px;
  }
  #meguro .text_graph_06 .inner .blank li {
    padding: 1px;
  }
  #meguro #conversion_sp_selesage {
    display: none;
  }
  #meguro .list li dl dd.tys_areamap_cap {
    margin-top: -10px;
  }
  #meguro .list li dl dd.tys_areamap_cap p {
    font-size: 80%;
  }
  #meguro .list li dl dd.tys_data_cap {
    margin-top: -10px;
  }
  #meguro .list li dl dd.tys_data_cap p {
    font-size: 80%;
    word-break: break-all;
  }
  #meguro .list li dl dd.tys_data_body_cap {
    margin-top: 10px;
  }
  #meguro .list li dl dd.tys_data_body_cap p {
    font-size: 80%;
  }
  #meguro .inner .inner_ph {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
  #meguro .inner .inner_ph .inner_img {
    line-height: 0;
  }
  #meguro .inner_cap,
  #meguro .inner .inner_ph .inner_cap {
    margin-top: 10px;
  }
  #meguro .inner .inner_ph .inner_cap p {
    font-size: 80%;
    word-break: break-all;
  }
  #meguro .list .cf .cf dt .tys_spot_cap {
    margin-top: 10px;
    font-size: 80%;
    word-break: break-all;
    text-align: right;
  }
  #meguro .main_map .inner .ph .main_map_cap {
    margin-top: 4px;
    font-size: 80%;
  }
  #meguro .wrap_main .cf .ph h1 {
    padding: 0;
    /* height: 323px; */
    background-color: #003250;
  }
  #meguro .movie {
    position: relative;
  }
  #meguro .movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #meguro .movie iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  #meguro .mov_series {
    width: 100%;
    margin: 80px auto;
    border: 20px solid #D4D8E2;
  }
  #meguro cite {
    font-size: 80%;
  }
  #meguro .main_map h2 {
    font-size: 250%;
    margin-bottom: 0 !important;
  }
  #meguro #meguro_station > .inner {
    padding-top: 20px;
  }
  #meguro #meguro_station > .inner .ph {
    padding: 4px;
  }
  #meguro #meguro_station .mov_meguro {
    width: 100%;
  }
  #meguro #yamanote_value > .inner {
    border-width: 4px 0;
    padding-bottom: 40px;
  }
  #meguro #yamanote_value #yamanote_data_svg {
    /* width: 407px; */
    /* height: 211px; */
  }
  #meguro #yamanote_value .inner_row .ph.ph_toggle_img {
    padding: 0 20px;
  }
  #meguro #yamanote_rarity > div {
    border-width: 2px;
    padding: 20px 40px;
  }
  #meguro #yamanote_rarity > div:nth-child(2) {
    padding: 0;
    border: 0;
    margin-top: 10px;
  }
  #meguro #yamanote_rarity .inner {
    padding-top: 40px;
    margin-bottom: 0px;
  }
  #meguro #yamanote_rarity .inner .text {
    width: 30%;
    padding-right: 0;
  }
  #meguro #yamanote_rarity .inner .text .ttl {
    font-weight: bold;
  }
  #meguro #yamanote_rarity .inner .text .ttl,
  #meguro #yamanote_calm .inner .text .ttl {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #meguro #yamanote_calm > div {
    padding: 60px 40px;
  }
  #meguro #yamanote_calm h2.ttl {
    font-size: 180%;
  }
  #meguro #yamanote_calm .inner:nth-child(3) {
    /* margin-bottom: 20px; */
  }
  #meguro #yamanote_calm .inner .inner_ph {
    width: 38%;
  }
  #meguro #yamanote_calm .inner .text {
    padding-right: 0;
    width: 62%;
  }
  #meguro #multi_access {
    margin-top: 120px;
  }
  #meguro #multi_access > div {
    padding: 0 20px 40px 20px;
    border-width: 6px 0;
  }
  #meguro #multi_access > div > .inner {
    padding-top: 80px;
    margin-bottom: 0;
  }
  #meguro #multi_access > div > .inner:nth-child(8) {
    padding-top: 40px;
  }
  #meguro #multi_access h2.ttl {
    font-size: 240%;
    line-height: 130%;
    margin-top: -50px;
    padding: 0 0 0 20px;
  }
  #meguro #multi_access .multi_access_ph {
    display: table;
    width: 100%;
    height: 120px;
  }
  #meguro #multi_access .multi_access_ph > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  #meguro #multi_access .multi_access_ph > div .ttl {
    margin-bottom: 0;
    font-size: 140%;
    text-align: left;
    display: inline-block;
  }
  #meguro #multi_access .multi_access_lbl .text {
    width: 37%;
  }
  #meguro #multi_access .multi_access_lbl .text_r {
    padding-right: 0;
    padding-left: 0;
    width: 62%;
  }
  #meguro #multi_access .multi_access_lbl.inner .text p {
    margin-bottom: 0;
  }
  #meguro #multi_access .inner hr {
    height: 3px;
  }
  #meguro #multi_access #multi_access_biz {
    display: table;
  }
  #meguro #multi_access #multi_access_biz > div {
    float: left;
    line-height: 0;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(1) {
    width: 38.1%;
    padding-right: 5px;
    padding-bottom: 10px;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(2) {
    width: 61.9%;
    padding-left: 5px;
    padding-bottom: 10px;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(3) {
    width: 100%;
    clear: both;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(3) .inner_cap .pc {
    font-size: inherit;
  }
  #meguro #meguro_station_data > div {
    padding: 60px 40px 40px 40px;
  }
  #meguro #meguro_station_data > div .inner:nth-child(6) {
    padding-top: 0;
  }
  #meguro #meguro_station_data > div .inner:nth-child(7) {
    padding-top: 0;
  }
  #meguro #meguro_station_data > div .inner:nth-child(7) .inner_row .ph.ph_toggle_img {
    padding: 0;
  }
  #meguro #meguro_station_data h2.ttl {
    text-align: left;
    font-size: 260%;
  }
  #meguro #meguro_station_data div.ttl {
    font-size: 160%;
    padding-bottom: 40px;
  }
  #meguro #meguro_station_data .data_block h3.ttl {
    font-size: 160%;
    border-left-width: 3px;
    padding-left: 10px;
    line-height: 140%;
  }
  #meguro #meguro_station_data .data_block {
    padding: 40px 0;
  }
  #meguro #meguro_station_data .data_block .inner {
    border-top-width: 1px;
    margin-top: 20px;
    padding-top: 30px;
  }
  #meguro #meguro_station_data .data_block .inner.inner_lower {
    padding-top: 0;
  }
  #meguro #meguro_station_data .data_block .inner .text {
    width: 45%;
  }
  #meguro #meguro_station_data .data_block .inner .inner_ph {
    width: auto;
  }
  #meguro .toggle_image {
    padding: 10px 40px;
  }
  #meguro .toggle_image .toggle_image_button {
    font-size: 130%;
    padding-right: 30px;
  }
  #meguro .toggle_image .toggle_image_icon {
    width: 30px;
    height: 30px;
    border-width: 1px;
    margin: 0;
  }
  #meguro .toggle_image .toggle_image_icon span {
    height: 30px;
  }
  #meguro .toggle_image .toggle_image_icon span:before {
    width: 60%;
    height: 2px;
  }
  #meguro .toggle_image .toggle_image_icon span:after {
    width: 60%;
    height: 2px;
  }
  #meguro .toggle_image_target {
    padding-bottom: 40px;
  }
  #meguro .main_map .ttl br.inline_sp {
    display: none;
  }
  /* #meguro cite a {
    text-decoration: underline;
} */
  #meguro.summary .inner {
    display: block;
  }
}

/* CSS Document */
@media screen and (max-width: 736px) {
  #meguro {
    /*====================================

  article

  ====================================*/
    /*====================================

      page_ttl

  ====================================*/
    /*====================================

      index

  ====================================*/
    /*====================================

      index_sp

  ====================================*/
    /*====================================

  wrap_main

  ====================================*/
    /*====================================

      main_map

  ====================================*/
    /*====================================

      sub_map

  ====================================*/
    /* .list li:nth-child(2) {
  } */
    /* .list li:nth-child(3) dl:first-child {
      width: 48%;
      float: left;
  } */
    /* .list li:nth-child(3) dl:last-child {
      width: 48%;
      float: right;
  } */
    /* .list li:nth-child(4) dl:first-child {
      width: 48%;
      float: left;
  } */
    /* .list li:nth-child(4) dl:last-child {
      width: 48%;
      float: right;
  } */
    /* .list li:nth-child(5) {
      margin-bottom: 0;
  } */
    /* .list li:nth-child(5) .com {
      top: 10%;
      left: 0;
      font-size: 150%;
      margin-bottom: 40px;
      display: block;
  } */
    /*====================================

  wrap_productsummary

  ====================================*/
    /*====================================

  wrap_notes

  ====================================*/
    /*====================================

  index

  ====================================*/
    /*====================================

  text_graph

  ====================================*/
    /*====================================

  conversion_sp_selesage

  ====================================*/
    /*====================================

      areamap

  ====================================*/
    /*====================================

      movie

  ====================================*/
  }
  #meguro * {
    word-break: break-all;
  }
  #meguro img {
    width: 100%;
    display: block;
  }
  #meguro .page_ttl {
    width: 100%;
    padding: 0;
    margin: 60px auto 0;
  }
  #meguro .page_ttl h2 {
    font-size: 140%;
    width: 100%;
    text-align: center;
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: url(../images/page_ttl_arrow.svg) no-repeat;
    background-size: 20px;
    background-position: center bottom 0px;
    position: relative;
  }
  #meguro .page_ttl h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 1px;
    background: #555;
  }
  #meguro .index {
    display: none;
  }
  #meguro .index_sp {
    width: 100%;
    background: #fcf8ed;
    padding: 10px;
  }
  #meguro .index_sp ul {
    width: 100%;
  }
  #meguro .index_sp ul li {
    width: 100%;
    margin-bottom: 4px;
  }
  #meguro .index_sp ul li:last-child {
    margin-bottom: 0;
  }
  #meguro .index_sp ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    position: relative;
  }
  #meguro .wrap_main ul {
    width: 100%;
    margin-bottom: 10px;
  }
  #meguro .wrap_main ul li {
    text-align: center;
    width: 100%;
  }
  #meguro .wrap_main ul .ph {
    width: 100%;
    padding: 20px;
  }
  #meguro .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #meguro .wrap_main ul .text {
    width: 100%;
    padding: 5%;
  }
  #meguro .wrap_main .cap {
    font-size: 70%;
    text-align: right;
  }
  /* #meguro .main_map {
  width: 100%;
  padding: 0;
} */
  #meguro .main_map .inner {
    width: 100%;
  }
  #meguro .main_map .inner .text {
    width: 100%;
    margin-bottom: 10px;
  }
  #meguro .main_map .inner .text .ttl {
    font-size: 110%;
    margin-bottom: 10px;
  }
  #meguro .main_map .inner .text .ttl br,
  #meguro .main_map .inner .text p br {
    display: none;
  }
  #meguro .main_map .inner .text .ttl br.inline {
    display: inline;
  }
  #meguro .main_map .inner .ph {
    width: 100%;
  }
  #meguro {
    width: 100%;
    margin-top: 40px;
  }
  #meguro .inner {
    width: 100%;
    padding-top: 40px;
  }
  #meguro .inner .text .ttl {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #meguro .inner .text .ttl br {
    display: none;
  }
  #meguro .inner .ph {
    margin-bottom: 40px;
  }
  #meguro .list {
    background: #fcf8ed;
    padding: 20px;
  }
  #meguro .list .list_main {
    width: 100%;
    margin-bottom: 60px;
  }
  #meguro .list .list_main .ph {
    width: 100%;
    margin-bottom: 40px;
  }
  #meguro .list .list_main .text .ttl {
    width: 100%;
    text-align: center;
    font-size: 100%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #meguro .list .list_main .text p {
    width: 100%;
    text-align: justify;
    font-size: 80%;
  }
  #meguro .list .list_main .text p br {
    display: none;
  }
  #meguro .list li {
    margin-bottom: 40px;
  }
  #meguro .list li dl dt {
    margin-bottom: 20px;
  }
  #meguro .list li dl dd .ttl {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    font-size: 100%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #meguro .list li dl dd .ttl_sub {
    font-weight: bold;
    width: 100%;
    margin-bottom: 6px;
    font-size: 90%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #meguro .list li dl dd {
    margin-bottom: 40px;
  }
  #meguro .list li dl:last-child dd {
    margin-bottom: 20px;
  }
  #meguro .list li:nth-child(2) dl:first-child dd,
  #meguro .list li:nth-child(3) dl:first-child dd,
  #meguro .list li:nth-child(4) dl:first-child dd {
    margin-bottom: 60px;
  }
  #meguro .list li:nth-child(5) {
    margin-bottom: 20px;
  }
  #meguro .list li:nth-child(5) dl dt {
    margin-bottom: 0px;
  }
  #meguro .list li:nth-child(5) dl .tys_areamap_cap {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #meguro .list li:nth-child(9) {
    margin-bottom: 0px;
  }
  #meguro .list li .cf {
    width: 100%;
  }
  #meguro .list li dl dt .ttl {
    font-weight: bold;
    width: 100%;
    margin-bottom: 22px;
    font-size: 120%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #meguro .list li dl dd .ttl .icon {
    background: #003f73;
    line-height: 1em;
    padding: .4em .8em;
    color: #fff;
  }
  #meguro .list li dl dd .ttl .hsk {
    font-weight: 200;
    font-size: 70%;
    padding-left: .3em;
  }
  #meguro .list li dl dd p {
    font-size: 80%;
  }
  #meguro .list li dl dd p .cap {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: right;
  }
  #meguro .wrap_productsummary {
    margin-bottom: 0;
  }
  #meguro .wrap_productsummary .inner {
    padding-top: 0;
  }
  #meguro .wrap_productsummary .cell {
    margin-bottom: 40px;
  }
  #meguro .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 20px;
    padding: .3em 1em;
    font-size: 100%;
    line-height: 1.5em;
  }
  #meguro .wrap_productsummary .cell .swip {
    margin-bottom: 10px;
  }
  #meguro .wrap_productsummary .cell .swip dl {
    width: 100%;
    display: table;
  }
  #meguro .wrap_productsummary .cell .swip dt {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
  }
  #meguro .wrap_productsummary .cell .swip dd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
  }
  #meguro .wrap_productsummary .cell .cap {
    font-size: 90%;
    color: #666;
  }
  #meguro .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
    overflow-y: scroll;
  }
  #meguro .wrap_productsummary .graph img {
    border: 10px solid #fff;
    width: 150%;
  }
  #meguro .wrap_productsummary .ph {
    margin-bottom: 20px;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph {
    margin-bottom: 40px;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph .pc {
    display: none;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 100%;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #meguro .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 100%;
    display: block;
    margin-bottom: 10px;
    border-left: 3px solid #555;
    padding-left: .5em;
    color: #555;
  }
  #meguro .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #meguro .wrap_productsummary .flow p {
    font-size: 80%;
  }
  #meguro .wrap_productsummary .flow .ph .pc {
    display: none;
  }
  #meguro .wrap_productsummary .flow .ph .sp {
    display: block;
  }
  #meguro .wrap_productsummary .flow .ph {
    margin-bottom: 0px;
  }
  #meguro .wrap_productsummary .flow .text_graph_cap {
    margin-top: 10px;
  }
  #meguro .wrap_productsummary .flow .text_graph_cap p {
    font-size: 80%;
  }
  #meguro .wrap_notes {
    background: #fff;
  }
  #meguro .wrap_notes .inner {
    background: #f9f4e9;
    padding: 20px 10px;
  }
  #meguro .wrap_notes .inner dl {
    background: #fff;
    padding: 20px;
    margin-bottom: 0;
  }
  #meguro .wrap_notes .inner dl:last-child {
    padding: 20px;
  }
  #meguro .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #meguro .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #meguro .index {
    width: 100%;
  }
  #meguro .index ul {
    width: 100%;
  }
  #meguro .index ul li {
    width: 100%;
    background: #3f7aaa;
    border-bottom: 1px solid #fff;
  }
  #meguro .index ul li a,
  #meguro .index ul li .cell {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-decoration: none;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #meguro .index ul li .cell {
    background: #003f73;
  }
  #meguro .index ul li a .ph,
  #meguro .index ul li .cell .ph {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 20px 12px;
  }
  #meguro .index ul li a .text,
  #meguro .index ul li .cell .text {
    width: 80%;
    padding-left: 0 0 0 1em;
  }
  #meguro .index ul li a .text p,
  #meguro .index ul li .cell .text p {
    color: #fff;
    font-size: 110%;
  }
  #meguro .index ul li a .text p br,
  #meguro .index ul li .cell .text p br {
    display: none;
  }
  #meguro .text_graph {
    border: 10px solid #eee;
    overflow: scroll;
    width: 100%;
  }
  #meguro .text_graph .text_graph_cap {
    padding: 10px;
    width: 700px;
  }
  #meguro .text_graph .text_graph_cap p {
    font-size: 60%;
  }
  #meguro .text_graph .tax {
    margin-top: 10px;
  }
  #meguro .text_graph .tax p {
    width: 100%;
    text-align: left;
    font-size: 80%;
  }
  #meguro .text_graph_01 .inner {
    width: 700px;
  }
  #meguro .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    width: 200px;
    padding: 4px 10px;
    font-size: 90%;
  }
  #meguro .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #meguro .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #meguro .text_graph_02 .inner {
    width: 960px;
  }
  #meguro .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 22%;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(3) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .th > li:nth-child(4) {
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 90%;
  }
  #meguro .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 22%;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(3) {
    border-right: 1px solid #bbb;
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(4) {
    width: 26%;
  }
  #meguro .text_graph_02 .inner .td > li:nth-child(1) span {
    float: right;
    font-size: inherit;
  }
  #meguro .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
    margin: 10px 0 0 0;
  }
  #meguro .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 90%;
  }
  #meguro .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #meguro .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    font-size: 90%;
  }
  #meguro .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #meguro .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #meguro .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #meguro .inheritancetaxvaluation .box:nth-child(1) {
    margin-bottom: 40px;
  }
  #meguro .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_03 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    padding: 10px;
    font-size: 90%;
  }
  #meguro .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    width: 150px;
    font-size: 90%;
  }
  #meguro .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_04 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro .text_graph_04 dl dt {
    background: #f2ecdc;
    padding: 10px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #meguro .text_graph_04 dl dd {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #meguro .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #meguro .text_graph_04 .text_graph_cap {
    width: 100% !important;
  }
  #meguro .text_graph_05 .inner {
    width: 700px;
  }
  #meguro .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #meguro .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #f2ecdc;
    text-align: left;
    border-right: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #meguro .text_graph_05 .inner .th {
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #f2ecdc;
  }
  #meguro .text_graph_05 .inner .td {
    border-bottom: 1px solid #bbb;
  }
  #meguro .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #meguro #conversion_sp_selesage {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 10px 60px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
  }
  #meguro #conversion_sp_selesage li:first-child {
    width: 38%;
    float: left;
  }
  #meguro #conversion_sp_selesage li:last-child {
    width: 60%;
    float: right;
  }
  #meguro #conversion_sp_selesage a {
    display: block;
    padding: 10px;
    font-weight: normal;
    font-size: 80%;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
    background-position: right 10px top 50%;
    background-size: 8px;
    width: 100%;
    text-decoration: none;
    color: #fff;
  }
  #meguro .list li dl dd.tys_areamap_cap {
    margin-top: -10px;
  }
  #meguro .list li dl dd.tys_areamap_cap p {
    font-size: 70%;
  }
  #meguro .list li dl dd.tys_data_cap {
    margin-top: -10px;
  }
  #meguro .list li dl dd.tys_data_cap p {
    font-size: 70%;
    word-break: break-all;
  }
  #meguro .list li dl dd.tys_data_body_cap {
    margin-top: -10px;
  }
  #meguro .list li dl dd.tys_data_body_cap p {
    font-size: 70%;
  }
  #meguro .inner .inner_ph {
    margin-bottom: 40px;
  }
  #meguro .inner_cap,
  #meguro .inner .inner_ph .inner_cap {
    margin-top: 6px;
  }
  #meguro .inner .inner_ph .inner_cap p {
    font-size: 70%;
    word-break: break-all;
  }
  #meguro .list .cf .cf dt .tys_spot_cap {
    margin-top: 10px;
    font-size: 70%;
    word-break: break-all;
    text-align: right;
  }
  #meguro .list .cf .cf dt .tys_spot_cap span {
    display: block;
    height: 0;
  }
  #meguro .main_map .inner .ph .main_map_cap {
    margin-top: 4px;
    font-size: 70%;
  }
  #meguro .wrap_main .cf .ph h1 {
    padding: 0;
  }
  #meguro .movie {
    position: relative;
  }
  #meguro .movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #meguro .movie iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  #meguro .mov_series {
    width: 100%;
    margin: 20px auto;
    border: 10px solid #D4D8E2;
  }
  #meguro cite {
    font-size: 70%;
  }
  #meguro .main_map h2 {
    font-size: 140%;
    margin-bottom: 0px !important;
    padding-bottom: 4px;
  }
  #meguro .main_map .ph.ph_toggle_btn {
    text-align: center;
  }
  #meguro #meguro_station > .inner {
    padding-top: 0;
  }
  #meguro #meguro_station > .inner .ph {
    padding: 2px;
  }
  #meguro #yamanote_value > .inner {
    border-width: 4px 0;
    padding: 6% 6% 0 6%;
  }
  #meguro #yamanote_value #yamanote_data_svg {
    /* width: 293px; */
    /* height: 153px; */
  }
  #meguro #yamanote_value .inner_row .ph.ph_toggle_img {
    padding: 0;
    margin-bottom: 0;
  }
  #meguro #yamanote_rarity > div {
    border-width: 2px;
    padding: 20px 20px 30px 20px;
  }
  #meguro #yamanote_rarity > div:nth-child(2) {
    padding: 0;
    border: 0;
    margin-top: 6px;
  }
  #meguro #yamanote_rarity .inner .text .ttl {
    font-size: 110%;
    font-weight: bold;
  }
  #meguro #yamanote_calm > div {
    padding: 40px 20px 1px 20px;
  }
  #meguro #yamanote_calm h2.ttl {
    font-size: 116%;
  }
  #meguro #yamanote_calm .inner:nth-child(3) {
    padding-top: 20px;
  }
  #meguro #multi_access {
    margin-top: 0;
  }
  #meguro #multi_access > div {
    border-width: 6px 0;
  }
  #meguro #multi_access > div > .inner:nth-child(4) {
    padding-top: 0;
    margin-bottom: 0;
  }
  #meguro #multi_access > div > .inner:nth-child(6) {
    padding-top: 20px;
  }
  #meguro #multi_access > div > .inner:nth-child(8) {
    padding-top: 0;
  }
  #meguro #multi_access > div > .inner:nth-child(8) .ph.ph_toggle_img {
    margin-bottom: 0;
  }
  #meguro #multi_access h2.ttl {
    font-size: 130%;
    line-height: 130%;
    margin-top: -50px;
    padding: 0 0 0 10px;
  }
  #meguro #multi_access .multi_access_ph > div .ttl {
    padding: 10px 0 10px 20px;
  }
  #meguro #multi_access .multi_access_lbl .text {
    margin-bottom: 0;
  }
  #meguro #multi_access .multi_access_lbl .text_r p {
    font-size: 98%;
  }
  #meguro #multi_access .inner hr {
    height: 3px;
  }
  #meguro #multi_access #multi_access_biz > div {
    width: 100%;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(1) {
    padding-bottom: 5px;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(2) {
    padding-bottom: 5px;
  }
  #meguro #multi_access #multi_access_biz > div:nth-child(3) .inner_cap .pc {
    display: none;
  }
  #meguro #meguro_station_data > div {
    padding: 40px 20px 20px 20px;
  }
  #meguro #meguro_station_data > div .inner:nth-child(6) {
    padding-top: 0;
  }
  #meguro #meguro_station_data > div .inner:nth-child(7) {
    padding-top: 0;
  }
  #meguro #meguro_station_data > div .inner:nth-child(7) .inner_row .ph.ph_toggle_img {
    padding: 0;
  }
  #meguro #meguro_station_data h2.ttl {
    text-align: left;
    font-size: 140%;
  }
  #meguro #meguro_station_data div.ttl {
    font-size: 100%;
    padding-bottom: 0;
  }
  #meguro #meguro_station_data .data_block {
    padding: 20px 0;
  }
  #meguro #meguro_station_data .data_block .inner .inner_ph {
    margin-bottom: 10px;
  }
  #meguro #meguro_station_data .data_block h3.ttl {
    font-size: 110%;
    border-left-width: 3px;
    padding-left: 6px;
    line-height: 140%;
  }
  #meguro #meguro_station_data .data_block .inner {
    border-top-width: 1px;
    margin-top: 20px;
    padding-top: 20px;
  }
  #meguro #meguro_station_data .data_block .inner.inner_lower {
    padding-top: 0;
    margin-top: 0;
  }
  #meguro .toggle_image {
    padding: 14px 30px;
    width: 294px;
  }
  #meguro .toggle_image .toggle_image_button {
    font-size: 102%;
    padding-right: 14px;
    line-height: 0.8em;
  }
  #meguro .toggle_image .toggle_image_icon {
    width: 22px;
    height: 22px;
    border-width: 1px;
    margin: 0;
  }
  #meguro .toggle_image .toggle_image_icon span {
    height: 21px;
  }
  #meguro .toggle_image .toggle_image_icon span:before {
    width: 40%;
    height: 1px;
  }
  #meguro .toggle_image .toggle_image_icon span:after {
    width: 40%;
    height: 1px;
  }
  #meguro .toggle_image_target {
    padding-bottom: 40px;
    margin-top: -20px;
  }
  #meguro .main_map .ttl br.inline_sp {
    display: inline;
  }
  #meguro #meguro_data05 {
    padding-bottom: 0;
  }
  /* #meguro cite a {
    text-decoration: none;
} */
  #meguro.summary .summary_ttl {
    font-size: 130%;
  }
  #meguro article {
    padding: 0;
    margin-bottom: 20px;
  }
  #meguro.top_page article {
    margin-bottom: 60px;
  }
  #meguro.top_page article.index_wrap {
    margin-top: 80px;
  }
  #meguro.summary article.index_wrap,
  #meguro.cautions article.index_wrap {
    padding-top: 40px;
  }
  #meguro.cautions article.wrap_notes {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
  }
}

/* CSS Document */
@media screen and (min-width: 736px) {
  #nakameguro {
    /*====================================

        article

    ====================================*/
    /*====================================

        page_ttl

    ====================================*/
    /*====================================

        index

    ====================================*/
    /*====================================

        index_sp

    ====================================*/
    /*====================================

    wrap_main

    ====================================*/
    /*====================================

        main_map

    ====================================*/
    /*====================================

        sub_map

    ====================================*/
    /*====================================

    wrap_productsummary_main

    ====================================*/
    /*====================================

    wrap_productsummary

    ====================================*/
    /*====================================

    wrap_notes

    ====================================*/
    /*====================================

    text_graph

    ====================================*/
    /* text_graph_06 */
    /*====================================

    conversion_sp_selesage

    ====================================*/
  }
  #nakameguro img {
    width: 100%;
  }
  #nakameguro article {
    margin-bottom: 20px;
  }
  #nakameguro .page_ttl {
    width: 100%;
    padding: 0 20px;
    max-width: 1200px;
    margin: 0 auto;
  }
  #nakameguro .page_ttl h2 {
    font-size: 250%;
    width: 100%;
    text-align: center;
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: url(../service_image/nakameguro/page_ttl_arrow.svg) no-repeat;
    background-size: 20px;
    background-position: center bottom 0px;
    position: relative;
  }
  #nakameguro .page_ttl h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 1px;
    background: #555;
  }
  #nakameguro .index {
    width: 100%;
    background: #fcf8ed;
    padding: 20px;
  }
  #nakameguro .index ul {
    display: table;
    width: 100%;
  }
  #nakameguro .index ul li {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #fcf8ed;
    width: 33.333333333%;
    background: #ecd8d6;
  }
  #nakameguro .index ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
  }
  #nakameguro .index ul .active a,
  #nakameguro .index ul li a:hover {
    background: #e1bbb8;
  }
  #nakameguro .index_sp {
    display: none;
  }
  #nakameguro .wrap_main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background: #ecd8d6;
    margin-bottom: 10px;
  }
  #nakameguro .wrap_main ul li {
    text-align: center;
  }
  #nakameguro .wrap_main ul .ph {
    width: 35%;
    padding: 30px;
  }
  #nakameguro .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #nakameguro .wrap_main ul .text {
    width: 65%;
    padding: 5%;
  }
  #nakameguro .wrap_main .cap {
    font-size: 80%;
  }
  #nakameguro .main_map {
    width: 100%;
  }
  #nakameguro .main_map .inner {
    display: table;
    width: 100%;
  }
  #nakameguro .main_map .inner .text {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding-right: 5%;
  }
  #nakameguro .main_map .inner .text .ttl {
    font-size: 200%;
    margin-bottom: 20px;
    text-align: left;
  }
  #nakameguro .main_map .inner .ph {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    background: #eee;
    padding: 20px;
  }
  #nakameguro .sub_map {
    width: 100%;
  }
  #nakameguro .sub_map .inner {
    display: table;
    width: 100%;
    border-top: 10px solid #eee;
    padding-top: 100px;
    margin-bottom: 100px;
  }
  #nakameguro .sub_map .inner .text {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding-left: 5%;
  }
  #nakameguro .sub_map .inner .text .ttl {
    font-size: 200%;
    margin-bottom: 20px;
  }
  #nakameguro .sub_map .inner .text p {
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .inner .ph {
    vertical-align: top;
    background: #eee;
    padding: 20px;
  }
  #nakameguro .sub_map .list {
    background: #fcf8ed;
    padding: 40px;
  }
  #nakameguro .sub_map .list .list_main {
    width: 100%;
    margin-bottom: 80px;
  }
  #nakameguro .sub_map .list .list_main .ph {
    width: 100%;
    margin-bottom: 80px;
  }
  #nakameguro .sub_map .list .list_main .text .ttl {
    width: 100%;
    text-align: center;
    font-size: 200%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .list .list_main .text p {
    width: 100%;
    text-align: center;
  }
  #nakameguro .sub_map .list li {
    margin-bottom: 80px;
  }
  #nakameguro .sub_map .list li dl dt {
    margin-bottom: 20px;
  }
  #nakameguro .sub_map .list li dl dd h3 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    font-size: 130%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #nakameguro .sub_map .list li dl dd h3 .hsk {
    font-weight: 200;
    font-size: 70%;
    padding-left: .3em;
    color: #555;
  }
  #nakameguro .sub_map .list li dl dd p .cap {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: right;
  }
  #nakameguro .sub_map .list li:nth-child(2) {
    padding-right: 20%;
  }
  #nakameguro .sub_map .list li:nth-child(3) dl:first-child {
    width: 48%;
    float: left;
  }
  #nakameguro .sub_map .list li:nth-child(3) dl:last-child {
    width: 48%;
    float: right;
  }
  #nakameguro .sub_map .list li:nth-child(4) dl:first-child {
    width: 48%;
    float: left;
  }
  #nakameguro .sub_map .list li:nth-child(4) dl:last-child {
    width: 48%;
    float: right;
  }
  #nakameguro .sub_map .list li:nth-child(5) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #nakameguro .sub_map .list li:nth-child(5) dl {
    width: 50%;
  }
  #nakameguro .sub_map .list li:nth-child(5) .com {
    font-size: 200%;
  }
  #nakameguro .wrap_productsummary_main,
  #nakameguro .wrap_simulation {
    border: 4px solid #ccc;
  }
  #nakameguro .wrap_productsummary_main p,
  #nakameguro .wrap_simulation p {
    width: 100%;
    text-align: center;
    padding: 200px 0;
  }
  #nakameguro .wrap_productsummary .cell {
    margin-bottom: 80px;
  }
  #nakameguro .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 30px;
    padding: .3em 1em;
    font-size: 150%;
    background: #ecd8d6;
    line-height: 1.5em;
  }
  #nakameguro .wrap_productsummary .cell .swip {
    display: none;
  }
  #nakameguro .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
  }
  #nakameguro .wrap_productsummary .graph img {
    border: 20px solid #fff;
  }
  #nakameguro .wrap_productsummary .ph {
    padding: 0 5%;
    margin-bottom: 20px;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph {
    width: 45%;
    float: left;
    padding: 0;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 50%;
    float: right;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 120%;
    display: block;
    margin-bottom: 20px;
    border-left: 4px solid #555;
    padding-left: .5em;
    color: #555;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #nakameguro .wrap_productsummary .flow .ph .sp {
    display: none;
  }
  #nakameguro .wrap_productsummary .flow p {
    font-size: 90%;
  }
  #nakameguro .wrap_notes {
    background: #fff;
  }
  #nakameguro .wrap_notes .inner {
    background: #f9f4e9;
    padding: 30px;
  }
  #nakameguro .wrap_notes .inner dl {
    background: #fff;
    padding: 30px;
    margin-bottom: 2px;
  }
  #nakameguro .wrap_notes .inner dl:last-child {
    padding: 30px;
  }
  #nakameguro .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #nakameguro .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #nakameguro .text_graph .text_graph_cap {
    padding: 20px 0;
  }
  #nakameguro .text_graph .text_graph_cap p {
    font-size: 90%;
  }
  #nakameguro .text_graph .tax {
    margin-top: 10px;
  }
  #nakameguro .text_graph .tax p {
    width: 100%;
    text-align: right;
    font-size: 80%;
  }
  #nakameguro .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    width: 200px;
    padding: 10px;
  }
  #nakameguro .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #nakameguro .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #nakameguro .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #nakameguro .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
  }
  #nakameguro .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .th > li:nth-child(3) {
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #nakameguro .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #nakameguro .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
    text-align: left;
    padding-left: 10px;
  }
  #nakameguro .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .td > li:nth-child(3) {
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
    margin: 10px 0 0 0;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 80%;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #nakameguro .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_03 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    padding: 10px;
    width: 360px;
  }
  #nakameguro .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #nakameguro .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #bbb;
    display: table;
  }
  #nakameguro .text_graph_04 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_04 dl dt {
    vertical-align: middle;
    display: table-cell;
    background: #f2ecdc;
    padding: 20px;
    text-align: center;
    font-size: 100%;
    width: 360px;
  }
  #nakameguro .text_graph_04 dl dd {
    vertical-align: middle;
    padding: 20px;
    text-align: center;
    font-size: 120%;
    display: table-cell;
  }
  #nakameguro .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #nakameguro .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #nakameguro .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #f2ecdc;
    text-align: left;
    border-right: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #nakameguro .text_graph_05 .inner .th {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #f2ecdc;
    font-size: 90%;
  }
  #nakameguro .text_graph_05 .inner .td {
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_06 .inner ul {
    display: table;
    width: 100%;
  }
  #nakameguro .text_graph_06 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
  }
  #nakameguro .text_graph_06 .inner ul li:nth-child(1) {
    width: 25%;
    background: #fcf8ed;
    border-right: 1px solid #ccc;
    text-align: left;
  }
  #nakameguro .text_graph_06 .inner ul li:nth-child(2) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner ul li:nth-child(3) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner ul li:nth-child(4) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner ul li:nth-child(5) {
    width: 15%;
    border-right: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner ul li:nth-child(6) {
    width: 15%;
  }
  #nakameguro .text_graph_06 .inner .th {
    border-bottom: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner .th li {
    background: #fcf8ed;
  }
  #nakameguro .text_graph_06 .inner .td {
    border-bottom: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner .td:first-child {
    border-top: 1px solid #ccc;
  }
  #nakameguro .text_graph_06 .inner .blank {
    height: 1px;
  }
  #nakameguro .text_graph_06 .inner .blank li {
    padding: 1px;
  }
  #nakameguro #conversion_sp_selesage {
    display: none;
  }
}

/* CSS Document */
@media screen and (max-width: 736px) {
  #nakameguro {
    /*====================================

    article

    ====================================*/
    /*====================================

        page_ttl

    ====================================*/
    /*====================================

        index

    ====================================*/
    /*====================================

        index_sp

    ====================================*/
    /*====================================

    wrap_main

    ====================================*/
    /*====================================

        main_map

    ====================================*/
    /*====================================

        sub_map

    ====================================*/
    /*====================================

    wrap_productsummary

    ====================================*/
    /*====================================

    wrap_notes

    ====================================*/
    /*====================================

    index

    ====================================*/
    /*====================================

    text_graph

    ====================================*/
    /*====================================

    conversion_sp_selesage

    ====================================*/
  }
  #nakameguro * {
    word-break: break-all;
  }
  #nakameguro img {
    width: 100%;
    display: block;
  }
  #nakameguro article {
    margin-bottom: 20px;
    padding: 0;
  }
  #nakameguro .page_ttl {
    width: 100%;
    padding: 0 20px;
    margin: 60px auto 0;
  }
  #nakameguro .page_ttl h2 {
    font-size: 140%;
    width: 100%;
    text-align: center;
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 60px;
    background: url(../service_image/nakameguro/page_ttl_arrow.svg) no-repeat;
    background-size: 20px;
    background-position: center bottom 0px;
    position: relative;
  }
  #nakameguro .page_ttl h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    height: 1px;
    background: #555;
  }
  #nakameguro .index {
    display: none;
  }
  #nakameguro .index_sp {
    width: 100%;
    background: #fcf8ed;
    padding: 10px;
  }
  #nakameguro .index_sp ul {
    width: 100%;
  }
  #nakameguro .index_sp ul li {
    border: 1px solid #fcf8ed;
    width: 100%;
    background: #fadbda;
    margin-bottom: 4px;
  }
  #nakameguro .index_sp ul li:last-child {
    margin-bottom: 0;
  }
  #nakameguro .index_sp ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    position: relative;
  }
  #nakameguro .index_sp ul .active a {
    background: #e1bbb8;
  }
  #nakameguro .wrap_main ul {
    width: 100%;
    background: #ecd8d6;
    margin-bottom: 10px;
  }
  #nakameguro .wrap_main ul li {
    text-align: center;
    width: 100%;
  }
  #nakameguro .wrap_main ul .ph {
    width: 100%;
    padding: 20px;
  }
  #nakameguro .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #nakameguro .wrap_main ul .text {
    width: 100%;
    padding: 5%;
  }
  #nakameguro .wrap_main .cap {
    font-size: 70%;
  }
  #nakameguro .main_map {
    width: 100%;
    margin-bottom: 40px;
  }
  #nakameguro .main_map .inner {
    width: 100%;
  }
  #nakameguro .main_map .inner .text {
    width: 100%;
    margin-bottom: 40px;
  }
  #nakameguro .main_map .inner .text .ttl {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #nakameguro .main_map .inner .text .ttl br,
  #nakameguro .main_map .inner .text p br {
    display: none;
  }
  #nakameguro .main_map .inner .ph {
    width: 100%;
  }
  #nakameguro .sub_map {
    width: 100%;
  }
  #nakameguro .sub_map .inner {
    width: 100%;
    border-top: 4px solid #eee;
    padding-top: 40px;
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .inner .text .ttl {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #nakameguro .sub_map .inner .text .ttl br {
    display: none;
  }
  #nakameguro .sub_map .inner .text p {
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .inner .ph {
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .list {
    background: #fcf8ed;
    padding: 20px;
  }
  #nakameguro .sub_map .list .list_main {
    width: 100%;
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .list .list_main .ph {
    width: 100%;
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .list .list_main .text .ttl {
    width: 100%;
    text-align: center;
    font-size: 100%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .list .list_main .text p {
    width: 100%;
    text-align: justify;
    font-size: 80%;
  }
  #nakameguro .sub_map .list .list_main .text p br {
    display: none;
  }
  #nakameguro .sub_map .list li {
    margin-bottom: 40px;
  }
  #nakameguro .sub_map .list li dl dt {
    margin-bottom: 20px;
  }
  #nakameguro .sub_map .list li dl dd .ttl {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    font-size: 100%;
    background: #fcf8ed;
    padding: 0;
    color: #555;
  }
  #nakameguro .sub_map .list li dl dd .ttl .icon {
    background: #003f73;
    line-height: 1em;
    padding: .4em .8em;
    color: #fff;
  }
  #nakameguro .sub_map .list li dl dd .ttl .hsk {
    font-weight: 200;
    font-size: 70%;
    padding-left: .3em;
  }
  #nakameguro .sub_map .list li dl dd p {
    font-size: 80%;
  }
  #nakameguro .sub_map .list li dl dd p .cap {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: right;
  }
  #nakameguro .sub_map .list li:nth-child(3) dl:first-child {
    width: 48%;
    float: left;
  }
  #nakameguro .sub_map .list li:nth-child(3) dl:last-child {
    width: 48%;
    float: right;
  }
  #nakameguro .sub_map .list li:nth-child(4) dl:first-child {
    width: 48%;
    float: left;
  }
  #nakameguro .sub_map .list li:nth-child(4) dl:last-child {
    width: 48%;
    float: right;
  }
  #nakameguro .sub_map .list li:nth-child(5) {
    margin-bottom: 0;
  }
  #nakameguro .sub_map .list li:nth-child(5) .com {
    top: 10%;
    left: 0;
    font-size: 150%;
    margin-bottom: 40px;
    display: block;
  }
  #nakameguro .wrap_productsummary .cell {
    margin-bottom: 40px;
  }
  #nakameguro .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 20px;
    padding: .3em 1em;
    font-size: 100%;
    background: #ecd8d6;
    line-height: 1.5em;
  }
  #nakameguro .wrap_productsummary .cell .swip {
    margin-bottom: 10px;
  }
  #nakameguro .wrap_productsummary .cell .swip dl {
    width: 100%;
    display: table;
  }
  #nakameguro .wrap_productsummary .cell .swip dt {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
  }
  #nakameguro .wrap_productsummary .cell .swip dd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
  }
  #nakameguro .wrap_productsummary .cell .cap {
    font-size: 90%;
    color: #666;
  }
  #nakameguro .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
    overflow-y: scroll;
  }
  #nakameguro .wrap_productsummary .graph img {
    border: 10px solid #fff;
    width: 150%;
  }
  #nakameguro .wrap_productsummary .ph {
    margin-bottom: 20px;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph {
    margin-bottom: 40px;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph .pc {
    display: none;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 100%;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 100%;
    display: block;
    margin-bottom: 10px;
    border-left: 3px solid #555;
    padding-left: .5em;
    color: #555;
  }
  #nakameguro .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #nakameguro .wrap_productsummary .flow .ph .pc {
    display: none;
  }
  #nakameguro .wrap_productsummary .flow p {
    font-size: 80%;
  }
  #nakameguro .wrap_notes {
    background: #fff;
  }
  #nakameguro .wrap_notes .inner {
    background: #f9f4e9;
    padding: 20px 10px;
  }
  #nakameguro .wrap_notes .inner dl {
    background: #fff;
    padding: 20px;
    margin-bottom: 6px;
  }
  #nakameguro .wrap_notes .inner dl:last-child {
    padding: 20px;
  }
  #nakameguro .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #nakameguro .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #nakameguro .index {
    width: 100%;
  }
  #nakameguro .index ul {
    width: 100%;
  }
  #nakameguro .index ul li {
    width: 100%;
    background: #3f7aaa;
    border-bottom: 1px solid #fff;
  }
  #nakameguro .index ul li a,
  #nakameguro .index ul li .cell {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-decoration: none;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #nakameguro .index ul li .cell {
    background: #003f73;
  }
  #nakameguro .index ul li a .ph,
  #nakameguro .index ul li .cell .ph {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 20px 12px;
  }
  #nakameguro .index ul li a .text,
  #nakameguro .index ul li .cell .text {
    width: 80%;
    padding-left: 0 0 0 1em;
  }
  #nakameguro .index ul li a .text p,
  #nakameguro .index ul li .cell .text p {
    color: #fff;
    font-size: 110%;
  }
  #nakameguro .index ul li a .text p br,
  #nakameguro .index ul li .cell .text p br {
    display: none;
  }
  #nakameguro .text_graph {
    border: 10px solid #eee;
    overflow: scroll;
    width: 100%;
  }
  #nakameguro .text_graph .text_graph_cap {
    padding: 10px;
    width: 700px;
  }
  #nakameguro .text_graph .text_graph_cap p {
    font-size: 80%;
  }
  #nakameguro .text_graph .tax {
    margin-top: 10px;
  }
  #nakameguro .text_graph .tax p {
    width: 100%;
    text-align: left;
    font-size: 80%;
  }
  #nakameguro .text_graph_01 .inner {
    width: 700px;
  }
  #nakameguro .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    width: 200px;
    padding: 4px 10px;
    font-size: 90%;
  }
  #nakameguro .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #nakameguro .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #nakameguro .text_graph_02 .inner {
    width: 700px;
  }
  #nakameguro .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #nakameguro .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
  }
  #nakameguro .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .th > li:nth-child(3) {
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 90%;
  }
  #nakameguro .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #nakameguro .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 30%;
    text-align: left;
    padding-left: 10px;
  }
  #nakameguro .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .td > li:nth-child(3) {
    width: 35%;
  }
  #nakameguro .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #f2ecdc;
    border-top: 1px solid #bbb;
    margin: 10px 0 0 0;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 90%;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    font-size: 90%;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #bbb;
    width: 33.33333%;
  }
  #nakameguro .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #nakameguro .inheritancetaxvaluation .box:nth-child(1) {
    margin-bottom: 40px;
  }
  #nakameguro .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_03 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #f2ecdc;
    padding: 10px;
    font-size: 90%;
  }
  #nakameguro .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    width: 150px;
    font-size: 90%;
  }
  #nakameguro .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_04 dl:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro .text_graph_04 dl dt {
    background: #f2ecdc;
    padding: 10px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #nakameguro .text_graph_04 dl dd {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #nakameguro .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #nakameguro .text_graph_04 .text_graph_cap {
    width: 100% !important;
  }
  #nakameguro .text_graph_05 .inner {
    width: 700px;
  }
  #nakameguro .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #nakameguro .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #f2ecdc;
    text-align: left;
    border-right: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #nakameguro .text_graph_05 .inner .th {
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #f2ecdc;
  }
  #nakameguro .text_graph_05 .inner .td {
    border-bottom: 1px solid #bbb;
  }
  #nakameguro .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #bbb;
  }
  #nakameguro #conversion_sp_selesage {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 10px 60px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
  }
  #nakameguro #conversion_sp_selesage li:first-child {
    width: 38%;
    float: left;
  }
  #nakameguro #conversion_sp_selesage li:last-child {
    width: 60%;
    float: right;
  }
  #nakameguro #conversion_sp_selesage a {
    display: block;
    padding: 10px;
    font-weight: normal;
    font-size: 80%;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
    background-position: right 10px top 50%;
    background-size: 8px;
    width: 100%;
    text-decoration: none;
    color: #fff;
  }
}

/*
	.MainArea {
		max-width: 820px;
		margin-left: auto;
		margin-right: auto;
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}



*/
#selesage #daikanyama {
  /*.conversion .ttl,
	.conversion .btn_two {
		display: none;
	}*/
  /*.movie .jstream-eqPlayer,*/
  /*.movie .jstream-eqPlayer > div {*/
  /*background: none !important;*/
  /*}*/
}

#selesage #daikanyama .mb20 {
  margin-bottom: 20px;
}

#selesage #daikanyama .mb40 {
  margin-bottom: 40px;
}

#selesage #daikanyama .clearfix {
  zoom: 1;
}

#selesage #daikanyama .clearfix:after {
  content: '.';
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

#selesage #daikanyama .conversion .tel .mds {
  color: #4a6e89;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #4a6e89;
}

#selesage #daikanyama .btntype_single li {
  max-width: 400px;
}

#selesage #daikanyama .btn_area .def.seminar a {
  color: #fff;
  border: 2px solid #c1bca7;
  background: url(/biz/common/images/arrow_r_w.png) no-repeat #c1bca7;
  background-position: right 20px top 50%;
}

#selesage #daikanyama .btn_area .def.seminar a:hover {
  color: #c1bca7;
  border: 2px solid #c1bca7;
  background: url(/biz/common/images/arrow_r_lb.png) no-repeat #fff;
  background-position: right 20px top 50%;
}

#selesage #daikanyama hr.line {
  margin: 50px 0 0;
  padding: 50px 0 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: dotted 1px #bbb;
}

#selesage #daikanyama .lead p {
  text-align: center;
  font-size: 20px;
  margin: 50px auto;
}

#selesage #daikanyama .lead span {
  font-size: 27px;
  color: #e60012;
}

#selesage #daikanyama .titleA {
  margin-bottom: 3px;
  padding: 10px 10px 10px 35px;
  background: #476c83;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
}

#selesage #daikanyama .titleB {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 2px #476c83;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #39556c;
  background: none;
}

@media only screen and (max-width: 1140px) {
  #selesage #daikanyama .titleA {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 640px) {
  #selesage #daikanyama .lead {
    font-size: 18px;
  }
  #selesage #daikanyama .lead span {
    font-size: 22px;
    color: #e60012;
  }
}

#selesage #daikanyama .TblA {
  width: 100%;
  font-size: 13px;
}

#selesage #daikanyama .TblA th {
  width: 25%;
  min-width: 100px;
  font-size: 14px;
  letter-spacing: 0.2px;
  text-align: center;
  padding: 12px 15px;
  background: #9b9d76;
  font-weight: normal;
  color: #fff;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: inherit;
}

#selesage #daikanyama .TblA th.rw2 {
  padding: 4px 5px;
  line-height: 18px;
}

#selesage #daikanyama .TblA td {
  width: 75%;
  padding: 12px 15px;
  font-size: 14px;
  background: #f1f1e3;
  text-align: left;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#selesage #daikanyama .TblB {
  width: 100%;
  background: #b6b6b6;
  font-size: 13px;
  text-align: left;
}

#selesage #daikanyama .TblB tr {
  vertical-align: inherit;
}

#selesage #daikanyama .TblB th {
  padding: 8px 12px;
  background: #d5d6d5;
  font-weight: normal;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
}

#selesage #daikanyama .TblB td {
  padding: 8px 15px;
  background: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

@media only screen and (max-width: 640px) {
  #selesage #daikanyama th {
    border: none;
  }
  #selesage #daikanyama .TblA th,
  #selesage #daikanyama .TblA td {
    width: 100%;
    text-align: center;
  }
  #selesage #daikanyama .TblB th {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: #d5d6d5;
    font-weight: normal;
  }
  #selesage #daikanyama .TblB td {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: #fff;
  }
}

#selesage #daikanyama .tag {
  width: 130px;
  margin: 0;
  padding: 5px;
  background: #476c83;
  color: #fff;
  text-align: center;
}

#selesage #daikanyama .boxA {
  padding: 20px;
  border: solid 3px #eae9e8;
}

#selesage #daikanyama .boxA .inner {
  padding: 10px 25px 25px;
  background: #eae9e8;
}

@media only screen and (max-width: 640px) {
  #selesage #daikanyama .boxA {
    padding: 10px;
  }
  #selesage #daikanyama .boxA .inner {
    padding: 5px 10px 15px;
  }
}

#selesage #daikanyama .clmBox {
  overflow: hidden;
}

#selesage #daikanyama .clmBox > div {
  float: left;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#selesage #daikanyama .clmBox.clm2 {
  margin-top: -40px;
  margin-left: 0;
}

#selesage #daikanyama .clmBox.clm2 > div {
  width: 50%;
  margin-top: 40px;
  margin-left: 0;
}

#selesage #daikanyama .clmBox.half {
  margin-top: -3px;
}

#selesage #daikanyama .clmBox.half > div {
  width: 50%;
  margin-top: 3px;
}

#selesage #daikanyama .clmBox > div.cl {
  clear: left;
}

@media only screen and (max-width: 1140px) {
  #selesage #daikanyama .clmBox.clm2 {
    margin-left: 0;
  }
  #selesage #daikanyama .clmBox.clm2 > div {
    float: none;
    width: auto;
    margin-left: 0;
  }
  #selesage #daikanyama .clmBox.half > div {
    float: none;
    width: auto;
  }
}

#selesage #daikanyama .movie {
  position: relative;
}

#selesage #daikanyama .movie .jstream-eqPlayer {
  opacity: 0;
}

/* CSS Document */
@media screen and (min-width: 736px) {
  #omotesando {
    /*====================================
  
  article
  
  ====================================*/
    /*====================================
  
  wrap_main
  
  ====================================*/
    /*====================================
  
  phg
  
  ====================================*/
    /*====================================
  
  wrap_area
  
  ====================================*/
    /*====================================
  
  wrap_spot
  
  ====================================*/
    /*====================================
  
  wrap_productsummary
  
  ====================================*/
    /*====================================
  
  cell_transition
  
  ====================================*/
    /*====================================
  
  wrap_performance
  
  ====================================*/
    /*====================================
  
  wrap_notes
  
  ====================================*/
    /*====================================
  
  index
  
  ====================================*/
    /* ▼1902 追加 */
    /*====================================
  
  text_graph
  
  ====================================*/
    /*====================================
  
  conversion_sp_selesage
  
  ====================================*/
  }
  #omotesando img {
    width: 100%;
  }
  #omotesando article {
    margin-bottom: 20px;
  }
  #omotesando .wrap_main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background: #e9e3d7;
    margin-bottom: 10px;
  }
  #omotesando .wrap_main ul li {
    text-align: center;
  }
  #omotesando .wrap_main ul .ph {
    width: 40%;
    padding: 30px;
  }
  #omotesando .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #omotesando .wrap_main ul .text {
    width: 60%;
    padding: 5%;
  }
  #omotesando .wrap_main .cap {
    font-size: 80%;
  }
  #omotesando .phg {
    width: 100%;
    position: relative;
  }
  #omotesando .phg .loopslider {
    margin: 0 auto;
    width: 100%;
    height: 260px;
    text-align: left;
    position: relative;
    overflow: hidden;
  }
  #omotesando .phg .loopslider ul {
    height: 260px;
    float: left;
    display: inline;
    overflow: hidden;
  }
  #omotesando .phg .loopslider ul li {
    width: 400px;
    height: 260px;
    float: left;
    display: inline;
    overflow: hidden;
  }
  #omotesando .phg .loopslider ul li img {
    height: 260px;
  }
  #omotesando .phg .ex {
    display: table;
    width: 100%;
    margin: 80px 0;
  }
  #omotesando .phg .ex .ttl {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    float: left;
    padding-right: 10%;
  }
  #omotesando .phg .ex .text {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    float: right;
  }
  #omotesando .omotesando-locations {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #omotesando .omotesando-locations li {
    width: 45%;
  }
  #omotesando h2 {
    font-size: 250%;
    width: 100%;
    padding-top: 1em;
    margin-bottom: 20px;
  }
  #omotesando .wrap_area .area_ttl {
    border-left: 5px solid #ccc;
    padding-left: 20px;
    margin-bottom: 40px;
  }
  #omotesando .wrap_area .area_ttl .ttl {
    width: 100%;
    margin-bottom: 20px;
    font-size: 200%;
    font-weight: bold;
  }
  #omotesando .wrap_area .area_ttl .ttl p {
    width: 100%;
  }
  #omotesando .wrap_area .accordion {
    background: #e8f1f6;
    padding: 40px;
  }
  #omotesando .wrap_area .accordion ul {
    width: 100%;
    padding: 0;
  }
  #omotesando .wrap_area .accordion li {
    position: relative;
    list-style: none;
    width: 100%;
    text-align: center;
  }
  #omotesando .wrap_area .accordion > ul > li > a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    padding: 0.9em 6em;
    position: relative;
    margin: 0 auto;
    background: #003f73;
    text-decoration: none;
  }
  #omotesando .wrap_area .accordion > ul > li > a > p {
    color: #fff;
  }
  #omotesando .wrap_area .accordion > ul > li > p {
    display: none;
    margin-top: 40px;
  }
  #omotesando .wrap_area .inner .ex {
    margin-top: 80px;
  }
  #omotesando .wrap_area .inner .ex li {
    width: 48%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_area .inner .ex li:nth-child(odd) {
    float: left;
  }
  #omotesando .wrap_area .inner .ex li:nth-child(even) {
    float: right;
  }
  #omotesando .wrap_area .inner .ex .mds {
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .icon {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: center;
    background: #00a0e9;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .icon span {
    color: #fff;
    font-weight: bold;
    font-size: 120%;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .text {
    display: block;
    font-size: 130%;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .text span {
    display: block;
    font-size: 80%;
    color: #003f73;
    font-weight: normal;
  }
  #omotesando .wrap_spot .spot_ttl {
    width: 70%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_spot .spot_ttl .text {
    width: 100%;
  }
  #omotesando .wrap_spot .list {
    margin-bottom: 80px;
  }
  #omotesando .wrap_spot .list li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  #omotesando .wrap_spot .list li:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #omotesando .wrap_spot .list li:nth-child(even) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #omotesando .wrap_spot .list li .ph {
    width: 60%;
    border: 10px solid #e8f1f6;
  }
  #omotesando .wrap_spot .list li:nth-child(odd) .text {
    width: 40%;
    padding-left: 3%;
  }
  #omotesando .wrap_spot .list li:nth-child(even) .text {
    width: 40%;
    padding-right: 3%;
  }
  #omotesando .wrap_spot .list li .text .ttl,
  #omotesando .wrap_spot .list2 li .text .ttl {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    display: block;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_text,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_text {
    display: block;
    font-size: 130%;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 92%;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_text span,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_text span {
    display: block;
    font-size: 80%;
    color: #003f73;
    font-weight: normal;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_icon,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_icon {
    display: table-cell;
    width: 8%;
    vertical-align: middle;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_icon a,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_icon a {
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_icon a:hover,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_icon a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    zoom: 1;
  }
  #omotesando .wrap_spot .list2 {
    margin-bottom: 0px;
  }
  #omotesando .wrap_spot .list2 li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  #omotesando .wrap_spot .list2 li:last-child {
    border-bottom: none;
  }
  #omotesando .wrap_spot .list2 li:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #omotesando .wrap_spot .list2 li:nth-child(even) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #omotesando .wrap_spot .list2 li .ph {
    width: 60%;
    border: 10px solid #e8f1f6;
  }
  #omotesando .wrap_spot .list2 li:nth-child(odd) .text {
    width: 40%;
    padding-left: 3%;
  }
  #omotesando .wrap_spot .list2 li:nth-child(even) .text {
    width: 40%;
    padding-right: 3%;
  }
  #omotesando .wrap_spot .list2 li .text p {
    margin-bottom: 2em;
  }
  #omotesando .wrap_productsummary .cell {
    margin-bottom: 80px;
  }
  #omotesando .wrap_productsummary .cell:last-child {
    margin-bottom: 0;
  }
  #omotesando .wrap_productsummary .overview {
    margin-bottom: 0;
  }
  #omotesando .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 30px;
    padding: 0.3em 1em;
    font-size: 150%;
    color: #fff;
    background: #003f73;
    line-height: 1.5em;
  }
  #omotesando .wrap_productsummary .cell .swip {
    display: none;
  }
  #omotesando .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
  }
  #omotesando .wrap_productsummary .graph img {
    border: 20px solid #fff;
  }
  #omotesando .wrap_productsummary .ph {
    padding: 0 5%;
    margin-bottom: 20px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph {
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph .sp {
    display: none;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 100%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 49%;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub .box:first-child {
    float: left;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub .box:last-child {
    float: right;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #omotesando .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 120%;
    display: block;
    margin-bottom: 20px;
    border-left: 4px solid #003f73;
    padding-left: 0.5em;
    color: #003f73;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .compression .sp {
    display: none;
  }
  #omotesando .wrap_productsummary .flow .ph .sp {
    display: none;
  }
  #omotesando .cell_transition .ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    -webkit-box-pack: top;
        -ms-flex-pack: top;
            justify-content: top;
    width: 100%;
  }
  #omotesando .cell_transition .ex .text {
    width: 65%;
    padding-right: 5%;
  }
  #omotesando .cell_transition .ex .ph {
    width: 35%;
    background: #fff;
    padding: 20px;
  }
  #omotesando .cell_boarding .ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    -webkit-box-pack: top;
        -ms-flex-pack: top;
            justify-content: top;
    width: 100%;
  }
  #omotesando .cell_boarding .ex .ph {
    width: 45%;
    background: #fff;
    padding: 20px;
  }
  #omotesando .cell_boarding .ex .text {
    width: 55%;
    padding-right: 5%;
  }
  #omotesando .cell_area .ex .text {
    margin-bottom: 40px;
  }
  #omotesando .cell_area .ex .ph {
    background: #fff;
    padding: 20px;
  }
  #omotesando .cell_area .ex .ph .ph_ttl {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #omotesando .wrap_performance .performance_ttl {
    width: 70%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_performance .first_text {
    margin-bottom: 40px;
  }
  #omotesando .wrap_performance .cell .cell_ttl {
    display: block;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 0.8em;
    border-left: 4px solid #003f73;
    padding-left: 0.8em;
  }
  #omotesando .wrap_performance .cell ul {
    width: 100%;
    margin-bottom: 30px;
  }
  #omotesando .wrap_performance .cell ul li .ph {
    height: 500px;
    margin-bottom: 10px;
  }
  #omotesando .wrap_performance .cell ul li p {
    font-weight: bold;
  }
  #omotesando .wrap_performance .cell ul li p span,
  #omotesando .wrap_performance .cell p span {
    display: inline-block;
    background: #eeeeb7;
    padding: 0 1em;
    font-size: 90%;
    margin-top: 6px;
    font-weight: bold;
  }
  #omotesando .wrap_performance .cell_01 {
    margin-bottom: 60px;
  }
  #omotesando .wrap_performance .cell_01 ul li:first-child {
    float: left;
    width: 65%;
  }
  #omotesando .wrap_performance .cell_01 ul li:first-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_01_01.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_performance .cell_01 ul li:last-child {
    float: right;
    width: 30%;
  }
  #omotesando .wrap_performance .cell_01 ul li:last-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_01_02.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_performance .cell_02 ul li:first-child {
    float: left;
    width: 30%;
  }
  #omotesando .wrap_performance .cell_02 ul li:first-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_02_01.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_performance .cell_02 ul li:last-child {
    float: right;
    width: 65%;
  }
  #omotesando .wrap_performance .cell_02 ul li:last-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_02_02.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_notes .inner {
    background: #f9f4e9;
    padding: 30px;
  }
  #omotesando .wrap_notes .inner dl {
    background: #fff;
    padding: 30px 30px 0 30px;
  }
  #omotesando .wrap_notes .inner dl:last-child {
    padding: 30px;
  }
  #omotesando .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #omotesando .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #omotesando .index {
    width: 100%;
  }
  #omotesando .index ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #omotesando .index ul li {
    width: 20%;
    background: #3f7aaa;
    border-right: 1px solid #eee;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #omotesando .index ul li a,
  #omotesando .index ul li .cell {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 142px;
    margin: 0;
    padding: 10% 5%;
    text-decoration: none;
    text-align: center;
  }
  #omotesando .index ul li:hover,
  #omotesando .index ul li .cell {
    background: #003f73;
  }
  #omotesando .index ul li a .text p,
  #omotesando .index ul li .cell .text p {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
  }
  #omotesando .index ul li:last-child a .text p,
  #omotesando .index ul li:last-child .cell .text p {
    padding-top: 0.7em;
  }
  #omotesando .index ul li a .ph,
  #omotesando .index ul li .cell .ph {
    padding: 0 30%;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  #omotesando .text_graph {
    border: 20px solid #eee;
  }
  #omotesando .text_graph .text_graph_cap {
    padding: 20px;
  }
  #omotesando .text_graph .text_graph_cap p {
    font-size: 80%;
  }
  #omotesando .text_graph .tax {
    margin-top: 10px;
  }
  #omotesando .text_graph .tax p {
    width: 100%;
    text-align: right;
    font-size: 80%;
  }
  #omotesando .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #d8dce9;
    width: 200px;
    padding: 10px;
  }
  #omotesando .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #omotesando .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #omotesando .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #d8dce9;
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #omotesando .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 30%;
  }
  #omotesando .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .th > li:nth-child(3) {
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #omotesando .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #omotesando .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 30%;
    text-align: left;
    padding-left: 10px;
  }
  #omotesando .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .td > li:nth-child(3) {
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #d8dce9;
    border-top: 1px solid #999;
    margin: 10px 0 0 0;
  }
  #omotesando .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 80%;
  }
  #omotesando .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #omotesando .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
  }
  #omotesando .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #omotesando .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_03 dl:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #d8dce9;
    padding: 10px;
  }
  #omotesando .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    width: 150px;
  }
  #omotesando .text_graph_04 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_04 dl:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_04 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #d8dce9;
    padding: 20px;
    width: 360px;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
  }
  #omotesando .text_graph_04 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
  }
  #omotesando .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #omotesando .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #omotesando .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #d8dce9;
    text-align: left;
    border-right: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #omotesando .text_graph_05 .inner .th {
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #d8dce9;
    font-size: 90%;
  }
  #omotesando .text_graph_05 .inner .td {
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #999;
  }
  #omotesando #conversion_sp_selesage {
    display: none;
  }
  #omotesando .movie {
    position: relative;
    width: 720px;
    margin: 80px auto 0;
    border: 10px solid #e8f1f6;
  }
  #omotesando .movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #omotesando .movie iframe {
    left: 0;
    top: 0;
  }
}

/* CSS Document */
@media screen and (max-width: 736px) {
  #omotesando {
    /*====================================

article

====================================*/
    /*====================================

wrap_main

====================================*/
    /*====================================

phg

====================================*/
    /*====================================

wrap_area

====================================*/
    /*====================================

wrap_spot

====================================*/
    /*====================================

wrap_productsummary

====================================*/
    /*====================================

cell_transition

====================================*/
    /*====================================

wrap_performance

====================================*/
    /*====================================

wrap_notes

====================================*/
    /*====================================

index

====================================*/
    /*====================================

text_graph

====================================*/
    /*====================================

conversion_sp_selesage

====================================*/
  }
  #omotesando * {
    word-break: break-all;
  }
  #omotesando img {
    width: 100%;
  }
  #omotesando article {
    margin-bottom: 20px;
    padding: 0;
  }
  #omotesando .wrap_main ul {
    width: 100%;
    background: #e9e3d7;
    margin-bottom: 10px;
  }
  #omotesando .wrap_main ul li {
    text-align: center;
    width: 100%;
  }
  #omotesando .wrap_main ul .ph {
    width: 100%;
    padding: 20px;
  }
  #omotesando .wrap_main ul .ph img {
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  #omotesando .wrap_main ul .text {
    width: 100%;
    padding: 5%;
  }
  #omotesando .wrap_main .cap {
    font-size: 70%;
  }
  #omotesando .phg {
    width: 100%;
    position: relative;
  }
  #omotesando .phg .loopslider {
    margin: 0 auto;
    width: 100%;
    height: 130px;
    text-align: left;
    position: relative;
    overflow: hidden;
  }
  #omotesando .phg .loopslider ul {
    height: 130px;
    float: left;
    display: inline;
    overflow: hidden;
  }
  #omotesando .phg .loopslider ul li {
    width: 200px;
    height: 130px;
    float: left;
    display: inline;
    overflow: hidden;
  }
  #omotesando .phg .loopslider ul li img {
    height: 130px;
  }
  #omotesando .phg .ex {
    width: 100%;
    margin-top: 40px;
  }
  #omotesando .phg .ex .ttl {
    width: 80%;
    float: left;
    margin-bottom: 40px;
  }
  #omotesando .phg .ex .text {
    width: 100%;
    float: right;
  }
  #omotesando h2 {
    font-size: 150%;
    width: 100%;
    padding-top: 1em;
    margin-bottom: 20px;
    font-weight: bold;
  }
  #omotesando .wrap_area .inner {
    border: 1px solid #f00;
    margin-bottom: 80px;
  }
  #omotesando .wrap_area .inner:last-child {
    border: none;
  }
  #omotesando .wrap_area .area_ttl {
    border-left: 3px solid #ccc;
    padding-left: 10px;
    margin-bottom: 20px;
  }
  #omotesando .wrap_area .area_ttl .ttl {
    width: 100%;
    margin-bottom: 20px;
    font-size: 120%;
    font-weight: bold;
  }
  #omotesando .wrap_area .area_ttl .ttl p {
    width: 100%;
  }
  #omotesando .wrap_area .accordion {
    background: #e8f1f6;
    padding: 20px;
  }
  #omotesando .wrap_area .accordion ul {
    width: 100%;
    padding: 0;
  }
  #omotesando .wrap_area .accordion li {
    position: relative;
    list-style: none;
    width: 100%;
    text-align: center;
  }
  #omotesando .wrap_area .accordion > ul > li > a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    padding: 0.9em 6em;
    position: relative;
    margin: 0 auto;
    background: #003f73;
    text-decoration: none;
  }
  #omotesando .wrap_area .accordion > ul > li > a > p {
    color: #fff;
  }
  #omotesando .wrap_area .accordion > ul > li > p {
    display: none;
    margin-top: 40px;
  }
  #omotesando .wrap_area .inner .ex {
    margin-top: 40px;
  }
  #omotesando .wrap_area .inner .ex li {
    width: 100%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_area .inner .ex li:last-child {
    margin-bottom: 0px;
  }
  #omotesando .wrap_area .inner .ex .mds {
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .icon {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: center;
    background: #00a0e9;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .icon span {
    color: #fff;
    font-weight: bold;
    font-size: 120%;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .text {
    display: block;
    font-size: 130%;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }
  #omotesando .wrap_area .inner .ex .icon_ttl .text span {
    display: block;
    font-size: 80%;
    color: #003f73;
    font-weight: normal;
  }
  #omotesando .wrap_spot .spot_ttl {
    width: 100%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_spot .spot_ttl .text {
    width: 100%;
  }
  #omotesando .wrap_spot .list {
    margin-bottom: 0px;
  }
  #omotesando .wrap_spot .list li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  #omotesando .wrap_spot .list li .ph {
    width: 100%;
    border: 10px solid #e8f1f6;
    margin-bottom: 20px;
  }
  #omotesando .wrap_spot .list li .text {
    width: 100%;
  }
  #omotesando .wrap_spot .list li .text .ttl,
  #omotesando .wrap_spot .list2 li .text .ttl {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    display: block;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_text,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_text {
    display: block;
    font-size: 120%;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 92%;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_text span,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_text span {
    display: block;
    font-size: 80%;
    color: #003f73;
    font-weight: normal;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_icon,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_icon {
    display: table-cell;
    width: 8%;
    vertical-align: middle;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_icon a,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_icon a {
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #omotesando .wrap_spot .list li .text .ttl .ttl_icon a:hover,
  #omotesando .wrap_spot .list2 li .text .ttl .ttl_icon a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    zoom: 1;
  }
  #omotesando .wrap_spot .list2 {
    margin-bottom: 0px;
  }
  #omotesando .wrap_spot .list2 li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  #omotesando .wrap_spot .list2 li {
    width: 100%;
  }
  #omotesando .wrap_spot .list2 li .ph {
    width: 100%;
    border: 10px solid #e8f1f6;
    margin-bottom: 20px;
  }
  #omotesando .wrap_spot .list2 li .text {
    width: 100%;
  }
  #omotesando .wrap_spot .list2 li .text p {
    margin-bottom: 2em;
  }
  #omotesando .wrap_productsummary .cell {
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .cell .cell_ttl {
    width: 100%;
    margin-bottom: 20px;
    padding: 0.3em 0.5em;
    font-size: 100%;
    color: #fff;
    background: #003f73;
    line-height: 1.5em;
    font-weight: bold;
  }
  #omotesando .wrap_productsummary .cell .swip {
    margin-bottom: 10px;
  }
  #omotesando .wrap_productsummary .cell .swip dl {
    width: 100%;
    display: table;
  }
  #omotesando .wrap_productsummary .cell .swip dt {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
  }
  #omotesando .wrap_productsummary .cell .swip dd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
  }
  #omotesando .wrap_productsummary .cell .cap {
    font-size: 90%;
    color: #666;
  }
  #omotesando .wrap_productsummary .graph {
    padding: 2%;
    background: #eee;
    margin-bottom: 20px;
    overflow-y: scroll;
  }
  #omotesando .wrap_productsummary .graph img {
    border: 10px solid #fff;
    width: 150%;
  }
  #omotesando .wrap_productsummary .ph {
    margin-bottom: 20px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation > p {
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph {
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph .pc {
    display: none;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub {
    width: 100%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub .box {
    width: 100%;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .ph_sub .box .ttl,
  #omotesando .wrap_productsummary .inheritancetaxvaluation .compression .ttl {
    font-weight: bold;
    font-size: 110%;
    display: block;
    margin-bottom: 20px;
    border-left: 3px solid #003f73;
    padding-left: 0.5em;
    color: #003f73;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .compression {
    margin-bottom: 20px;
  }
  #omotesando .wrap_productsummary .inheritancetaxvaluation .compression .pc {
    display: none;
  }
  #omotesando .wrap_productsummary .flow .ph .pc {
    display: none;
  }
  #omotesando .cell_transition .ex {
    width: 100%;
  }
  #omotesando .cell_transition .ex .text {
    width: 100%;
  }
  #omotesando .cell_transition .ex .ph {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
  }
  #omotesando .cell_boarding .ex {
    width: 100%;
  }
  #omotesando .cell_boarding .ex .ph {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
  }
  #omotesando .cell_boarding .ex .text {
    width: 100%;
  }
  #omotesando .cell_area .ex .text {
    margin-bottom: 40px;
  }
  #omotesando .cell_area .ex .ph {
    background: #fff;
    padding: 20px;
  }
  #omotesando .cell_area .ex .ph .ph_ttl {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #omotesando .wrap_performance .performance_ttl {
    width: 100%;
    margin-bottom: 40px;
  }
  #omotesando .wrap_performance .first_text {
    margin-bottom: 40px;
  }
  #omotesando .wrap_performance .cell .cell_ttl {
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.8em;
    border-left: 4px solid #003f73;
    padding-left: 0.8em;
  }
  #omotesando .wrap_performance .cell ul {
    width: 100%;
    margin-bottom: 30px;
  }
  #omotesando .wrap_performance .cell ul li .ph {
    height: 400px;
    margin-bottom: 10px;
  }
  #omotesando .wrap_performance .cell ul li p {
    font-weight: bold;
  }
  #omotesando .wrap_performance .cell ul li p span,
  #omotesando .wrap_performance .cell p span {
    display: inline-block;
    background: #eeeeb7;
    padding: 0 1em;
    font-size: 90%;
    margin-top: 6px;
    font-weight: bold;
  }
  #omotesando .wrap_performance .cell_01 {
    margin-bottom: 30px;
  }
  #omotesando .wrap_performance .cell_01 ul li:first-child {
    width: 100%;
    margin-bottom: 30px;
  }
  #omotesando .wrap_performance .cell_01 ul li:first-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_01_01.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_performance .cell_01 ul li:last-child {
    width: 100%;
  }
  #omotesando .wrap_performance .cell_01 ul li:last-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_01_02.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_performance .cell_02 ul li:first-child {
    width: 100%;
    margin-bottom: 30px;
  }
  #omotesando .wrap_performance .cell_02 ul li:first-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_02_01.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_performance .cell_02 ul li:last-child {
    width: 100%;
  }
  #omotesando .wrap_performance .cell_02 ul li:last-child .ph {
    background: url(../assets_selesage/omotesando/img/performance_ph_02_02.jpg) center center;
    background-size: cover;
  }
  #omotesando .wrap_notes .inner {
    background: #f9f4e9;
    padding: 20px;
  }
  #omotesando .wrap_notes .inner dl {
    background: #fff;
    padding: 20px 20px 0 20px;
  }
  #omotesando .wrap_notes .inner dl:last-child {
    padding: 20px;
  }
  #omotesando .wrap_notes .inner dl dt {
    font-weight: bold;
    margin-bottom: 4px;
  }
  #omotesando .wrap_notes .inner dl dd {
    font-size: 90%;
    color: #666;
  }
  #omotesando .index {
    width: 100%;
  }
  #omotesando .index ul {
    width: 100%;
  }
  #omotesando .index ul li {
    width: 100%;
    background: #3f7aaa;
    border-bottom: 1px solid #fff;
  }
  #omotesando .index ul li a,
  #omotesando .index ul li .cell {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-decoration: none;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #omotesando .index ul li .cell {
    background: #003f73;
  }
  #omotesando .index ul li a .ph,
  #omotesando .index ul li .cell .ph {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 20px 12px;
  }
  #omotesando .index ul li a .text,
  #omotesando .index ul li .cell .text {
    width: 80%;
    padding-left: 0 0 0 1em;
  }
  #omotesando .index ul li a .text p,
  #omotesando .index ul li .cell .text p {
    color: #fff;
    font-size: 110%;
  }
  #omotesando .index ul li a .text p br,
  #omotesando .index ul li .cell .text p br {
    display: none;
  }
  #omotesando .text_graph {
    border: 10px solid #eee;
    overflow: scroll;
    width: 100%;
  }
  #omotesando .text_graph .text_graph_cap {
    padding: 10px;
    width: 700px;
  }
  #omotesando .text_graph .text_graph_cap p {
    font-size: 80%;
  }
  #omotesando .text_graph .tax {
    margin-top: 10px;
  }
  #omotesando .text_graph .tax p {
    width: 100%;
    text-align: left;
    font-size: 80%;
  }
  #omotesando .text_graph_01 .inner {
    width: 700px;
  }
  #omotesando .text_graph_01 .inner dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_01 .inner dl:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_01 .inner dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #d8dce9;
    width: 200px;
    padding: 4px 10px;
    font-size: 90%;
  }
  #omotesando .text_graph_01 .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #omotesando .text_graph_01 .inner dl dd span {
    font-size: 80%;
    display: block;
  }
  #omotesando .text_graph_02 .inner {
    width: 700px;
  }
  #omotesando .text_graph_02 .inner .th {
    width: 100%;
    display: table;
    background: #d8dce9;
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_02 .inner .th > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
  }
  #omotesando .text_graph_02 .inner .th > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 30%;
  }
  #omotesando .text_graph_02 .inner .th > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .th > li:nth-child(3) {
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .td {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_02 .inner .td:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_02 .inner .td > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 90%;
  }
  #omotesando .text_graph_02 .inner .td > li {
    padding: 0;
  }
  #omotesando .text_graph_02 .inner .td > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 30%;
    text-align: left;
    padding-left: 10px;
  }
  #omotesando .text_graph_02 .inner .td > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .td > li:nth-child(3) {
    width: 35%;
  }
  #omotesando .text_graph_02 .inner .th_inner {
    width: 100%;
    display: table;
    background: #d8dce9;
    border-top: 1px solid #999;
    margin: 10px 0 0 0;
  }
  #omotesando .text_graph_02 .inner .th_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    font-size: 90%;
  }
  #omotesando .text_graph_02 .inner .th_inner > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .th_inner > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .th_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner {
    width: 100%;
    display: table;
  }
  #omotesando .text_graph_02 .inner .td_inner > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    font-size: 90%;
  }
  #omotesando .text_graph_02 .inner .td_inner > li .red {
    color: #d90000;
  }
  #omotesando .text_graph_02 .inner .td_inner > li:nth-child(1) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner > li:nth-child(2) {
    border-right: 1px solid #999;
    width: 33.33333%;
  }
  #omotesando .text_graph_02 .inner .td_inner > li:nth-child(3) {
    width: 33.33333%;
  }
  #omotesando .inheritancetaxvaluation .box:nth-child(1) {
    margin-bottom: 40px;
  }
  #omotesando .text_graph_03 dl {
    width: 100%;
    display: table;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_03 dl:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_03 dl dt {
    display: table-cell;
    vertical-align: middle;
    background: #d8dce9;
    padding: 10px;
    font-size: 90%;
  }
  #omotesando .text_graph_03 dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: right;
    width: 150px;
    font-size: 90%;
  }
  #omotesando .text_graph_04 dl {
    width: 100%;
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_04 dl:first-child {
    border-top: 1px solid #999;
  }
  #omotesando .text_graph_04 dl dt {
    background: #d8dce9;
    padding: 10px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #omotesando .text_graph_04 dl dd {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
  }
  #omotesando .text_graph_04 dl dd span {
    font-size: 140%;
    color: #d90000;
  }
  #omotesando .text_graph_04 .text_graph_cap {
    width: 100% !important;
  }
  #omotesando .text_graph_05 .inner {
    width: 700px;
  }
  #omotesando .text_graph_05 .inner ul {
    display: table;
    width: 100%;
  }
  #omotesando .text_graph_05 .inner ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 90%;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(1) {
    width: 20%;
    background: #d8dce9;
    text-align: left;
    border-right: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(2) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(3) {
    width: 20%;
    text-align: right;
    border-right: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner ul li:nth-child(4) {
    width: 40%;
    text-align: left;
  }
  #omotesando .text_graph_05 .inner .th {
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner .th li {
    text-align: center !important;
    background: #d8dce9;
  }
  #omotesando .text_graph_05 .inner .td {
    border-bottom: 1px solid #999;
  }
  #omotesando .text_graph_05 .inner .td:first-child {
    border-top: 1px solid #999;
  }
  #omotesando #conversion_sp_selesage {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 10px 60px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
  }
  #omotesando #conversion_sp_selesage li:first-child {
    width: 38%;
    float: left;
  }
  #omotesando #conversion_sp_selesage li:last-child {
    width: 60%;
    float: right;
  }
  #omotesando #conversion_sp_selesage a {
    display: block;
    padding: 10px;
    font-weight: normal;
    font-size: 80%;
    background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e88;
    background-position: right 10px top 50%;
    background-size: 8px;
    width: 100%;
    text-decoration: none;
    color: #fff;
  }
  #omotesando .movie {
    position: relative;
    width: 100%;
    margin-top: 20px;
    border: 10px solid #e8f1f6;
  }
  #omotesando .movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #omotesando .movie iframe {
    left: 0;
    top: 0;
  }
}

#selesage h2.selesage_template_title {
  width: 100%;
  margin-bottom: 30px;
  padding: 0.3em 1em;
  font-size: 150%;
  line-height: 1.5em;
  background: #BFD0E0;
}

#selesage h2.selesage_template_title_margin {
  margin-top: 80px;
}

@media screen and (max-width: 736px) {
  #selesage h2.selesage_template_title_margin {
    margin-top: 40px;
  }
}

#selesage .selesage_template_image {
  margin: 20px 0;
  padding: 0 20px;
}

#selesage .selesage_template_text {
  margin: 20px 0;
  font-size: 12px;
}

#selesage .selesage_template_table_swip {
  display: none;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_swip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
}

#selesage .selesage_template_table_swip img {
  display: inline;
  width: 30px;
  margin-right: 10px;
}

#selesage .selesage_template_table_wrapper {
  margin: 20px 0;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_wrapper {
    margin: 0 0 20px;
    border: 10px solid #eee;
    overflow: scroll;
    width: 100%;
  }
}

#selesage .selesage_template_table_small {
  font-size: 11px;
  text-align: right;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_small {
    text-align: left;
    padding: 10px 10px 0;
    font-size: 10px;
  }
}

#selesage .selesage_template_table_text {
  margin-top: 10px;
  font-size: 12px;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_text {
    width: 814px;
    padding: 10px;
    margin: 0;
    font-size: 10px;
  }
}

#selesage .selesage_template_table {
  width: 100%;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table {
    width: 824px;
  }
}

#selesage .selesage_template_table tr {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

#selesage .selesage_template_table th, #selesage .selesage_template_table td {
  border-right: 1px solid #bbb;
  vertical-align: middle;
  background: white;
  padding: 10px;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table th, #selesage .selesage_template_table td {
    font-size: 12px;
  }
}

#selesage .selesage_template_table th {
  background: #f2ecdc;
  text-align: center;
  font-size: 13px;
}

#selesage .selesage_template_table th:first-child, #selesage .selesage_template_table td:first-child {
  border-left: none;
  width: 200px;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table th:first-child, #selesage .selesage_template_table td:first-child {
    width: 160px;
  }
}

#selesage .selesage_template_table td:first-child {
  background: #f2ecdc;
}

#selesage .selesage_template_table th:last-child, #selesage .selesage_template_table td:last-child {
  border-right: none;
}

#selesage .selesage_template_table_profit {
  width: 100%;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_profit {
    width: 824px;
  }
}

#selesage .selesage_template_table_profit tr {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

#selesage .selesage_template_table_profit th, #selesage .selesage_template_table_profit td {
  border-right: 1px solid #bbb;
  vertical-align: middle;
  background: white;
}

#selesage .selesage_template_table_profit td {
  padding: 10px;
  text-align: right;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_profit td {
    font-size: 12px;
  }
}

#selesage .selesage_template_table_profit th {
  background: #f2ecdc;
  text-align: center;
  padding: 10px 0;
}

#selesage .selesage_template_table_profit th:first-child, #selesage .selesage_template_table_profit td:first-child {
  border-left: none;
}

#selesage .selesage_template_table_profit td:first-child {
  text-align: left;
}

#selesage .selesage_template_table_profit th:last-child, #selesage .selesage_template_table_profit td:last-child {
  border-right: none;
}

#selesage .selesage_template_table_profit .selesage_template_table_profit_th_small {
  width: 95px;
  font-size: 11px;
}

#selesage .selesage_template_table_profit .selesage_template_table_profit_td_first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 736px) {
  #selesage .selesage_template_table_profit .selesage_template_table_profit_td_first span {
    font-size: 12px;
  }
}

.p-sale_container {
  margin: 0 auto;
}

.p-sale_mainvisual {
  width: 100%;
  height: 300px;
  text-align: center;
  background-color: #f7f7f7;
  background-position: center center;
  background-size: 1680px 300px;
  background-repeat: no-repeat;
}

.p-sale_inner {
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .p-sale_inner {
    width: 1160px;
  }
}

@media screen and (max-width: 1023px) {
  .p-sale_inner {
    max-width: 100%;
    padding: 0 20px 55px;
  }
}

.p-sale-inquiry__buttonWrap {
  display: block;
  width: 89%;
  margin: 20px auto;
  background-color: #ab9412;
  padding: 13px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.p-sale_categories {
  margin-top: 64px;
}

@media screen and (min-width: 1024px) {
  .p-sale_categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 1023px) {
  .p-sale_categories {
    margin-top: 40px;
  }
}

.p-sale_category {
  list-style-type: none;
  margin-right: 24px;
  color: #333333;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 36px;
}

.p-sale_category-icon {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #eeeeee;
  color: #1767ac;
  font-size: 8px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-right: 5px;
}

.p-sale_banner--pc {
  display: block;
  width: 665px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .p-sale_banner--pc {
    display: none;
  }
}

.p-sale_banner--sp {
  display: none;
}

@media screen and (max-width: 1023px) {
  .p-sale_banner--sp {
    display: block;
    margin: 0 auto;
  }
}

.p-sale_contact {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  background-image: url(./image/sale_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 621px;
  margin-top: 32px;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact {
    background-image: url(./image/sale_bg-sp.jpg);
    padding-top: unset;
    height: 625px;
  }
}

.p-sale_contact_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 568px);
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card {
    display: block;
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
  }
}

.p-sale_contact_card .p-sale_contact_card_img {
  width: 100%;
  position: relative;
}

.p-sale_contact_card .p-sale_contact_card_img img {
  vertical-align: middle;
}

.p-sale_contact_card .p-sale_contact_card_img small {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  color: #888888;
  padding: 6px;
  background: #000;
}

.p-sale_contact_card .p-sale_contact_card_text {
  width: 100%;
}

.p-sale_contact_card .p-sale_contact_card_text .--link-text {
  color: #1767ac;
  text-decoration: underline;
}

.p-sale_contact_card .p-sale_contact_card_text .--link-text:hover {
  opacity: 0.7;
  border-bottom: unset;
}

.p-sale_contact_card .p-sale_contact_card_description-list {
  margin: 12px 0 24px;
  list-style-type: none;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card .p-sale_contact_card_description-list {
    margin: 12px 0 0 12px;
    display: inline-block;
    width: auto;
    max-width: 260px;
  }
}

.p-sale_contact_card .p-sale_contact_card_description {
  max-width: 472px;
  margin: 0 auto;
  font-size: 10px;
  text-align: left;
  line-height: 15px;
  text-indent: -12px;
}

.p-sale_contact_card .p-sale_contact_card_description::before {
  content: "※";
  margin-right: 2px;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card .p-sale_contact_card_description {
    width: auto;
    max-width: 272px;
  }
}

.p-sale_contact_card h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  margin-bottom: 13px;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card h3 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}

.p-sale_contact_card h3::before {
  content: "＼";
  margin-right: 10px;
}

.p-sale_contact_card h3::after {
  content: "／";
  margin-left: 10px;
}

.p-sale_contact_card p {
  font-size: 13px;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card p {
    font-size: 12px;
  }
}

.p-sale_contact_card p:first-of-type {
  line-height: 23px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card p:first-of-type {
    line-height: 20px;
    margin-bottom: 16px;
  }
}

.p-sale_contact_card p:nth-of-type(2) {
  margin-top: 13px;
  font-size: 10px;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card p:nth-of-type(2) {
    margin: 10px auto;
    line-height: 1.5;
  }
}

.p-sale_contact_card p:nth-of-type(n + 3) {
  font-size: 10px;
  margin-top: 5px;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card p:nth-of-type(n + 3) {
    margin: 10px auto;
    line-height: 1.5;
  }
}

.p-sale_contact_card .p-sale_contact_card_text_annotation {
  margin: 20px auto 0;
  padding: 0 0 16px;
  background: #ecf2f8;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card .p-sale_contact_card_text_annotation {
    padding: 12px 0;
  }
}

.p-sale_contact_card_btn {
  display: block;
  max-width: 496px;
  margin: 0 auto;
  height: 56px;
  background-color: #ab9412;
  line-height: 56px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.p-sale_contact_card_btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card_btn {
    max-width: 272px;
    font-size: 14px;
  }
}

.p-sale_contact_card_btn i {
  position: absolute;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

@media screen and (max-width: 1023px) {
  .p-sale_contact_card_btn i {
    right: 15px;
  }
}

/**
  新築
**/
.p-sale_new {
  -webkit-font-smoothing: antialiased;
  margin: 64px 0 110px;
}

@media screen and (max-width: 1023px) {
  .p-sale_new {
    margin: 32px 0;
  }
}

.p-sale_table {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .p-sale_table {
    display: none;
  }
}

.p-sale_table-header {
  background-color: #4e4e4e;
  height: 40px;
}

.p-sale_table-header .p-sale_table-th {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  padding: 9px 0 0 9px;
}

.p-sale_table-tr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.p-sale_table-tr .p-sale_table-td {
  vertical-align: top;
  color: #333333;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  border-right: 1px solid #e0e0e0;
}

.p-sale_table-tr .p-sale_table-td.title {
  background-color: #f7f7f7;
  font-weight: bold;
  width: 103px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.thumb {
  width: 179px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.thumb img {
  width: 100%;
  height: auto;
}

.p-sale_table-tr .p-sale_table-td.area {
  width: 151px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.access {
  width: 200px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.recommendation {
  width: 141px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.price {
  color: #cd5050;
  font-weight: bold;
  width: 121px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.rate {
  color: #cd5050;
  font-weight: bold;
  width: 81px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.date {
  width: 81px;
  padding: 10px;
}

.p-sale_table-tr .p-sale_table-td.action {
  width: 99px;
  padding: 10px 9px;
  vertical-align: baseline;
  text-align: center;
  vertical-align: middle;
}

.p-sale_table-button {
  height: 38px;
  width: 80px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
}

.button-blue {
  background-color: #1767ac;
  margin-bottom: 8px;
}

.button-yellow {
  background-color: #ab9412;
}

.p-sale_empty {
  margin: 32px 0 40px;
  font-size: 15px;
  line-height: 1.5;
  word-break: keep-all;
}

@media screen and (max-width: 1023px) {
  .p-sale_empty {
    font-size: 14px;
  }
}

.p-sale_list-sp {
  margin-top: 24px;
  color: #333333;
  letter-spacing: 0;
}

@media screen and (min-width: 1024px) {
  .p-sale_list-sp {
    display: none;
  }
}

.p-sale_list-sp .p-sale_card {
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  list-style-type: none;
  margin-top: 30px;
}

.p-sale_list-sp .p-sale_card .p-sale_card-thumb {
  width: 100%;
  height: 214px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.p-sale_list-sp .p-sale_card .p-sale_card-thumb > .image-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.p-sale_list-sp .p-sale_card .p-sale_card-thumb > .image-blur {
  width: 100%;
  height: 214px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: blur(10px) opacity(80%);
          filter: blur(10px) opacity(80%);
  -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');
  background-position: center center;
  background-size: cover;
  z-index: 0;
}

.p-sale_list-sp .p-sale_card .p-sale_card-title {
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
}

.p-sale_list-sp .p-sale_card .p-sale_card-accordion_label {
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  border-top: 1px solid #eeeeee;
  border-bottom: none;
  font-size: 14px;
  position: relative;
}

.p-sale_list-sp .p-sale_card .p-sale_card-accordion_label i {
  display: block;
  height: 15px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  font-size: 14px;
  color: #888;
}

.p-sale_list-sp .p-sale_card .p-sale_card-accordion_label.is-active {
  border-bottom: 1px solid #eeeeee;
}

.p-sale_list-sp .p-sale_card .p-sale_card-accordion_label.is-active i {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.p-sale_list-sp .p-sale_card .p-sale_card-accordion_body {
  display: none;
  font-size: 14px;
  line-height: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #f7f7f7;
}

.p-sale_list-sp .p-sale_card .p-sale_card-accordion_body.is-active {
  display: block;
}

.p-sale_list-sp .p-sale_card .p-sale_card-action {
  border-top: 1px solid #eeeeee;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-sale_list-sp .p-sale_card .p-sale_table-button {
  display: inline-block;
  width: 120px;
  margin: 15px 10px;
  line-height: 38px;
  text-align: center;
}

.p-sale_h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  padding: 0 20px;
}

.p-sale_hr {
  border-top: 1px solid #eeeeee;
}

.p-sale_p {
  font-size: 14px;
  line-height: 28px;
  padding: 0 20px;
}

.p-sale_p.strong {
  color: #cd5050;
  font-weight: bold;
}

.p-sale_related_cards {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 120px;
  width: 100%;
  margin-top: 80px;
}

.p-sale_related_cards-flex {
  height: 125px;
  width: 1160px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 28px;
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-sale_related_cards-flex:nth-of-type(2) {
  border-top: none;
  margin-top: 0;
}

.p-sale_related_card {
  height: 75px;
  width: 559px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.p-sale_related_card-border {
  height: 75px;
  width: 1px;
  background-color: #e0e0e0;
  margin: 0 28px 0 20px;
}

.p-sale_related_card-img {
  height: 75px;
  width: 112px;
  margin-right: 19px;
}

.p-sale_related_card-text {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.p-sale_related_card-date {
  color: #888888;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 30px;
  left: 131px;
}

/**
  詳細ページ
**/
.p-sale-single-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-sale_overview-sp {
  margin-top: 40px;
  padding: 0 20px;
}

.p-sale_overview-sp .p-sale_table-small {
  width: 100%;
}

.p-sale_overview-sp .p-sale_table-small-cell {
  padding: 10px;
  height: 28px;
  color: #333333;
  font-size: 14px;
  line-height: 28px;
  text-align: left;
  vertical-align: middle;
}

.p-sale_overview-sp th.p-sale_table-small-cell {
  font-weight: bold;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7;
}

.p-sale_overview-sp td.p-sale_table-small-cell {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.p-sale_overview-sp td.p-sale_table-small-cell:last-child {
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (min-width: 1024px) {
  .p-sale_overview-sp {
    display: none;
  }
}

.sale-h1 {
  height: 550px;
  background-color: gray;
  margin-top: 32px;
}

.p-sale_overview-table {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .p-sale_overview-table {
    display: none;
  }
}

.p-sale_table-large {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  width: 863px;
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.p-sale_table-large-tr {
  border-bottom: 1px solid #e0e0e0;
  height: 50px;
}

.p-sale_table-large-th {
  font-weight: bold;
  background-color: #f7f7f7;
  border-right: 1px solid #e0e0e0;
  width: 173px;
  vertical-align: middle;
  text-align: left;
  padding-left: 20px;
}

.p-sale_table-large-td {
  border-right: 1px solid #e0e0e0;
  width: 250px;
  vertical-align: middle;
  padding-left: 20px;
}

.p-sale_table-large-td-l {
  vertical-align: middle;
  padding: 10px 0 12px 20px;
}

.p-sale_tel-btn {
  margin: 0 auto;
  width: 50%;
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .p-sale_tel-btn {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
  .p-service_gallery .c-new_title {
    margin-left: 20px;
  }
}

/**
  セールスコメント
**/
.p-sale_comment {
  margin-top: 80px;
}

.p-sale_comment-main {
  margin-top: 32px;
}

/**
  物件データ
**/
.p-sale_data {
  margin-top: 80px;
}

.p-sale_data-table {
  margin-top: 32px;
}

@media screen and (max-width: 1023px) {
  .p-sale_data-table {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .p-sale_comment {
    padding: 0 20px;
  }
  .p-sale_comment-main {
    margin-top: 21px;
  }
  .p-sale_data {
    padding: 0 20px;
  }
  .p-sale_data .p-sale_overview-sp {
    margin-top: 21px;
    padding: 0;
  }
  .sp-pw20 {
    padding: 0 20px;
  }
}

.p-sale__cardContainer, .p-unlistedSale__cardContainer {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  margin: 32px 0 60px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(269px, 1fr));
  gap: 28px;
}

.p-sale__cardBlock {
  list-style: none;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-sale__imgWrap {
  height: 179px;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-sale__imgWrap img {
  position: relative;
  height: inherit;
}

.p-sale__imgWrap::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  width: 100%;
  height: 179px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: hidden;
  z-index: 0;
}

.p-sale__imgWrap--noImg {
  min-height: 179px;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-sale__imgWrap--noImg img {
  position: relative;
  height: inherit;
}

.p-sale__listWrap, .p-unlistedSale__listWrap {
  height: inherit;
  padding: 20px;
  position: relative;
}

.p-sale__buildingType {
  margin-bottom: 10px;
  color: #1767ac;
  font-size: 12px;
}

.p-sale__buildingCategory {
  display: inline-block;
  margin: 0 0 10px;
  padding: 7px 10px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f7f7f7;
  color: #1767ac;
}

.p-sale__buildingName, .p-unlistedSale__buildingName {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  line-height: 23px;
  margin: 10px 0 15px;
}

@media screen and (max-width: 1023px) {
  .p-sale__buildingName, .p-unlistedSale__buildingName {
    font-size: 16px;
  }
}

.p-sale__buildingAddress, .p-unlistedSale__buildingAddress {
  font-size: 13px;
  margin: 10px 0 30px;
  line-height: 20px;
}

.p-sale__buildingInfo--wrap, .p-unlistedSale__buildingInfo--wrap {
  position: relative;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
}

.p-sale__buildingInfo--wrap td, .p-unlistedSale__buildingInfo--wrap td {
  font-weight: normal;
}

@media screen and (max-width: 1023px) {
  .p-sale__buildingInfo--wrap, .p-unlistedSale__buildingInfo--wrap {
    font-size: 12px;
  }
}

.p-sale__buildingInfo--wrap span:not(.p-sale__buildingInfo), .p-unlistedSale__buildingInfo--wrap span:not(.p-sale__buildingInfo) {
  font-weight: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.p-sale__buildingInfo--wrap::before, .p-unlistedSale__buildingInfo--wrap::before {
  content: "";
  position: absolute;
  display: block;
  top: -15px;
  width: 24px;
  height: 1px;
  background-color: #eee;
}

.p-sale__buildingInfo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: bold;
  white-space: nowrap;
}

.p-sale__buildingPrice--wrap {
  width: 100%;
  height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
}

.p-sale__buildingPrice--wrap th:first-child {
  border-right: solid 1px #e0e0e0;
}

.p-sale__buildingPrice--wrap th {
  background-color: #1767ac;
  color: #fff;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #1767ac;
  border-bottom: none;
}

.p-sale__buildingPrice--wrap td {
  color: #cd5050;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #e0e0e0;
  border-top: none;
}

.p-sale__buildingRecommend--wrap, .p-unlistedSale__buildingRecommend--wrap {
  width: 100%;
  font-size: 12px;
  color: #333;
  background-color: #f7f7f7;
  padding: 10px 14px;
  line-height: 17px;
}

.p-sale_banner_description {
  max-width: 863px;
  line-height: 30px;
  font-size: 15px;
  margin: 0 auto 24px;
}

@media screen and (max-width: 1023px) {
  .p-sale_banner_description {
    font-size: 14px;
  }
}

.p-sale_conducting-wire {
  display: block;
  margin: 0 0 10px;
  color: #1767ac;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

.p-sale_conducting-wire::after {
  content: "";
  display: inline-block;
  padding: 12px;
  background: url(./image/outer_link_blue.png) no-repeat center center;
  background-size: 14px;
  position: relative;
  top: 7px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .p-sale_conducting-wire {
    margin: 0 0 12px;
    line-height: 5px;
  }
}

.p-sale_conducting-banner--description {
  display: block;
  font-size: 12px;
  color: #888888;
  width: 665px;
  margin: 5px auto 10px;
  line-height: 15px;
}

@media screen and (max-width: 1023px) {
  .p-sale_conducting-banner--description {
    width: 100%;
  }
}

.p-sale_conducting-banner--annotation {
  display: inline-block;
  font-size: 12px;
  color: #000;
  width: 665px;
  margin: 15px auto 0;
  line-height: 18px;
}

@media screen and (max-width: 1023px) {
  .p-sale_conducting-banner--annotation {
    width: 100%;
  }
}

.p-sale__dummy-block--291 {
  height: 218px;
}

.p-sale_conducting-wire--description {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #888888;
}

.p-sale-view_checkBox--wrap {
  position: relative;
  margin: 40px 0 80px;
}

.p-sale-view_checkBox--wrap input[type="checkbox"] {
  display: none;
}

/* チェックボックスの代わりを成すラベル */
.p-sale-view_checkBox--wrap input[type="checkbox"] + label {
  display: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
}

/* ラベルの左に表示させる正方形のボックス□ */
.p-sale-view_checkBox--wrap input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  left: 0;
  top: 50%;
  border: 1px solid;
  border-color: #585753;
  border-radius: 3px;
  background-color: #fff;
}

.p-sale-view_checkBox--wrap input[type="checkbox"]:checked + label::before {
  background-color: #1767ac;
  border-color: #1767ac;
}

/* チェックが入った時のレ点 */
.p-sale-view_checkBox--wrap input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 9px;
  margin-top: -6px;
  top: 50%;
  left: 3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-bottom: 3px solid;
  border-left: 3px solid;
  border-color: #fff;
}

#box1 ~ .p-sale__cardContainer a.card-display--primary, #box1 ~ .p-unlistedSale__cardContainer a.card-display--primary {
  display: none;
}

#box1:checked ~ .p-sale__cardContainer a.card-display--primary, #box1:checked ~ .p-unlistedSale__cardContainer a.card-display--primary {
  display: block;
  -webkit-animation: display-animation 0.5s ease-in-out;
          animation: display-animation 0.5s ease-in-out;
}

#box2 ~ .p-sale__cardContainer a.card-display--secondary, #box2 ~ .p-unlistedSale__cardContainer a.card-display--secondary {
  display: none;
}

#box2:checked ~ .p-sale__cardContainer a.card-display--secondary, #box2:checked ~ .p-unlistedSale__cardContainer a.card-display--secondary {
  display: block;
  -webkit-animation: display-animation 0.5s ease-in-out;
          animation: display-animation 0.5s ease-in-out;
}

#box3 ~ .p-sale__cardContainer a.card-display--tertiary, #box3 ~ .p-unlistedSale__cardContainer a.card-display--tertiary {
  display: none;
}

#box3:checked ~ .p-sale__cardContainer a.card-display--tertiary, #box3:checked ~ .p-unlistedSale__cardContainer a.card-display--tertiary {
  display: block;
  -webkit-animation: display-animation 0.5s ease-in-out;
          animation: display-animation 0.5s ease-in-out;
}

@-webkit-keyframes display-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes display-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.p-sale-view_selectBox--wrap {
  position: absolute;
  right: 0;
  display: inline-block;
}

.p-sale-view_selectBox--wrap span {
  font-weight: bold;
}

.p-unlistedSale__listWrap {
  padding: 15px 20px 20px;
}

.p-unlistedSale__cardContainer {
  padding-bottom: 50px;
  margin-bottom: 0;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}

.p-unlistedSale-other__wrap {
  width: 1120px;
  margin: 0 auto 60px;
  position: relative;
  bottom: 60px;
}

@media screen and (max-width: 1023px) {
  .p-unlistedSale-other__wrap {
    width: 100%;
    bottom: 0;
    margin-top: 50px;
  }
}

.p-unlistedSale-other__button {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 566px;
  height: 64px;
  margin: 0 auto;
  color: #fff;
  background-color: #1767ac;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .p-unlistedSale-other__button {
    font-size: 14px;
  }
}

.p-unlistedSale-other__button::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  position: absolute;
  right: 20px;
  font-weight: 200;
}

.p-unlistedSale__buildingRecommend--wrap {
  margin-bottom: 55px;
}

.p-unlistedSale__spacer {
  margin-bottom: 55px;
}

.p-unlistedSale__buildingName {
  margin: 0 0 5px;
}

.p-unlistedSale__buildingAddress {
  margin: 5px 0 20px;
}

.p-unlistedSale__buildingInfo--wrap {
  margin: 0;
}

.p-unlistedSale__buildingInfo--wrap::before {
  top: -10px;
}

.p-unlistedSale__buildingInfo-table--wrap {
  margin-bottom: 10px;
}

.p-sale__buildingInfo--revenue {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .p-sale__buildingInfo--revenue {
    font-size: 12px;
  }
}

.p-sale__buildingInfo-value--revenue {
  font-weight: 400;
}

/* 注意事項セクション */
.p-sale__attention-wrapper {
  margin: 64px 0;
}

@media screen and (max-width: 768px) {
  .p-sale__attention-wrapper {
    width: 100%;
    max-width: 320px;
    margin: 40px auto;
  }
}

.p-sale-attention {
  width: 100%;
  background-color: #eff4f9;
}

.p-sale-attention__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 63px;
     -moz-column-gap: 63px;
          column-gap: 63px;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  .p-sale-attention__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 16px;
  }
}

.p-sale-attention__title {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .p-sale-attention__title {
    font-size: 16px;
    list-style: none;
    line-height: 1.56;
    margin-bottom: 13px;
  }
}

.p-sale-attention__list {
  list-style: none;
}

.p-sale-attention__list > * {
  position: relative;
  padding-left: 8px;
  font-size: 10px;
  line-height: 1.6;
}

.p-sale-attention__list > *::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333333;
}

.p-sale-fixed-cv-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 132px;
  height: 132px;
}

@media screen and (max-width: 1023px) {
  .p-sale-fixed-cv-icon {
    width: 96px;
    height: 96px;
    bottom: 74px;
    right: 14px;
  }
}

.l-service-archives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1023px) {
  .l-service-archives {
    display: block;
  }
}

.l-service-archive {
  width: calc(50% - 28px);
  background: #F7F7F7;
  margin-bottom: 64px;
}

@media screen and (max-width: 1023px) {
  .l-service-archive {
    width: 100%;
  }
}

.l-service-archive__img {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 1023px) {
  .l-service-archive__img {
    height: 104px;
  }
}

.l-service-archive__texts {
  padding: 32px 28px 4px;
}

@media screen and (max-width: 1023px) {
  .l-service-archive__texts {
    padding: 28px 24px 4px;
  }
}

.l-service-archive__title {
  font-size: 22px;
}

.l-service-archive__desc {
  margin: 12px 0 24px;
  line-height: 2;
  font-size: 15px;
  height: 90px;
}

@media screen and (max-width: 1023px) {
  .l-service-archive__desc {
    height: auto;
  }
}

.l-service-archive__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-service-archive__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  height: 72px;
  padding: 12px 20px;
  line-height: 1.5;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.l-service-archive__button::after {
  content: "";
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  color: #1767AC;
  font-size: 13px;
  font-weight: normal;
}

.l-service-archive__button.blue {
  color: #1767AC;
}

.l-service-archive__button:hover {
  opacity: 0.7;
}

.l-service-list__wrap {
  margin-top: 32px;
  margin-bottom: 80px;
}

.l-service-list__wrap .c-card {
  height: 100%;
}

.l-service-list__wrap .c-card .c-card-thumb {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.l-service-list__wrap .c-card .c-card-text {
  height: auto;
}

.l-service-list__wrap .c-card .c-card-text .c-card-title {
  height: auto;
}

.l-service-card__footer__description {
  color: #888888;
  font-size: 12px;
  margin: 0 auto;
  line-height: 17px;
}

.l-service-card__footer__tagList {
  margin: 12px auto auto auto;
  padding-bottom: 20px;
}

.l-service-card__footer__tagList__item {
  display: inline-block;
  text-align: center;
  height: auto;
  width: 36px;
  font-size: 10px;
  color: #888888;
  background-color: #f7f7f7;
  border-radius: 3px;
  margin-right: 4px;
  line-height: 17px;
}

.p-contact_title {
  color: #333333;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}

@media screen and (max-width: 1023px) {
  .p-contact_title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

.p-service_tel.p-contact_tel {
  height: 249px;
  width: 1160px;
  margin-top: 32px;
}

@media screen and (max-width: 1023px) {
  .p-service_tel.p-contact_tel {
    height: auto;
    width: 100%;
    margin-top: 0;
    padding-top: 1px;
  }
}

@media screen and (max-width: 1023px) {
  .p-service_tel.p-contact_tel .p-service_tel-wrap {
    width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  .p-service_tel.p-contact_tel .p-service_tel-wrap .p-service_tel-number {
    font-size: 26px;
  }
}

@media screen and (max-width: 1023px) {
  .p-service_tel.p-contact_tel .p-service_tel-english.p-contact_tel-english {
    margin-left: 0;
    font-size: 14px;
  }
}

.p-service_tel.p-contact_tel .p-service_tel-hour.p-contact_tel-hour {
  margin: 10px auto 0;
}

@media screen and (max-width: 1023px) {
  .p-service_tel.p-contact_tel .p-service_tel-hour.p-contact_tel-hour {
    text-align: center;
  }
}

#js_contact_type_2_content {
  display: none;
  margin: 0 0 25px;
}

#js_contact_type_3_content {
  display: none;
  margin: 0 0 25px;
}

#js_contact_type_1_content {
  padding: 10px 0 0 20px;
}

#js_contact_type_1_1_content,
#js_contact_type_1_2_content,
#js_contact_type_1_3_content {
  display: none;
}

#js_contact_type_2_1_content,
#js_contact_type_2_2_content {
  display: none;
}

.js_contact_type_owner_hide {
  display: none;
}

.js_contact_type_cancel_hide {
  display: none;
}

.js_contact_type_payment_content {
  display: none;
}

.js_contact_type_child_content {
  display: none;
}

/**
  お問い合わせ詳細
**/
@media screen and (max-width: 1023px) {
  .p-contact-detail_header_top {
    display: none;
  }
}

.p-contact-detail_header_top_inner {
  margin: 0 auto;
  max-width: 1160px;
  width: 100%;
}

.p-contact-detail_header_top a {
  font-size: 11px;
  font-weight: bold;
  color: #262626;
  line-height: 30px;
  background: white;
  padding-left: 15px;
  background: url("./image/form/backward.png") no-repeat left center/8px 8px;
  letter-spacing: 2.75px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
}

.p-contact-detail {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.p-contact-detail input,
.p-contact-detail select,
.p-contact-detail textarea,
.p-contact-detail button {
  font-family: 'Noto Sans JP', sans-serif;
}

.p-contact-detail select::-ms-expand {
  display: none;
}

.p-contact-detail_header {
  margin: 0 auto;
  width: 100%;
  background-color: #343a40;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 26px 30px;
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_header {
    padding: 24px 0 0;
    width: auto;
  }
}

.p-contact-detail_header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 1160px;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_header_inner {
    display: block;
  }
}

.p-contact-detail_header .p-contact-detail_header_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_header .p-contact-detail_header_left {
    display: block;
    text-align: center;
  }
}

.p-contact-detail_header .p-contact-detail_header_left img {
  margin-right: 70px;
  width: 200px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_header .p-contact-detail_header_left img {
    margin-right: 0;
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_header .p-contact-detail_header_left p {
    height: 35px;
    line-height: 35px;
    background: #272b30;
  }
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_header .p-contact-detail_header_right {
    display: none;
  }
}

.p-contact-detail_header .p-contact-detail_header_right a {
  display: block;
  color: #ffffff;
  font-family: "Roboto Condensed", 'Noto Sans JP', sans-serif;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4.81px;
  line-height: 29px;
  text-align: center;
}

.p-contact-detail_header .p-contact-detail_header_right p {
  font-size: 10px;
  letter-spacing: 1.9px;
  line-height: 15px;
  text-align: justify;
}

.p-contact-detail_bg {
  background-color: #f7f7f7;
  width: 100%;
  margin: 0 auto;
  padding: 80px 30px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_bg {
    padding: 40px 20px;
  }
}

.p-contact-detail_inner {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
          box-shadow: 0 2px 12px 0 rgba(74, 110, 137, 0.1);
  padding: 80px 99px;
  margin: 0 auto;
  max-width: 1160px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_inner {
    padding: 30px 20px;
  }
}

.p-contact-detail_title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_title {
    text-align: center;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.9px;
  }
}

.p-contact-detail_desc {
  margin: 32px 0 16px;
  line-height: 24px;
  font-size: 15px;
}

.p-contact-detail_desc p {
  margin: 14px 0;
}

.p-contact-detail_desc span {
  color: #17a2b8;
}

.p-contact-detail_desc a {
  color: #17a2b8;
}

.p-contact-detail_complete_text {
  line-height: 30px;
  font-size: 15px;
}

.p-contact-detail_complete {
  margin: 32px 0;
  line-height: 30px;
  font-size: 15px;
}

.p-contact-detail_email {
  color: #17a2b8;
  font-weight: bold;
}

.p-contact-detail_link {
  color: #17a2b8;
}

.p-contact-detail_border {
  height: 1px;
  background-color: #e0e0e0;
  margin-top: 40px;
}

.p-contact-detail_form {
  margin-top: 40px;
}

.p-contact-detail_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_flex {
    display: block;
  }
}

.p-contact-detail_flex_right {
  width: calc(100% - 310px);
  margin: 0 0 0 auto;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_flex_right {
    width: 100%;
  }
}

.p-contact-detail_form-title, .p-contact-detail_form-title--top, .p-contact-detail_form-title--other {
  width: 230px;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_form-title--other {
    line-height: 21px;
    margin-bottom: 8px;
  }
}

.p-contact-detail_right {
  width: calc(100% - 310px);
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_right {
    width: 100%;
  }
}

.p-contact-detail_form-required {
  height: 18px;
  width: 34px;
  border-radius: 3px;
  background-color: #cd5050;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin-left: 12px;
  position: relative;
  top: 5px;
}

.p-contact-detail__sub-label .p-contact-detail_form-required {
  display: inline-block;
  position: inherit;
}

.p-contact-detail_field_unit {
  position: relative;
}

.p-contact-detail_field_unit .p-contact-detail_form-text {
  width: 100px;
}

.p-contact-detail_field_unit span.p-contact-detail_field_unit_text {
  position: absolute;
  top: 10px;
  left: 110px;
}

.mwform-radio-field.horizontal-item {
  display: block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin: 15px 0 0;
}

.p-contact-detail_form-radio {
  margin: 0;
  display: none;
  border: none;
}

.p-contact-detail_form-radio + span {
  color: #333333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  display: inline-block;
}

.p-contact-detail_form-radio + span::before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  left: 0;
  top: 4px;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  margin-right: 6px;
}

.p-contact-detail_form-radio:checked + span::before {
  border: 6px solid #027bff;
  background-color: #ffffff;
}

.p-contact-detail_form-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  width: 368px;
  max-width: 100%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #ffffff;
  font-size: 15px;
}

.p-contact-detail_form-text::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text::-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text::placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_form-text {
    width: 100%;
  }
}

.p-contact-detail_form-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  width: 368px;
  max-width: 100%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: url("./image/form/caret-down.png") no-repeat 95% center/10px 7px;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-select.not-select {
  color: #ccc;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_form-select {
    width: 100%;
  }
}

.p-contact-detail_form-text-l {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 200px;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #ffffff;
  display: inline;
  vertical-align: top;
  padding-top: 7px;
  font-size: 15px;
}

.p-contact-detail_form-text-l::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text-l::-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text-l:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text-l::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail_form-text-l::placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
}

.p-contact-detail-privacy {
  width: 665px;
  color: #333333;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
}

.flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-contact-detail-privacy-link {
  color: #1767ac;
  display: block;
  margin-bottom: 24px;
}

.p-contact-detail-privacy-check {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}

.p-contact-detail-privacy-check--important + span {
  color: #cb6666;
  font-weight: bold;
}

.p-contact-detail_button {
  height: 48px;
  width: 368px;
  background-color: #1767ac;
  margin: 40px 297px 0 297px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
}

.p-contact-detail-icon {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}

.p-contact-detail_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 566px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}

.p-contact-detail_back {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  width: 269px;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-right: 28px;
  background: url("./image/form/chevron-left_black.png") no-repeat 15px center/8px 13px, #ffffff;
}

.p-contact-detail_send, .p-contact-detail_send--half {
  display: block;
  height: 48px;
  line-height: 48px;
  width: 368px;
  max-width: 100%;
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  background: url("./image/form/chevron-right_white.png") no-repeat 95% center/8px 13px, #262626;
}

.p-contact-detail_send--half {
  width: 269px;
}

.mw_wp_form_confirm .p-contact-detail_send, .mw_wp_form_confirm .p-contact-detail_send--half {
  width: 269px;
  background: #262626;
}

.p-contact-detail-icon_left {
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
}

.p-contact-detail_notice {
  height: 22px;
  width: 962px;
  color: #888888;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  margin-top: 24px;
}

.p-contact-detail__sub-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0 10px;
  font-size: 15px;
  line-height: 26px;
}

.p-contact-detail__sub-label__red {
  color: #cb6666;
  font-weight: bold;
}

.p-contact-detail__sub-comment {
  padding-left: 26px;
  margin-top: 0px;
}

.p-contact-detail_sub_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_sub_flex {
    display: block;
  }
}

.p-contact-detail_sub_flex input {
  width: 175px;
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_sub_flex input {
    width: 100%;
  }
}

.p-contact-detail_sub_flex select {
  margin-left: 10px;
  width: 175px;
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_sub_flex select {
    width: 100%;
    margin: 10px 0 0 0;
  }
}

.mwform-checkbox-field.vertical-item {
  display: block;
  margin-bottom: 8px;
}

.mwform-checkbox-field.vertical-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mwform-checkbox-field.vertical-item .mwform-checkbox-field-text {
  display: inline-block;
  padding-left: 5px;
  width: calc(100% - 40px);
  line-height: 1.3;
}

.mw_wp_form_confirm .p-contact-detail_field {
  background: #f7f7f7 !important;
  padding: 0 10px;
  line-height: 32px;
  font-size: 15px;
  border-radius: 3px;
}

.mw_wp_form_confirm .p-contact-detail_field.p-contact-detail_field_unit {
  width: 100px;
}

.mw_wp_form_confirm .p-contact-detail_field.p-contact-detail_field_unit .p-contact-detail_field_unit_text {
  top: 0;
}

.p-contact-detail_confirm_text {
  display: none;
  font-size: 12px;
  color: #888888;
  text-align: center;
  margin: 24px 0;
}

.mw_wp_form_confirm .p-contact-detail_confirm_text {
  display: block;
}

.p-contact-detail_term {
  border: 1px solid #e0e0e0;
  padding: 24px;
  font-size: 15px;
  margin-top: 40px;
  line-height: 24px;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail_term {
    padding: 24px 15px;
  }
}

.p-contact-detail_term b {
  display: block;
  font-weight: bold;
  margin-bottom: 24px;
}

.p-contact-detail_term a {
  display: block;
  margin-top: 12px;
  color: #0089ff;
}

.p-contact-detail_term_check {
  text-align: center;
  margin: 24px 0 0;
}

.mw_wp_form_confirm .p-contact-detail_term {
  display: none;
}

.mp_footer_flex {
  height: 108px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 160px 0 125px;
  justify-content: space-between;
}

@media screen and (max-width: 1023px) {
  .mp_footer_flex {
    height: auto;
    display: block;
    padding: 20px;
    text-align: center;
  }
}

.mp_footer_copy {
  font-size: 13px;
}

@media screen and (max-width: 1023px) {
  .mp_footer_copy {
    font-size: 10px;
  }
}

.mp_footer_img {
  height: 77px;
  width: 200px;
}

@media screen and (max-width: 1023px) {
  .mp_footer_img {
    margin: 0 auto;
  }
}

.mw_wp_form .error {
  display: block;
  color: #b70000;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .p-contact-detail-mailaddress {
    letter-spacing: -0.5px;
  }
}