html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul { list-style: none; }
html { box-sizing: border-box; }
*, ::before, ::after { box-sizing: border-box; }
img, embed, object, audio, video { height: auto; }
iframe { border: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; text-align: left; }
* { box-sizing: border-box; }
body { font-family: "Zen Maru Gothic", sans-serif; font-size: 15px; color: rgb(0, 0, 0); line-height: 1.8; letter-spacing: 0.05em; -webkit-font-smoothing: antialiased; min-width: 320px; overflow: hidden scroll; text-rendering: optimizelegibility; text-size-adjust: 100%; }
article, aside, figure, footer, header, hgroup, section { display: block; }
a { color: inherit; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { border: none; display: block; }
img { height: auto; vertical-align: bottom; }
small { font-size: 0.875em; }
span { font-style: inherit; font-weight: inherit; }
strong { font-weight: bold; }
table td, table th { text-align: left; vertical-align: top; }
.cf::before, .cms-list-wrap .case-list-wrap .case-list article a .cat::before, .cms-list-wrap .case-list-wrap .case-list article a .date::before, .cms-list-wrap .case-list-wrap .topic-list article a .cat::before, .cms-list-wrap .case-list-wrap .topic-list article a .date::before, .cms-list-wrap .topic-list-wrap .case-list article a .cat::before, .cms-list-wrap .topic-list-wrap .case-list article a .date::before, .cms-list-wrap .topic-list-wrap .topic-list article a .cat::before, .cms-list-wrap .topic-list-wrap .topic-list article a .date::before, .cf::after, .cms-list-wrap .case-list-wrap .case-list article a .cat::after, .cms-list-wrap .case-list-wrap .case-list article a .date::after, .cms-list-wrap .case-list-wrap .topic-list article a .cat::after, .cms-list-wrap .case-list-wrap .topic-list article a .date::after, .cms-list-wrap .topic-list-wrap .case-list article a .cat::after, .cms-list-wrap .topic-list-wrap .case-list article a .date::after, .cms-list-wrap .topic-list-wrap .topic-list article a .cat::after, .cms-list-wrap .topic-list-wrap .topic-list article a .date::after { content: ""; display: table; }
.cf::after, .cms-list-wrap .case-list-wrap .case-list article a .cat::after, .cms-list-wrap .case-list-wrap .case-list article a .date::after, .cms-list-wrap .case-list-wrap .topic-list article a .cat::after, .cms-list-wrap .case-list-wrap .topic-list article a .date::after, .cms-list-wrap .topic-list-wrap .case-list article a .cat::after, .cms-list-wrap .topic-list-wrap .case-list article a .date::after, .cms-list-wrap .topic-list-wrap .topic-list article a .cat::after, .cms-list-wrap .topic-list-wrap .topic-list article a .date::after { clear: both; }
.cols, .cols-full, .cols-filld, .cols-filld-full { display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; }
.cols.nega, .cols-full.nega, .cols-filld.nega, .cols-filld-full.nega { margin-left: -15px; margin-right: -15px; width: auto; max-width: 9999px; }
@media (max-width: 999px){
.cols.nega, .cols-full.nega, .cols-filld.nega, .cols-filld-full.nega { margin-left: -30px; margin-right: -30px; }
}
@media (max-width: 767px){
.cols.nega, .cols-full.nega, .cols-filld.nega, .cols-filld-full.nega { margin-left: -20px; margin-right: -20px; }
}
.cols.gutter-lg-10 > *, .cols-full.gutter-lg-10 > *, .cols-filld.gutter-lg-10 > *, .cols-filld-full.gutter-lg-10 > * { padding-left: 5px; padding-right: 5px; }
@media (max-width: 999px){
.cols.gutter-lg-10, .cols-full.gutter-lg-10, .cols-filld.gutter-lg-10, .cols-filld-full.gutter-lg-10 { padding-left: 25px; padding-right: 25px; }
}
@media (max-width: 767px){
.cols.gutter-lg-10, .cols-full.gutter-lg-10, .cols-filld.gutter-lg-10, .cols-filld-full.gutter-lg-10 { padding-left: 15px; padding-right: 15px; }
}
.cols.gutter-lg-10.nega, .cols-full.gutter-lg-10.nega, .cols-filld.gutter-lg-10.nega, .cols-filld-full.gutter-lg-10.nega { margin-left: -5px; margin-right: -5px; padding-left: 0px; padding-right: 0px; }
.cols.gutter-lg-50 > *, .cols-full.gutter-lg-50 > *, .cols-filld.gutter-lg-50 > *, .cols-filld-full.gutter-lg-50 > * { padding-left: 25px; padding-right: 25px; }
@media (max-width: 999px){
.cols.gutter-lg-50, .cols-full.gutter-lg-50, .cols-filld.gutter-lg-50, .cols-filld-full.gutter-lg-50 { padding-left: 5px; padding-right: 5px; }
}
@media (max-width: 767px){
.cols.gutter-lg-50, .cols-full.gutter-lg-50, .cols-filld.gutter-lg-50, .cols-filld-full.gutter-lg-50 { padding-left: 0px; padding-right: 0px; }
}
.cols.gutter-lg-50.nega, .cols-full.gutter-lg-50.nega, .cols-filld.gutter-lg-50.nega, .cols-filld-full.gutter-lg-50.nega { margin-left: -25px; margin-right: -25px; padding-left: 0px; padding-right: 0px; }
.cols.gutter-lg-60 > *, .cols-full.gutter-lg-60 > *, .cols-filld.gutter-lg-60 > *, .cols-filld-full.gutter-lg-60 > * { padding-left: 30px; padding-right: 30px; }
@media (max-width: 999px){
.cols.gutter-lg-60, .cols-full.gutter-lg-60, .cols-filld.gutter-lg-60, .cols-filld-full.gutter-lg-60 { padding-left: 0px; padding-right: 0px; }
}
@media (max-width: 767px){
.cols.gutter-lg-60, .cols-full.gutter-lg-60, .cols-filld.gutter-lg-60, .cols-filld-full.gutter-lg-60 { padding-left: 0px; padding-right: 0px; }
}
.cols.gutter-lg-60.nega, .cols-full.gutter-lg-60.nega, .cols-filld.gutter-lg-60.nega, .cols-filld-full.gutter-lg-60.nega { margin-left: -30px; margin-right: -30px; padding-left: 0px; padding-right: 0px; }
.cols.gutter-lg-70 > *, .cols-full.gutter-lg-70 > *, .cols-filld.gutter-lg-70 > *, .cols-filld-full.gutter-lg-70 > * { padding-left: 35px; padding-right: 35px; }
@media (max-width: 999px){
.cols.gutter-lg-70, .cols-full.gutter-lg-70, .cols-filld.gutter-lg-70, .cols-filld-full.gutter-lg-70 { padding-left: 0px; padding-right: 0px; }
}
@media (max-width: 767px){
.cols.gutter-lg-70, .cols-full.gutter-lg-70, .cols-filld.gutter-lg-70, .cols-filld-full.gutter-lg-70 { padding-left: 0px; padding-right: 0px; }
}
.cols.gutter-lg-70.nega, .cols-full.gutter-lg-70.nega, .cols-filld.gutter-lg-70.nega, .cols-filld-full.gutter-lg-70.nega { margin-left: -35px; margin-right: -35px; padding-left: 0px; padding-right: 0px; }
@media (max-width: 999px){
.cols.gutter-md-30, .cols-full.gutter-md-30, .cols-filld.gutter-md-30, .cols-filld-full.gutter-md-30 { padding-left: 15px; padding-right: 15px; }
.cols.gutter-md-30 > *, .cols-full.gutter-md-30 > *, .cols-filld.gutter-md-30 > *, .cols-filld-full.gutter-md-30 > * { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 999px) and (max-width: 767px){
.cols.gutter-md-30, .cols-full.gutter-md-30, .cols-filld.gutter-md-30, .cols-filld-full.gutter-md-30 { padding-left: 5px; padding-right: 5px; }
}
@media (max-width: 999px){
.cols.gutter-md-30.nega, .cols-full.gutter-md-30.nega, .cols-filld.gutter-md-30.nega, .cols-filld-full.gutter-md-30.nega { margin-left: -15px; margin-right: -15px; padding-left: 0px; padding-right: 0px; }
}
@media (max-width: 767px){
.cols.gutter-sm-15, .cols-full.gutter-sm-15, .cols-filld.gutter-sm-15, .cols-filld-full.gutter-sm-15 { padding-left: 12.5px; padding-right: 12.5px; }
.cols.gutter-sm-15 > *, .cols-full.gutter-sm-15 > *, .cols-filld.gutter-sm-15 > *, .cols-filld-full.gutter-sm-15 > * { padding-left: 7.5px; padding-right: 7.5px; }
.cols.gutter-sm-15.nega, .cols-full.gutter-sm-15.nega, .cols-filld.gutter-sm-15.nega, .cols-filld-full.gutter-sm-15.nega { margin-left: -7.5px; margin-right: -7.5px; padding-left: 0px; padding-right: 0px; }
.cols.gutter-sm-20, .cols-full.gutter-sm-20, .cols-filld.gutter-sm-20, .cols-filld-full.gutter-sm-20 { padding-left: 10px; padding-right: 10px; }
.cols.gutter-sm-20 > *, .cols-full.gutter-sm-20 > *, .cols-filld.gutter-sm-20 > *, .cols-filld-full.gutter-sm-20 > * { padding-left: 10px; padding-right: 10px; }
}
@media (max-width: 999px){
.cols, .cols-full { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 767px){
.cols, .cols-full { padding-left: 5px; padding-right: 5px; }
}
.cols { max-width: 1000px; width: 100%; }
.cols-full, .cols-filld-full { width: 100%; }
.col-lg, .col-md, .col-sm, .col-lg-1, .col-md-1, .col-sm-1 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-2, .col-md-2, .col-sm-2 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-3, .col-md-3, .col-sm-3 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-4, .col-md-4, .col-sm-4 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-5, .col-md-5, .col-sm-5 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-6, .col-md-6, .col-sm-6 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-7, .col-md-7, .col-sm-7 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-8, .col-md-8, .col-sm-8 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-9, .col-md-9, .col-sm-9 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-10, .col-md-10, .col-sm-10 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-11, .col-md-11, .col-sm-11 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.col-lg, .col-md, .col-sm, .col-lg-12, .col-md-12, .col-sm-12 { width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; }
.cols-filld > *, .cols-filld-full > * { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.col-lg { flex: 1 0 0%; max-width: none; }
.col-lg-3 { flex: 0 0 25%; max-width: 25%; }
.col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-lg-6 { flex: 0 0 50%; max-width: 50%; }
.col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-lg-9 { flex: 0 0 75%; max-width: 75%; }
.col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
@media (max-width: 999px){
.col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; }
.col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 767px){
.col-sm-6 { flex: 0 0 50%; max-width: 50%; }
.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
.order-lg-1 { order: 1; }
.order-lg-2 { order: 2; }
.order-lg-3 { order: 3; }
.order-lg-4 { order: 4; }
@media (max-width: 999px){
.order-md-1 { order: 1; }
.order-md-2 { order: 2; }
.order-md-3 { order: 3; }
.order-md-4 { order: 4; }
}
.return-lg-6 { margin-left: -50%; }
@media (max-width: 767px){
.return-sm-0 { margin-left: auto; }
}
.mt5 { margin-top: 5px; }
@media (max-width: 767px){
.mt5 { margin-top: 3.33333px; }
}
.mt10 { margin-top: 10px; }
@media (max-width: 767px){
.mt10 { margin-top: 6.66667px; }
}
.mt15 { margin-top: 15px; }
.mt-15, .narrow-down.-work .ttl { margin-top: -15px; }
@media (max-width: 767px){
.mt15 { margin-top: 10px; }
.mt-15, .narrow-down.-work .ttl { margin-top: -10px; }
}
.mt20, .project-block .inblock .some-btn, .project-block .inblock .read { margin-top: 20px; }
.mt-20 { margin-top: -20px; }
@media (max-width: 767px){
.mt20, .project-block .inblock .some-btn, .project-block .inblock .read { margin-top: 13.3333px; }
.mt-20 { margin-top: -13.3333px; }
}
.mt25 { margin-top: 25px; }
@media (max-width: 767px){
.mt25 { margin-top: 16.6667px; }
}
.mt30 { margin-top: 30px; }
@media (max-width: 767px){
.mt30 { margin-top: 20px; }
}
.mt35 { margin-top: 35px; }
@media (max-width: 767px){
.mt35 { margin-top: 23.3333px; }
}
.mt40, #strength .sec4 .low-block .block-links { margin-top: 40px; }
@media (max-width: 767px){
.mt40, #strength .sec4 .low-block .block-links { margin-top: 26.6667px; }
}
.mt45 { margin-top: 45px; }
@media (max-width: 767px){
.mt45 { margin-top: 30px; }
}
.mt50 { margin-top: 50px; }
@media (max-width: 767px){
.mt50 { margin-top: 33.3333px; }
}
.mt60, #strength .sec4 .low-block .ttl-wrap { margin-top: 60px; }
.mt-60 { margin-top: -60px; }
@media (max-width: 767px){
.mt60, #strength .sec4 .low-block .ttl-wrap { margin-top: 40px; }
.mt-60 { margin-top: -40px; }
}
.mt70 { margin-top: 70px; }
@media (max-width: 767px){
.mt70 { margin-top: 46.6667px; }
}
.mt90 { margin-top: 90px; }
@media (max-width: 767px){
.mt90 { margin-top: 60px; }
}
.mt120 { margin-top: 120px; }
@media (max-width: 767px){
.mt120 { margin-top: 80px; }
}
@media (max-width: 999px){
.md-mt45 { margin-top: 45px; }
}
@media (max-width: 767px){
.sm-mt5 { margin-top: 5px; }
.sm-mt15 { margin-top: 15px; }
.sm-mt40 { margin-top: 40px; }
.sm-mt-40 { margin-top: -40px; }
}
.ml5 { margin-left: 5px; }
@media (max-width: 767px){
.ml5 { margin-left: 3.33333px; }
}
.ml10 { margin-left: 10px; }
@media (max-width: 767px){
.ml10 { margin-left: 6.66667px; }
}
.ml-45 { margin-left: -45px; }
@media (max-width: 767px){
.ml-45 { margin-left: -30px; }
}
@media (max-width: 999px){
.md-ml0 { margin-left: 0px; }
}
.mr10 { margin-right: 10px; }
@media (max-width: 767px){
.mr10 { margin-right: 6.66667px; }
}
.mr15 { margin-right: 15px; }
@media (max-width: 767px){
.mr15 { margin-right: 10px; }
}
.mr20 { margin-right: 20px; }
@media (max-width: 767px){
.mr20 { margin-right: 13.3333px; }
}
.mr-45 { margin-right: -45px; }
@media (max-width: 767px){
.mr-45 { margin-right: -30px; }
}
@media (max-width: 999px){
.md-mr0 { margin-right: 0px; }
}
.mb5, .project-detail .article-main .sub-sec .sub-ttl { margin-bottom: 5px; }
@media (max-width: 767px){
.mb5, .project-detail .article-main .sub-sec .sub-ttl { margin-bottom: 3.33333px; }
}
.mb40 { margin-bottom: 40px; }
@media (max-width: 767px){
.mb40 { margin-bottom: 26.6667px; }
}
.mb45 { margin-bottom: 45px; }
@media (max-width: 767px){
.mb45 { margin-bottom: 30px; }
}
.mb60 { margin-bottom: 60px; }
@media (max-width: 767px){
.mb60 { margin-bottom: 40px; }
}
@media (max-width: 767px){
.sm-mb0 { margin-bottom: 0px; }
}
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
@media (max-width: 767px){
.mtb20 { margin-top: 13.3333px; margin-bottom: 13.3333px; }
}
.mtb45 { margin-top: 45px; margin-bottom: 45px; }
@media (max-width: 767px){
.mtb45 { margin-top: 30px; margin-bottom: 30px; }
}
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
@media (max-width: 767px){
.mtb60 { margin-top: 40px; margin-bottom: 40px; }
}
@media (max-width: 999px){
.md-mtb0 { margin-top: 0px; margin-bottom: 0px; }
}
.pa20 { padding: 20px; }
@media (max-width: 767px){
.pa20 { padding: 13.3333px; }
}
.pa30 { padding: 30px; }
@media (max-width: 767px){
.pa30 { padding: 20px; }
}
.pa40 { padding: 40px; }
@media (max-width: 767px){
.pa40 { padding: 26.6667px; }
}
.pa45 { padding: 45px; }
@media (max-width: 767px){
.pa45 { padding: 30px; }
}
.pa80 { padding: 80px; }
@media (max-width: 767px){
.pa80 { padding: 53.3333px; }
}
@media (max-width: 999px){
.md-pa40 { padding: 40px; }
}
@media (max-width: 767px){
.sm-pa20 { padding: 20px; }
}
.pt5 { padding-top: 5px; }
@media (max-width: 767px){
.pt5 { padding-top: 3.33333px; }
}
.pt10 { padding-top: 10px; }
@media (max-width: 767px){
.pt10 { padding-top: 6.66667px; }
}
.pt15, .project-detail .article-main .sub-sec > p { padding-top: 15px; }
@media (max-width: 767px){
.pt15, .project-detail .article-main .sub-sec > p { padding-top: 10px; }
}
.pt30 { padding-top: 30px; }
@media (max-width: 767px){
.pt30 { padding-top: 20px; }
}
.pt35 { padding-top: 35px; }
@media (max-width: 767px){
.pt35 { padding-top: 23.3333px; }
}
.pt45 { padding-top: 45px; }
@media (max-width: 767px){
.pt45 { padding-top: 30px; }
}
.pt60 { padding-top: 60px; }
@media (max-width: 767px){
.pt60 { padding-top: 40px; }
}
.pt75 { padding-top: 75px; }
@media (max-width: 767px){
.pt75 { padding-top: 50px; }
}
.pt85 { padding-top: 85px; }
@media (max-width: 767px){
.pt85 { padding-top: 56.6667px; }
}
.pt90 { padding-top: 90px; }
@media (max-width: 767px){
.pt90 { padding-top: 60px; }
}
.pt95 { padding-top: 95px; }
@media (max-width: 767px){
.pt95 { padding-top: 63.3333px; }
}
.pt100 { padding-top: 100px; }
@media (max-width: 767px){
.pt100 { padding-top: 66.6667px; }
}
.pt115 { padding-top: 115px; }
@media (max-width: 767px){
.pt115 { padding-top: 76.6667px; }
}
.pt150 { padding-top: 150px; }
@media (max-width: 767px){
.pt150 { padding-top: 100px; }
}
.pt180 { padding-top: 180px; }
@media (max-width: 767px){
.pt180 { padding-top: 120px; }
}
.pt200 { padding-top: 200px; }
@media (max-width: 767px){
.pt200 { padding-top: 133.333px; }
}
@media (max-width: 999px){
.md-pt40 { padding-top: 40px; }
}
@media (max-width: 767px){
.sm-pt90 { padding-top: 90px; }
}
.pl30 { padding-left: 30px; }
@media (max-width: 767px){
.pl30 { padding-left: 20px; }
}
@media (max-width: 767px){
.sm-pl0 { padding-left: 0px; }
}
.pr115 { padding-right: 115px; }
@media (max-width: 767px){
.pr115 { padding-right: 76.6667px; }
}
@media (max-width: 999px){
.md-pr40 { padding-right: 40px; }
}
@media (max-width: 767px){
.sm-pr20 { padding-right: 20px; }
}
.pb10 { padding-bottom: 10px; }
@media (max-width: 767px){
.pb10 { padding-bottom: 6.66667px; }
}
.pb15, .project-detail .article-main .sub-sec .sub-ttl { padding-bottom: 15px; }
@media (max-width: 767px){
.pb15, .project-detail .article-main .sub-sec .sub-ttl { padding-bottom: 10px; }
}
.pb30 { padding-bottom: 30px; }
@media (max-width: 767px){
.pb30 { padding-bottom: 20px; }
}
.pb40 { padding-bottom: 40px; }
@media (max-width: 767px){
.pb40 { padding-bottom: 26.6667px; }
}
.pb50 { padding-bottom: 50px; }
@media (max-width: 767px){
.pb50 { padding-bottom: 33.3333px; }
}
.pb60 { padding-bottom: 60px; }
@media (max-width: 767px){
.pb60 { padding-bottom: 40px; }
}
.pb90 { padding-bottom: 90px; }
@media (max-width: 767px){
.pb90 { padding-bottom: 60px; }
}
.pb100 { padding-bottom: 100px; }
@media (max-width: 767px){
.pb100 { padding-bottom: 66.6667px; }
}
.pb120 { padding-bottom: 120px; }
@media (max-width: 767px){
.pb120 { padding-bottom: 80px; }
}
.pb155 { padding-bottom: 155px; }
@media (max-width: 767px){
.pb155 { padding-bottom: 103.333px; }
}
.pb180 { padding-bottom: 180px; }
@media (max-width: 767px){
.pb180 { padding-bottom: 120px; }
}
.pb185 { padding-bottom: 185px; }
@media (max-width: 767px){
.pb185 { padding-bottom: 123.333px; }
}
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
@media (max-width: 767px){
.ptb5 { padding-top: 3.33333px; padding-bottom: 3.33333px; }
}
.ptb10, .faq-block .ttl { padding-top: 10px; padding-bottom: 10px; }
@media (max-width: 767px){
.ptb10, .faq-block .ttl { padding-top: 6.66667px; padding-bottom: 6.66667px; }
}
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
@media (max-width: 767px){
.ptb30 { padding-top: 20px; padding-bottom: 20px; }
}
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
@media (max-width: 767px){
.ptb40 { padding-top: 26.6667px; padding-bottom: 26.6667px; }
}
.ptb45 { padding-top: 45px; padding-bottom: 45px; }
@media (max-width: 767px){
.ptb45 { padding-top: 30px; padding-bottom: 30px; }
}
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
@media (max-width: 767px){
.ptb50 { padding-top: 33.3333px; padding-bottom: 33.3333px; }
}
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
@media (max-width: 767px){
.ptb60 { padding-top: 40px; padding-bottom: 40px; }
}
.ptb70 { padding-top: 70px; padding-bottom: 70px; }
@media (max-width: 767px){
.ptb70 { padding-top: 46.6667px; padding-bottom: 46.6667px; }
}
.ptb75 { padding-top: 75px; padding-bottom: 75px; }
@media (max-width: 767px){
.ptb75 { padding-top: 50px; padding-bottom: 50px; }
}
.ptb90 { padding-top: 90px; padding-bottom: 90px; }
@media (max-width: 767px){
.ptb90 { padding-top: 60px; padding-bottom: 60px; }
}
.ptb100 { padding-top: 100px; padding-bottom: 100px; }
@media (max-width: 767px){
.ptb100 { padding-top: 66.6667px; padding-bottom: 66.6667px; }
}
.ptb120 { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 767px){
.ptb120 { padding-top: 80px; padding-bottom: 80px; }
}
@media (max-width: 767px){
.sm-ptb25 { padding-top: 25px; padding-bottom: 25px; }
.sm-ptb60 { padding-top: 60px; padding-bottom: 60px; }
}
.plr20, .faq-block .ttl { padding-left: 20px; padding-right: 20px; }
@media (max-width: 767px){
.plr20, .faq-block .ttl { padding-left: 13.3333px; padding-right: 13.3333px; }
}
.plr30 { padding-left: 30px; padding-right: 30px; }
@media (max-width: 767px){
.plr30 { padding-left: 20px; padding-right: 20px; }
}
.plr60, .narrow-down.-work .ttl span { padding-left: 60px; padding-right: 60px; }
@media (max-width: 767px){
.plr60, .narrow-down.-work .ttl span { padding-left: 40px; padding-right: 40px; }
}
.plr80 { padding-left: 80px; padding-right: 80px; }
@media (max-width: 767px){
.plr80 { padding-left: 53.3333px; padding-right: 53.3333px; }
}
.plr90 { padding-left: 90px; padding-right: 90px; }
@media (max-width: 767px){
.plr90 { padding-left: 60px; padding-right: 60px; }
}
@media (max-width: 999px){
.md-plr30 { padding-left: 30px; padding-right: 30px; }
.md-plr45 { padding-left: 45px; padding-right: 45px; }
}
@media (max-width: 767px){
.sm-plr0 { padding-left: 0px; padding-right: 0px; }
.sm-plr20 { padding-left: 20px; padding-right: 20px; }
.sm-plr30 { padding-left: 30px; padding-right: 30px; }
}
.fz80 { font-size: 80%; }
.fz90, .btn-small { font-size: 90%; }
.fz110, .faq-block .ttl { font-size: 110%; }
.fz120, .btn, #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], .cms-pagenation .sm-hide .btn { font-size: 120%; }
.fz140, #strength .sec4 .low-block .ttl-wrap span { font-size: 140%; }
.fz160, .narrow-down.-work .ttl { font-size: 160%; }
.fz180, .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl { font-size: 180%; }
.fz200, .project-detail .article-main .sub-sec .sub-ttl, #strength .main-sec-block .ttl-wrap .ttl { font-size: 200%; }
.fz240, .service-page-frame .sec1 .sub1 .inblock .ttl-wrap .ttl { font-size: 240%; }
.fz280 { font-size: 280%; }
@media (max-width: 767px){
.fz110, .faq-block .ttl { font-size: 110%; }
.fz120, .btn, #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], .cms-pagenation .sm-hide .btn { font-size: 115%; }
.fz140, #strength .sec4 .low-block .ttl-wrap span { font-size: 125%; }
.fz160, .narrow-down.-work .ttl { font-size: 135%; }
.fz180, .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl { font-size: 145%; }
.fz200, .project-detail .article-main .sub-sec .sub-ttl, #strength .main-sec-block .ttl-wrap .ttl { font-size: 155%; }
.fz240, .service-page-frame .sec1 .sub1 .inblock .ttl-wrap .ttl { font-size: 175%; }
.fz280 { font-size: 195%; }
}
@media (max-width: 767px){
.sm-fz100 { font-size: 100%; }
.sm-fz140, .project-detail .article-main .sub-sec .sub-ttl { font-size: 140%; }
}
.fs-i { font-style: italic; }
.fw-b, .project-detail .article-main .sub-sec > p { font-weight: bold; }
.fw-n { font-weight: normal; }
.lh100 { line-height: 1; }
.lh120, .narrow-down.-work .ttl, .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl { line-height: 1.2; }
.lh140, .faq-block .ttl, .project-detail .article-main .sub-sec .sub-ttl, .service-page-frame .sec1 .sub1 .inblock .ttl-wrap .ttl { line-height: 1.4; }
.lh160 { line-height: 1.6; }
.lts1 { letter-spacing: 0.1em; }
.ta-c, .faq-block .ttl { text-align: center; }
.ta-r { text-align: right; }
@media (max-width: 767px){
.sm-ta-l { text-align: left; }
}
.d-b, .faq-block .ttl { display: block; }
.d-ib { display: inline-block; }
.d-f, .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl, .cms-pagenation .sm-hide .btn, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"] { display: flex; }
.d-if { display: inline-flex; }
.fd-c { flex-direction: column; }
.fd-rr { flex-direction: row-reverse; }
.ai-c, .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl { align-items: center; }
.ai-fe { align-items: flex-end; }
.jc-c { justify-content: center; }
@media (max-width: 767px){
.sm-d-b { display: block; }
.sm-fd-c { flex-direction: column; }
}
@media (min-width: 1000px){
.lg-hide { display: none !important; }
}
@media (min-width: 768px) and (max-width: 999px){
.md-hide { display: none !important; }
}
@media (max-width: 767px){
.sm-hide { display: none !important; }
}
.img-rspsv { max-width: 100%; height: auto; }
.img-rspsv-full { width: 100%; height: auto; }
.tel-link, a[href^="tel:"], .not-link { pointer-events: none; }
@media (max-width: 767px){
.tel-link, a[href^="tel:"] { pointer-events: auto; }
}
.embed-16-9, .embed-4-3 { position: relative; display: block; height: 0px; padding: 0px; overflow: hidden; }
.embed-4-3 { padding-bottom: 75%; }
.bdrs-max, .faq-block .ttl { border-radius: 9999px; }
.z1 { position: relative; z-index: 1; }
.z2 { position: relative; z-index: 2; }
@media (max-width: 767px){
.sm-z1 { position: relative; z-index: 1; }
.sm-z2 { position: relative; z-index: 2; }
}
body { background-color: rgb(255, 255, 255); font-family: "Zen Maru Gothic", sans-serif; font-size: 14px; color: rgb(0, 0, 0); line-height: 1.8; letter-spacing: 0.05em; animation: 300ms ease-out 0s 1 normal both running load; }
@keyframes load { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.cols-filld-full.w1200 { max-width: 1200px; margin: auto; }
.ff-min, .faq-block .ttl, .narrow-down.-work .ttl, .project-detail .article-main .sub-sec .sub-ttl, .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl { font-family: "Shippori Mincho", serif; }
.ff-min.fw500, .faq-block .fw500.ttl, .narrow-down.-work .fw500.ttl, .project-detail .article-main .sub-sec .sub-ttl, .service-page-frame .sec1 .sub3 .fw500.sub-ttl, .service-page-frame .sec1 .sub3 .project-detail .article-main .sub-sec .sub-ttl, .project-detail .article-main .sub-sec .service-page-frame .sec1 .sub3 .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .fw500.ttl, #strength .sec4 .low-block .block-links section a .inner .project-detail .article-main .sub-sec .ttl.sub-ttl, .project-detail .article-main .sub-sec #strength .sec4 .low-block .block-links section a .inner .ttl.sub-ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .fw500.ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .project-detail .article-main .sub-sec .ttl.sub-ttl, .project-detail .article-main .sub-sec #top .sec2 .block-links-wrap .block-links > section a .inner .ttl.sub-ttl { font-weight: 500; }
.ff-min.fw700, .faq-block .fw700.ttl, .narrow-down.-work .fw700.ttl, .project-detail .article-main .sub-sec .fw700.sub-ttl, .service-page-frame .sec1 .sub3 .fw700.sub-ttl, #strength .sec4 .low-block .block-links section a .inner .fw700.ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .fw700.ttl { font-weight: 700; }
.c-white { color: rgb(255, 255, 255); }
.c-dullblue { color: rgb(115, 160, 183); }
.c-darkblue, .faq-block .ttl, .narrow-down.-work .ttl, .project-detail .article-main .sub-sec .sub-ttl, #strength .sec4 .low-block .block-links section a .inner .ttl, #top .sec2 .block-links-wrap .block-links > section a .inner .ttl, .cms-pagenation .sm-hide .btn, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"] { color: rgb(39, 85, 137); }
.c-dullyellow { color: rgb(236, 229, 116); }
.c-maroon, .service-page-frame .sec1 .sub3 .sub-ttl { color: rgb(143, 32, 32); }
.c-red { color: rgb(143, 32, 32); }
.ttl-bracket, .narrow-down.-work .ttl { text-align: center; }
.ttl-bracket span, .narrow-down.-work .ttl span { display: inline-block; position: relative; }
.ttl-bracket span::before, .narrow-down.-work .ttl span::before, .ttl-bracket span::after, .narrow-down.-work .ttl span::after { content: ""; border-top: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); flex: 0 0 0.8em; width: 0.8em; height: 0.8em; transform: rotate(45deg); position: absolute; top: calc(50% - 0.4em); }
.ttl-bracket span::before, .narrow-down.-work .ttl span::before { right: 0px; }
.ttl-bracket span::after, .narrow-down.-work .ttl span::after { left: 0px; transform: rotate(-135deg); }
.ttl-belt-dullblue { border-left: 10px solid rgb(115, 160, 183); padding-left: 15px; }
.ttl-belt-darkblue { border-left: 10px solid rgb(39, 85, 137); padding-left: 15px; }
.ttl-belt-yellow { border-left: 10px solid rgb(250, 239, 76); padding-left: 15px; }
.under-line { text-decoration: underline; }
a.under-line:hover { text-decoration: none; }
.head-square, .sitemap-links > ul > li > a { padding-left: 30px; position: relative; }
.head-square::before, .sitemap-links > ul > li > a::before { content: ""; background-color: rgb(39, 85, 137); width: 10px; height: 10px; position: absolute; top: calc(0.7em - 5px); left: 0px; z-index: 1; }
.head-line-tag { padding: 8px 20px 8px 70px; font-family: "Shippori Mincho", serif; line-height: 1.4; position: relative; }
.head-line-tag::before { content: ""; background-color: rgb(39, 85, 137); width: 40px; height: 2px; position: absolute; top: calc(50% - 1px); left: 0px; z-index: 2; }
.head-line-tag.-lg { padding: 16px 20px 16px 70px; }
.marker { background-image: -webkit-linear-gradient(left, transparent 50%, rgba(250, 239, 76, 0.5) 50%); background-repeat: repeat-x; background-size: 200% 100%; background-position: 0px 0px; transition: 400ms ease-out 300ms; }
.marker.scrolled { background-position: -100% 0px; }
.punc { display: inline-block; width: 0.6em; }
.brkt-be { margin-left: -0.5em; }
.brkt-af { margin-right: -0.5em; }
.txt-elps, .cms-list-wrap .case-list-wrap .case-list article a .cat span, .cms-list-wrap .case-list-wrap .case-list article a .date span, .cms-list-wrap .case-list-wrap .topic-list article a .cat span, .cms-list-wrap .case-list-wrap .topic-list article a .date span, .cms-list-wrap .topic-list-wrap .case-list article a .cat span, .cms-list-wrap .topic-list-wrap .case-list article a .date span, .cms-list-wrap .topic-list-wrap .topic-list article a .cat span, .cms-list-wrap .topic-list-wrap .topic-list article a .date span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bgc-lightblue { background-color: rgb(237, 241, 245); }
.bgc-darkblue { background-color: rgb(39, 85, 137); }
.bgc-darkblue-o { background-color: rgba(39, 85, 137, 0.3); }
.border-block { background-color: rgb(255, 255, 255); border: 4px solid rgb(39, 85, 137); }
.bg-grid, .narrow-down.-work { background: none; }
.behind-grid, .post-details .article-upp, .estate-list article a, .estate-list article .non-a { position: relative; }
.behind-grid::after, .post-details .article-upp::after, .estate-list article a::after, .estate-list article .non-a::after { content: ""; background: none; width: 100%; height: 100%; position: absolute; top: 30px; left: 30px; z-index: -1; }
@media (max-width: 767px){
.behind-grid::after, .post-details .article-upp::after, .estate-list article a::after, .estate-list article .non-a::after { top: 15px; left: 15px; }
}
.btn, #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], .cms-pagenation .sm-hide .btn { align-items: center; justify-content: center; padding: 20px 30px; font-family: "Shippori Mincho", serif; font-weight: 500; line-height: 1.2; text-align: center; position: relative; }
.btn-small { align-items: center; justify-content: center; border-radius: 9999px; padding: 8px 20px; font-weight: bold; line-height: 1; position: relative; }
.btn.-arrow-white::after, #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]::after, .cms-pagenation .sm-hide .-arrow-white.btn::after, .btn-small.-arrow-white::after { content: ""; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); flex: 0 0 0.5em; width: 0.5em; height: 0.5em; transform: rotate(45deg); position: absolute; top: calc(50% - 0.25em); right: 20px; }
.btn.-arrow-darkblue::after, #mailformpro .mfp_buttons .-arrow-darkblue.mfp_element_submit[type="submit"]::after, .cms-pagenation .sm-hide .btn::after, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]::after, #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"]::after, .btn-small.-arrow-darkblue::after { content: ""; border-top: 1px solid rgb(39, 85, 137); border-right: 1px solid rgb(39, 85, 137); flex: 0 0 0.5em; width: 0.5em; height: 0.5em; transform: rotate(45deg); position: absolute; top: calc(50% - 0.25em); right: 20px; }
.btn.hov-nega, #mailformpro .mfp_buttons .hov-nega.mfp_element_submit[type="submit"], .cms-pagenation .sm-hide .btn, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"], .btn-small.hov-nega { opacity: 1; transition: 100ms ease-out; }
.btn.hov-nega:hover, #mailformpro .mfp_buttons .hov-nega.mfp_element_submit[type="submit"]:hover, .cms-pagenation .sm-hide .btn:hover, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]:hover, #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"]:hover, .btn-small.hov-nega:hover { text-decoration: none; }
.btn.hov-nega.bd-2-darkblue:hover, #mailformpro .mfp_buttons .hov-nega.bd-2-darkblue.mfp_element_submit[type="submit"]:hover, .faq-block .btn.hov-nega.ttl:hover, .faq-block #mailformpro .mfp_buttons .hov-nega.ttl.mfp_element_submit[type="submit"]:hover, #mailformpro .mfp_buttons .faq-block .hov-nega.ttl.mfp_element_submit[type="submit"]:hover, .cms-pagenation .sm-hide .btn:hover, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]:hover, #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"]:hover, .btn-small.hov-nega.bd-2-darkblue:hover, .faq-block .btn-small.hov-nega.ttl:hover { background-color: rgb(39, 85, 137); color: rgb(255, 255, 255); }
.btn.hov-nega.bd-2-darkblue:hover .arrow-darkblue, #mailformpro .mfp_buttons .hov-nega.bd-2-darkblue.mfp_element_submit[type="submit"]:hover .arrow-darkblue, .faq-block .btn.hov-nega.ttl:hover .arrow-darkblue, .faq-block #mailformpro .mfp_buttons .hov-nega.ttl.mfp_element_submit[type="submit"]:hover .arrow-darkblue, #mailformpro .mfp_buttons .faq-block .hov-nega.ttl.mfp_element_submit[type="submit"]:hover .arrow-darkblue, .cms-pagenation .sm-hide .btn:hover .arrow-darkblue, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]:hover .arrow-darkblue, #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"]:hover .arrow-darkblue, .btn-small.hov-nega.bd-2-darkblue:hover .arrow-darkblue, .faq-block .btn-small.hov-nega.ttl:hover .arrow-darkblue { border-color: rgb(255, 255, 255); }
.btn.hov-nega.bd-2-darkblue:hover.-arrow-darkblue::after, #mailformpro .mfp_buttons .hov-nega.bd-2-darkblue.mfp_element_submit[type="submit"]:hover.-arrow-darkblue::after, .faq-block .btn.hov-nega.ttl:hover.-arrow-darkblue::after, .faq-block #mailformpro .mfp_buttons .hov-nega.ttl.mfp_element_submit[type="submit"]:hover.-arrow-darkblue::after, #mailformpro .mfp_buttons .faq-block .hov-nega.ttl.mfp_element_submit[type="submit"]:hover.-arrow-darkblue::after, .cms-pagenation .sm-hide .btn:hover::after, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]:hover::after, #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"]:hover::after, .btn-small.hov-nega.bd-2-darkblue:hover.-arrow-darkblue::after, .faq-block .btn-small.hov-nega.ttl:hover.-arrow-darkblue::after { border-color: rgb(255, 255, 255); }
.arrow-darkblue { border-top: 1px solid rgb(39, 85, 137); border-right: 1px solid rgb(39, 85, 137); flex: 0 0 0.5em; width: 0.5em; height: 0.5em; transform: rotate(45deg); transition: border-color 100ms ease-out; }
.block-arrow-darkblue { display: inline-block; background-color: rgb(39, 85, 137); width: 1em; height: 1em; position: relative; }
.block-arrow-darkblue::after { content: ""; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); flex: 0 0 0.3em; width: 0.3em; height: 0.3em; position: absolute; top: calc(50% - 0.15em); left: calc(50% - 0.185em); transform: rotate(45deg); }
.block-arrow-maroon { display: inline-block; background-color: rgb(143, 32, 32); width: 1em; height: 1em; position: relative; }
.block-arrow-maroon::after { content: ""; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); flex: 0 0 0.3em; width: 0.3em; height: 0.3em; position: absolute; top: calc(50% - 0.15em); left: calc(50% - 0.185em); transform: rotate(45deg); }
.table { width: 100%; }
.table tr th, .table tr td { border-top: 1px solid rgb(39, 85, 137); border-bottom: 1px solid rgb(39, 85, 137); padding: 20px 0px; font-weight: bold; text-align: left; vertical-align: top; }
@media (max-width: 767px){
.table tr th, .table tr td { padding: 10px 0px; font-size: 90%; }
}
.table tr th { width: 200px; }
@media (max-width: 767px){
.table tr th { width: 100px; }
}
.list-arrow-darkblue li, footer .ft-main .ft-links li { padding-left: 20px; line-height: 1.4; position: relative; }
.list-arrow-darkblue li:not(:last-child), footer .ft-main .ft-links li:not(:last-child) { margin-bottom: 6px; }
.list-arrow-darkblue li::before, footer .ft-main .ft-links li::before { content: ""; border-top: 2px solid rgb(39, 85, 137); border-right: 2px solid rgb(39, 85, 137); flex: 0 0 0.5em; width: 0.5em; height: 0.5em; transform: rotate(45deg); position: absolute; top: 0.45em; left: 0px; z-index: 1; }
.list-square-darkblue li { padding-left: 20px; line-height: 1.4; position: relative; }
.list-square-darkblue li:not(:last-child) { margin-bottom: 6px; }
.list-square-darkblue li::before { content: ""; background-color: rgb(39, 85, 137); width: 10px; height: 10px; position: absolute; top: calc(0.7em - 5px); left: 0px; z-index: 1; }
.list-square-yellow li { padding-left: 20px; line-height: 1.4; position: relative; }
.list-square-yellow li:not(:last-child) { margin-bottom: 6px; }
.list-square-yellow li::before { content: ""; background-color: rgb(250, 239, 76); width: 10px; height: 10px; position: absolute; top: calc(0.7em - 5px); left: 0px; z-index: 1; }
.list-check li { padding-left: 36px; line-height: 1.4; position: relative; }
.list-check li:not(:last-child) { margin-bottom: 16px; }
.list-check li::before { content: ""; background: url("../img/a8879e31ef6.png") 0px 0px / 24px 29px no-repeat; width: 24px; height: 29px; position: absolute; top: calc(0.7em - 14px); left: 0px; z-index: 1; }
.list-balloon li { padding-left: 36px; line-height: 1.4; position: relative; }
.list-balloon li:not(:last-child) { margin-bottom: 12px; }
.list-balloon li::before { content: ""; background: url("../img/a18a9be94fd.png") 0px 0px / 28px 26px no-repeat; width: 28px; height: 26px; position: absolute; top: calc(0.7em - 13px); left: 0px; z-index: 1; }
.dd-tgl { cursor: pointer; }
.bd-white { border: 1px solid rgb(255, 255, 255); }
.bd-2-white { border: 2px solid rgb(255, 255, 255); }
.bd-2-dullblue { border: 2px solid rgb(115, 160, 183); }
.bd-2-darkblue, .faq-block .ttl, .cms-pagenation .sm-hide .btn, .cms-pagenation .sm-hide #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], #mailformpro .mfp_buttons .cms-pagenation .sm-hide .mfp_element_submit[type="submit"] { border: 2px solid rgb(39, 85, 137); }
.bb-2-darkblue, .project-detail .article-main .sub-sec .sub-ttl { border-bottom: 2px solid rgb(39, 85, 137); }
.bt-dashed-darkblue { border-top: 1px dashed rgb(39, 85, 137); }
.bb-dashed-darkblue { border-bottom: 1px dashed rgb(39, 85, 137); }
.bd-2-yellow { border: 2px solid rgb(250, 239, 76); }
.bt-dashed-maroon { border-top: 1px dashed rgb(143, 32, 32); }
.bb-dashed-maroon { border-bottom: 1px dashed rgb(143, 32, 32); }
.bb-2-darkblue, .project-detail .article-main .sub-sec .sub-ttl { border-bottom: 2px solid rgb(39, 85, 137); }
.bb-4-darkblue { border-bottom: 4px solid rgb(39, 85, 137); }
hr.bracket-white { display: block; background: url("../img/a59e928e8d0.png") center center / 106px 15px no-repeat; height: 15px; }
hr.bracket-darkblue { display: block; background: url("../img/a0680a4702b.png") center center / 106px 15px no-repeat; height: 15px; }
.hov, footer .ft-upp .ft-cv .cv-btns li a, footer .ft-upp .block-links article a, #mfp_overlay #mfp_overlay_inner .mfp_buttons #mfp_button_send, #mfp_overlay #mfp_overlay_inner .mfp_buttons #mfp_button_cancel, #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], .narrow-down.-work ul li a, #strength .sec4 .low-block .block-links section a, #top .sec2 .block-links-wrap .block-links > section a, header .hd-in .logo a { opacity: 1; transition: opacity 100ms ease-out; }
.hov:hover, footer .ft-upp .ft-cv .cv-btns li a:hover, footer .ft-upp .block-links article a:hover, #mfp_overlay #mfp_overlay_inner .mfp_buttons #mfp_button_send:hover, #mfp_overlay #mfp_overlay_inner .mfp_buttons #mfp_button_cancel:hover, #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]:hover, .narrow-down.-work ul li a:hover, #strength .sec4 .low-block .block-links section a:hover, #top .sec2 .block-links-wrap .block-links > section a:hover, header .hd-in .logo a:hover { opacity: 0.85; text-decoration: none; }
.-in { opacity: 0; }
.-in.scrolled { animation: 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal both running sc-down; }
@keyframes sc-down { 
  0% { opacity: 0; transform: translate(0px, 30px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
.cms-pagenation { text-align: center; }
.cms-pagenation a { transition: 100ms ease-out; }
.cms-pagenation a:hover { text-decoration: none; background-color: rgba(39, 85, 137, 0.25); }
.cms-pagenation a.null { pointer-events: none; background-color: rgb(238, 238, 238) !important; color: rgb(204, 204, 204) !important; }
.cms-pagenation .sm-hide ul { display: inline-flex; padding-top: 25px; }
.cms-pagenation .sm-hide ul li { display: inline-block; margin: 15px 7px 0px; }
.cms-pagenation .sm-hide ul li a { display: block; border: 2px solid rgb(39, 85, 137); border-radius: 50%; width: 40px; height: 40px; font-weight: bold; color: rgb(39, 85, 137); text-align: center; line-height: 36px; letter-spacing: 0px; overflow: hidden; }
.cms-pagenation .sm-hide ul li a.act { background-color: rgba(39, 85, 137, 0.25); }
.cms-pagenation .sm-hide ul li:first-child a, .cms-pagenation .sm-hide ul li:last-child a { color: rgba(0, 0, 0, 0); text-indent: -9999px; position: relative; }
.cms-pagenation .sm-hide ul li:first-child a::after, .cms-pagenation .sm-hide ul li:last-child a::after { content: ""; border-top: 1px solid rgb(39, 85, 137); border-right: 1px solid rgb(39, 85, 137); flex: 0 0 0.5em; width: 0.5em; height: 0.5em; transform: rotate(45deg); position: absolute; top: calc(50% - 0.25em); z-index: 2; }
.cms-pagenation .sm-hide ul li:first-child a::after { transform: rotate(-135deg); left: calc(50% - 0.15em); }
.cms-pagenation .lg-hide ul { display: table; border-collapse: separate; border-spacing: 10px; width: 100%; padding-top: 15px; }
@media (max-width: 767px){
.cms-pagenation .lg-hide ul { border-spacing: 0px; }
}
.cms-pagenation .lg-hide ul li { display: table-cell; vertical-align: middle; }
@media (max-width: 767px){
.cms-pagenation .lg-hide ul li { display: table-cell; vertical-align: middle; }
.cms-pagenation .lg-hide ul li:not(:last-child) a { border-right: none; }
}
.cms-pagenation .lg-hide ul li:first-child, .cms-pagenation .lg-hide ul li:last-child { width: 48px; }
.cms-pagenation .lg-hide ul li a { display: block; height: 48px; color: rgb(39, 85, 137); text-align: center; line-height: 48px; border: 1px solid rgb(39, 85, 137); }
header { width: 100%; height: 75px; background-color: rgb(255, 255, 255); position: fixed; top: 0px; left: 0px; z-index: 9999; }
@media (max-width: 767px){
header { height: 60px; }
}
body.uf #content { padding-top: 75px; }
@media (max-width: 767px){
body.uf #content { padding-top: 60px; }
}
header .hd-in { display: flex; align-items: center; max-width: 1000px; height: inherit; margin: auto; padding: 0px 15px; }
@media (max-width: 767px){
header .hd-in { padding: 0px 8px 0px 12px; }
}
header .hd-in .logo a { display: block; }
@media (min-width: 1000px){
header .hd-in #global-nav { margin-left: auto; }
header .hd-in #global-nav > ul { display: flex; }
header .hd-in #global-nav > ul > li { position: relative; }
header .hd-in #global-nav > ul > li > a, header .hd-in #global-nav > ul > li .a { display: flex; align-items: center; height: 75px; padding: 0px 0.65em; font-weight: bold; line-height: 1; transition: 100ms ease-out; }
header .hd-in #global-nav > ul > li > a:hover, header .hd-in #global-nav > ul > li .a:hover { background-color: rgb(237, 241, 245); color: rgb(39, 85, 137); text-decoration: none; }
header .hd-in #global-nav > ul > li .a { cursor: auto; }
header .hd-in #global-nav > ul > li > ul { background-color: rgb(39, 85, 137); width: 180px; height: 0px; position: absolute; top: 75px; left: 0px; z-index: -9999; overflow: hidden; opacity: 0; transition: 100ms ease-out; }
header .hd-in #global-nav > ul > li > ul > li:not(:first-child) { border-top: 1px solid rgba(238, 238, 238, 0.1); }
header .hd-in #global-nav > ul > li > ul > li > a { display: block; padding: 8px 10px; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255); line-height: 1.4; transition: opacity 100ms ease-out; }
header .hd-in #global-nav > ul > li > ul > li > a:hover { opacity: 0.65; text-decoration: none; }
}
@media (max-width: 999px){
header .hd-in #global-nav { background-color: rgb(39, 85, 137); width: 100%; height: 0px; position: absolute; top: 60px; left: 0px; z-index: -9999; overflow: hidden; opacity: 0; transition: 100ms ease-out; }
header .hd-in #global-nav > ul > li:not(:first-child) { border-top: 1px solid rgba(238, 238, 238, 0.1); }
header .hd-in #global-nav > ul > li > a, header .hd-in #global-nav > ul > li .a { display: block; padding: 10px 15px; font-weight: bold; color: rgb(255, 255, 255); line-height: 1.4; }
header .hd-in #global-nav > ul > li > ul { display: flex; flex-wrap: wrap; }
header .hd-in #global-nav > ul > li > ul > li { flex: 0 0 50%; max-width: 50%; border-top: 1px solid rgba(238, 238, 238, 0.1); }
header .hd-in #global-nav > ul > li > ul > li:nth-child(2n+1) { border-right: 1px solid rgba(238, 238, 238, 0.1); }
header .hd-in #global-nav > ul > li > ul > li > a { display: flex; align-items: center; padding: 10px 15px; font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); line-height: 1.4; }
header .hd-in #global-nav > ul > li > ul > li > a::before { content: ""; display: block; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); flex: 0 0 0.5em; width: 0.5em; height: 0.5em; transform: rotate(45deg); margin-right: 10px; }
}
header .hd-in .hd-cv { display: inline-flex; align-items: center; background-color: rgb(203, 56, 125); border-radius: 9999px; margin-left: 15px; padding: 10px 12px; font-family: "Shippori Mincho", serif; font-weight: 700; color: rgb(255, 255, 255); line-height: 1; letter-spacing: 0px; }
@media (max-width: 999px){
header .hd-in .hd-cv { justify-content: center; border-radius: 22px; width: 48px; height: 48px; margin-left: auto; font-size: 0px; color: rgba(0, 0, 0, 0); text-indent: -9999px; }
}
header .hd-in .hd-cv::before { content: ""; background: url("../img/a9936e7d6fe.png") 0px 0px / 14px 11px no-repeat; display: block; flex: 0 0 14px; width: 14px; height: 11px; margin-right: 5px; overflow: hidden; }
@media (max-width: 999px){
header .hd-in .hd-cv::before { background: url("../img/aea651f2862.png") 0px 0px / 22px 17px no-repeat; flex: 0 0 22px; width: 22px; height: 17px; margin-right: 0px; }
}
header .hd-in #burger-ic { width: 48px; height: 48px; background-color: rgb(39, 85, 137); cursor: pointer; position: relative; overflow: hidden; border-radius: 22px; margin-left: 8px; }
header .hd-in #burger-ic span { background-color: rgb(255, 255, 255); width: 15px; height: 2px; position: absolute; top: calc(50% - 1px); left: 16.5px; transition: 0.2s; transform-origin: center center; }
header .hd-in #burger-ic span.top { transform: translate(0px, -6px); }
header .hd-in #burger-ic span.bottom { transform: translate(0px, 6px); }
@media (max-width: 374px){
header .hd-in #burger-ic { margin-left: 4px; }
}
header .hd-in #burger-ic span { border-radius: 9999px; }
@media (min-width: 1000px){
header .hd-in #burger-ic { display: none; }
}
.project-block { padding-bottom: 30px; position: relative; }
@media (max-width: 767px){
.project-block { padding-bottom: 0px; }
}
.project-block .upp-ttl { font-family: "Shippori Mincho", serif; font-size: 185%; font-weight: 500; color: rgb(39, 85, 137); line-height: 1; position: relative; z-index: 2; }
@media (max-width: 767px){
.project-block .upp-ttl { text-align: center; }
}
.project-block .upp-ttl .wrap { display: inline-block; margin-top: -15px; padding-right: 55px; position: relative; }
.project-block .upp-ttl .wrap::after { content: ""; background: url("../img/a3d300687bb.png") 0px 0px / 70px 37px no-repeat; width: 70px; height: 37px; position: absolute; top: 5px; right: 0px; z-index: 2; }
.project-block .upp-ttl .wrap .num { display: inline-block; font-size: 260%; font-style: italic; }
@media (min-width: 768px){
.project-block .thumb { max-width: calc(100% - 180px); max-height: calc(100% + 30px); position: absolute; top: 0px; right: 0px; z-index: 1; overflow: hidden; }
}
@media (max-width: 767px){
.project-block .thumb { margin: 10px -20px 0px; }
}
.project-block .inblock { display: block; background-color: rgb(255, 255, 255); border: 4px solid rgb(39, 85, 137); max-width: 320px; margin-top: 20px; padding: 40px 25px 30px; position: relative; z-index: 2; transition: background-color 200ms ease-out; }
@media (max-width: 767px){
.project-block .inblock { margin-top: -60px; max-width: none; }
}
.project-block .inblock:hover { background-color: rgb(237, 241, 245); text-decoration: none; }
.project-block .inblock .ttl { font-family: "Shippori Mincho", serif; font-size: 170%; line-height: 1.4; white-space: nowrap; }
.project-block .inblock .ttl.adj { font-size: 168%; letter-spacing: 0px; }
.project-block .inblock .read { font-size: 90%; font-weight: bold; line-height: 2; }
.project-block .inblock .some-btn { text-align: right; }
.cms-list-wrap { background: linear-gradient(135deg, rgb(241, 244, 249), rgb(227, 233, 242)); }
.cms-list-wrap .ttl-wrap { display: flex; align-items: center; }
.cms-list-wrap .ttl-wrap .en { font-family: "Shippori Mincho", serif; font-size: 30px; font-weight: 500; color: rgb(39, 85, 137); line-height: 1; letter-spacing: 0.1em; }
.cms-list-wrap .ttl-wrap .ttl { margin-left: 15px; font-weight: bold; letter-spacing: 0.2em; }
.cms-list-wrap .case-list-wrap .upp, .cms-list-wrap .topic-list-wrap .upp { display: flex; align-items: center; }
.cms-list-wrap .case-list-wrap .upp .more-btn, .cms-list-wrap .topic-list-wrap .upp .more-btn { margin-left: auto; }
.cms-list-wrap .case-list-wrap .case-list, .cms-list-wrap .case-list-wrap .topic-list, .cms-list-wrap .topic-list-wrap .case-list, .cms-list-wrap .topic-list-wrap .topic-list { background-color: rgb(255, 255, 255); margin-top: 15px; }
.cms-list-wrap .case-list-wrap .case-list article:not(:first-child), .cms-list-wrap .case-list-wrap .topic-list article:not(:first-child), .cms-list-wrap .topic-list-wrap .case-list article:not(:first-child), .cms-list-wrap .topic-list-wrap .topic-list article:not(:first-child) { border-top: 1px solid rgb(238, 238, 238); }
.cms-list-wrap .case-list-wrap .case-list article a, .cms-list-wrap .case-list-wrap .topic-list article a, .cms-list-wrap .topic-list-wrap .case-list article a, .cms-list-wrap .topic-list-wrap .topic-list article a { display: block; padding: 20px; transition: background-color 200ms ease-out; }
.cms-list-wrap .case-list-wrap .case-list article a:hover, .cms-list-wrap .case-list-wrap .topic-list article a:hover, .cms-list-wrap .topic-list-wrap .case-list article a:hover, .cms-list-wrap .topic-list-wrap .topic-list article a:hover { background-color: rgb(249, 249, 249); text-decoration: none; }
.cms-list-wrap .case-list-wrap .case-list article a .cat span, .cms-list-wrap .case-list-wrap .case-list article a .date span, .cms-list-wrap .case-list-wrap .topic-list article a .cat span, .cms-list-wrap .case-list-wrap .topic-list article a .date span, .cms-list-wrap .topic-list-wrap .case-list article a .cat span, .cms-list-wrap .topic-list-wrap .case-list article a .date span, .cms-list-wrap .topic-list-wrap .topic-list article a .cat span, .cms-list-wrap .topic-list-wrap .topic-list article a .date span { display: inline-block; margin: 0px 4px 4px 0px; padding: 4px 10px; float: left; line-height: 1; text-align: center; }
.cms-list-wrap .case-list-wrap .case-list article a .post-ttl, .cms-list-wrap .case-list-wrap .topic-list article a .post-ttl, .cms-list-wrap .topic-list-wrap .case-list article a .post-ttl, .cms-list-wrap .topic-list-wrap .topic-list article a .post-ttl { margin-top: 10px; font-weight: bold; line-height: 1.4; }
.cms-list-wrap .case-list-wrap .case-list .cat span, .cms-list-wrap .topic-list-wrap .case-list .cat span { background-color: rgb(39, 85, 137); border: 1px solid rgb(39, 85, 137); color: rgb(255, 255, 255); }
.cms-list-wrap .case-list-wrap .topic-list .date span, .cms-list-wrap .topic-list-wrap .topic-list .date span { background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(39, 85, 137); color: rgb(39, 85, 137); }
#top header:not(.scrolled) { background-color: rgba(0, 0, 0, 0); position: absolute; }
#top header:not(.scrolled) .hd-in #global-nav > ul > li > a, #top header:not(.scrolled) .hd-in #global-nav > ul > li .a { color: rgb(255, 255, 255); }
#top header:not(.scrolled) .hd-in #global-nav > ul > li > a:hover, #top header:not(.scrolled) .hd-in #global-nav > ul > li .a:hover { background-color: rgb(237, 241, 245); color: rgb(39, 85, 137); text-decoration: none; }
#top #content { overflow: hidden; }
#top #top-hero { height: 100vh; max-height: 800px; padding-top: 75px; position: relative; }
@media (max-width: 767px){
#top #top-hero { height: 485px; padding-top: 60px; }
}
#top #top-hero .inner { display: flex; align-items: center; height: 100%; text-align: center; position: relative; z-index: 2; }
#top #top-hero .inner .main-copy { display: inline-block; animation: 400ms ease-out 300ms 1 normal both running view; }
@keyframes view { 
  0% { opacity: 0; transform: translate(0px, 10px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
@media (max-width: 767px){
#top #top-hero .inner .main-copy > img { width: 295px; height: 49px; }
}
#top #top-hero .inner .main-copy::before { content: ""; display: block; margin-bottom: 25px; background: url("../img/aff18571d8c.png") left 65px top / 106px 16px no-repeat; width: 100%; height: 16px; animation: 200ms ease-out 1000ms 1 normal both running view-be; }
@keyframes view-be { 
  0% { opacity: 0; transform: translate(0px, 10px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
@media (max-width: 767px){
#top #top-hero .inner .main-copy::before { margin-bottom: 15px; background: url("../img/aff18571d8c.png") left 40px top / 67px 9px no-repeat; height: 9px; }
}
#top #top-hero .inner .main-copy::after { content: ""; display: block; margin-top: 35px; background: url("../img/aa788c6b696.png") right 60px top / 106px 16px no-repeat; width: 100%; height: 16px; animation: 200ms ease-out 1200ms 1 normal both running view-af; }
@keyframes view-af { 
  0% { opacity: 0; transform: translate(0px, -10px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
@media (max-width: 767px){
#top #top-hero .inner .main-copy::after { margin-top: 15px; background: url("../img/aa788c6b696.png") right 35px top / 67px 10px no-repeat; height: 10px; }
}
#top #top-hero .inner .sub-copy { margin-top: 50px; font-family: "Shippori Mincho", serif; font-size: 28px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.6; animation: 400ms ease-out 1400ms 1 normal both running view; }
@media (max-width: 767px){
#top #top-hero .inner .sub-copy { font-size: 20px; }
}
#top #top-hero .bg-slide { position: absolute; z-index: 0; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; }
#top #top-hero .bg-slide .bx-wrapper { touch-action: pan-y; width: 100% !important; height: 100% !important; }
#top #top-hero .bg-slide .bx-wrapper .bx-viewport { transform: translateZ(0px); width: 100% !important; height: 100% !important; }
#top #top-hero .bg-slide .bx-wrapper .bx-viewport ul { perspective: 1000px; width: 100% !important; height: 100% !important; }
#top #top-hero .bg-slide .bx-wrapper .bx-viewport ul li { width: 100% !important; height: 100% !important; }
@media (max-width: 999px){
#top #top-hero .bg-slide .bx-wrapper .bx-viewport ul li:nth-child(1) { background-position: 25% center !important; }
}
#top .sec1 { margin-top: -40px; position: relative; }
@media (max-width: 767px){
#top .sec1 { margin-top: 0px; }
}
#top .sec1 .main { width: 100%; position: relative; z-index: 2; }
#top .sec1 .main .inblock { background-color: rgb(39, 85, 137); max-width: 530px; margin: auto; padding: 80px 60px 45px; text-align: center; position: relative; }
@media (max-width: 767px){
#top .sec1 .main .inblock { padding: 50px 20px 60px; }
}
#top .sec1 .main .inblock::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 240px 138px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(237, 241, 245, 0.06); position: absolute; left: calc(50% - 240px); bottom: 0px; z-index: 0; }
@media (max-width: 767px){
#top .sec1 .main .inblock::after { border-width: 0px 79px 45px; left: calc(50% - 79px); }
}
#top .sec1 .main .inblock .inner { position: relative; z-index: 2; }
#top .sec1 .main .inblock .inner .en { font-family: "Shippori Mincho", serif; font-size: 26px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1; letter-spacing: 0px; }
@media (max-width: 767px){
#top .sec1 .main .inblock .inner .en { font-size: 20px; }
}
#top .sec1 .main .inblock .inner .sec-ttl { margin-top: 55px; font-family: "Shippori Mincho", serif; font-size: 22px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.6; }
@media (max-width: 767px){
#top .sec1 .main .inblock .inner .sec-ttl { font-size: 18px; }
}
#top .sec1 .main .inblock .inner .sec-ttl span { font-size: 150%; }
#top .sec1 .main .inblock .inner .btn, #top .sec1 .main .inblock .inner #mailformpro .mfp_buttons .mfp_element_submit[type="submit"], #mailformpro .mfp_buttons #top .sec1 .main .inblock .inner .mfp_element_submit[type="submit"] { transition: 100ms ease-out; }
#top .sec1 .main .inblock .inner .btn:hover, #top .sec1 .main .inblock .inner #mailformpro .mfp_buttons .mfp_element_submit[type="submit"]:hover, #mailformpro .mfp_buttons #top .sec1 .main .inblock .inner .mfp_element_submit[type="submit"]:hover { background-color: rgba(255, 255, 255, 0.1); text-decoration: none; }
#top .sec1 .low-figs { display: flex; width: 100%; }
@media (min-width: 768px){
#top .sec1 .low-figs { height: calc(100% - 44px); position: absolute; left: 0px; bottom: 0px; z-index: 1; }
}
@media (max-width: 767px){
#top .sec1 .low-figs { height: 296px; }
}
@media (max-width: 519px){
#top .sec1 .low-figs { height: 148px; }
}
#top .sec1 .low-figs .in-img1, #top .sec1 .low-figs .in-img2 { display: block; flex: 1 0 50%; width: 50%; height: 100%; }
#top .sec2 { background-color: rgb(237, 241, 245); position: relative; overflow: hidden; }
@media (min-width: 1000px){
#top .sec2 { height: 1149px; }
}
#top .sec2 .hexagon { width: 1294px; height: 712px; background-color: rgb(255, 255, 255); margin: 360.84px 0px; position: absolute; top: calc(50% - 711.5px); left: calc(50% - 647px); z-index: 0; }
@media (max-width: 999px){
#top .sec2 .hexagon { height: calc(100% - 439px); top: -136px; }
}
@media (max-width: 767px){
#top .sec2 .hexagon { height: calc(100% - 598px); top: -60px; }
}
#top .sec2 .hexagon::before, #top .sec2 .hexagon::after { content: ""; position: absolute; width: 0px; border-left: 647px solid rgba(0, 0, 0, 0); border-right: 647px solid rgba(0, 0, 0, 0); }
#top .sec2 .hexagon::before { bottom: 100%; border-bottom: 355.5px solid rgb(255, 255, 255); }
#top .sec2 .hexagon::after { top: 100%; width: 0px; border-top: 355.5px solid rgb(255, 255, 255); }
#top .sec2 .block-links-wrap { margin-top: 65px; padding-top: 45px; position: relative; z-index: 2; }
@media (max-width: 999px){
#top .sec2 .block-links-wrap { margin-top: 25px; padding-top: 0px; }
}
@media (min-width: 1000px){
#top .sec2 .block-links-wrap .center-pic { position: absolute; top: 0px; left: calc(50% - 171px); z-index: 0; }
}
@media (max-width: 999px){
#top .sec2 .block-links-wrap .center-pic { text-align: center; }
}
#top .sec2 .block-links-wrap .block-links { display: flex; justify-content: space-between; flex-wrap: wrap; }
@media (max-width: 999px){
#top .sec2 .block-links-wrap .block-links { margin-left: -15px; margin-right: -15px; }
}
@media (max-width: 767px){
#top .sec2 .block-links-wrap .block-links { display: block; }
}
#top .sec2 .block-links-wrap .block-links > section { flex: 0 0 350px; max-width: 350px; position: relative; z-index: 2; }
@media (min-width: 1000px){
#top .sec2 .block-links-wrap .block-links > section:nth-child(1) a .thumb, #top .sec2 .block-links-wrap .block-links > section:nth-child(2) a .thumb { border-bottom: 2px solid rgb(39, 85, 137); }
#top .sec2 .block-links-wrap .block-links > section:nth-child(3), #top .sec2 .block-links-wrap .block-links > section:nth-child(4) { margin-top: 35px; }
#top .sec2 .block-links-wrap .block-links > section:nth-child(3) a .thumb, #top .sec2 .block-links-wrap .block-links > section:nth-child(4) a .thumb { border-top: 2px solid rgb(39, 85, 137); }
}
@media (max-width: 999px){
#top .sec2 .block-links-wrap .block-links > section { margin-top: 30px; padding: 0px 15px; }
}
@media (max-width: 767px){
#top .sec2 .block-links-wrap .block-links > section { margin-left: auto; margin-right: auto; }
}
#top .sec2 .block-links-wrap .block-links > section a { display: block; }
@media (max-width: 999px){
#top .sec2 .block-links-wrap .block-links > section a .thumb { border-bottom: 2px solid rgb(39, 85, 137); }
}
#top .sec2 .block-links-wrap .block-links > section a .inner { padding: 15px; }
@media (max-width: 767px){
#top .sec2 .block-links-wrap .block-links > section a .inner { padding: 15px 0px; }
}
#top .sec3 { position: relative; }
#top .sec3::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 147px 258px 0px; border-color: rgb(237, 241, 245) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); position: absolute; top: 0px; left: calc(50% - 258px); z-index: 0; }
@media (max-width: 767px){
#top .sec3::before { border-width: 61px 107px 0px; left: calc(50% - 107px); }
}
@media (max-width: 767px){
.project-block-slide { margin-left: -20px; margin-right: -20px; }
}
.project-block-slide .bx-wrapper { position: relative; touch-action: pan-y; }
.project-block-slide .bx-wrapper .bx-viewport { transform: translateZ(0px); overflow: visible !important; }
.project-block-slide .bx-wrapper .bx-viewport ul { perspective: 1000px; }
.project-block-slide .bx-wrapper .bx-viewport ul li { padding: 0px 55px; }
@media (max-width: 767px){
.project-block-slide .bx-wrapper .bx-viewport ul li { padding: 0px 20px; }
}
.project-block-slide .bx-wrapper .bx-controls { position: static; }
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next { font-size: 0px; color: rgba(0, 0, 0, 0); text-indent: -9999px; overflow: hidden; position: absolute; border-top: 2px solid rgb(39, 85, 137); border-right: 2px solid rgb(39, 85, 137); flex: 0 0 50px; width: 50px; height: 50px; transform: rotate(45deg); top: calc(50% - 35px); }
@media (max-width: 767px){
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next { width: 50px; height: 50px; background-color: rgb(39, 85, 137); border: none; transform: rotate(0deg); top: 150px; }
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev::before, .project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next::before { content: ""; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); flex: 0 0 15px; width: 15px; height: 15px; transform: rotate(45deg); position: absolute; top: calc(50% - 7.5px); left: calc(50% - 10.5px); z-index: 2; }
}
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left: -12.5px; transform: rotate(-135deg); }
@media (max-width: 767px){
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left: 0px; transform: rotate(180deg); }
}
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next { right: -12.5px; }
@media (max-width: 767px){
.project-block-slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next { right: 0px; transform: rotate(0deg); }
}
.project-block-slide .bx-wrapper .bx-controls .bx-pager { display: flex; align-items: center; justify-content: center; margin-top: 42px; }
.project-block-slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item { padding: 0px 10px; }
.project-block-slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link { display: block; background-color: rgb(201, 201, 201); border-radius: 50%; width: 10px; height: 10px; font-size: 0px; color: rgba(0, 0, 0, 0); text-indent: -9999px; overflow: hidden; }
.project-block-slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active { background-color: rgb(39, 85, 137); }
.uf #uf-hero { height: 245px; position: relative; z-index: 0; }
@media (max-width: 767px){
.uf #uf-hero { height: 165px; }
}
.uf #content { overflow: hidden; }
.uf #uf-hero::after { content: ""; background: url("../img/a3522a3241f.png") 0px 0px / 1400px 392px no-repeat; width: 1400px; height: 392px; position: absolute; top: 0px; left: calc(50% - 700px); z-index: 1; }
@media (max-width: 767px){
.uf #uf-hero::after { background: url("../img/a3522a3241f.png") 0px 0px / 943px 264px no-repeat; width: 943px; height: 264px; left: calc(50% - 471px); }
}
.uf #uf-hero .inner { position: relative; z-index: 2; }
.uf #uf-hero .inner::before, .uf #uf-hero .inner::after { content: ""; background-color: rgba(39, 85, 137, 0.3); width: calc(-700px + 50vw); height: 245px; position: absolute; top: 0px; z-index: 2; }
@media (max-width: 767px){
.uf #uf-hero .inner::before, .uf #uf-hero .inner::after { height: 165px; }
}
.uf #uf-hero .inner::before { right: calc(50% + 700px); }
.uf #uf-hero .inner::after { left: calc(50% + 700px); }
.uf #uf-hero .inner .cols .col-lg-12 #breadcrumb { padding-top: 20px; }
@media (max-width: 767px){
.uf #uf-hero .inner .cols .col-lg-12 #breadcrumb { padding-top: 10px; }
}
.uf #uf-hero .inner .cols .col-lg-12 #breadcrumb li { display: inline; font-size: 12px; color: rgb(255, 255, 255); line-height: 1.4; }
.uf #uf-hero .inner .cols .col-lg-12 .page-ttl { padding-top: 60px; text-align: center; }
@media (max-width: 767px){
.uf #uf-hero .inner .cols .col-lg-12 .page-ttl { padding-top: 25px; }
}
.uf #uf-hero .inner .cols .col-lg-12 .page-ttl .ja { font-family: "Shippori Mincho", serif; font-size: 42px; color: rgb(255, 255, 255); line-height: 1; letter-spacing: 0.2em; }
@media (max-width: 767px){
.uf #uf-hero .inner .cols .col-lg-12 .page-ttl .ja { font-size: 28px; }
}
.uf #uf-hero .inner .cols .col-lg-12 .page-ttl .en { margin-top: 15px; line-height: 1; }
#strength .sec0 .points li .inblock { display: flex; flex-direction: column; align-items: center; background-color: rgb(255, 255, 255); border-bottom: 5px solid rgb(250, 239, 76); height: 100%; padding: 20px 10px; text-align: center; }
#strength .sec0 .points li .inblock .ic { display: block; height: 44px; }
#strength .sec0 .points li .inblock p { display: flex; align-items: center; flex-grow: 1; margin-top: 15px; font-size: 13px; font-weight: bold; line-height: 1.6; letter-spacing: 0px; }
#strength .main-sec-block .ttl-wrap { border-bottom: 2px solid rgb(39, 85, 137); padding-bottom: 30px; }
@media (max-width: 999px){
#strength .main-sec-block .ttl-wrap { margin-top: 30px; }
}
#strength .main-sec-block .ttl-wrap .cap { font-family: "Shippori Mincho", serif; font-style: italic; font-weight: 700; color: rgb(165, 186, 209); line-height: 1; letter-spacing: 0.1em; }
#strength .main-sec-block .ttl-wrap .cap .num { font-size: 250%; }
#strength .main-sec-block .ttl-wrap .cap .num .now { font-size: 200%; color: rgb(39, 85, 137); }
#strength .main-sec-block .ttl-wrap .ttl { margin-top: 5px; font-family: "Shippori Mincho", serif; font-weight: 500; color: rgb(39, 85, 137); line-height: 1.4; }
#strength .sec1 { padding: 245px 0px 160px; position: relative; }
@media (max-width: 999px){
#strength .sec1 { padding: 60px 0px; }
}
#strength .sec1::after { content: ""; background: url("../img/ab1d216b410.jpg") center center / cover no-repeat; width: 100%; height: calc(100% - 90px); position: absolute; top: 90px; left: 0px; z-index: -1; transform: skewY(4deg); }
@media (max-width: 999px){
#strength .sec1::after { height: 100%; top: 0px; }
}
@media (min-width: 1000px){
#strength .sec1 .sideimg { width: calc(80px + 50vw); height: 400px; position: absolute; top: 0px; right: 0px; z-index: 2; }
}
@media (max-width: 999px){
#strength .sec1 .sideimg { width: 100%; height: 300px; }
}
@media (max-width: 767px){
#strength .sec1 .sideimg { height: 200px; }
}
#strength .sec2 .sideimg, #strength .sec3 .sideimg, #strength .sec4 .sideimg { height: 500px; }
@media (max-width: 999px){
#strength .sec2 .sideimg, #strength .sec3 .sideimg, #strength .sec4 .sideimg { height: 300px; }
}
@media (max-width: 767px){
#strength .sec2 .sideimg, #strength .sec3 .sideimg, #strength .sec4 .sideimg { height: 200px; }
}
#strength .sec3 { padding-bottom: 30px; position: relative; }
#strength .sec3::after { content: ""; background: url("../img/ab8e7e997bc.webp") center center / cover no-repeat; width: 100%; height: calc(100% - 60px); position: absolute; top: 60px; left: 0px; z-index: -1; transform: skewY(4deg); }
@media (max-width: 999px){
#strength .sec3::after { height: 100%; top: 0px; }
}
#strength .sec4 .low-block { background-color: rgb(255, 255, 255); border: 4px solid rgb(39, 85, 137); }
#strength .sec4 .low-block .ttl-wrap { text-align: center; position: relative; }
#strength .sec4 .low-block .ttl-wrap::after { content: ""; background-color: rgb(39, 85, 137); width: 100%; height: 2px; position: absolute; top: calc(50% - 1px); left: 0px; z-index: 1; }
#strength .sec4 .low-block .ttl-wrap span { display: inline-block; background-color: rgb(255, 255, 255); padding: 0px 30px; font-family: "Shippori Mincho", serif; font-weight: 500; color: rgb(39, 85, 137); line-height: 1.4; position: relative; z-index: 2; }
#strength .sec4 .low-block .ttl-wrap span::before, #strength .sec4 .low-block .ttl-wrap span::after { content: ""; border-top: 2px solid rgb(39, 85, 137); border-right: 2px solid rgb(39, 85, 137); flex: 0 0 20px; width: 20px; height: 20px; transform: rotate(45deg); background-color: rgb(255, 255, 255); position: absolute; top: calc(50% - 9.5px); z-index: 2; }
#strength .sec4 .low-block .ttl-wrap span::before { left: 0px; transform: rotate(-135deg); }
#strength .sec4 .low-block .ttl-wrap span::after { right: 0px; }
#strength .sec4 .low-block .block-links { padding: 0px 120px 25px; }
@media (max-width: 999px){
#strength .sec4 .low-block .block-links { padding: 0px 45px 25px; }
}
@media (max-width: 767px){
#strength .sec4 .low-block .block-links { padding: 0px 20px 25px; }
}
#strength .sec4 .low-block .block-links section { padding-bottom: 15px; }
#strength .sec4 .low-block .block-links section a { display: block; }
#strength .sec4 .low-block .block-links section a .thumb { border-bottom: 2px solid rgb(39, 85, 137); }
#strength .sec4 .low-block .block-links section a .inner { padding: 15px; }
@media (max-width: 767px){
#strength .sec4 .low-block .block-links section a .inner { padding: 15px 0px; }
}
.service-page-frame .sec1 { position: relative; z-index: 1; }
.service-page-frame .sec1 .sub1 { display: flex; align-items: flex-end; }
@media (max-width: 767px){
.service-page-frame .sec1 .sub1 { display: block; }
}
.service-page-frame .sec1 .sub1.fd-rr .inblock { display: flex; align-items: center; min-height: 390px; padding: 60px 70px 60px 140px; }
@media (max-width: 1024px){
.service-page-frame .sec1 .sub1.fd-rr .inblock { padding: 45px 50px 45px 100px; }
}
@media (max-width: 999px){
.service-page-frame .sec1 .sub1.fd-rr .inblock { padding: 45px 50px; min-height: 0px; }
}
@media (max-width: 767px){
.service-page-frame .sec1 .sub1.fd-rr .inblock { padding: 30px 40px; }
}
.service-page-frame .sec1 .sub1.fd-rr .inblock::before { left: auto; right: -70px; }
@media (max-width: 1024px){
.service-page-frame .sec1 .sub1.fd-rr .inblock::before { right: -50px; }
}
.service-page-frame .sec1 .sub1 .read-pic { flex: 0 0 45%; max-width: 45%; height: 340px; position: relative; z-index: 2; }
@media (max-width: 767px){
.service-page-frame .sec1 .sub1 .read-pic { max-width: none; height: 200px; }
}
.service-page-frame .sec1 .sub1 .inblock { flex: 0 0 55%; max-width: 55%; background-color: rgb(39, 85, 137); padding: 60px 140px 60px 70px; position: relative; z-index: 1; }
@media (max-width: 1024px){
.service-page-frame .sec1 .sub1 .inblock { padding: 45px 100px 45px 50px; }
}
@media (max-width: 999px){
.service-page-frame .sec1 .sub1 .inblock { padding: 45px 50px; }
}
@media (max-width: 767px){
.service-page-frame .sec1 .sub1 .inblock { max-width: none; padding: 30px 40px; }
}
.service-page-frame .sec1 .sub1 .inblock::before { content: ""; background-color: rgb(39, 85, 137); width: 70px; height: 100%; position: absolute; top: 0px; left: -70px; z-index: 1; }
@media (max-width: 1024px){
.service-page-frame .sec1 .sub1 .inblock::before { width: 50px; left: -50px; }
}
.service-page-frame .sec1 .sub1 .inblock .ttl-wrap { border-bottom: 2px solid rgb(255, 255, 255); padding-bottom: 10px; font-family: "Shippori Mincho", serif; color: rgb(255, 255, 255); text-align: center; }
.service-page-frame .sec1 .sub1 .inblock .ttl-wrap .en { font-size: 120%; line-height: 1; }
.service-page-frame .sec1 .sub1 .inblock .ttl-wrap .ttl { margin-top: 15px; }
.service-page-frame .sec1 .sub2 > .cols.gutter-lg-70, .service-page-frame .sec1 .sub3 > .cols.gutter-lg-70 { max-width: 1400px; padding: 0px 35px; }
@media (max-width: 767px){
.service-page-frame .sec1 .sub2 > .cols.gutter-lg-70, .service-page-frame .sec1 .sub3 > .cols.gutter-lg-70 { padding: 0px 10px; }
}
.service-page-frame .sec1 .sub3 { margin-top: -60px; position: relative; z-index: 2; }
.service-page-frame .sec1 .sub3::before { content: ""; background-color: rgb(255, 255, 255); width: 100%; height: 20%; position: absolute; left: 0px; bottom: -20%; z-index: -1; transform: skewY(-4deg); }
.service-page-frame .sec1 .sub3::after { content: ""; background-color: rgb(245, 245, 245); width: 100%; height: calc(100% - 30px); position: absolute; top: 30px; left: 0px; z-index: -2; transform: skewY(4deg); }
.service-page-frame .sec1 .sub3.ref::before { transform: skewY(4deg); }
.service-page-frame .sec1 .sub3.ref::after { transform: skewY(-4deg); }
.service-page-frame .sec1 .sub3.ref > .cols { flex-direction: row-reverse; }
@media (max-width: 767px){
.service-page-frame .sec1 .sub3.ref > .cols { flex-direction: column; }
}
@media (min-width: 768px){
.service-page-frame .sec1 .sub3.ref > .cols .sideimg figure { left: auto; right: 35px; }
}
.service-page-frame .sec1 .sub3 .sideimg { height: 320px; position: relative; }
@media (max-width: 767px){
.service-page-frame .sec1 .sub3 .sideimg { height: 160px; }
}
.service-page-frame .sec1 .sub3 .sideimg figure { width: calc(100% - 700px + 50vw); height: 100%; }
@media (min-width: 768px){
.service-page-frame .sec1 .sub3 .sideimg figure { position: absolute; top: 0px; left: 35px; z-index: 2; }
}
@media (max-width: 1399px){
.service-page-frame .sec1 .sub3 .sideimg figure { width: calc(100% + 70px); }
}
@media (max-width: 999px){
.service-page-frame .sec1 .sub3 .sideimg figure { width: 100%; }
}
.service-page-frame .sec1 .sub3 .mini-sec-ttl span { display: inline-block; border: 2px solid rgb(143, 32, 32); border-radius: 9999px; padding: 8px 20px; font-weight: bold; color: rgb(143, 32, 32); line-height: 1.4; }
.service-page-frame .sec2 { position: relative; z-index: 2; }
.service-page-frame .sec2 .strength-blokcs section { border-bottom: 2px solid rgb(39, 85, 137); }
@keyframes view-line { 
  0% { width: 0px; left: 0px; }
  33.333% { width: 100%; left: 0px; }
  66.666% { width: 100%; left: 0px; }
  100% { width: 100%; left: 100%; }
}
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(1)::before { animation: 900ms cubic-bezier(0.19, 1, 0.22, 1) 650ms 1 normal both running view-line; }
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(2)::before { animation: 900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms 1 normal both running view-line; }
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(3)::before { animation: 900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms 1 normal both running view-line; }
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(4)::before { animation: 900ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms 1 normal both running view-line; }
@keyframes view-text { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(1) > span { animation: 1ms ease-out 950ms 1 normal both running view-text; }
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(2) > span { animation: 1ms ease-out 1100ms 1 normal both running view-text; }
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(3) > span { animation: 1ms ease-out 1250ms 1 normal both running view-text; }
.service-page-frame .sec2 .strength-blokcs section.scrolled .thumb .ttl .line:nth-child(4) > span { animation: 1ms ease-out 1400ms 1 normal both running view-text; }
.service-page-frame .sec2 .strength-blokcs section .thumb { position: relative; }
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl { display: flex; flex-direction: column; align-items: flex-start; font-size: 160%; font-weight: bold; color: rgb(39, 85, 137); line-height: 1; position: absolute; top: calc(-0.5em - 8px); left: 30px; z-index: 2; }
@media (max-width: 999px){
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl { font-size: 140%; left: 10px; }
}
@media (max-width: 767px){
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl { font-size: 120%; }
}
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl .line { display: inline-block; overflow: hidden; position: relative; }
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl .line:not(:first-child) { margin-top: 10px; }
@media (max-width: 767px){
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl .line:not(:first-child) { margin-top: 5px; }
}
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl .line::before { content: ""; background-color: rgb(247, 247, 247); width: 0px; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; }
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl .line > span { display: inline-flex; align-items: center; background-color: rgb(247, 247, 247); height: 38px; padding: 0px 12px; position: relative; z-index: 1; overflow: hidden; opacity: 0; }
@media (max-width: 767px){
.service-page-frame .sec2 .strength-blokcs section .thumb .ttl .line > span { padding: 6px 8px; }
}
#trading .sec2 .head-line-tag { max-width: 365px; }
.estate-list article a, .estate-list article .non-a { display: flex; flex-direction: column; background-color: rgb(255, 255, 255); border: 4px solid rgb(39, 85, 137); height: 100%; padding: 20px; transition: background-color 200ms ease-out; }
.estate-list article a::after, .estate-list article .non-a::after { top: 15px; left: 15px; }
.estate-list article a .inner, .estate-list article .non-a .inner { margin-bottom: 15px; }
.estate-list article a .inner .post-ttl, .estate-list article .non-a .inner .post-ttl { border-bottom: 1px dashed rgb(39, 85, 137); margin-top: 15px; padding-bottom: 10px; font-family: "Shippori Mincho", serif; font-size: 120%; font-weight: 500; color: rgb(39, 85, 137); line-height: 1.6; }
.estate-list article a .inner .sub-info, .estate-list article .non-a .inner .sub-info { display: flex; flex-wrap: wrap; margin-top: 15px; }
.estate-list article a .inner .sub-info > p, .estate-list article .non-a .inner .sub-info > p { display: inline-flex; align-items: center; background-color: rgb(237, 241, 245); margin: 0px 5px 5px 0px; padding: 5px 15px 5px 0px; }
.estate-list article a .inner .sub-info > p::before, .estate-list article .non-a .inner .sub-info > p::before { content: ""; display: block; background-color: rgb(39, 85, 137); flex: 0 0 20px; width: 20px; height: 2px; margin-right: 1em; }
.estate-list article a .inner .sub-info > p.price > span::before, .estate-list article .non-a .inner .sub-info > p.price > span::before { background: url("../img/a7977142490.png") center center / 17px 17px no-repeat; }
.estate-list article a .inner .sub-info > p.location > span::before, .estate-list article .non-a .inner .sub-info > p.location > span::before { background: url("../img/a64bead3cdd.png") center center / 12px 17px no-repeat; }
.estate-list article a .inner .sub-info > p > span, .estate-list article .non-a .inner .sub-info > p > span { display: inline-flex; align-items: center; font-family: "Shippori Mincho", serif; color: rgb(39, 85, 137); line-height: 1.2; }
.estate-list article a .inner .sub-info > p > span::before, .estate-list article .non-a .inner .sub-info > p > span::before { content: ""; display: block; flex: 0 0 17px; width: 17px; height: 17px; margin-right: 10px; }
.estate-list article a .btn-small, .estate-list article .non-a .btn-small { margin-top: auto; }
.estate-list article a:hover { background-color: rgb(237, 241, 245); text-decoration: none; }
.project-detail { background: none, url("../img/a279121f626.webp") right center / 1120px 2715px no-repeat; }
.project-detail .article-upp { position: relative; z-index: 2; }
.project-detail .article-upp .upp-ttl { font-family: "Shippori Mincho", serif; font-size: 185%; font-weight: 500; color: rgb(39, 85, 137); line-height: 1; position: relative; z-index: 2; }
@media (max-width: 767px){
.project-detail .article-upp .upp-ttl { text-align: center; }
}
.project-detail .article-upp .upp-ttl .wrap { display: inline-block; margin-top: -15px; padding-right: 55px; position: relative; }
.project-detail .article-upp .upp-ttl .wrap::after { content: ""; background: url("../img/a3d300687bb.png") 0px 0px / 70px 37px no-repeat; width: 70px; height: 37px; position: absolute; top: 5px; right: 0px; z-index: 2; }
.project-detail .article-upp .upp-ttl .wrap .num { display: inline-block; font-size: 260%; font-style: italic; }
.project-detail .article-upp .post-ttl { margin-top: 15px; }
.project-detail .article-upp .post-ttl > span { display: inline-block; background-color: rgb(255, 255, 255); border: 4px solid rgb(39, 85, 137); min-width: 460px; padding: 20px 25px; font-family: "Shippori Mincho", serif; font-size: 200%; font-weight: 500; line-height: 1.2; }
@media (max-width: 767px){
.project-detail .article-upp .post-ttl > span { display: block; min-width: 0px; font-size: 160%; text-align: center; }
}
@media (max-width: 767px){
.project-detail .article-upp .main-pic { margin: -50px -20px 0px; }
}
.project-detail .article-main { margin-top: -155px; position: relative; z-index: 1; }
@media (max-width: 767px){
.project-detail .article-main { margin-top: 0px; }
}
.project-detail .article-main .v-line { display: block; position: relative; height: 200px; overflow: visible; }
@media (max-width: 767px){
.project-detail .article-main .v-line { height: 50px; }
}
.project-detail .article-main .v-line::before { content: ""; display: block; background-color: rgb(39, 85, 137); width: 100%; height: 200px; }
@media (max-width: 767px){
.project-detail .article-main .v-line::before { height: 50px; }
}
.project-detail .article-main .v-line::after { content: ""; background-color: rgb(39, 85, 137); width: 2px; height: 140px; position: absolute; left: calc(50% - 1px); z-index: 2; }
@media (max-width: 767px){
.project-detail .article-main .v-line::after { height: 50px; }
}
.project-detail .article-main .v-line.-before::after { bottom: -140px; }
@media (max-width: 767px){
.project-detail .article-main .v-line.-before::after { bottom: -50px; }
}
.project-detail .article-main .v-line.-after::after { top: -140px; }
@media (max-width: 767px){
.project-detail .article-main .v-line.-after::after { top: -50px; }
}
.project-detail .article-main .wide-pic { width: 100%; height: 200px; }
@media (max-width: 767px){
.project-detail .article-main .wide-pic { height: 100px; }
}
.project-detail .article-main .sec1 { position: relative; overflow: hidden; }
.project-detail .article-main .sec1::before { content: ""; background: url("../img/a41f8056140.png") 0px 0px / 108px 628px no-repeat; width: 108px; height: 628px; position: absolute; top: calc(50% - 314px); left: 0px; z-index: 0; }
@media (max-width: 767px){
.project-detail .article-main .sec1::before { background: url("../img/a41f8056140.png") 0px 0px / 54px 314px no-repeat; width: 54px; height: 314px; top: calc(50% - 157px); }
}
.project-detail .article-main .sec1::after { content: ""; background: url("../img/aa0812e3acc.png") 0px 0px / 118px 511px no-repeat; width: 118px; height: 511px; position: absolute; top: calc(50% - 255px); right: 0px; z-index: 0; }
@media (max-width: 767px){
.project-detail .article-main .sec1::after { background: url("../img/aa0812e3acc.png") 0px 0px / 59px 255px no-repeat; width: 59px; height: 255px; top: calc(50% - 127px); }
}
.project-detail .article-main .sec1 .sec1-ttl { font-family: "Shippori Mincho", serif; font-size: 280%; font-weight: 500; line-height: 1.6em; }
@media (max-width: 999px){
.project-detail .article-main .sec1 .sec1-ttl { font-size: 240%; }
}
@media (max-width: 767px){
.project-detail .article-main .sec1 .sec1-ttl { margin-left: -10px; margin-right: -10px; font-size: 180%; }
}
.project-detail .article-main .sec1 .sec1-ttl > span { background: linear-gradient(transparent 60%, rgba(39, 85, 137, 0.2) 60%); padding: 0px 0.5em; }
.project-detail .article-main .sec1 .sec1-ttl > span em { font-size: 160%; font-style: italic; color: rgb(203, 56, 125); position: relative; left: -0.1em; }
@media (max-width: 767px){
.project-detail .article-main .sec1 .sec1-ttl > span em { font-size: 140%; }
}
.narrow-down.-work { padding: 1px; }
.narrow-down.-work .ttl span::before, .narrow-down.-work .ttl span::after { border-color: rgb(39, 85, 137); }
.narrow-down.-work ul { padding: 15px 15px 30px; }
.narrow-down.-work ul li { margin-top: 15px; }
.narrow-down.-work ul li a { display: block; background-color: rgb(255, 255, 255); border: 2px solid rgb(39, 85, 137); border-radius: 9999px; padding: 8px 20px; font-family: "Shippori Mincho", serif; font-size: 120%; font-weight: 500; color: rgb(39, 85, 137); line-height: 1; text-align: center; }
.narrow-down.-work ul li a.act { background-color: rgb(39, 85, 137); color: rgb(255, 255, 255); }
.flow-blocks { display: flex; flex-wrap: wrap; align-items: center; }
.flow-blocks li { display: flex; flex-direction: column; justify-content: center; background-color: rgb(39, 85, 137); width: 120px; height: 120px; text-align: center; position: relative; }
@media (max-width: 767px){
.flow-blocks li { width: 100%; height: 100px; }
}
.flow-blocks li:not(:last-child) { margin-right: 80px; }
@media (max-width: 767px){
.flow-blocks li:not(:last-child) { margin-right: 0px; margin-bottom: 50px; }
}
.flow-blocks li:not(:last-child)::after { content: ""; border-top: 2px solid rgb(39, 85, 137); border-right: 2px solid rgb(39, 85, 137); flex: 0 0 30px; width: 30px; height: 30px; transform: rotate(45deg); position: absolute; top: calc(50% - 15px); right: -45px; z-index: 2; }
@media (max-width: 767px){
.flow-blocks li:not(:last-child)::after { top: auto; right: calc(50% - 15px); bottom: -32px; transform: rotate(135deg); }
}
.flow-blocks li .ic { height: 44px; }
.flow-blocks li p { margin-top: 15px; font-weight: bold; color: rgb(255, 255, 255); line-height: 1; }
@media (max-width: 767px){
.flow-blocks li p { margin-top: 10px; }
}
.faq-block .ttl { font-weight: 500; }
.faq-block dl { margin-top: 30px; }
.faq-block dl dt { display: flex; align-items: center; font-family: "Shippori Mincho", serif; font-weight: 500; }
.faq-block dl dt::before { content: "Q"; font-size: 28px; color: rgb(39, 85, 137); line-height: 1; margin-right: 10px; }
.faq-block dl dd { background-color: rgb(255, 255, 255); margin-top: 15px; padding: 16px 20px; font-size: 90%; font-weight: bold; }
#recruit .sec2 { position: relative; }
#recruit .sec2::after { content: ""; background: url("../img/ad50c445e61.jpg") center center / cover no-repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; transform: skewY(4deg); }
#recruit .sec2 > .cols { position: relative; z-index: 2; }
#mailformpro input[type="text"]:placeholder-shown, #mailformpro input[type="email"]:placeholder-shown, #mailformpro input[type="tel"]:placeholder-shown, #mailformpro select:placeholder-shown, #mailformpro textarea:placeholder-shown, #mailformpro .mfp_element_submit[type="submit"]:placeholder-shown { color: rgb(187, 187, 187); }
#mfp_loading_screen { z-index: 20000; opacity: 0.8; display: none; background-color: rgb(0, 0, 0); position: absolute; }
#mfp_hidden { overflow: hidden; width: 1px; height: 1px; padding: 0px; margin: 0px; }
#mfp_hidden input { margin: 10px; }
.showfield { height: auto; overflow: visible; }
footer { position: relative; z-index: 5; }
footer .ft-upp { background-color: rgb(39, 85, 137); padding-bottom: 45px; }
footer .ft-upp .block-links article { margin-top: -60px; }
@media (max-width: 767px){
footer .ft-upp .block-links article { margin-top: 0px; }
footer .ft-upp .block-links article:first-child { margin-top: -90px; }
footer .ft-upp .block-links article:not(:first-child) { margin-top: 20px; }
}
footer .ft-upp .block-links article a { display: block; }
footer .ft-upp .block-links article a .inner { display: flex; align-items: center; background-color: rgb(255, 255, 255); padding: 0px 20px; height: 65px; line-height: 1; }
footer .ft-upp .block-links article a .inner .en { font-family: "Shippori Mincho", serif; font-size: 30px; font-weight: 500; color: rgb(39, 85, 137); line-height: 1; letter-spacing: 0.1em; }
footer .ft-upp .block-links article a .inner .ttl { margin-left: 15px; font-weight: bold; letter-spacing: 0.2em; }
footer .ft-upp .ft-cv { margin-top: 35px; }
footer .ft-upp .ft-cv .ttl { text-align: center; position: relative; }
@media (max-width: 767px){
footer .ft-upp .ft-cv .ttl { margin-left: -20px; margin-right: -20px; }
}
footer .ft-upp .ft-cv .ttl::before { content: ""; background-color: rgb(76, 137, 206); width: 100%; height: 2px; position: absolute; top: calc(50% - 1px); left: 0px; z-index: 1; }
footer .ft-upp .ft-cv .ttl span { display: inline-block; background-color: rgb(39, 85, 137); padding: 0px 30px; font-family: "Shippori Mincho", serif; font-size: 30px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1; position: relative; z-index: 2; }
footer .ft-upp .ft-cv .ttl span::before, footer .ft-upp .ft-cv .ttl span::after { content: ""; border-top: 2px solid rgb(76, 137, 206); border-right: 2px solid rgb(76, 137, 206); flex: 0 0 20px; width: 20px; height: 20px; transform: rotate(45deg); background-color: rgb(39, 85, 137); position: absolute; top: calc(50% - 8px); z-index: 2; }
footer .ft-upp .ft-cv .ttl span::before { left: 0px; transform: rotate(-135deg); }
footer .ft-upp .ft-cv .ttl span::after { right: 0px; }
footer .ft-upp .ft-cv .read { margin-top: 25px; font-family: "Shippori Mincho", serif; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.4; text-align: center; }
footer .ft-upp .ft-cv .cv-btns { display: flex; align-items: center; justify-content: center; margin-top: 25px; }
@media (max-width: 767px){
footer .ft-upp .ft-cv .cv-btns { display: block; }
}
footer .ft-upp .ft-cv .cv-btns li { padding: 0px 15px; text-align: center; }
@media (max-width: 767px){
footer .ft-upp .ft-cv .cv-btns li:not(:first-child) { margin-top: 15px; }
}
footer .ft-upp .ft-cv .cv-btns li a { display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; width: 280px; height: 50px; font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 22px; line-height: 1; letter-spacing: 0.1em; }
footer .ft-upp .ft-cv .cv-btns li a.cv-tel { background-color: rgb(255, 255, 255); color: rgb(39, 85, 137); }
footer .ft-upp .ft-cv .cv-btns li a.cv-tel::before { content: ""; display: block; background: url("../img/a755300a35a.png") 0px 0px / 20px 20px no-repeat; flex: 0 0 20px; width: 20px; height: 20px; margin-right: 10px; }
footer .ft-upp .ft-cv .cv-btns li a.cv-mail { background-color: rgb(203, 56, 125); color: rgb(255, 255, 255); }
footer .ft-upp .ft-cv .cv-btns li a.cv-mail::before { content: ""; display: block; background: url("../img/a0db71c1206.png") 0px 0px / 24px 18px no-repeat; flex: 0 0 24px; width: 24px; height: 18px; margin-right: 10px; }
footer .ft-main { background-color: rgb(255, 255, 255); padding: 45px 0px; }
@media (max-width: 767px){
footer .ft-main { padding: 30px 0px; }
}
footer .ft-main .info { display: flex; margin-top: 30px; }
@media (max-width: 767px){
footer .ft-main .info { display: block; margin-top: 20px; }
}
footer .ft-main .info > p { line-height: 1.4; }
@media (min-width: 768px){
footer .ft-main .info > p:not(:first-child) { margin-left: 15px; padding-left: 15px; border-left: 1px dotted rgb(201, 201, 201); }
}
@media (max-width: 767px){
footer .ft-main .info > p:not(:first-child) { margin-top: 15px; padding-top: 15px; border-top: 1px dotted rgb(201, 201, 201); }
}
@media (min-width: 768px){
footer .ft-main .ft-links { border-left: 1px solid rgb(201, 201, 201); padding-left: 15px; }
}
@media (max-width: 767px){
footer .ft-main .ft-links { border-top: 1px solid rgb(201, 201, 201); padding-top: 15px; margin-top: 15px; }
}
footer #copyright { background-color: rgb(67, 67, 67); padding: 5px 0px; color: rgb(255, 255, 255); text-align: center; }
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
.clone-wordmark { font-weight: 700; font-size: 1.15em; line-height: 1.1; letter-spacing: -0.01em; white-space: nowrap; color: inherit !important; text-decoration: none !important; }
a:has(> .clone-wordmark), a:has(.clone-wordmark) { color: inherit !important; text-decoration: none !important; }
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 768px){
html { max-width: 100%; }
body { overflow-x: clip; max-width: 100%; }
}
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3; font-size: 1.05em; }
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 40px; display: block !important; position: fixed !important; inset: 0px auto 0px 0px !important; width: min(86vw, 360px) !important; height: 100% !important; overflow: auto !important; z-index: 2147483000 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
.clone-bg-veil { box-shadow: rgba(255, 255, 255, 0.84) 0px 0px 0px 100vmax inset !important; }
.clone-form-note { margin: 1em 0px; padding: 0.9em 1.1em; border-radius: 8px; background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12); color: inherit; font-size: 0.95em; line-height: 1.45; }
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
.clone-contact { margin: 1.2em 0px; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }
.st-foot-logo { display: inline-block; font-family: "Shippori Mincho", serif; font-size: 26px; font-weight: 700; letter-spacing: 0.04em; color: rgb(28, 52, 92); line-height: 45px; }
.sr-only { width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.skip-link { position: absolute; left: -9999px; top: 0px; z-index: 10000; background: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 8px 14px; font-weight: 700; }
.skip-link:focus { left: 8px; top: 8px; }
/* g31 contrast (runtime) */
#global-nav li.dd-tgl ul li{color:#fff}
.ttl-belt-yellow p.ff-min{color:#6b5f00}
.ttl-belt-dullblue p.ff-min{color:#3d6a80}
.cap,.cap .num{color:#4f6888}
.bgc-darkblue-o{background-color:rgba(39,85,137,.92)!important;color:#fff!important}
.cv-btns li{color:#fff}
p.cap,p.cap .num{color:#4f6888!important}

/* g31 VIS-050 menu toggle */
@media (max-width:1023px){body.g31-menu-open #global-nav{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;height:auto!important;position:fixed!important;top:60px;left:0;right:0;max-height:calc(100vh - 60px);overflow:auto;background:#1c345c;z-index:9999;transform:none!important}
body.g31-menu-open #global-nav ul,body.g31-menu-open #global-nav li{display:block!important;opacity:1!important;visibility:visible!important;height:auto!important;position:static!important;transform:none!important}
body.g31-menu-open #global-nav a,body.g31-menu-open #global-nav .a{color:#fff!important;display:block;padding:10px 20px}}