@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;}
}