@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
html {
box-sizing: border-box;
overflow-y: scroll; -webkit-text-size-adjust: 100%; }
*,
::before,
::after {
background-repeat: no-repeat; box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
}  audio:not([controls]) {
display: none;
height: 0;
}
hr {
overflow: visible; } article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden],
template {
display: none; }
abbr[title] {
border-bottom: 1px dotted; text-decoration: none; }
a {
background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
b,
strong {
font-weight: bolder; }
dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
} [disabled] {
cursor: default;
}
[type="number"] {
width: auto; }
[type="search"] {
-webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: 0;
padding: 0;
} button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button,
select {
text-transform: none; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden; }
audio,
canvas,
progress,
video {
display: inline-block; }  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
}  ::-moz-selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ul, ol {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ddd;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
color: #004c9e;
}
html, body {
width: 100%;
}
html {
font-size: 62.5%;
color: #222;
}
body {
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
font-kerning: normal;
word-break: break-all;
-webkit-text-size-adjust: 100%;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
.pc { display: block; }
.tab { display: block; }
.sp { display: none; }
.gothic { font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.mincho { font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; }
@media screen and (max-width:768px) {
html {
font-size: 56.25%;
}
body {
font-size: 1.5rem;
}
.pc { display: none; }
.tab { display: block; }
.sp { display: none; }
}
@media screen and (max-width:480px) {
.pc { display: none; }
.tab { display: none; }
.sp { display: block; }
} a {
color: inherit;
text-decoration: none;
outline: 0;
transition-property: all;
transition: 0.2s linear;
}
a:hover {
min-height: 1em;
text-decoration: none;
opacity: .6;
}
a:visited {
text-decoration: none;
}
:focus {
-moz-outline-style: none;
}
img {
vertical-align: bottom;
line-height: 1.0;
}
strong,
.txt-bold {
font-weight: bold;
}
.mt05em { margin-top: 0.5em !important; }
.mt10em { margin-top: 1em !important; }
.mt15em { margin-top: 1.5em !important; }
.mt20em { margin-top: 2em !important; }
.mt25em { margin-top: 2.5em !important; }
.mt30em { margin-top: 3em !important; }
.mb01em { margin-bottom: 01em !important; }
.mb10em { margin-bottom: 1em !important; }
.mb15em { margin-bottom: 1.5em !important; }
.mb20em { margin-bottom: 2em !important; }
.mb25em { margin-bottom: 2.5em !important; }
.mb30em { margin-bottom: 3em !important; }
.mr05em { margin-right: 0.5em !important; }
.mr10em { margin-right: 1em !important; }
.mr15em { margin-right: 1.5em !important; }
.mr20em { margin-right: 2em !important; }
.mr25em { margin-right: 2.5em !important; }
.mr30em { margin-right: 3em !important; }
.ml05em { margin-left: 01em !important; }
.ml10em { margin-left: 1em !important; }
.ml15em { margin-left: 1.5em !important; }
.ml20em { margin-left: 2em !important; }
.ml25em { margin-left: 2.5em !important; }
.ml30em { margin-left: 3em !important; }
.pt05em { padding-top: 0.5em !important; }
.pt10em { padding-top: 1em !important; }
.pt15em { padding-top: 1.5em !important; }
.pt20em { padding-top: 2em !important; }
.pt25em { padding-top: 2.5em !important; }
.pt30em { padding-top: 3em !important; }
.pb01em { padding-bottom: 01em !important; }
.pb10em { padding-bottom: 1em !important; }
.pb15em { padding-bottom: 1.5em !important; }
.pb20em { padding-bottom: 2em !important; }
.pb25em { padding-bottom: 2.5em !important; }
.pb30em { padding-bottom: 3em !important; }
.pr05em { padding-right: 0.5em !important; }
.pr10em { padding-right: 1em !important; }
.pr15em { padding-right: 1.5em !important; }
.pr20em { padding-right: 2em !important; }
.pr25em { padding-right: 2.5em !important; }
.pr30em { padding-right: 3em !important; }
.pl05em { padding-left: 01em !important; }
.pl10em { padding-left: 1em !important; }
.pl15em { padding-left: 1.5em !important; }
.pl20em { padding-left: 2em !important; }
.pl25em { padding-left: 2.5em !important; }
.pl30em { padding-left: 3em !important; }
.txt-l { text-align: left !important; }
.txt-c { text-align: center !important; }
.txt-r { text-align: right !important; }
.clear { clear: both; }
section:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
section,
.clearfix {
display: inline-block;
}
* html section,
* html .clearfix {
height: 1%;
}
section,
.clearfix {
display: block;
}
 @-webkit-keyframes fadein {
0% {
opacity: 0; }
50% {
opacity: 0.5; }
100% {
opacity: 1; } }
.header {
background-color: rgba(255, 255, 255, 0.92);
border-bottom: 1px solid #b2b2b2;
padding: 0 0;
position: fixed;
z-index: 100;
width: 100%; }
.header .logo {
width: 280px;
float: left;
margin: 25px 0 0 15px; }
.header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.header {
display: inline-block; }
* html .header {
height: 1%; }
.header {
display: block; }
.nav-wrap.open {
display: block; }
.nav-wrap.close {
display: none; }
.nav-wrap {
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10;
background-color: rgba(3, 67, 110, 0.98);
width: 100%;
height: 100%;
-webkit-animation: fadein 0.5s linear 0s 1;
overflow-x: hidden;
overflow-y: auto;
padding: 0; }
.nav-wrap .nav {
max-width: 640px;
height: 100%;
float: none;
position: relative;
margin: 130px auto 0; }
.nav-wrap li {
display: block;
text-align: center;
width: 45%;
float: left;
margin: 0 2% 40px 3%; }
.nav-wrap li a {
color: #fff;
font-weight: 600; }
.nav-wrap li img {
padding: 0 0 10px; }
.nav-wrap li:nth-child(even) {
margin: 0 3% 40px 2%; }
.nav-wrap .gnavi_sp {
display: block; }
.nav-wrap .gnavi_sp_noimg {
border: #FFFFFF 1px solid; }
.nav-wrap .gnavi_sp_noimg li {
margin: 0; }
.nav-wrap .gnavi_sp_noimg a {
padding: 20px 0;
display: block; }
.nav-wrap .nav_contact {
display: block;
clear: both;
max-width: 640px;
margin: 0 auto;
padding: 0 0 30px;
text-align: center; }
.nav-wrap .nav_contact > p {
font-size: 1.6em;
color: #FFFFFF;
font-weight: 500;
padding: 0 0 10px; }
.nav-wrap .nav_contact li {
background: #FFFFFF;
margin: 0 2% 15px 3%; }
.nav-wrap .nav_contact li img {
height: 32px;
padding: 5px 0 0 0; }
.nav-wrap .nav_contact li a {
padding: 15px 0;
display: block;
color: #124e77; }
.nav-wrap .nav_contact li:first-child {
width: 94%; }
.nav-wrap .nav_contact li:nth-child(2) {
width: 45%;
margin: 0 2% 0 3%; }
.nav-wrap .nav_contact li:nth-child(3) {
width: 45%;
margin: 0 3% 0 2%; }
.nav-wrap .nav02 {
max-width: 640px;
margin: 20px auto 0;
text-align: center; }
.nav-wrap .nav02 li {
width: 100%;
float: none; } .nav-button,
.nav-button span {
display: block;
transition: all 0.4s;
box-sizing: border-box; }
.nav-button {
z-index: 20;
position: relative;
width: 80px;
height: 84px;
float: right;
margin: 0;
padding: 40px 0 0 0;
background-color: #0075c1;
background-image: url(//www.sekisuiheim.co.jp/common/img/header-img-menu-01.svg);
background-position: 50% 72%;
background-repeat: no-repeat;
background-size: 40px auto; }
.nav-button span {
position: absolute;
left: 20px;
width: 40px;
height: 4px;
background-color: #FFFFFF;
border-radius: 4px; }
.nav-button span:nth-of-type(1) {
top: 24px; }
.nav-button span:nth-of-type(2) {
top: 32px; }
.nav-button span:nth-of-type(3) {
top: 40px; }
.nav-button.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
background-color: #FFFFFF; }
.nav-button.active span:nth-of-type(2) {
opacity: 0; }
.nav-button.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
background-color: #FFFFFF; }
@media screen and (max-width: 480px) {
.header .logo {
width: 220px;
margin: 20px 0 20px 15px; }
.nav-wrap .nav {
margin: 86px 0 0 0; }
.nav-button {
height: 64px;
background-image: none; } } ul#h-nav {
float: right;
margin: 0; }
ul#h-nav li {
float: left;
border-right: #cecece 1px solid;
font-size: 0.9em;
line-height: 1.3em;
text-align: center;
font-weight: 500; }
ul#h-nav li a {
display: block; }
ul#h-nav li:nth-child(1) {
height: 84px;
padding: 18px 0 0 0; }
ul#h-nav li:nth-child(1) a {
width: 220px;
font-size: 1.6em;
color: #0075c1;
font-weight: bold;
padding: 5px 0 0 0; }
ul#h-nav li:nth-child(1) a span {
background: url(//www.sekisuiheim.co.jp/common/img/header-img-tel.png) 0 50% no-repeat;
background-size: 17px auto;
padding: 0 0 0 19px; }
ul#h-nav li:nth-child(2) a {
width: 160px;
height: 84px;
background: url(//www.sekisuiheim.co.jp/common/img/header-img-mail.png) 20px 50% no-repeat;
padding: 20px 0 20px 38px;
background-size: 31px auto; }
ul#h-nav li:nth-child(3) a {
width: 180px;
height: 84px;
background: url(//www.sekisuiheim.co.jp/common/img/header-img-catalog.png) 8px 50% no-repeat;
padding: 20px 0 20px 85px;
background-size: 83px auto; }
ul#h-nav li.catalog {
background: #ff7e00;
color: #FFFFFF;
font-weight: bold; }
@media screen and (max-width: 960px) {
ul#h-nav li:nth-child(3) {
display: none; } }
@media screen and (max-width: 780px) {
ul#h-nav {
display: none; } }
@media screen and (max-width: 480px) {
#h-nav {
height: 70px;
display: table; } } #global-nav {
width: 100%;
min-height: 74px;
border-bottom: #cecece 1px solid; }
@media screen and (max-width: 999px) {
#global-nav {
display: none; } }
#nav-wrap {
width: 1000px;
margin: 0 auto;
padding: 82px 0 0 0;
font-size: 0.95em;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
ul#nav-wrap li {
float: left;
line-height: 1;
text-align: center; }
ul#nav-wrap li a {
display: block; }
ul#nav-wrap li p {
padding: 40px 0 36px;
display: block; }
.gnavi-inner {
text-align: center;
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 200;
width: 100%;
margin: 183px 0 0 0;
padding: 0 0 30px;
background: rgba(242, 242, 242, 0.92); }
.gnavi-inner-bnr {
width: 1000px;
height: 150px;
margin: 0 auto;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-justify-content: space-between;
justify-content: space-between; }
.gnavi-inner-bnr p {
float: left;
margin: 0 22px 0 0;
padding: 0;
width: 50%; }
.gnavi-inner-bnr p:last-child {
margin: 0; }
.gnavi-01:hover > .gnavi-inner,
.gnavi-02:hover > .gnavi-inner,
.gnavi-03:hover > .gnavi-inner,
.gnavi-04:hover > .gnavi-inner {
visibility: visible;
opacity: 1;
top: -10px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.gnavi-01:hover,
.gnavi-02:hover,
.gnavi-03:hover,
.gnavi-04:hover,
.gnavi-05:hover,
.gnavi-06:hover,
.gnavi-07:hover,
.active-01,
.active-02,
.active-03,
.active-04,
.active-05,
.active-06 {
background: url(//www.sekisuiheim.co.jp/common/img/bg-black-01.gif) 50% 100% no-repeat;
background-size: 50px 2px; } .arrow-t01,
.arrow-t02,
.arrow-t03 {
display: block; }
.arrow-t01 span {
background-image: url(//www.sekisuiheim.co.jp/common/img/arrow-01.svg);
background-position: 100% 38%;
background-repeat: no-repeat;
background-size: 34px auto;
padding-right: 40px; }
.arrow-t02 span {
background-image: url(//www.sekisuiheim.co.jp/common/img/arrow-02.svg);
background-position: 100% 38%;
background-repeat: no-repeat;
background-size: 34px auto;
padding-right: 40px; }
.arrow-t03 span {
background-image: url(//www.sekisuiheim.co.jp/common/img/arrow-02.svg);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 34px auto;
padding-bottom: 22px; }
@media screen and (max-width: 480px) {
.arrow-t01 span,
.arrow-t02 span {
background-size: 25px auto;
padding-right: 30px; } } .arrow-v2_01 {
clear: both;
width: 100%;
color: #FFFFFF;
background: #ff7e00;
margin: 40px 0 0 0;
text-align: center;
font-size: 1.5em;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
font-weight: 600;
background-image: url(//www.sekisuiheim.co.jp/img/arrow02.png);
background-position: 96% 50%;
background-repeat: no-repeat;
background-size: auto 40%; }
.arrow-v2_01 a {
display: block;
padding: 20px 0; }
.arrow-v2_02 {
clear: both;
width: 50%;
color: #FFFFFF;
background: #ff7e00;
margin: 0 auto;
text-align: center;
font-size: 1.5em;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
font-weight: 600;
background-image: url(//www.sekisuiheim.co.jp/img/arrow02.png);
background-position: 96% 50%;
background-repeat: no-repeat;
background-size: auto 40%; }
.arrow-v2_02 a {
display: block;
padding: 20px 0; }
@media screen and (max-width: 768px) {
.arrow-v2_02 {
width: 80%; }
.arrow-v2_02 a {
padding: 20px 0; } } .ttl-line {
line-height: 1;
display: flex;
align-items: center;
clear: both;
font-size: 1.6em;
font-weight: bold; }
.ttl-line:before,
.ttl-line:after {
border-top: 1px solid;
content: "";
display: inline; flex-grow: 1; }
.ttl-line:before {
margin-right: 0.5em; }
.ttl-line:after {
margin-left: 0.5em; }
.ttl-line-en-heim,
.ttl-line-en-toyou {
line-height: 1;
font-size: 1.4em;
margin: 0;
padding: 0.8em 0 0 0; }
.ttl-line-en-heim {
color: #002b71; }
.ttl-line-en-toyou {
color: #579514; }
.ttl-line-type-heim {
color: #002b71; }
.ttl-line-type-toyou {
color: #579514; }
.ttl-line-type-hiraya {
color: #0075c1; }
.ttl-line-type-chintai {
color: #931516; } .sekisuiheim_noie {
margin: 4em 0 0 0;
clear: both;
background: #f2f2f2;
padding: 20px 0; }
.sekisuiheim_noie .inner {
background: url(//www.sekisuiheim.co.jp/common/img/bnr_sekisuiheimnoie.jpg) 50% no-repeat;
height: 440px;
text-align: center; }
.sekisuiheim_noie .inner h2 {
padding: 120px 0 10px 0; }
.sekisuiheim_noie .inner p {
background: url(//www.sekisuiheim.co.jp/common/img/arrow-01.svg) 50% 100% no-repeat;
background-size: 34px auto;
padding: 0 0 30px;
line-height: 1.5em; }
.sekisuiheim_noie .sekisuiheim_noie_img {
display: none; }
@media screen and (max-width: 768px) {
.sekisuiheim_noie {
background: #0075c1;
margin: 50px 0 0 0;
padding: 10px;
color: #FFFFFF; }
.sekisuiheim_noie .inner {
background: none;
background-size: cover;
height: auto;
text-align: center; }
.sekisuiheim_noie .inner h2 {
padding: 10px 0 5px 0;
line-height: 1.5em; }
.sekisuiheim_noie .inner p {
background: url(//www.sekisuiheim.co.jp/common/img/arrow-02.svg) 50% 100% no-repeat;
background-size: 34px auto;
margin: 0 0 15px;
padding: 0 0 20px; }
.sekisuiheim_noie .sekisuiheim_noie_img {
display: block; } 
} #btn-cta-pc {
display: none; }
.btn-cta-pc-inner {
max-width: 1160px;
margin: 0 auto;
padding: 0;
text-align: left;
font-size: 0.9em; 
display: flex;
justify-content: center;
align-items: center;
}
.btn-cta-pc-inner .btn-cta-pc-btn {  width: 27%;
text-align: center;
padding: 0 2% 0 1%; 
}
.btn-cta-pc-inner .btn-cta-pc-btn a {
padding: 10px 0 10px;
display: block; 
}
.btn-cta-pc-inner p {
width: 50%;  padding-right: 7%;
font-weight: 600;
line-height: 1.8; }
@media screen and (max-width: 1100px) {
.btn-cta-pc-inner {
display: none; } } .btn-cta-sp {
display: none; }
@media screen and (max-width: 1100px) {
.btn-cta-sp {
display: block;
clear: both;
padding: 40px 0 0 0; }
.btn-cta-sp a {
display: block;
width: 90%;
margin: 0 auto 0;
text-align: center;
color: #FFFFFF;
text-decoration: none; }
.btn-reserve-txt {
display: block;
text-align: center;
padding: 1em 0 0 0;
font-size: 0.9em;
line-height: 1.5em; } } main {
padding: 0;
clear: both; }
.inner {
max-width: 1000px;
margin: 0 auto; }
.inner1200 {
max-width: 1200px;
margin: 0 auto; }
main h1 {
font-size: 2.63em;
text-align: center;
margin: 0 5%;
padding: 100px 0 50px;
font-weight: 500;
line-height: 1.5em;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; }
main .txt-category-read {
text-align: center;
line-height: 1.5em; }
main ul.btn-excursion {
max-width: 1000px;
padding: 80px 0 0; }
main ul.btn-excursion li {
width: 48%;
margin: 0 1%;
float: left;
background: #0075c1;
border: #0075c1 2px solid; }
main ul.btn-excursion li a {
display: block;
height: 136px;
color: #FFFFFF;
font-size: 1.3em; }
main ul.btn-excursion li img {
float: left;
height: 100%; }
main ul.btn-excursion li p {
text-align: center;
padding: 40px 0 0 0; }
.btn-root {
display: none; }
@media screen and (max-width: 1199px) {
.inner1200 {
max-width: 96%;
margin: 0 2%; } }
@media screen and (max-width: 999px) {
main {
padding-top: 84px; }
.inner {
max-width: 96%;
margin: 0 2%; }
main ul.btn-excursion {
width: auto;
max-width: auto;
padding: 40px 0 0 0; }
main ul.btn-excursion li {
width: 100%;
margin: 20px 0 0 0;
float: none; }
main ul.btn-excursion li a {
height: 100px; }
main ul.btn-excursion li p {
text-align: center;
padding: 25px 0 0 0; } }
@media screen and (max-width: 768px) {
main {
padding-top: 84px; }
.btn-root {
display: block; }
.btn-root a {
display: block;
background: #ff7e00;
border-radius: 20px;
width: 90%;
margin: 20px 5% 20px;
padding: 10px 0;
text-align: center;
color: #FFFFFF;
text-decoration: none; } }
@media screen and (max-width: 480px) {
main {
padding-top: 60px; }
main h1 {
font-size: 2.38em;
padding: 50px 0 10px; } } footer {
padding: 100px 0 0 0; } #area-contact {
background-image: url(//www.sekisuiheim.co.jp/common/img/footer_contact_img.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding: 30px 0; }
#area-contact a {
display: block;
cursor: pointer;
padding: 14px 0 7px; }
#area-contact li {
float: left;
width: 49%;
margin: 0 1% 0 0;
border: 1px solid #FFFFFF;
background-color: rgba(0, 117, 193, 0.9);
color: #FFFFFF;
font-size: 1.44em;
font-weight: 500; }
#area-contact li:first-child span {
background-image: url(//www.sekisuiheim.co.jp/common/img/icon_tel_01.png);
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto 30px;
padding: 0 0 0 30px;
font-size: 1.75em;
line-height: 1.3em; }
#area-contact li:last-child {
margin: 0 0 0 1%; }
#area-contact li:last-child img {
height: 36px;
margin: 12px 0 5px 0; }
.ownersupport {
width: 600px;
margin: 30px auto 0;
border: 1px solid #FFFFFF;
background-color: rgba(0, 117, 193, 0.7);
color: #FFFFFF;
font-size: 1.44em;
line-height: 1;
font-weight: 500; }
.ownersupport a {
padding: 6px 0 0 0;
display: block; }
.ownersupport img {
vertical-align: middle;
height: 40px;
margin: 0 0 8px 10px; }
@media screen and (max-width: 768px) {
#area-contact {
display: none; } } #area-bnr {
background-color: #d2ecff;
padding: 25px 0 25px; }
#area-bnr li {
float: left;
max-width: 15.84%;
margin: 0 0.4%; }
@media screen and (max-width: 768px) {
#area-bnr {
display: none; } } .sitemap-txt-link-01 {
width: 22%;
float: left;
margin: 30px 0; }
.sitemap-txt-link-02 {
width: 34%;
float: left;
margin: 30px 0; }
.sitemap-txt-link-01 a,
.sitemap-txt-link-02 a {
font-size: 0.88em;
background: url(//www.sekisuiheim.co.jp/common/img/icon-arrow-002.svg) 0 50% no-repeat;
background-size: 4px auto;
padding: 0 0 0 10px; }
.sitemap-txt-link-01 li,
.sitemap-txt-link-02 li {
margin: 0 0 5px; }
@media screen and (max-width: 768px) {
.sitemap-txt-link-01,
.sitemap-txt-link-02 {
display: none; } } footer #outline {
clear: both;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer #outline .map {
width: 50%;
float: left; }
footer #outline .outline_contents {
width: 50%;
float: right;
background-color: #0075c1;
color: #FFFFFF;
text-align: center;
font-style: normal;
padding: 50px 2% 40px; }
footer #outline .outline_contents .logo {
width: 75%;
margin: 0 auto 15px; }
footer #outline .outline_contents address {
font-style: normal;
font-size: 1.06em; }
footer #outline .outline_contents p {
font-size: 0.88em; }
footer #outline .outline_contents .license {
padding: 25px 0; }
footer #outline .outline_contents .area {
background-color: #FFFFFF;
border-radius: 5px;
margin: 0 0 20px;
padding: 15px 10%;
color: #000000; }
@media screen and (max-width: 600px) {
footer #outline iframe {
display: none; }
footer #outline .outline_contents {
width: 100%;
float: none; } } #page-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 20000; }
#page-top a {
width: 60px;
display: block; }
@media screen and (max-width: 480px) {
#page-top {
display: none; } } .sideBtn { position: fixed; top: 300px; right: 0;}
.sideBtn p { margin: 0 0 20px; filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6)); }
.pc { display: block;}
.sp { display: none;}
@media screen and (max-width: 480px) {
.sideBtn { position: fixed; top: 20%; right: 0;}
.sideBtn p { margin: 0 0 20px; filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6)); }
.pc { display: none;}
.sp { display: block;}
} .formAttention { margin: 50px 70px; border: solid 2px #F00; padding: 20px;}
.formAttention h4 { font-weight: bold; margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 1px #CCC;}
.formAttention h4::before { content: "◆"; font-weight: bold;}
.formAttention p { margin: 0 0 30px; font-size: 0.9em;}
.formAttention p:last-of-type { margin: 0 0 0;}
@media screen and (max-width: 480px) {
.formAttention { margin: 30px 20px; border: solid 2px #F00; padding: 20px;}
.formAttention h4 { font-weight: bold; margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 1px #CCC;}
.formAttention h4::before { content: "◆"; font-weight: bold;}
.formAttention p { margin: 0 0 30px; font-size: 0.9em;}
.formAttention p:last-of-type { margin: 0 0 0;}
}
 #map {
width: 100%;
height: 520px;
margin: 30px auto 0;
}
#map_v2 {
width: 100%;
height: 520px;
margin: 30px auto 0;
}
h3.ttl-line {
margin: 100px 0 0 0;
}
.br-beige-02 {
background-image: url(//www.sekisuiheim.co.jp/common/img/bg-beige-02.gif) ;
background-position: 0 0;
background-repeat: repeat-x;
text-align: center;
}
.br-beige-03 {
background-image: url(//www.sekisuiheim.co.jp/common/img/bg-beige-02.gif) , url(//www.sekisuiheim.co.jp/common/img/bg-beige-01.gif);
background-position: 0 0 , 0 0;
background-repeat: repeat-x , repeat;
text-align: center;
}
.tenji-wrapper {
width: 100%;
max-width: 1200px;
margin: 60px auto 0;
}
.tenji-l-box {
width: 49%;
float: left;
margin: 0 1% 0 0;
}
.tenji-r-box {
width: 49%;
float: right;
margin: 0 0 0 1%;
}
main h4 {
font-size: 1.4em;
font-weight: bold;
line-height: 1;
padding: 18px 0 30px 0;
}
.tenji-wrapper ul {
padding: 0 20px;
}
.tenji-wrapper ul li {
width: 46%;
margin: 10px 2% 15px;
float: left;
background: #ff7e00;
font-size: 1.3em;
padding: 8px 0;
color: #FFFFFF;
}
main a {
text-decoration: underline;
}
main ul li a {
text-decoration: none;
}
@media screen and (max-width: 1200px) {
.br-beige-02 { background-image: none; }
}
@media screen and (max-width: 768px) {
#map {
width: 100%;
height: 320px;
margin: 15px auto 0;
}
#map_v2 {
width: 100%;
height: 320px;
margin: 15px auto 0;
}
main .type-en-heim,
main .type-en-toyou {
padding: 10px 0 15px 0;
}
.br-beige-02 {
background-image: none;
}
.tenji-wrapper {
margin: 35px auto 0;
}
.tenji-l-box {
width: 100%;
float: none;
margin: 0;
}
.tenji-r-box {
width: 100%;
float: none;
margin: 0;
clear: both;
padding: 40px 0 0 0;
}
.tenji-l-box p,
.tenji-r-box p {
margin: 0 2%;
}
main h4 {
font-size: 1.2em;
padding: 10px 5px 10px;
line-height: 1.5em;
}
main h4.line-01 {
margin: 0.5em 0 1em 0;
}
.tenji-wrapper ul {
padding: 0 1%;
}
.tenji-wrapper ul li {
width: 48%;
margin: 10px 1% 15px;
float: left;
background: #ff7e00;
font-size: 1.3em;
padding: 8px 0;
color: #FFFFFF;
}
} .inner1200 {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 0 0;
}
.inner1200m2 {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 0 0;
}
@media screen and (max-width: 1200px) {
.inner1200 {
max-width: 96%;
margin: 0 2%;
padding: 0 0 0 0;
}
.inner1200m2 {
max-width: 100%;
margin: 0;
padding: 0 0 0 0;
}
} #mv01,
#mv03 {
padding: 65% 0 0 0;
position: relative;
}
#mv02 {
padding: 57% 0 0 0;
position: relative;
}
.mv-s_himeji {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_himeji-mv.jpg);
background-position: 50% 30%;
}
.mv-s_himeji_r {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_himeji_r-mv.jpg);
background-position: 50% 30%;
}
.mv-s_plaza_bj {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_plaza_bj-mv.jpg);
background-position: 50% 30%;
}
.mv-s_plaza_desio {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_plaza_desio-mv.jpg);
background-position: 50% 30%;
}
.mv-s_abc_kakogawa {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_abc_kakogawa-mv.jpg);
background-position: 50% 30%;
}
.mv-s_abc_kakogawa__sep {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_abc_kakogawa__sep-mv.jpg);
background-position: 50% 30%;
}
.mv-s_kakogawa {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_kakogawa-mv.jpg);
background-position: 50% 30%;
}
.mv-s_takasago {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_takasago-mv.jpg);
background-position: 50% 30%;
}
.mv-s_harima {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_harima-mv.jpg);
background-position: 50% 30%;
}
.mv-s_nozomino {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_nozomino-mv.jpg);
background-position: 69% 30%;
}
.mv-w_himeji {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_himeji-mv.jpg);
background-position: 50% 30%;
}
.mv-w_himeji_r {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_himeji_r-mv.jpg);
background-position: 50% 30%;
}
.mv-w_abc_kakogawa {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_abc_kakogawa-mv.jpg);
background-position: 50% 30%;
}
.mv-w_kakogawa {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_kakogawa-mv.jpg);
background-position: 50% 30%;
}
.mv-w_katsuhara {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_katsuhara-mv.jpg);
background-position: 50% 30%;
}
.mv-w_yamasaki {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_yamasaki-mv.jpg);
background-position: 50% 30%;
}
.mv-s_himeji,
.mv-s_himeji_r,
.mv-s_plaza_bj,
.mv-s_plaza_desio,
.mv-s_abc_kakogawa,
.mv-s_abc_kakogawa__sep,
.mv-s_kakogawa,
.mv-s_takasago,
.mv-s_harima,
.mv-s_nozomino,
.mv-w_himeji,
.mv-w_himeji_r,
.mv-w_abc_kakogawa,
.mv-w_kakogawa,
.mv-w_katsuhara,
.mv-w_yamasaki {
background-repeat: no-repeat;
background-size: cover;
}
#mv-txt {
position: absolute;
top: 60px;
left: 10%;
margin: 0 auto;
}
#mv-txt img {
max-height: 37px;
}
main #mv01 h1,
main #mv02 h1,
main #mv01 h2,
main #mv02 h2 {
font-size: 2.4em;
text-align: left;
margin: 10px 0 0 0;
padding: 0;
font-weight: 400;
letter-spacing: 0.05em;
font-family: inherit;
}
main #mv03 h1,
main #mv03 h2 {
font-size: 2.4em;
text-align: left;
margin: 10px 0 0 0;
padding: 0;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.2;
color: #FFFFFF;
font-family: inherit;
}
main #mv01 h1 span,
main #mv02 h1 span,
main #mv03 h1 span,
main #mv01 h2 span,
main #mv02 h2 span,
main #mv03 h2 span {
font-size: 0.7em;
margin: 0 0 0 -13px;
}
main #mv01 h1.t01 { color: #FFFFFF; }
main #mv01 h1.t02 { color: #000000; }
main #mv02 h1.t01 { color: #FFFFFF; }
main #mv03 h1.t01 { color: #000000; }
main #mv03 h1.t02 { color: #000000; }
main #mv03 h1.t03 { color: #FFFFFF; }
main #mv01 h2.t01 { color: #FFFFFF; }
main #mv01 h2.t02 { color: #000000; }
main #mv02 h2.t01 { color: #FFFFFF; }
main #mv03 h2.t01 { color: #000000; }
main #mv03 h2.t02 { color: #000000; }
main #mv03 h2.t03 { color: #FFFFFF; }
@media screen and (max-width: 1000px) {
#mv-txt {
top: 25px;
left: 2%;
}
}
@media screen and (max-width: 768px) {
#mv01,
#mv03 {
padding: 85% 0 0 0;
}
#mv02 {
padding: 85% 0 0 0;
}
#mv-txt img {
max-height: 24px;
}
main #mv01 h1,
main #mv02 h1,
main #mv03 h1,
main #mv01 h2,
main #mv02 h2,
main #mv03 h2 {
font-size: 2.4em;
margin: 6px 0 0 0;
}
main #mv01 h1 span,
main #mv02 h1 span,
main #mv03 h1 span,
main #mv01 h2 span,
main #mv02 h2 span,
main #mv03 h2 span {
font-size: 0.6em;
margin: 0 0 0 -10px;
}
main #mv03 h2.t02 {
text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0, white 0px 1px 0, white  0 -1px 0, white -1px 0 0, white 1px 0 0;
}
.mv-s_abc_kakogawa__sep {
padding: 65% 0 0 0 !important;
}
}
@media screen and (max-width: 480px) {
#mv-txt {
top: 10px;
}
#mv-txt img {
display: none;
}
main #mv01 h1,
main #mv02 h1,
main #mv03 h1,
main #mv01 h2,
main #mv02 h2,
main #mv03 h2 {
font-size: 2.2em;
margin: 0;
line-height: 1.2;
}
main #mv01 h1 span,
main #mv02 h1 span,
main #mv01 h2 span,
main #mv02 h2 span {
display: block;
}
} #concept {
max-height: 1420px;
margin: 0 0 100px;
}
.concept-s_himeji { background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_himeji-concept_bg.jpg); }
.concept-s_himeji_r { background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_himeji_r-concept_bg.jpg); }
.concept-s_plaza_bj { background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_plaza_bj-concept_bg.jpg); }
.concept-s_plaza_desio { background-color: #595955; }
.concept-s_abc_kakogawa { background-color: #e5d1b3; }
.concept-s_abc_kakogawa__sep { background-color: #cdcdcd; }
.concept-s_kakogawa { background-color: #e5ccb3; }
.concept-s_takasago { background-color: #381b12; }
.concept-s_harima { background-color: #e8dcb8; }
.concept-s_nozomino { background-image: url(//www.sekisuiheim.co.jp/tenji/img/s_nozomino-concept_bg.jpg); }
.concept-w_himeji { background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_himeji-concept_bg.jpg); }
.concept-w_himeji_r { background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_himeji_r-concept_bg.jpg); }
.concept-w_abc_kakogawa { background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_abc_kakogawa-concept_bg.jpg); }
.concept-w_kakogawa { background-color: #081c00; }
.concept-w_katsuhara { background-color: #c88c6e; }
.concept-w_yamasaki { background-color: #5a4c43; }
.concept-s_himeji,
.concept-s_plaza_bj,
.concept-s_nozomino,
.concept-w_himeji,
.concept-w_himeji_r,
.concept-w_abc_kakogawa {
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.concept-s_nozomino {
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.concept-w_himeji_r {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
main #concept h2 {
text-align: left;
font-size: 1.5em;
font-weight: 400;
margin: 0;
padding: 120px 0 50px 0;
}
main #concept h2.t01 { color: #FFFFFF; }
main #concept h2.t02 { color: #40220f; }
#concept img {
max-width: 42%;
float: left;
margin: 120px 8% -100px 0;
}
main #concept p {
font-size: 0.9em;
line-height: 2.2;
}
main #concept p.t01 { color: #FFFFFF; }
main #concept p.t02 { color: #40220f; }
@media screen and (max-width: 768px) {
#concept {
max-height: auto;
margin: 0;
padding: 30px 3% 30px;
}
main #concept h2 {
width: 46%;
float: left;
padding: 60px 0 50px 0;
}
#concept img {
max-width: 46%;
float: right;
margin: 0 0 20px;
}
main #concept p {
clear: both;
}
} #layout {
clear: both;
max-width: 1200px;
margin: 0 auto;
padding: 60px 0 60px;
}
ul.layout-row6,
ul.layout-row6-02,
ul.layout-row6-03,
ul.layout-row7,
ul.layout-row7-02 {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
ul.layout-row6 li,
ul.layout-row6-02 li,
ul.layout-row6-03 li,
ul.layout-row7 li,
ul.layout-row7-02 li {
float: left;
background: url(//www.sekisuiheim.co.jp/tenji/img/layout_border.png) 50% 0% no-repeat;
background-size: 3px 440px;
height: 440px;
}
ul.layout-row6 li {	width: calc(100%/6); padding: 148px 0 0 0; }
ul.layout-row6-02 li { width: calc(100%/6); padding: 148px 0 0 0; }
ul.layout-row6-03 li { width: calc(100%/6); padding: 164px 0 0 0; }
ul.layout-row7 li {	width: 14.28%; padding: 160px 0 0 0; }
ul.layout-row7-02 li { width: 14.28%; padding: 150px 0 0 0; }
ul.layout-row6 li img { max-width: 145px; }
ul.layout-row6-02 li img { max-width: 108px; }
ul.layout-row6-03 li img { max-width: 108px; }
ul.layout-row7 li img { max-width: 108px; }
ul.layout-row7-02 li img { max-width: 140px; }
@media screen and (max-width: 768px) {
#layout {
max-width: auto;
margin: 96%;
margin: 0 2%;
padding: 40px 0 0;
}
ul.layout-row6,
ul.layout-row6-02,
ul.layout-row6-03,
ul.layout-row7,
ul.layout-row7-02 {
display: none;
}
} #tenji-outline {
clear: both;
padding: 150px 0 0 0;
position: relative;
}
main #tenji-outline h3 {
text-align: center;
font-size: 1.8em;
padding: 30px 0 50px;
font-weight: 500;
}
#tenji-lower #map {
clear: both;
width: 50%;
height: 520px;
margin: 0;
float: left;
}
#tenji-lower #map_v2 {
clear: both;
width: 50%;
height: 520px;
margin: 0;
float: left;
}
#tenji-address {
width: 50%;
height: 520px;
float: right;
text-align: center;
padding: 30px 0 0 0;
}
.tenji-address-bg-s_himeji { background: #40220f; color:  #FFFFFF; }
.tenji-address-bg-s_himeji_r { background: #000000; color:  #FFFFFF; }
.tenji-address-bg-s_plaza_bj { background: #5396af;	color:  #FFFFFF; }
.tenji-address-bg-s_plaza_desio { background: #595955;	color:  #FFFFFF; }
.tenji-address-bg-s_abc_kakogawa { background: #c9b08c;	color:  #000000; }
.tenji-address-bg-s_abc_kakogawa__sep { background: #cdcdcd;	color:  #000000; }
.tenji-address-bg-s_kakogawa { background: #c9b08c;	color:  #000000; }
.tenji-address-bg-s_takasago { background: #381b12;	color:  #FFFFFF; }
.tenji-address-bg-s_harima { background: #c9b08c;	color:  #000000; }
.tenji-address-bg-s_nozomino { background: #a2d0d1;	color:  #000000; }
.tenji-address-bg-w_himeji { background: #3ea6c2;	color:  #FFFFFF; }
.tenji-address-bg-w_himeji_r { background: #40220f;	color:  #FFFFFF; }
.tenji-address-bg-w_abc_kakogawa { background: #00acd5;	color:  #FFFFFF; }
.tenji-address-bg-w_kakogawa { background: #081c00;	color:  #FFFFFF; }
.tenji-address-bg-w_katsuhara { background: #c88c6e;	color:  #FFFFFF; }
.tenji-address-bg-w_yamasaki { background: #5a4c43;	color:  #FFFFFF; }
#tenji-address dt {
margin: 20px 0 0 0;
}
@media screen and (max-width: 768px) {
#tenji-outline {
padding: 80px 0 0 0;
}
main #tenji-outline h3 {
padding: 0 0 20px;
}
#tenji-lower #map {
width: 100%;
height: 300px;
float: none;
}
#tenji-lower #map_v2 {
width: 100%;
height: 300px;
float: none;
}
#tenji-address {
width: 100%;
height: auto;
float: none;
text-align: left;
margin: 0 0 0;
padding: 20px 3% 10px;
}
#tenji-address dt {
width: 100px;
float: left;
margin: 0 0 10px 0;
clear: both;
}
#tenji-address dd {
margin: 0 0 10px 100px;
}
} #other {
clear: both;
max-width: 1200px;
margin: 0 auto;
}
main #other h2 {
padding: 150px 0 0 0;
font-weight: 500;
}
#other .other_ttl_en {
width: 250px;
padding: 80px 0 0 0;
}
#other h3 {
margin: 5px 0 25px 60px;
font-size: 1.5em;
}
#other ul li {
float: left;
width: calc(100%/3);
padding: 0 0.6% 1%;
}
#other ul li img {
width: 100%;
}
@media screen and (max-width: 768px) {
#other {
max-width: 100%;
margin: 0; 
}
main #other h2 {
padding: 100px 0 0 0;
}
#other .other_ttl_en {
width: 200px;
padding: 50px 0 0 0;
}
#other h3 {
margin: 10px 0 20px 45px;
}
#other ul {
margin: 0 2%;
}
#other ul li {
width: calc(100%/2);
padding: 0 1% 2% 0;	
}
#other ul li:nth-child(even) {
padding: 0 0 2% 1%;	
}
}  .interior-inner {
max-width: 1200px;
margin: 0 auto;
}
main #interior h2,
main #interior h3 {
line-height: 1.5em;
}
#interior p {
font-size: 0.9em;
line-height: 2.4em;
}
@media screen and (max-width: 1200px) {
.interior-inner {
max-width: 96%;
margin: 0 2%;
}
#interior p {
line-height: 2em;
}
}
@media screen and (max-width: 768px) {
#interior p {
font-size: 1em;
}
} .interior-s_himeji-img01,
.interior-s_himeji-img02 {
clear: both;
padding: 160px 0 0 0;
}
.interior-s_himeji-txt01,
.interior-s_himeji-txt02 {
clear: both;
}
main .interior-s_himeji-img01 h2 {
float: right;
text-align: left;
width: 26%;
max-width: 26%;
margin: 0 0 0 4%;
padding: 60px 0 0 0;
}
main .interior-s_himeji-img02 h2 {
float: left;
width: 26%;
max-width: 26%;
margin: 0 0 0 4%;
padding: 60px 0 0 0;
}
.interior-s_himeji-img01 h2 img,
.interior-s_himeji-img02 h2 img {
width: 70%;
}
.interior-s_himeji-img01 .r-img {
float: left;
width: 70%;
max-width: 70%;
}
.interior-s_himeji-img02 .l-img {
float: left;
width: 70%;
max-width: 70%;
}
dl.interior-s_himeji-txt01,
dl.interior-s_himeji-txt02 {
color: #40220f;
padding: 40px 0 0 0;
}
dl.interior-s_himeji-txt01 dt,
dl.interior-s_himeji-txt02 dt {
float: left;
text-align: right;
padding: 40px 60px 0 0;
}
dl.interior-s_himeji-txt01 dt { width: 35%; max-width: 35%; }
dl.interior-s_himeji-txt02 dt { width: 58%; max-width: 58%; }
dl.interior-s_himeji-txt01 dd,
dl.interior-s_himeji-txt02 dd {
padding: 20px 0 20px 60px;
border-left: #40220f 1px solid;
}
dl.interior-s_himeji-txt01 dd { margin: 0 0 0 35%; }
dl.interior-s_himeji-txt02 dd { margin: 0 0 0 58%; }
main .s_himeji h3 {
margin: 0;
padding: 0;
font-size: 1.4em;
}
@media screen and (max-width: 768px) {
.interior-s_himeji-img01,
.interior-s_himeji-img02 {
clear: both;
padding: 60px 0 0 0;
}
main .interior-s_himeji-img01 h2 {
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 20px;
padding: 0;
}
main .interior-s_himeji-img02 h2 {
float: none;
text-align: left;
width: 100%;
max-width: 100%;
margin: 0 0 20px;
padding: 0;
}
.interior-s_himeji-img01 h2 img,
.interior-s_himeji-img02 h2 img {
width: 70%;
}
.interior-s_himeji-img01 .r-img {
float: none;
width: 100%;
max-width: 100%;
}
.interior-s_himeji-img02 .l-img {
float: none;
width: 100%;
max-width: 100%;
}
dl.interior-s_himeji-txt01,
dl.interior-s_himeji-txt02 {
padding: 10px 0 0 0;
}
dl.interior-s_himeji-txt01 dt,
dl.interior-s_himeji-txt02 dt {
float: none;
text-align: left;
padding: 10px 20px 0 0;
}
dl.interior-s_himeji-txt01 dt { width: 100%; max-width: 100%; }
dl.interior-s_himeji-txt02 dt { width: 100%; max-width: 100%; }
dl.interior-s_himeji-txt01 dd,
dl.interior-s_himeji-txt02 dd {
padding: 0 0 0 20px;
border-left: #40220f 1px solid;
}
dl.interior-s_himeji-txt01 dd { margin: 10px 0 0 0; }
dl.interior-s_himeji-txt02 dd { margin: 10px 0 0 0; }
main .s_himeji h3 {
font-weight: 500;
}
} main .s_plaza_bj h2 {
margin: 0;
padding: 160px 0 0 0;
}
main .s_plaza_bj h3 {
font-size: 1.4em;
margin: 0;
padding: 0;
}
.s_plaza_bj dl {
padding: 40px 0 0 0;
}
.s_plaza_bj dl dt {
float: left;
width: 35%;
padding: 0 0 0 0;
}
.s_plaza_bj dl dd {
margin: 0 0 0 35%;
padding: 0 0 0 5%;
}
@media screen and (max-width: 768px) {
main .s_plaza_bj h2 {
padding: 60px 0 0 0;
}
.s_plaza_bj dl {
padding: 20px 0 0 0;
}
.s_plaza_bj dl dt {
float: none;
width: 100%;
padding: 0 0 0 0;
}
.s_plaza_bj dl dd {
margin: 0;
padding: 10px 0 0 0;
}
} .interior-s_plaza_desio-img01 {
float: right;
width: 70%;
max-width: 70%;
padding: 160px 0 0 0;
}
.interior-s_plaza_desio-img02 {
float: left;
width: 70%;
max-width: 70%;
padding: 160px 0 0 0;
}
.interior-s_plaza_desio-txt01 {
float: left;
width: 27%;
margin: 160px 3% 0 0;
}
.interior-s_plaza_desio-txt02 {
float: left;
width: 27%;
margin: 160px 0 0 3%;
}
.interior-s_plaza_desio-ttl01 {
height: 260px;
background: url(//www.sekisuiheim.co.jp/tenji/img/s_plaza_desio-img01_txt_border.png) 0 0 no-repeat;
}
.interior-s_plaza_desio-ttl02 {
height: 260px;
background: url(//www.sekisuiheim.co.jp/tenji/img/s_plaza_desio-img02_txt_border.png) 100% 0 no-repeat;
}
main .interior-s_plaza_desio-ttl01 h2 { margin: 0; padding: 30px 0 0 30px; }
main .interior-s_plaza_desio-ttl02 h2 {	margin: 0; padding: 30px 30px 0 0; }
.interior-s_plaza_desio-txt01 p { margin: 70px 3% 0 0; }
.interior-s_plaza_desio-txt02 p { margin: 70px 0 0 3%; }
@media screen and (max-width: 1000px) {
.interior-s_plaza_desio-img01,
.interior-s_plaza_desio-img02 {
float: none;
width: 100%;
max-width: 100%;
padding: 70px 0 0 0;
}
.interior-s_plaza_desio-txt01,
.interior-s_plaza_desio-txt02 {
float: none;
width: 100%;
margin: 0;
}
.interior-s_plaza_desio-ttl01,
.interior-s_plaza_desio-ttl02 {
height: auto;
background: none;
}
main .interior-s_plaza_desio-ttl01 h2,
main .interior-s_plaza_desio-ttl02 h2	{
margin: 0;
padding: 30px 0 15px;
text-align: left;
font-size: 1%;
}
main .interior-s_plaza_desio-ttl01 h2 img,
main .interior-s_plaza_desio-ttl02 h2 img	{
width: 60%;
}
.interior-s_plaza_desio-txt01 p { width: 100%; margin: 0; }
.interior-s_plaza_desio-txt02 p { width: 100%; float: none; margin: 0; }
}
@media screen and (max-width: 768px) {
main .interior-s_plaza_desio-ttl01 h2 img,
main .interior-s_plaza_desio-ttl02 h2 img	{
width: 85%;
}
} .s_abc_kakogawa {
text-align: center;
}
.bgcolor-cd {
background-color: #cdcdcd !important;
}
.interior-s_abc_kakogawa-img01 {
background: #e5d1b3;
text-align: center;
margin: 160px 0 0 0;
padding: 30px 0 25px 0;
}
main .interior-s_abc_kakogawa-img01 h2 {
width: 20%;
margin: 0 auto;
padding: 25px 0 0 0;
font-size: 0;
text-align: center;
}
.interior-s_abc_kakogawa-img01-type01 {
max-width: 1200px;
margin: 0 auto;
}
.interior-s_abc_kakogawa-img01-type01 img {
max-height: 514px;
} 
main .s_abc_kakogawa h3 {
font-size: 1.55em;
color: #6c4913;
margin: 35px 0 30px;
}
@media screen and (max-width: 1200px) {
.interior-s_abc_kakogawa-img01-type01 {
max-width: 1200px;
margin: 0 2%;
}
.interior-s_abc_kakogawa-img01-type01 img {
max-height: 514px;
} 
}
@media screen and (max-width: 768px) {
.interior-s_abc_kakogawa-img01 {
margin: 60px 0 0 0;
padding: 10px 0 15px 0;
}
main .interior-s_abc_kakogawa-img01 h2 {
width: 35%;
padding: 15px 0 0 0;
}
main .s_abc_kakogawa h3 {
margin: 20px 0 15px;
}
}
@media screen and (max-width: 480px) {
main .interior-s_abc_kakogawa-img01 h2 {
width: 45%;
}
} .s_kakogawa dl {
clear: both;
margin: 40px 0 0 0;
padding: 180px 0 0 0;
}
.s_kakogawa dl dt {
width: 30%;
float: left;
font-size: 1.5em;
color: #6c4913;
margin: 0 0 40px 0;
}
.s_kakogawa dl dd {
margin: 0 0 40px 30%;
}
.interior-s_kakogawa-img01 {
float: left;
width: 60%;
margin: 0 0 -180px 0;
}
.interior-s_kakogawa-img02 {
float: right;
width: 60%;
margin: 130px 0 -180px 0;
}
.interior-s_kakogawa-ttl01,
.interior-s_kakogawa-ttl02 {
background: #e5ccb3;
padding: 25px 0;
clear: both;
}
main .interior-s_kakogawa-ttl01 h2,
main .interior-s_kakogawa-ttl02 h2 {
max-width: 1200px;
margin: 0 auto;
padding: 0;
}
main .interior-s_kakogawa-ttl01 h2 { text-align: right; }
main .interior-s_kakogawa-ttl02 h2 { text-align: left; }
main .interior-s_kakogawa-ttl01 h2 img { height: 60px; padding: 0 2% 0 0; }
main .interior-s_kakogawa-ttl02 h2 img { height: 60px; padding: 0 0 0 2%; }
@media screen and (max-width: 768px) {
.s_kakogawa dl {
padding: 60px 0 0 0;
}
.s_kakogawa dl dt {
width: 100%;
float: none;
margin: 0 0 20px 0;
}
.s_kakogawa dl dd {
margin: 0 0 20px 0;
}
.interior-s_kakogawa-img01 {
width: 95%;
margin: 0 0 -40px 0;
}
.interior-s_kakogawa-img02 {
width: 95%;
margin: 30px 0 -40px 0;
}
.interior-s_kakogawa-ttl01,
.interior-s_kakogawa-ttl02 {
padding: 60px 0 15px 0;
}
main .interior-s_kakogawa-ttl01 h2,
main .interior-s_kakogawa-ttl02 h2 {
max-width: 100%;
}
main .interior-s_kakogawa-ttl01 h2 img,
main .interior-s_kakogawa-ttl02 h2 img {
height: 40px;
}
} main .s_takasago h2 {
clear: both;
background: url(//www.sekisuiheim.co.jp/tenji/img/s_takasago-img_txt_border.gif) 0 100% no-repeat;
background-size: 100% auto;
margin: 0 0 40px;
padding: 160px 0 35px 0;
}
main .s_takasago h2 img {
width: 45%;
}
main .s_takasago h3 {
margin: 0;
padding: 0;
text-align: center;
font-size: 1.5em;
}
ul.interior-s_takasago-img01 {
clear: both;
}
ul.interior-s_takasago-img01 li {
width: calc(100%/2);
float: left;
margin: 50px 0 0 0;
padding: 0 1% 0 0;
text-align: center;
}
ul.interior-s_takasago-img01 li:nth-child(even) {
padding: 0 0 0 1%;
}
main .s_takasago h4 {
margin: 40px 0 0 0;
padding: 0;
}
main .s_takasago p {
text-align: center;
padding: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
main .s_takasago h2 {
margin: 0 0 20px;
padding: 80px 0 15px 0;
}
main .s_takasago h2 img {
width: 90%;
}
ul.interior-s_takasago-img01 li {
margin: 20px 0 0 0;
padding: 0 1% 0 0;
}
main .s_takasago h4 {
margin: 20px 0 0 0;
padding: 0;
}
main .s_takasago p {
padding: 20px 0 0 0;
}
} .interior-s_harima-img-ttl01 {
clear: both;
margin: 0;
padding: 160px 0 20px 0;
border-bottom: #00709e 1px solid;
}
.interior-s_harima-img-ttl02 {
clear: both;
margin: 114px 0 0 0;
padding: 160px 0 20px 0;
border-bottom: #00709e 1px solid;
}
.interior-s_harima-img-ttl03 {
clear: both;
margin: 114px 0 0 0;
padding: 160px 0 20px 0;
border-bottom: #00709e 1px solid;
}
main .interior-s_harima-img-ttl01 h2,
main .interior-s_harima-img-ttl02 h2,
main .interior-s_harima-img-ttl03 h2 {
width: 1200px;
margin: 0 auto;
padding: 0;
}
main .interior-s_harima-img-ttl01 h2 { text-align: left; }
main .interior-s_harima-img-ttl02 h2 { text-align: right; }
main .interior-s_harima-img-ttl03 h2 { text-align: left; }
main .s_harima h2 img {
max-width: 25%;
}
.interior-s_harima-img-type01,
.interior-s_harima-img-type02,
.interior-s_harima-img-type03,
.interior-s_harima-img-type04 {
max-width: 1200px;
margin: -114px auto 0;
}
.interior-s_harima-img-type01 img { max-width: 60%;	float: right; }
.interior-s_harima-img-type02 img { max-width: 40%;	float: left; margin: 0 0 0 10%; }
.interior-s_harima-img-type03 img { max-width: 40%;	float: right; margin: 0 10% 0 0; }
.interior-s_harima-img-type04 img { max-width: 60%;	float: left; }
.interior-s_harima-img-type01 p {
max-width: 36%;
margin: 0 4% 0 0;
padding: 244px 0 0 0;
}
.interior-s_harima-img-type02 p {
width: 46%;
max-width: 46%;
margin: 0 0 0 4%;
padding: 264px 0 0 0;
float: right;
text-align: left;
}
.interior-s_harima-img-type03 p {
max-width: 36%;
margin: 0 4% 0 0;
padding: 264px 0 0 0;
}
.interior-s_harima-img-type04 p {
width: 36%;
max-width: 36%;
margin: 0 0 0 4%;
padding: 244px 0 0 0;
float: right;
}
@media screen and (max-width: 1200px) {
main .s_harima h2 {
width: 96%;
margin: 0 2%;
}
.interior-s_harima-img-type01 img,
.interior-s_harima-img-type04 img {
max-width: 58%;
}
.interior-s_harima-img-type01 p,
.interior-s_harima-img-type04 p {
max-width: 36%;
margin: 0 4% 0 2%;
padding: 184px 0 0 0;
}
}
@media screen and (max-width: 768px) {
.interior-s_harima-img-ttl01,
.interior-s_harima-img-ttl02,
.interior-s_harima-img-ttl03 {
margin: 0;
padding: 80px 0 20px 0;
}
main .interior-s_harima-img-ttl02 h2 { text-align: left; }
main .s_harima h2 img {
max-width: 46%;
}
.interior-s_harima-img-type01,
.interior-s_harima-img-type02,
.interior-s_harima-img-type03,
.interior-s_harima-img-type04 {
max-width: 96%;
margin: 0 2%;
padding: 15px 0 0 0;
}
.interior-s_harima-img-type01 img,
.interior-s_harima-img-type02 img,
.interior-s_harima-img-type03 img,
.interior-s_harima-img-type04 img {
max-width: 100%;
float: none;
text-align: right;
margin: 0;
}
.interior-s_harima-img-type01 p,
.interior-s_harima-img-type02 p,
.interior-s_harima-img-type03 p,
.interior-s_harima-img-type04 p {
clear: both;
float: none;
width: 100%;
max-width: 100%;
margin: 0;
padding: 15px 0 0 0;
}
} .inner1200m2 {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 0 0;
clear: both;
}
@media screen and (max-width: 1200px) {
.inner1200m2 {
max-width: 100%;
margin: 0;
padding: 0 0 0 0;
}
}
main .s_nozomino {
text-align: center;
}
main .s_nozomino h2 {
margin: 0;
padding: 160px 0 35px 0;
font-weight: 400;
font-size: 1.5em;
}
main .s_nozomino h2:last-child {
padding: 160px 0 0 0;
}
.interior-s_nozomino-box01,
.interior-s_nozomino-box02 {
background: #a2d0d1;
display:flex;
margin: 60px 0 0 0;
}
main .interior-s_nozomino-box01-txt,
main .interior-s_nozomino-box02-txt {
width: 30%;
margin: 0;
padding: 0;
text-align: center;
background: #ecf6f6;
height: 100%;
position: relative;
}
main .interior-s_nozomino-box01-txt { float: left; }
main .interior-s_nozomino-box02-txt { float: right; }
main .interior-s_nozomino-box01-txt h3,
main .interior-s_nozomino-box02-txt h3 {
width: 60%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.interior-s_nozomino-box01-img {
width: 70%;
float: right;
}
.interior-s_nozomino-box02-img {
width: 70%;
float: left;
}
@media screen and (max-width: 1200px) {
main .interior-s_nozomino-box01-txt,
main .interior-s_nozomino-box02-txt {
background: #a2d0d1;
}
}
@media screen and (max-width: 768px) {
main .s_nozomino h2 {
padding: 80px 0 20px 0;
}
main .s_nozomino h2:last-child {
padding: 60px 0 0 0;
}
.interior-s_nozomino-box01,
.interior-s_nozomino-box02 {
margin: 20px 0 0 0;
}
main .interior-s_nozomino-box01-txt,
main .interior-s_nozomino-box02-txt {
display: none;
}
.interior-s_nozomino-box01-img,
.interior-s_nozomino-box02-img {
width: 100%;
}
} main .w_himeji h2 {
clear: both;
margin: 0;
padding: 160px 0 0 0;
}
.interior-w_himeji-img {
display: none;
}
.interior-w_himeji-img_txt {
background: #d2f3fc;
text-align: right;
margin: -80px 0 0;
padding: 120px 4% 30px 4%;
}
.interior-w_himeji-img_txt p {
max-width: 1200px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
main .w_himeji h2 {
padding: 80px 0 20px 0;
width: 70%;
}
.interior-w_himeji-img {
display: block;
}
.interior-w_himeji-img_txt {
margin: -40px 0 0;
padding: 60px 4% 20px 4%;
text-align: left;
}
} main .w_himeji_r h2 {
clear: both;
width: 45%;
margin: 0 auto;
padding: 160px 0 0 0;
text-align: center;
}
main .w_himeji_r h3 {
text-align: center;
margin: 0;
padding: 20px 0 0 0;
font-size: 1.4em;
color: #40220f;
font-weight: 500;
}
.interior-w_himeji_r-img01 {
padding: 100px 0 40px 0;
}
.interior-w_himeji_r-img01 img {
width: 50%;
float: right;
}
.interior-w_himeji_r-img01 p {
width: 50%;
float: left;
padding: 100px 0 0 0;
}
.interior-w_himeji_r-img02 {
padding: 100px 0 0 0;
}
.interior-w_himeji_r-img02 img {
width: 70%;
padding: 40px 0 0 0;
}
.interior-w_himeji_r-img03 {
padding: 0 0 0 0;
background: #40220f;
}
.interior-w_himeji_r-img03-inner {
width: 1200px;
margin: -180px auto 0px;
padding: 50px 0;
text-align: right;
}
.interior-w_himeji_r-img03-inner img {
width: 45%;
}
.interior-w_himeji_r-img04 {
width: calc(100%/2);
float: left;
padding: 0 2% 0 0;
}
.interior-w_himeji_r-img04:last-child {
padding: 0 0 0 2%;
}
main .interior-w_himeji_r-img04 h2 {
width: 87%;
}
main .interior-w_himeji_r-img04 p {
padding: 30px 0 30px;
}
@media screen and (max-width: 1200px) {
.interior-w_himeji_r-img03-inner {
width: 100%;
}
}
@media screen and (max-width: 768px) {
main .w_himeji_r h2 {
width: 80%;
padding: 80px 0 0 0;
}
main .w_himeji_r h3 {
padding: 10px 0 0 0;
}
.interior-w_himeji_r-img01 {
padding: 20px 0 0 0;
}
.interior-w_himeji_r-img01 img {
width: 100%;
float: none;
}
.interior-w_himeji_r-img01 p {
width: 100%;
float: left;
padding: 0 0 20px 0;
}
.interior-w_himeji_r-img02 {
padding: 20px 0 0 0;
}
.interior-w_himeji_r-img02 img {
width: 100%;
padding: 20px 0 0 0;
}
.interior-w_himeji_r-img03 {
padding: 0 0 0 0;
background: none;
}
.interior-w_himeji_r-img03-inner {
width: 96%;
margin: 20px 2% 0 2%;
padding: 0;
text-align: center;
}
.interior-w_himeji_r-img03-inner img {
width: 100%;
}
.interior-w_himeji_r-img04 {
width: 100%;
float: none;
padding: 0 2% 0 0;
}
.interior-w_himeji_r-img04:last-child {
padding: 0;
}
main .interior-w_himeji_r-img04 h2 {
width: 80%;
}
main .interior-w_himeji_r-img04 p {
padding: 20px 0 20px;
}
} .interior-w_abc_kakogawa-txt01,
.interior-w_abc_kakogawa-txt02 {
width: 44%;
margin: 240px 0 0 0;
background: rgba(255,255,255,0.8);
position: relative;
z-index: 10;
}
.interior-w_abc_kakogawa-txt01 {
float: left;
padding: 40px 50px 40px 0;
}
.interior-w_abc_kakogawa-txt02 {
float: right;
padding: 40px 0 40px 50px;
}
main .w_abc_kakogawa h2 {
width: 50%;
margin: 0;
padding: 0;
}
main .w_abc_kakogawa h3 {
color: #00acd5;
font-size: 1.5em;
margin: 0;
padding: 25px 0 35px 0;
}
.interior-w_abc_kakogawa-img01,
.interior-w_abc_kakogawa-img03 {
width: 80%;
margin: -480px 0 0;
}
.interior-w_abc_kakogawa-img01 { float: right; }
.interior-w_abc_kakogawa-img03 { float: left; }
.interior-w_abc_kakogawa-img02 {
max-width: 80%;
margin: 0 auto;
}
.interior-w_abc_kakogawa-img02 img {
width: calc(100%/2);
float: left;
padding: 70px 3% 0 0;
}
.interior-w_abc_kakogawa-img02 img:last-child {
padding: 140px 0 0 3%;
}
main .w_abc_kakogawa h4 {
clear: both;
text-align: center;
color: #00acd5;
font-size: 1.5em;
font-weight: 400;
padding: 160px 0 40px 0;
line-height: 1.5em;
}
@media screen and (max-width: 1000px) {
.interior-w_abc_kakogawa-txt01,
.interior-w_abc_kakogawa-txt02 {
clear: both;
width: 100%;
margin: 0;
background: none;
position:  static;
}
.interior-w_abc_kakogawa-txt01,
.interior-w_abc_kakogawa-txt02 {
float: none;
padding: 60px 0 0 ;
}
main .w_abc_kakogawa h2 {
width: 30%;
padding: 0;
}
main .w_abc_kakogawa h3 {
padding: 15px 0 15px 0;
}
.interior-w_abc_kakogawa-img01,
.interior-w_abc_kakogawa-img03 {
width: 100%;
margin: 25px 0 0 0;
}
.interior-w_abc_kakogawa-img01 { float: none; }
.interior-w_abc_kakogawa-img03 { float: none; }
.interior-w_abc_kakogawa-img02 {
max-width: 100%;
}
.interior-w_abc_kakogawa-img02 img {
width: calc(100%/2);
float: none;
padding: 20px 1% 0 0;
}
.interior-w_abc_kakogawa-img02 img:last-child {
padding: 20px 0 0 1%;
}
main .w_abc_kakogawa h4 {
padding: 30px 0 10px 0;
font-size: 1.3em;
}
}
@media screen and (max-width: 768px) {
main .w_abc_kakogawa h2 {
width: 45%;
}
.interior-w_abc_kakogawa-img01,
.interior-w_abc_kakogawa-img03 {
margin: 10px 0 0 0;
}
} .interior-w_kakogawa-box01 {
background: #081c00;
color: #FFFFFF;
margin: 160px 0 0 0;
padding: 100px 0 120px 0;
}
main .interior-w_kakogawa-box01 h2 {
margin: 0;
padding: 0;
display: block;
}
.interior-w_kakogawa-box01 dl dt {
width: 30%;
float: left;
}
.interior-w_kakogawa-box01 dl dd {
margin: 0 0 0 35%;
}
.interior-w_kakogawa-img01 {
clear: both;
margin: -80px 0 0 0;
}
.interior-w_kakogawa-img02 {
clear: both;
margin: -40px auto 0;
text-align: center;
}
.interior-w_kakogawa-img01:after,
.interior-w_kakogawa-img02:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.interior-w_kakogawa-img01,
.interior-w_kakogawa-img02 {
display: inline-block;
}
* .interior-w_kakogawa-img01,
* .interior-w_kakogawa-img02 {
height: 1%;
}
.interior-w_kakogawa-img01,
.interior-w_kakogawa-img02 {
display: block;
}
.interior-w_kakogawa-img01 img { width: 65%; margin: 40px 0 0 0; }
.interior-w_kakogawa-img02 img { width: 65%; }
.interior-w_kakogawa-img01 img:first-child { float: left; }
.interior-w_kakogawa-img01 img:last-child { float: right; }
@media screen and (max-width: 1000px) {
.interior-w_kakogawa-box01 dl dt {
width: 40%;
float: none;
}
.interior-w_kakogawa-box01 dl dd {
margin: 15px 0 0 0;
}
}
@media screen and (max-width: 768px) {
.interior-w_kakogawa-box01 {
clear: both;
margin: 60px 0 0 0;
padding: 40px 0 60px 0;
}
.interior-w_kakogawa-box01 dl dt {
width: 70%;
}
.interior-w_kakogawa-img01 {
clear: both;
margin: -50px 0 0 0;
}
.interior-w_kakogawa-img02 {
text-align: left;
}
.interior-w_kakogawa-img01 img { width: 95%; margin: 20px 0 0 0; }
.interior-w_kakogawa-img02 img { width: 95%; }
.interior-w_kakogawa-img01 img:first-child { float: left; }
.interior-w_kakogawa-img01 img:last-child { float: right; }
} .w_katsuhara {
clear: both;
padding: 100px 0 0 0;
}
.interior-w_katsuhara-img-box01,
.interior-w_katsuhara-img-box02 {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_katsuhara-img_txt_border.gif);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: auto 1px;
}
.interior-w_katsuhara-img-box02 {
margin: 160px 0 0 0;
}
main .w_katsuhara h2 {
margin: 0;
padding: 100px 0 1px 0;
text-align: left;
border-left: #bfbfbf 1px solid;
}
main .w_katsuhara h2 img {
width: 46%;
}
.interior-w_katsuhara-txt01 {
float: left;
border-left: #bfbfbf 1px solid;
padding: 100px 0 60px;
width: 30%;
}
.interior-w_katsuhara-img01 {
float: right;
max-width: 66%;
margin: 100px 0 0 0;
}
main .w_katsuhara h3 {
margin: 0;
padding: 0 0 40px;
font-size: 1.7em;
font-weight: 500;
}
.interior-w_katsuhara-img02 img {
max-width: 66%;
padding: 50px 0 0 0;
}
.interior-w_katsuhara-img02 img:first-child {
clear: both;
float: left;
}
.interior-w_katsuhara-img02 img:last-child {
float: right;
}
.interior-w_katsuhara-img03 {
clear: both;
max-width: 66%;
padding: 50px 0 0 0;
float: left;
}
.cd-fixed-bg {
clear: both;
min-height: 100%;
background-attachment: fixed;
}
.cd-fixed-bg.cd-bg-1 {
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_katsuhara-img_bg01.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 50vh;
}
.cd-fixed-bg.cd-bg-2 {
margin: 100px 0 0 0;
background-image: url(//www.sekisuiheim.co.jp/tenji/img/w_katsuhara-img_bg02.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 50vh;
}
@media screen and (max-width: 768px) {
.interior-w_katsuhara-img-box02 {
margin: 80px 0 0 0;
}
main .w_katsuhara h2 {
margin: 0 0 0 2%;
padding: 50px 0 1px 0;
width: 98%;
}
main .w_katsuhara h2 img {
width: 75%;
}
.interior-w_katsuhara-txt01 {
float: none;
margin: 0 0 0 2%;
padding: 40px 0 20px;
width: 98%;
}
.interior-w_katsuhara-img01 {
float: right;
max-width: 90%;
margin: 10px 0 0 0;
}
main .w_katsuhara h3 {
margin: 0;
padding: 0 0 20px;
}
.interior-w_katsuhara-img02 img {
max-width: 90%;
padding: 20px 0 0 0;
}
.interior-w_katsuhara-img03 {
clear: both;
max-width: 90%;
padding: 20px 0 0 0;
float: left;
}
.cd-fixed-bg {
display: none;
}	
} .w_yamasaki {
max-width: 1600px;
margin: 0 auto;
}
.interior-w_yamasaki-img01 {
clear: both;
background: url(//www.sekisuiheim.co.jp/tenji/img/w_yamasaki-img_bg.jpg) 0 160px repeat-x;
background-size: auto 100%;
padding: 160px 0 0 0;
}
.interior-w_yamasaki-img01 img {
width: 80%;
}
.interior-w_yamasaki-txt01 {
background: #594437;
width: 80%;
padding: 0 0 60px;
float: right;
color: #FFFFFF;
}
.interior-w_yamasaki-txt01 dl dt {
max-width: 40%;
float: left;
}
.interior-w_yamasaki-txt01 dl dd {
margin: 0 0 0 40%;
padding: 80px 2% 0 2%;
}
main .w_yamasaki h2 {
padding: 0;
text-align: left;
max-width: 492px;
margin: 70px 0 30px -52px;
}
main .w_yamasaki h3 {
border-bottom: #FFFFFF 1px solid;
text-align: right;
width: 80%;
padding: 0 0 5px;
font-size: 1.2em;
}
@media screen and (max-width: 1200px) {
.interior-w_yamasaki-img01 img {
width: 95%;
}
.interior-w_yamasaki-img01 {
padding: 60px 0 0 0;
}
.interior-w_yamasaki-txt01 {
width: 90%;
padding: 0 0 20px;
float: right;
}
.interior-w_yamasaki-txt01 dl dt {
max-width: 100%;
float: none;
}
.interior-w_yamasaki-txt01 dl dd {
margin: 0;
padding: 20px 2% 0 4%;
}
main .w_yamasaki h2 {
padding: 0;
text-align: left;
max-width: 330px;
margin: 15px 0 0 -34px;
}
main .w_yamasaki h3 {
width: 95%;
padding: 0;
}
}