@charset "utf-8";
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
max-width: 100%;
}
.wp-block-image figure,
.wp-block-image figcaption {
display: block;
}
a.nolink,
a.nolink:hover {
opacity: 1;
cursor: default;
pointer-events: none;
} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,figcaption, figure,section {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
font-size: 1em;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
@media all and (min-width: 897px)and (max-width: 1279px) {
html {
font-size: 0.781vw;
}
}
@media all and (max-width: 374px) {
html {
font-size: 2.666vw;
}
}
body, table, input, textarea, select, option {
font-family: "Noto Sans JP", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section, summary {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
chrome_annotation {
border: none !important;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
img {
vertical-align: top;
max-width: 100%;
height: auto;
}
address {
font-style: normal;
}
a,
a:link {
color: #333;
text-decoration: none;
transition: 0.3s;
}
a:visited {
color: #333;
}
a:hover {
color: #333;
}
a:active {
color: #333;
}   .clearfix:after {content: "";display: block;clear: both;} .flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;} body {
color: #333;
font-size: 1.2rem;
line-height: 1.5;
font-weight: 500;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background-color: #FFF;
}
.fixed {
position: fixed;
width: 100%;
height: 100%;
}
#container {
padding-top: 9.6rem;
text-align: left;
}
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
@media all and (min-width: 897px) {
.sp {
display: none !important;
}
}
@media all and (max-width: 896px) {
#container {
padding-top: 5.5rem;
}
a:hover,
a:hover img {
opacity: 1 !important;
}
.pc {
display: none !important;
}
a[href^="tel:"] {
cursor: pointer;
pointer-events: auto;
}
} #gHeader {
position: fixed;
left: 0;
top: 0;
height: 9.1rem;
width: 100%;
z-index: 99;
background-color: #fff;
box-sizing: border-box;
transition: all 0.3s;
}
#gHeader.on {
transform: translateY(-100%);
}
#gHeader .hBox {
width: 128rem;
margin: 0 auto;
padding: 3.1rem 20.6rem 2.4rem 17.3rem;
position: relative;
box-sizing: border-box;
}
#gHeader .menuInfo {
align-items: center;
}
#gHeader h1 {
position: absolute;
width: 10.1rem;
left: 3.2rem;
top: 2rem;
}
#gNavi li {
margin-right: 1.65rem;
letter-spacing: 0.006rem;
}
#gNavi li a {
position: relative;
display: block;
}
#gNavi li a::before {
position: absolute;
left: 50%;
bottom: -0.9rem;
width: 0.6rem;
height: 0.6rem;
background-color: #00529F;
border-radius: 100%;
content: "";
transform: translateX(-50%);
transition: .3s;
opacity: 0;
}
#gHeader .hList {
justify-content: flex-end;
align-items: flex-end;
}
#gHeader .hList li:not(:first-child) {
margin-left: 1.6rem;
}
#gHeader .hList a {
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: 0.005rem;
}
#gHeader .hList a:hover {
opacity: 0.7;
}
#gHeader .hList span {
margin-top: 0.2rem;
padding-right: 1.7rem;
display: block;
letter-spacing: 0.006rem;
font-size: 1.2rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon01.png) no-repeat center right;
background-size: 1rem auto;
}
#gHeader .hList .color a {
cursor: default;
pointer-events: none;
}
#gHeader .hList .color span {
color: #AEACAC;
background-image: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon13.png);
}
#gHeader .hLink {
position: absolute;
right: 3rem;
top: 2rem;
}
#gHeader .hLink a {
width: 14.2rem;
height: 5.6rem;
padding-left: 3rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 0.8rem;
background: #D2CB2F url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon02.png) no-repeat left 1.7rem center;
background-size: 2.6rem auto;
box-sizing: border-box;
}
#gHeader .hLink a:hover {
opacity: 0.7;
}
#gHeader .hLink img {
width: 2.6rem;
}
@media all and (min-width: 897px) {
#gNavi li a:hover::before {
opacity: 1;
}
#gNavi li.on a::before {
opacity: 1;
}
.menuBox {
display: block !important;
}
}
@keyframes menuFade {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@media all and (max-width: 896px) {
#gHeader {
height: 5.5rem;
padding: 1rem 2rem;
}
#gHeader .hBox {
width: auto;
margin: 0 auto;
padding: 0;
}
#gHeader h1 {
position: relative;
left: auto;
top: auto;
width: 21.8rem;
}
.menu {
width: 5.5rem;
height: 5.5rem;
position: absolute;
right: 0;
top: 0;
z-index: 99;
}
.menu span {
width: 3.3rem;
height: 0.2rem;
position: absolute;
top: 1.6rem;
left: 1.1rem;
background: #333;
transition: all .35s ease;
}
.menu span:nth-of-type(2) {
top: 2.6rem;
}
.menu span:nth-of-type(3) {
top: 3.6rem;
}
.menu.on span:nth-of-type(1) {
transform: translateY(1rem) translateX(0) rotate(45deg);
}
.menu.on span:nth-of-type(2) {
opacity: 0;
}
.menu.on span:nth-of-type(3) {
transform: translateY(-1rem) translateX(0) rotate(-45deg);
}
.menuBox {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-y: auto;
box-sizing: border-box;
background-color: #fff;
z-index: 98;
display: none;
}
.menuInfo {
padding: 1rem 2rem 5rem;
display: block;
}
.menuInfo .menuLogo {
width: 21.8rem;
margin-bottom: 2rem;
}
.menuInfo .menuLogo {
opacity: 0;
}
.menuBox.on .menuInfo .menuLogo {
opacity: 1;
transition: all 0.8s 0.4s;
}
#gNavi {
opacity: 0;
}
.menuBox.on #gNavi {
opacity: 1;
transition: all 0.8s 0.4s;
}
#gNavi ul {
display: block;
border-top: 1px solid #333;
}
#gNavi li {
opacity: 0;
transform: translateY(2rem);
margin-right: 0;
border-bottom: 1px solid #333;
}
.menuBox.on #gNavi li {
animation: menuFade 0.4s forwards;
}
.menuBox.on .hList li {
animation: menuFade 0.4s forwards;
}
#gNavi li a {
padding: 1.5rem;
text-align: center;
}
#gHeader .hList {
margin: 2rem 0;
display: block;
text-align: center;
}
.menuBox .hList li {
opacity: 0;
transform: translateY(2rem);
}
#gHeader .hList li:not(:first-child) {
margin: 1.5rem 0 0;
}
#gHeader .hList a {
display: inline-block;
}
#gHeader .hLink {
position: static;
opacity: 0;
transform: translateY(2rem);
}
#gHeader .hLink a {
margin: 0 auto;
}
.menuBox.on #gNavi li:first-child {
animation-delay: 0.8s;
}
.menuBox.on #gNavi li:nth-child(2) {
animation-delay: 1s;
}
.menuBox.on #gNavi li:nth-child(3) {
animation-delay: 1.2s;
}
.menuBox.on #gNavi li:nth-child(4) {
animation-delay: 1.4s;
}
.menuBox.on #gNavi li:nth-child(5) {
animation-delay: 1.6s;
}
.menuBox.on #gNavi li:nth-child(6) {
animation-delay: 1.8s;
}
.menuBox.on #gNavi li:nth-child(7) {
animation-delay: 2s;
}
.menuBox.on .hList li:first-child {
animation-delay: 2.2s;
}
.menuBox.on .hList li:nth-child(2) {
animation-delay: 2.4s;
}
.menuBox.on .hList li:nth-child(3) {
animation-delay: 2.6s;
}
.menuBox.on .hList li:nth-child(4) {
animation-delay: 2.8s;
}
.menuBox.on .hLink {
animation: menuFade 0.4s forwards 3s;
}
} #gFooter {
padding: 12.1rem 0 3.2rem;
position: relative;
background-color: #3C89A1;
}
#gFooter .fBox {
margin-bottom: 1.3rem;
justify-content: flex-end;
position: relative;
align-items: flex-start;
}
#gFooter .fLogo {
position: absolute;
left: 0.4rem;
top: 0;
width: 17.6rem;
}
#gFooter .fSub p {
margin-bottom: 1.6rem;
padding-bottom: 0.5rem;
width: 19.7rem;
color: #fff;
letter-spacing: 0.006rem;
border-bottom: 1px solid #fff;
}
#gFooter .fSub li:not(:last-child) {
margin-bottom: 1.7rem;
}
#gFooter .fSub a {
padding-right: 1.8rem;
display: inline-block;
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.007rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon11.png) no-repeat center right;
background-size: 1rem auto;
}
#gFooter .fSub a:hover {
opacity: 0.7;
}
#gFooter .fNavi {
width: 27.2rem;
margin: -0.1rem 4.9rem 0 0;
}
#gFooter .fNavi li {
margin-bottom: 1.7rem;
width: 49.5%;
}
#gFooter .fNavi a {
display: inline-block;
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.007rem;
}
#gFooter .fNavi a:hover {
opacity: 0.7;
}
#gFooter .fNavi .target a {
padding-right: 1.8rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon11.png) no-repeat center right;
background-size: 1rem auto;
}
#gFooter .fInfo {
margin: 0 0.3rem;
position: relative;
}
#gFooter .fInfo p {
margin-bottom: 1.6rem;
color: #fff;
font-size: 1rem;
letter-spacing: 0.005rem;
}
#gFooter address,
#gFooter .fLink {
position: absolute;
right: -0.3rem;
bottom: 0;
color: #fff;
font-size: 1rem;
letter-spacing: 0.005rem;
}
#gFooter .fLink {
right: 25.4rem;
}
#gFooter .fLink a {
color: #fff;
}
#gFooter .pageTop {
position: absolute;
bottom: 4.8rem;
right: 3rem;
width: 1.4rem;
z-index: 1;
}
#gFooter .pageTop a:hover,
#gFooter .fLink a:hover {
opacity: 0.7;
}
@media all and (max-width: 896px) {
#gFooter {
padding: 6rem 0 2rem;
}
#gFooter .fBox {
margin-bottom: 3rem;
display: block;
}
#gFooter .fLogo {
position: static;
width: auto;
margin-bottom: 2rem;
width: 15rem;
}
#gFooter .fNavi {
width: auto;
margin: 0 0 2rem;
}
#gFooter .fInfo {
margin: 0;
}
#gFooter address,
#gFooter .fLink {
position: static;
}
#gFooter address {
margin-top: 1rem;
text-align: center;
}
#gFooter .pageTop {
bottom: 2rem;
right: 2rem;
}
} .montserrat {
font-family: "Montserrat", sans-serif;
font-weight: 600;
} .fadeInUp {
opacity: 0;
transform: translateY(10px);
transition: all 1s ease
}
.fadeInUp.animate {
opacity: 1;
transform: translateY(0)
} .content {
max-width: 78rem;
padding: 0 2rem;
margin: 0 auto;
box-sizing: border-box;
}
.content.wid01 {
max-width: 116rem;
}
.content.wid02 {
max-width: 97rem;
}
@media all and (max-width: 896px) {
.content {
max-width: inherit !important;
}
} .headLine01 {
margin: -0.6rem 0 8.4rem;
color: #00529F;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.007rem;
}
.headLine01 .en {
margin-bottom: -0.1rem;
display: block;
color: #333;
font-size: 4rem;
font-weight: 600;
letter-spacing: 0;
font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 896px) {
.headLine01 {
margin: 0 0 3rem;
}
.headLine01 .en {
font-size: 3rem;
}
} .headLine02 {
margin-bottom: 1.9rem;
color: #00529F;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.01rem;
}
@media all and (max-width: 896px) {
.headLine02 {
margin-bottom: 1.5rem !important;
font-size: 1.8rem;
}
} .headLine03 {
margin-bottom: 2.4rem;
padding-left: 2rem;
position: relative;
color: #00529F;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.007rem;
}
.headLine03::before {
position: absolute;
left: 0;
top: 0.6rem;
width: 1.2rem;
height: 1.2rem;
background-color: #D2CB2F;
content: "";
border-radius: 100%;
}
@media all and (max-width: 896px) {
.headLine03 {
margin-bottom: 1.5rem !important;
}
} .headLine04 {
max-width: 92.4rem;
margin: 0 auto 5.9rem;
position: relative;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.006rem;
}
.headLine04 .jp {
margin-bottom: 2.1rem;
display: block;
line-height: 1.5;
font-size: 2.8rem;
letter-spacing: 0.014rem;
}
.headLine04 .en {
position: absolute;
left: -14.6rem;
top: 0.5rem;
padding-left: 2rem;
font-size: 1.6rem;
font-weight: 700;
color: #00529F;
line-height: 1.5;
letter-spacing: 0.08rem;
font-family: "Montserrat", sans-serif;
}
.headLine04 .en::before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1.2rem;
height: 1.2rem;
background-color: #D2CB2F;
content: "";
border-radius: 100%;
}
@media all and (max-width: 896px) {
.headLine04 {
max-width: inherit;
margin: 0 2rem 3rem;
}
.headLine04 .jp {
margin-bottom: 1rem;
font-size: 2.2rem;
}
.headLine04 .en {
position: relative;
left: auto;
top: auto;
}
.headLine04 .en::before {
width: 0.8rem;
height: 0.8rem;
}
} .headLine05 {
margin-bottom: 1.6rem;
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 0.012rem;
}
@media all and (max-width: 896px) {
.headLine05 {
font-size: 2rem;
}
} .comLink {
width: 26.8rem;
margin: 0 auto;
}
.comLink a {
padding: 1.4rem 2.4rem;
display: block;
font-size: 1.3rem;
letter-spacing: 0.0065rem;
border-radius: 4rem;
background: #D2CB2F url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon04.png) no-repeat center right 1.6rem;
background-size: 1.5rem auto;
}
.comLink a:hover {
opacity: 0.7;
} .comBtn {
text-align: right;
}
.comBtn a {
display: inline-block;
padding: 1.5rem 2.1rem;
letter-spacing: 0.06rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon06.png) no-repeat center right;
background-size: 1.3rem auto;
border-top: 1px solid #fff;
font-family: "Montserrat", sans-serif;
}
.comBtn a:hover {
opacity: 0.7;
} .comContact .link a {
padding: 3.5rem 0 4.7rem;
display: block;
background-color: #C4B7B1;
}
.comContact .link a:hover {
opacity: 0.7;
}
.comContact .link .textBox {
padding: 1rem 0.3rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon03.png) no-repeat center right;
background-size: 16rem auto;
}
.comContact .link .headLine01 {
margin-bottom: 2.5rem;
color: #fff;
}
.comContact .link .headLine01 .en {
color: #fff;
}
.comContact .link .text {
font-size: 2rem;
color: #fff;
letter-spacing: 0.01rem;
}
.comContact .link .txt {
margin-top: 3.4rem;
padding-left: 6rem;
position: relative;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
}
.comContact .link .txt span {
position: absolute;
left: 0;
top: 50%;
width: 4.8rem;
height: 4.8rem;
display: flex;
align-items: center;
justify-content: center;
color: #948A85;
font-weight: 500;
font-size: 1.4rem;
letter-spacing: 0.007rem;
text-align: center;
background-color: #fff;
box-sizing: border-box;
transform: translateY(-50%);
border-radius: 100%;
}
.comContact .link .txt02 {
margin-top: 3.4rem;
position: relative;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
}
.comContact .link .txt02 span {
font-size: 1.4rem;
font-weight: 500;
}
@media all and (max-width: 896px) {
.comContact .link a {
padding: 3rem 0;
}
.comContact .link .textBox {
background-position: center right;
background-size: 7rem auto;
}
.comContact .link .headLine01 {
margin-bottom: 1.5rem;
}
.comContact .link .text {
font-size: 1.6rem;
}
.comContact .link .txt {
margin-top: 1.4rem;
}
.comContact .link .txt02 {
margin-top: 1.4rem;
}
} .comBtmBox {
padding: 8.5rem 0 8rem;
background-color: #E5E3DA;
}
.comBtmBox h2 {
margin-bottom: 5rem;
text-align: center;
font-weight: 700;
font-size: 1.6rem;
letter-spacing: 0.008rem;
}
.comBtmBox h2 span {
margin-top: 1.7rem;
display: block;
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 0.012rem;
}
@media all and (max-width: 896px) {
.comBtmBox {
padding: 4rem 0;
}
.comBtmBox h2 {
margin-bottom: 2rem;
}
.comBtmBox h2 span {
margin-top: 0;
font-size: 2rem;
}
} .comLinkList.flexB li {
width: 49.3%;
}
.comLinkList a {
display: block;
position: relative;
overflow: hidden;
border-radius: 0.8rem;
}
.comLinkList a:hover {
opacity: 0.7;
}
.comLinkList p {
position: absolute;
left: 4rem;
right: 3.2rem;
top: 50%;
transform: translateY(-53%);
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.007rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon05.png) no-repeat center right;
background-size: 4.8rem auto;
}
.comLinkList p .en {
margin-bottom: 0.4rem;
display: block;
font-size: 3.2rem;
font-weight: 600;
letter-spacing: 0.016rem;
font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 896px) {
.comLinkList.flexB li {
width: auto;
margin-bottom: 2rem;
}
.comLinkList.flexB li:last-child {
margin-bottom: 0;
}
.comLinkList img {
width: 100%;
}
.comLinkList p {
left: 1.5rem;
right: 1rem;
background-size: 3.5rem auto;
}
.comLinkList p .en {
margin-bottom: 0;
font-size: 2.5rem;
letter-spacing: 0;
}
} .pageTitle {
margin-bottom: 8rem;
}
.pageTitle .headLine01 {
margin-bottom: 4.1rem;
}
.pageTitle .img { width: calc(100% - 7.9rem);
margin-left: auto;
}
.pageTitle .img img {
width: 100%;
border-radius: 2.5rem 0 0 2.5rem;
}
@media all and (max-width: 896px) {
.pageTitle {
margin-bottom: 3rem;
}
.pageTitle .headLine01 {
margin-bottom: 1.5rem;
}
.pageTitle .img {
width: calc(100% - 2rem);
}
.pageTitle .img img {
height: auto !important;
}
} .mainImg {
width: calc(100% - 7.9rem);
height: 65.3rem;
margin-left: auto;
padding: 2rem 9.8rem;
display: flex;
align-items: center;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/group/main_img_bg.jpg) no-repeat bottom center;
background-size: cover;
border-radius: 2.5rem 0 0 2.5rem;
overflow: hidden;
box-sizing: border-box;
}
.mainImg .textBox {
width: 45.4rem;
color: #fff;
}
.mainImg .ttl {
margin-bottom: 3.2rem;
font-size: 3.2rem;
font-weight: 700;
letter-spacing: 0.016rem;
}
.mainImg p {
margin-bottom: 2rem;
font-size: 1.3rem;
letter-spacing: 0.0065rem;
}
.mainImg p:last-child {
margin-bottom: 0 !important;
}
@media all and (max-width: 896px) {
.mainImg {
width: calc(100% - 2rem);
height: auto;
padding: 6.4rem 2rem;
display: block;
}
.mainImg .textBox {
width: auto;
}
.mainImg .ttl {
margin-bottom: 1.5rem;
font-size: 2.4rem;
}
.mainImg p {
margin-bottom: 1rem;
}
} .comList {
margin-top: -4rem;
position: relative;
}
.comList::after {
width: 32.28%;
content: "";
}
.comList li {
margin-top: 4rem;
width: 32.28%;
}
.comList a {
display: block;
overflow: hidden;
background-color: #E9F0F1;
border-radius: 2.4rem;
}
.comList .pho {
height: 36.1rem;
position: relative;
overflow: hidden;
}
.comList img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform ease 0.3s;
}
.comList .textBox {
padding: 3.1rem 2.4rem 0;
}
.comList .name {
margin-bottom: 1.6rem;
position: relative;
font-size: 1.6rem;
letter-spacing: 0.008rem;
}
.comList .name .time {
position: absolute;
right: 0;
top: 0.6rem;
color: #AEACAC;
font-size: 1.2rem;
letter-spacing: 0.006rem;
}
.comList .ttl {
margin-bottom: 1.7rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
.comList dl {
margin-bottom: 1.4rem;
color: #00529F;
letter-spacing: 0.006rem;
}
.comList dt {
width: 4rem;
float: left;
text-align: center;
font-size: 1rem;
margin-top: 0.1rem;
letter-spacing: 0.005rem;
border: 1px solid #00529F;
border-radius: 5rem;
}
.comList dd {
padding: 0 0 0.9rem 4.7rem;
}
.comList .more {
padding: 1.5rem 2.1rem;
text-align: right;
letter-spacing: 0.06rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon06.png) no-repeat center right;
background-size: 1.3rem auto;
border-top: 1px solid #fff;
}
.comList .title {
padding-top: 0.1rem;
margin-bottom: 1.8rem;
font-size: 1.6rem;
letter-spacing: 0.008rem;
}
.comList .date {
margin-bottom: 2.4rem;
color: #AEACAC;
letter-spacing: 0.006rem;
}
.comList .date .sort { color: #00529F;
}
@media all and (min-width: 897px) {
.comList a:hover img {
transform: scale(1.1);
}
}
@media all and (max-width: 896px) {
.comList {
margin-top: 0;
display: block;
}
.comList li {
margin: 0 0 3rem;
width: auto;
}
.comList li:last-child {
margin-bottom: 0;
}
.comList .pho {
height: 0;
padding-bottom: 65%;
}
.comList .textBox {
padding: 2rem 2rem 0;
}
} .wp-pagenavi {
margin-top: 8.1rem;
position: relative;
font-size: 0;
clear: both;
text-align: center;
}
.wp-pagenavi .page,
.wp-pagenavi span {
font-size: 1.4rem;
display: inline-block;
margin: 0 2rem;
color: #AEACAC;
letter-spacing: 0.07rem;
font-family: "Montserrat", sans-serif;
}
.wp-pagenavi span.current {
color: #00529F;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
position: absolute;
top: 0.1rem;
font-size: 1.2rem;
color: #00529F;
letter-spacing: 0.006rem;
}
.wp-pagenavi .previouspostslink {
padding-left: 3.1rem;
left: 0;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon07.png) no-repeat left 0.2rem center;
background-size: 1.3rem auto;
}
.wp-pagenavi .nextpostslink {
padding-right: 2.5rem;
right: -0.2rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon08.png) no-repeat right 0.2rem center;
background-size: 1.3rem auto;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
display: none;
}
@media all and (min-width: 897px) {
.wp-pagenavi .page:hover {
color: #00529F;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
opacity: 0.7;
}
}
@media all and (max-width: 896px) {
.wp-pagenavi {
margin-top: 4rem;
}
.wp-pagenavi .page,
.wp-pagenavi span {
margin: 0 0.5rem;
}
.wp-pagenavi .previouspostslink {
padding-left: 2rem;
background-position: left center;
}
.wp-pagenavi .nextpostslink {
padding-right: 2rem;
background-position: right center;
}
} .pageNavi {
padding-right: 1rem;
position: relative;
}
.pageNavi a {
display: inline-block;
color: #00529F;
letter-spacing: 0.006rem;
}
.pageNavi .prev,
.pageNavi .next {
position: absolute;
top: 0;
left: 0;
}
.pageNavi .prev a {
padding-left: 3.1rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon07.png) no-repeat left 0.2rem center;
background-size: 1.3rem auto;
}
.pageNavi .next {
left: auto;
right: -0.2rem;
}
.pageNavi .next a {
padding-right: 3.2rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon08.png) no-repeat right 0.2rem center;
background-size: 1.3rem auto;
}
.pageNavi .mid {
width: fit-content;
margin: 0 auto;
}
.pageNavi .mid a {
padding-left: 2.4rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon10.png) no-repeat left center;
background-size: 1.3rem auto;
}
@media all and (min-width: 897px) {
.pageNavi a:hover {
opacity: 0.7;
}
}
@media all and (max-width: 896px) {
.pageNavi {
padding-right: 0;
}
.pageNavi .prev a {
padding-left: 2rem;
background-position: left center;
}
.pageNavi .next a {
padding-right: 2rem;
background-position: right center;
}
.pageNavi .mid {
width: fit-content;
margin: 0 auto;
}
.pageNavi .mid a {
padding-left: 2rem;
}
} .comListUl {
position: relative;
}
.comListUl::before {
position: absolute;
left: 50%;
top: 50%;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon09.png) no-repeat;
background-size: 1.7rem auto;
width: 1.7rem;
height: 2.7rem;
content: "";
transform: translate(-50%,-50%);
}
.comListUl li {
width: calc((100% - 3.8rem)/2);
height: 44.6rem;
position: relative;
overflow: hidden;
border-radius: 2.5rem;
}
.comListUl li img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.comListUl span {
position: absolute;
left: 0.8rem;
top: 0.8rem;
width: 7.2rem;
height: 7.2rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #00529F;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.07rem;
box-sizing: border-box;
border-radius: 100%;
background-color: #fff;
font-family: "Montserrat", sans-serif;
z-index: 2;
}
.comListUl li:last-child span {
color: #fff;
background-color: #00529F;
}
@media all and (max-width: 896px) {
.comListUl::before {
background-size: 1.2rem auto;
width: 1.2rem;
}
.comListUl li {
width: calc((100% - 2rem)/2);
height: 0;
padding-bottom: 47%;
}
.comListUl li img {
width: 100%;
}
.comListUl span {
width: 5rem;
height: 5rem;
font-size: 1.2rem;
letter-spacing: 0;
}
} .comBgBox {
padding: 4.9rem 0;
border-radius: 2.4rem;
background-color: #9F9F9F;
}
.comBgBox .ttl {
margin-bottom: 1.8rem;
text-align: center;
color: #fff;
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.01rem;
}
.comBgBox p {
margin-bottom: 1rem;
text-align: center;
font-size: 1.3rem;
letter-spacing: 0.0065rem;
color: #fff;
}
@media all and (max-width: 896px) {
.comBgBox {
padding: 3rem 0;
}
.comBgBox .ttl {
margin-bottom: 1rem;
}
} .comSelect {
width: 45.7rem;
}
.comSelect select {
width: 100%;
height: 5.6rem;
padding: 0 2.4rem 0.1rem;
font-size: 1.2rem;
color: #333;
font-weight: 500;
letter-spacing: 0.006rem;
border-radius: 0.8rem;
background: #E9F0F1 url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/select_bg.png) no-repeat center right 1.8rem;
background-size: 1.4rem auto;
appearance: none;
box-sizing: border-box;
box-shadow: none;
border: none;
}
.comSelect select::-ms-expand {
display: none;
}
@media all and (max-width: 896px) {
.comSelect {
width: auto;
}
} #privacy {
padding-bottom: 8.1rem;
}
#privacy p {
line-height: 1.8;
letter-spacing: 0.006rem;
}
#privacy .textList {
margin: 4.1rem 0;
}
#privacy .textList li:not(:last-child) {
margin-bottom: 4.2rem;
}
#privacy .textList h4 {
margin-bottom: 0.7rem;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
@media all and (min-width: 897px) {
#privacy p a:hover {
text-decoration: underline;
}
}
@media all and (max-width: 896px) {
#privacy {
padding-bottom: 5rem;
}
#privacy .textList {
margin: 3rem 0;
}
#privacy .textList li:not(:last-child) {
margin-bottom: 3rem;
}
#privacy .textList h4 {
margin-bottom: 0.3rem;
font-size: 1.5rem;
}
} #faq .info:first-child {
margin-top: -0.3rem;
}
#faq .info {
margin-bottom: 4.8rem;
}
#faq .headLine02 {
margin-bottom: 3.2rem;
}
#faq .qaList li {
padding: 0 0 3.3rem 9.4rem;
position: relative;
}
#faq .qaList .num {
position: absolute;
left: -0.1rem;
top: 0.3rem;
width: 4.8rem;
height: 4.8rem;
font-size: 2rem;
font-weight: 600;
color: #00529F;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #E9F0F1;
border-radius: 100%;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
#faq .qaList h4 {
margin-bottom: 0.8rem;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#faq .qaList .text {
line-height: 1.8;
letter-spacing: 0.006rem;
}
#faq .qaList .img {
margin-top: 1.9rem;
}
#faq .qaList .img01 {
margin: 3.5rem -0.2rem 0 -0.1rem;
}
#faq .qaList .img img {
width: 100%;
}
@media all and (max-width: 896px) {
#faq .info:first-child {
margin-top: 0;
}
#faq .info {
margin-bottom: 3rem;
}
#faq .qaList li {
padding: 0 0 2rem 5rem;
}
#faq .qaList .num {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
}
#faq .qaList h4 {
margin-bottom: 0.5rem;
}
#faq .qaList .img {
margin: 1.2rem 0 0 !important;
}
} #voice {
padding-bottom: 15.2rem;
}
#voice .comSelect {
margin: 0 0 8rem auto;
}
#voice .info {
margin-bottom: 7.3rem;
align-items: flex-start;
}
#voice .info .bgBox {
width: 36.6%;
padding: 3.2rem 3.3rem 2.5rem;
border-radius: 2.4rem;
background-color: #E9F0F1;
box-sizing: border-box;
}
#voice .info .imgBox {
margin-bottom: 3.1rem;
align-items: center;
}
#voice .info .imgBox .pho {
width: 12.3rem;
overflow: hidden;
border-radius: 100%;
}
#voice .info .imgBox p {
width: calc(100% - 14.7rem);
color: #AEACAC;
letter-spacing: 0.006rem;
}
#voice .info .imgBox span {
display: block;
color: #00529F;
font-size: 2.8rem;
letter-spacing: 0.014rem;
}
#voice .info table {
width: 100%;
border-collapse: collapse;
}
#voice .info th,
#voice .info td {
padding: 0.9rem 0 1rem;
vertical-align: middle;
text-align: left;
letter-spacing: 0.006rem;
box-sizing: border-box;
border-top: 1px solid #fff;
}
#voice .info th {
width: 23.2%;
font-weight: 700;
}
#voice .info .textBox {
width: 57.7%;
}
#voice .info .textBox h3 {
margin-bottom: 1.6rem;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#voice .info .textBox p {
margin-bottom: 4.8rem;
line-height: 1.8;
word-break: break-all;
letter-spacing: 0.006rem;
}
#voice .info .textBox p a:hover {
opacity: 0.7;
}
#voice .comBgBox {
margin-top: -5.6rem;
}
#voice .comBgBox + .info {
margin-top: 8rem;
}
@media all and (min-width: 897px) {
#voice .pageTitle {
margin-bottom: 15.3rem;
}
}
@media all and (max-width: 896px) {
#voice {
padding-bottom: 5rem;
}
#voice .comSelect {
margin: 0 auto 3rem;
}
#voice .info {
margin-bottom: 4rem;
display: block;
}
#voice .info .bgBox {
margin-bottom: 2rem;
width: auto;
padding: 2rem;
}
#voice .info .imgBox {
margin-bottom: 2rem;
}
#voice .info .imgBox .pho {
width: 10rem;
}
#voice .info .imgBox p {
width: calc(100% - 12rem);
}
#voice .info .textBox {
width: auto;
}
#voice .info .textBox h3 {
margin-bottom: 1rem;
}
#voice .info .textBox p {
margin-bottom: 2rem;
}
#voice .comBgBox {
margin-top: 0;
}
#voice .comBgBox + .info {
margin-top: 4rem;
}
} #staff {
padding-bottom: 8rem;
}
#staff .headLine02 {
margin-bottom: 2.4rem;
font-size: 2.8rem;
font-weight: 500;
letter-spacing: 0.014rem;
}
#staff .topText {
margin-bottom: 8.1rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#staff .btmText {
margin-top: 8.1rem;
text-align: center;
font-size: 2rem;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.01rem;
}
@media all and (max-width: 896px) {
#staff {
padding-bottom: 5rem;
}
#staff .headLine02 {
font-size: 2rem;
}
#staff .topText {
margin-bottom: 4rem;
}
#staff .btmText {
margin-top: 4rem;
font-size: 1.6rem;
}
} #staffDetail {
padding-bottom: 8rem;
}
#staffDetail .pageTitle .textSub {
position: relative;  z-index: 1; width: 104.1rem;
margin: -12.2rem auto 0;
}
#staffDetail .pageTitle .textInfo {
margin-left: auto;
width: 29.9rem;
padding: 3.2rem 3.2rem 1.8rem;
border-radius: 2.4rem;
box-sizing: border-box;
background-color: #E9F0F1;
}
#staffDetail .pageTitle .textInfo dl {
letter-spacing: 0.006rem;
line-height: 1.8;
}
#staffDetail .pageTitle .textInfo dt {
float: left;
font-weight: 700;
}
#staffDetail .pageTitle .textInfo dd {
padding: 0 0 1.6rem 8.1rem;
}
#staffDetail .pageTitle .textInfo li {
padding-left: 1.5em;
position: relative;
}
#staffDetail .pageTitle .textInfo li::before {
position: absolute;
left: 0.7rem;
top: 1.2rem;
width: 0.3rem;
height: 0.3rem;
background-color: #333;
border-radius: 100%;
content: ""
}
#staffDetail .detail h3 {
margin-bottom: 6.4rem;
color: #00529F;
font-size: 3.2rem;
font-weight: 500;
letter-spacing: 0.016rem;
}
#staffDetail .detail {
margin-bottom: 6.8rem;
}
#staffDetail .detail h4 {
margin-bottom: 1.6rem;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#staffDetail .detail p {
margin-bottom: 4.8rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#staffDetail .btmBox {
padding: 4.5rem 3rem 3.5rem 6.3rem;
position: relative;
border-radius: 1.6rem;
background-color: #E9F0F1;
margin-bottom: 8.2rem;
}
#staffDetail .btmBox .title {
position: absolute;
left: 2.4rem;
top: -2.8rem;
width: 5.6rem;
height: 5.6rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.006rem;
background-color: #00529F;
border-radius: 100%;
}
#staffDetail .btmBox .ttl {
width: 17rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#staffDetail .btmBox .ttl span {
margin-bottom: 0.5rem;
display: block;
font-weight: 700;
}
#staffDetail .btmBox ul {
width: calc(100% - 26.4rem);
margin-top: -0.7rem;
}
#staffDetail .btmBox li {
padding: 0 0 0.5rem 1.3rem;
position: relative;
color: #00529F;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#staffDetail .btmBox li::before {
position: absolute;
left: -0.1rem;
top: 1.2rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
background-color: #00529F;
content: "";
}
@media all and (min-width: 897px) {
#staffDetail .pageTitle .img {
position: relative;
}
#staffDetail .pageTitle {
margin-bottom: -10rem;
}
}
@media all and (max-width: 896px) {
#staffDetail {
padding-bottom: 5rem;
}
#staffDetail .pageTitle .textSub {
margin-top: 0;
width: auto;
}
#staffDetail .pageTitle .textInfo {
margin: -2rem auto 0;
position: relative;
z-index: 1;
width: 25rem;
padding: 1.5rem;
}
#staffDetail .pageTitle .textInfo dd {
padding: 0 0 0.5rem 7rem;
}
#staffDetail .detail h3 {
margin-bottom: 3rem;
font-size: 2rem;
}
#staffDetail .detail {
margin-bottom: 5rem;
}
#staffDetail .detail h4 {
margin-bottom: 1rem;
}
#staffDetail .detail p {
margin-bottom: 2rem;
}
#staffDetail .btmBox {
padding: 2rem;
display: block;
margin-bottom: 4rem;
}
#staffDetail .btmBox .ttl {
width: auto;
text-align: center;
}
#staffDetail .btmBox ul {
width: auto;
margin-top: 1rem;
}
#staffDetail .btmBox li {
font-size: 1.4rem;
}
#staffDetail .btmBox li::before {
left: 0;
top: 1rem;
width: 0.4rem;
height: 0.4rem;
}
} #case {
padding-bottom: 7.7rem;
}
#case .topBox {
margin-bottom: 4rem;
align-items: center;
}
#case .topBox .headLine02 {
margin-bottom: 0;
color: #333;
}
@media all and (max-width: 896px) {
#case {
padding-bottom: 5rem;
}
#case .topBox {
margin-bottom: 3rem;
display: block;
}
} #caseDetail {
padding-bottom: 8.2rem;
}
#caseDetail h3 {
margin-bottom: 2.5rem;
color: #00529F;
font-size: 3.2rem;
font-weight: 500;
letter-spacing: 0.016rem;
}
#caseDetail .time {
margin-bottom: 4.3rem;
color: #AEACAC;
letter-spacing: 0.006rem;
}
#caseDetail .time .sort { color: #00529F;
}
#caseDetail .slideBox {
margin-bottom: 3.2rem;
}
#caseDetail .slideBox .bigPho {
margin-bottom: 1.4rem;
}
#caseDetail .slideBox .bigPho img {
width: 100%;
height: 63rem;
object-fit: cover;
border-radius: 2.5rem;
}
#caseDetail .slideBox .smlPho li {
width: 7.8rem;
margin: 1rem 0.8rem 0;
position: relative;
overflow: hidden;
border-radius: 0.8rem;
cursor: pointer;
}
#caseDetail .slideBox .smlPho li::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0.2rem solid #00529F;
content: "";
border-radius: 0.8rem;
box-sizing: border-box;
opacity: 0;
transition: .3s;
}
#caseDetail .slideBox .smlPho li.on::before {
opacity: 1;
}
#caseDetail .slideBox .smlPho img {
width: 100%;
height: 7.8rem;
object-fit: cover;
}
#caseDetail .tableBox {
margin-bottom: 8rem;
padding: 0.9rem 4rem;
border-radius: 1.6rem;
background-color: #E9F0F1;
}
#caseDetail .tableBox table {
width: 100%;
border-collapse: collapse;
}
#caseDetail .tableBox th,
#caseDetail .tableBox td {
padding: 1.5rem 0 1.6rem;
line-height: 1.8;
letter-spacing: 0.006rem;
vertical-align: top;
text-align: left;
box-sizing: border-box;
border-bottom: 1px solid #fff;
}
#caseDetail .tableBox tr:last-child th,
#caseDetail .tableBox tr:last-child td {
border: none;
}
#caseDetail .tableBox th {
width: 12%;
text-align: right;
font-weight: 700;
}
#caseDetail .tableBox td {
padding-left: 4.8rem;
}
#caseDetail .info {
margin-bottom: 5.9rem;
}
#caseDetail .info p {
margin-top: 2.6rem;
color: #00529F;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#caseDetail .bgBox {
margin-bottom: 8.2rem;
padding: 4rem;
border-radius: 1.6rem;
background-color: #E9F0F1;
}
#caseDetail .bgBox p {
margin-bottom: 2.1rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#caseDetail .bgBox p:last-child {
margin-bottom: 0 !important;
}
@media all and (min-width: 897px) {
#caseDetail .slideBox .smlPho li:hover::before {
opacity: 1;
}
#caseDetail .headLine01 {
margin-bottom: 4.1rem;
}
}
@media all and (max-width: 896px) {
#caseDetail {
padding-bottom: 5rem;
}
#caseDetail h3 {
margin-bottom: 1.5rem;
font-size: 2rem;
}
#caseDetail .time {
margin-bottom: 2rem;
}
#caseDetail .slideBox {
margin-bottom: 2rem;
}
#caseDetail .slideBox .bigPho {
margin-bottom: 0;
}
#caseDetail .slideBox .bigPho li {
padding-bottom: 60%;
position: relative;
}
#caseDetail .slideBox .bigPho img {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#caseDetail .slideBox .smlPho li {
width: 5.6rem;
margin: 1rem 0.4rem 0;
}
#caseDetail .slideBox .smlPho img {
height: 4.4rem;
}
#caseDetail .tableBox {
margin-bottom: 4rem;
padding: 0.9rem 2rem;
}
#caseDetail .tableBox th,
#caseDetail .tableBox td {
padding: 1rem 0;
}
#caseDetail .tableBox th {
width: 20%;
}
#caseDetail .tableBox td {
padding-left: 2rem;
}
#caseDetail .info {
margin-bottom: 3rem;
}
#caseDetail .info p {
margin-top: 1.5rem;
font-size: 1.4rem;
}
#caseDetail .bgBox {
margin-bottom: 4rem;
padding: 2rem;
}
#caseDetail .bgBox p {
margin-bottom: 1rem;
}
} #index .mainVisual {
margin-left: 8rem;
position: relative;
}
#index .mainVisual .slideBox {
border-radius: 2.5rem 0 0 2.5rem;
overflow: hidden;
}
#index .mainVisual .pho {
vertical-align: top;
}
#index .mainVisual .pho img {
height: calc(100vh - 9.1rem);
width: 100%;
object-fit: cover;
}
#index .mainVisual .textImg {
position: absolute;
left: 4.8rem;
bottom: 4rem;
width: 55.7rem;
}
#index .mainVisual .textBox {
position: absolute;
bottom: 4.8rem;
right: 3.9rem;
width: 40rem;
font-size: 1.1rem;
letter-spacing: 0.0055rem;
border-radius: 0.4rem;
overflow: hidden;
}
#index .mainVisual .note {
position: absolute;
bottom: 2.6rem;
right: 3.9rem;
font-size: 1.1rem;
font-weight: 500;
color: #fff;
letter-spacing: 0.0055rem;
}
#index .mainVisual .note span {
font-size: 0.8rem;
}
#index .mainVisual .ttl {
width: 7.7rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
background-color: #333;
}
#index .mainVisual .textInfo {
width: calc(100% - 7.7rem);
padding: 0.2rem 0 0.5rem 0.5rem;
box-sizing: border-box;
background-color: #fff;
}
#index .mainVisual .textInfo ul {
display: flex;
}
#index .mainVisual li {
margin: 0 0.8rem;
flex-shrink: 0;
}
#index .mainVisual li .num {
margin: 0 0.5rem;
color: #00529F;
font-size: 2.4rem;
letter-spacing: 0;
font-family: "Lato", sans-serif;
}
#index .mainVisual .scroll {
position: absolute;
left: -4.9rem;
bottom: 0;
width: 1.3rem;
}
#index .mainVisual .scroll a:hover {
opacity: 0.7;
}
#index .sec01 {
margin-top: -30.9rem;
padding: 38.5rem 0 8.1rem;
background-color: #E9F0F1;
}
#index .sec01 .content {
max-width: 128rem;
position: relative;
}
#index .sec01 img {
width: 100%;
}
#index .sec01 .pho01 {
position: absolute;
left: 0;
top: 14rem;
width: 25.3rem;
overflow: hidden;
border-radius: 0 1.5rem 1.5rem 0;
}
#index .sec01 .pho02 {
position: absolute;
right: 4rem;
top: 0.4rem;
width: 29.8rem;
overflow: hidden;
border-radius: 1.5rem;
}
#index .sec01 .pho03 {
position: absolute;
right: 17.9rem;
bottom: -19.5rem;
width: 29.1rem;
overflow: hidden;
border-radius: 1.5rem;
}
#index .sec01 .textBox {
width: 55.3rem;
margin: 0 auto;
}
#index .sec01 .headLine04 {
max-width: inherit;
margin-bottom: 4rem;
}
#index .sec01 .headLine04 .jp {
margin-bottom: 2.1rem;
font-size: 3.2rem;
letter-spacing: 0.016rem;
}
#index .sec01 .headLine04 .en {
margin-bottom: 3.6rem;
position: relative;
left: auto;
top: auto;
display: block;
}
#index .sec01 p {
width: 45.5rem;
margin-bottom: 2.1rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#index .sec01 p:last-of-type {
margin-bottom: 6.5rem;
}
#index .sec01 .comLink {
margin-left: 0;
width: 30.8rem;
}
#index .sec02 {
padding: 7.1rem 0 9rem;
}
#index .sec02 .imgBox {
padding: 0 0 5.6rem 9.8rem;
align-items: center;
position: relative;
}
#index .sec02 .imgBox:nth-child(2n) {
flex-direction: row-reverse;
}
#index .sec02 .num {
position: absolute;
left: 0;
top: -0.7rem;
font-size: 1rem;
letter-spacing: 0.005rem;
font-family: "Montserrat", sans-serif;
}
#index .sec02 .num .line {
margin: 0 0.5rem;
font-size: 0.8rem;
letter-spacing: 0.004rem;
}
#index .sec02 .num .on {
color: #00529F;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.08rem;
}
#index .sec02 .pho {
width: 55.2rem;
overflow: hidden;
border-radius: 2.4rem;
}
#index .sec02 .pho img {
width: 100%;
}
#index .sec02 .textBox {
width: 36.3rem;
}
#index .sec02 p {
line-height: 1.8;
letter-spacing: 0.006rem;
}
#index .sec02 .comLink {
margin: -0.8rem 0 0 auto;
}
#index .sec03 .bgBox {
padding: 7rem 0 8rem;
background-color: #E5E3DA;
}
#index .sec03 .topPho img {
width: 100%;
}
#index .sec03 .headLine04 {
margin-bottom: 0;
}
#index .sec03 .headLine04 .en {
color: #333;
font-weight: 600;
top: 0.7rem;
}
#index .sec03 .headLine04 .jp {
margin-bottom: 2.4rem;
}
#index .sec03 .comList {
margin: 0;
}
#index .sec03 .comList li {
margin: 0 0.8rem;
width: 36.2rem !important;
float: left;
}
#index .sec03 .comList a {
background-color: #fff;
}
#index .sec03 .comList .name {
margin-bottom: 0.8rem;
}
#index .sec03 .comList .ttl {
margin-bottom: 2.5rem;
}
#index .sec03 .comList .txt {
margin-bottom: 2.4rem;
color: #AEACAC;
letter-spacing: 0.006rem;
}
#index .sec03 .comList .txt > span {
margin-right: 2.6rem;
}
#index .sec03 .comList .txt .line {
margin-right: 0.6rem;
width: 4rem;
padding: 0 0 0.1rem;
display: inline-block;
text-align: center;
font-size: 1rem;
letter-spacing: 0.005rem;
border: 1px solid #AEACAC;
border-radius: 5rem;
}
#index .sec03 .arrow {
width: 111.8rem;
margin: -5.5rem auto 6.4rem;
justify-content: flex-end;
}
#index .sec03 .arrow li {
width: 5.6rem;
margin-left: 1.6rem;
cursor: pointer;
}
#index .sec03 .arrow li:hover {
opacity: 0.7;
}
#index .sec03 .btmPho {
position: relative;
}
#index .sec03 .btmPho img {
width: 100%;
}
#index .sec03 .btmPho .comLink {
position: absolute;
right: 50%;
margin-right: -55.8rem;
bottom: 4rem;
}
#index .topPho {
height: 40rem;
overflow: hidden;
}
#index .topPho .rellax {
position: relative;
height: 115.5rem;
margin-top: -115.5rem;
}
#index .topPho .rellax img {
width: 100%;
height: 100%;
object-fit: cover;
}
#index .sec04 {
padding: 7.7rem 0 8rem;
}
#index .sec04 .headLine04 {
margin-bottom: 8.1rem;
}
#index .sec04 .imgBox {
padding: 0 0 8rem 9.8rem;
align-items: center;
}
#index .sec04 .imgBox:nth-child(2n) {
flex-direction: row-reverse;
}
#index .sec04 .pho {
width: 55.2rem;
overflow: hidden;
border-radius: 2.4rem;
}
#index .sec04 .pho img {
width: 100%;
}
#index .sec04 .textBox {
width: 36.3rem;
}
#index .sec04 p {
margin-bottom: 2rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#index .sec04 .comLink {
margin: -2.4rem 0 0 auto;
}
#index .sec05 {
padding: 7.3rem 0 8rem;
background-color: #E9F0F1;
}
#index .sec05 .comList a {
height: 100%;
box-sizing: border-box;
background-color: #fff;
}
#index .sec05 .comList .textBox {
padding-bottom: 3.4rem;
}
#index .sec05 .comList .title {
padding-top: 0;
margin-bottom: 0;
font-size: 1.2rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#index .sec05 .comList .date {
margin-bottom: 1.6rem;
}
#index .sec05 .comList .date .sort { padding: 0 1rem;
color: #AEACAC;
font-size: 1rem;
letter-spacing: 0.005rem;
border: 1px solid #AEACAC;
border-radius: 4rem;
}
#index .sec05 .comLink {
margin: 5.6rem 0 0 auto;
}
@media all and (min-width: 897px) {
#index .sec03 .comList .more {
padding: 2.1rem 2.1rem 2.2rem;
}
#index .sec05 .headLine04 {
max-width: inherit;
margin-bottom: 5.2rem;
padding: 6.8rem 0.2rem 0;
}
#index .sec05 .headLine04 .jp {
margin-bottom: 0;
}
#index .sec05 .headLine04 .en {
left: -4.8rem;
top: 0;
line-height: 1;
}
#index .sec05 .comList li {
width: 24%;
margin-right: 1.33%;
}
#index .sec05 .comList .pho {
height: 27rem;
}
#index .sec05 .comList li:nth-child(4n) {
margin-right: 0;
}
#index .sec03 .btmPho img {
height: 40rem;
object-fit: cover;
}
}
@media all and (max-width: 896px) {
#index .mainVisual {
margin-left: 2rem;
}
#index .mainVisual .pho img {
height: auto;
}
#index .mainVisual .textImg {
left: 2rem;
bottom: 10rem;
width: 29rem;
}
#index .mainVisual .textBox {
bottom: 3.5rem;
right: 2rem;
width: 25rem;
}
#index .mainVisual .note {
bottom: 1.5rem;
}
#index .mainVisual .scroll {
left: -1.7rem;
}
#index .sec01 {
margin-top: -4rem;
padding: 9rem 0 5rem;
}
#index .sec01 .pho01 {
display: none;
}
#index .sec01 .pho02 {
display: none;
}
#index .sec01 .pho03 {
display: none;
}
#index .sec01 .textBox {
width: auto;
}
#index .sec01 .headLine04 {
max-width: inherit;
margin: 0 0 2rem;
}
#index .sec01 .headLine04 .jp {
margin-bottom: 1rem;
font-size: 2.3rem;
}
#index .sec01 .headLine04 .en {
margin-bottom: 1rem;
}
#index .sec01 p {
width: auto;
margin-bottom: 1rem;
}
#index .sec01 p:last-of-type {
margin-bottom: 2.5rem;
}
#index .sec02 {
padding: 6rem 0;
}
#index .sec02 .imgBox {
padding: 0 0 3rem;
display: block;
}
#index .sec02 .num {
position: static;
}
#index .sec02 .pho {
margin-bottom: 1.5rem;
width: auto;
}
#index .sec02 .textBox {
width: auto;
}
#index .sec02 .comLink {
margin: 0 auto;
}
#index .sec03 .bgBox {
padding: 4rem 0;
}
#index .sec03 .headLine04 {
margin-bottom: 0;
}
#index .sec03 .headLine04 .jp {
margin-bottom: 1rem;
}
#index .sec03 .comList li {
width: 28rem !important;
}
#index .sec03 .comList .ttl {
margin-bottom: 1rem;
}
#index .sec03 .comList .txt {
margin-bottom: 1rem;
}
#index .sec03 .comList .txt > span {
margin-right: 2rem;
}
#index .sec03 .arrow {
width: auto;
margin: 2rem;
}
#index .sec03 .arrow li {
width: 4rem;
}
#index .sec03 .btmPho .comLink {
right: 50%;
margin-right: 0;
bottom: 50%;
transform: translate(50%,50%);
}
#index .topPho {
height: 11.7rem;
}
#index .topPho .rellax {
margin-top: -96rem;
}
#index .sec03 .btmPho img {
height: 11.7rem;
object-fit: cover;
}
#index .sec04 {
padding: 4rem 0;
}
#index .sec04 .headLine04 {
margin-bottom: 3rem;
}
#index .sec04 .imgBox {
padding: 0 0 4rem;
display: block;
}
#index .sec04 .pho {
margin-bottom: 1.5rem;
width: auto;
}
#index .sec04 .textBox {
width: auto;
}
#index .sec04 p {
margin-bottom: 1rem;
}
#index .sec04 .comLink {
margin: 0 auto;
}
#index .sec05 {
padding: 4rem 0;
}
#index .sec05 .comLink {
margin: 3rem auto 0;
}
} #company .headLine02 {
margin-bottom: 2.4rem;
color: #333;
}
#company .sec01 {
padding-bottom: 8.1rem;
}
#company .sec01 .imgBox {
margin: 0 0.3rem;
align-items: flex-start;
}
#company .sec01 .pho {
width: 23.6rem;
overflow: hidden;
border-radius: 2.4rem;
}
#company .sec01 .textBox {
width: 63.9rem;
}
#company .sec01 p {
margin-bottom: 2.15rem;
line-height: 1.8;
letter-spacing: 0.006rem;
font-family: "Noto Serif JP", serif;
}
#company .sec01 .name {
margin: 3.3rem 0 0;
text-align: right;
}
#company .sec01 .name span {
margin: -0.4rem 0 0 2rem;
display: inline-block;
vertical-align: middle;
}
#company .sec02 {
padding: 8rem 0;
background-color: #E9F0F1;
}
#company .sec02 .img {
margin: 0 0.1rem;
overflow: hidden;
border-radius: 2.4rem;
}
#company .sec02 .img img {
width: 100%;
}
#company .sec03 {
padding: 8rem 0;
}
#company .sec03 .pho {
margin-bottom: 4rem;
}
#company .sec03 .pho img {
width: 100%;
border-radius: 2.4rem;
}
#company .sec03 table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid rgba(174,172,172,0.5);
}
#company .sec03 th,
#company .sec03 td {
padding: 3.3rem 0 3.2rem;
vertical-align: text-bottom;
text-align: left;
line-height: 1.8;
letter-spacing: 0.006rem;
box-sizing: border-box;
border-bottom: 1px solid rgba(174,172,172,0.5);
}
#company .sec03 th {
width: 20.3%;
font-weight: 700;
}
#company .sec04 {
padding: 8rem 0;
background-color: #E9F0F1;
}
#company .sec04 li {
width: 49%;
}
#company .sec04 .map {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
#company .sec04 .map iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
#company .sec04 p {
margin-top: 1.6rem;
line-height: 1.8;
letter-spacing: 0.006rem;
}
#company .sec04 p span {
margin-bottom: 0.5rem;
display: block;
font-weight: 700;
}
@media all and (max-width: 896px) {
#company .sec01 {
padding-bottom: 4rem;
}
#company .sec01 .imgBox {
margin: 0;
display: block;
}
#company .sec01 .pho {
width: 18.8rem;
margin: 0 auto 2rem;
}
#company .sec01 .textBox {
width: auto;
}
#company .sec01 p {
margin-bottom: 1rem;
}
#company .sec01 .name {
margin: 2.5rem 0 0;
}
#company .sec02 {
padding: 4rem 0;
}
#company .sec02 .img {
margin: 0;
}
#company .sec03 {
padding: 4rem 0;
}
#company .sec03 .pho {
margin-bottom: 2rem;
}
#company .sec03 th,
#company .sec03 td {
padding: 1.5rem 0;
}
#company .sec04 {
padding: 4rem 0;
}
#company .sec04 ul {
display: block;
}
#company .sec04 li {
width: auto;
}
#company .sec04 li:first-child {
margin-bottom: 2rem;
}
#company .sec04 p {
margin-top: 1rem;
}
#company .sec04 p span {
margin-bottom: 0;
}
} #group .headLine01 {
margin-bottom: 4.1rem;
}
#group .sec01 {
padding: 8rem 0;
}
#group .sec01 .imgBox {
align-items: center;
}
#group .sec01 .pho {
width: 36.3rem;
}
#group .sec01 .pho img {
width: 100%;
border-radius: 2.4rem;
}
#group .sec01 .textBox {
width: 26.7rem;
}
#group .sec01 p {
margin: 0 -2rem 2.4rem 0;
font-size: 1.3rem;
line-height: 1.8;
letter-spacing: 0.0065rem;
}
#group .sec01 p:last-child {
margin-bottom: 0 !important;
}
#group .sec02 {
padding: 8.2rem 0 8rem;
background-color: #E5E3DA;
}
#group .headLine04 {
max-width: inherit;
margin-bottom: 2.3rem;
}
#group .headLine04 .jp {
margin-bottom: 0;
font-weight: 700;
}
#group .headLine04 .en {
margin-bottom: 1.2rem;
position: relative;
left: auto;
top: auto;
display: block;
}
#group .sec02 .imgBox {
margin-bottom: 4rem;
}
#group .sec02 .textBox {
width: 36.2rem;
}
#group .sec02 .headLine04 .en {
margin-bottom: 3.7rem;
}
#group .sec02 p {
margin-bottom: 2.4rem;
font-size: 1.3rem;
line-height: 1.8;
letter-spacing: 0.0065rem;
}
#group .sec02 .pho {
margin-top: 11rem;
}
#group .sec02 .pho span {
margin-bottom: 0.8rem;
display: block;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#group .sec02 .pho img {
width: 100%;
border-radius: 0.8rem;
}
#group .sec02 .img {
margin: 6.1rem 5.1rem 0 0;
width: 54.6rem;
}
#group .sec02 ul {
margin: 0 1px 0 -1px;
}
#group .sec02 li {
width: 20%;
border-right: 1px solid #E5E3DA;
border-left: 1px solid #E5E3DA;
box-sizing: border-box;
}
#group .sec02 li:first-child img {
border-radius: 0.8rem 0 0 0.8rem;
}
#group .sec02 li:last-child img {
border-radius: 0 0.8rem 0.8rem 0;
}
#group .sec02 li span {
margin-bottom: 0.8rem;
display: block;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#group .sec02 li img {
width: 100%;
}
#group .sec03 {
padding: 7.6rem 0 8.3rem;
}
#group .sec03 .img {
margin-top: 0.7rem;
width: 64.7rem;
overflow: hidden;
border-radius: 2.4rem;
}
#group .sec03 .img img {
width: 100%;
}
#group .sec03 .textBox {
width: 36.2rem;
}
#group .sec03 .text {
margin: -0.2rem 0 6.5rem;
line-height: 1.8;
font-size: 1.3rem;
letter-spacing: 0.0065rem;
}
#group .sec03 .comLinkList p {
left: 2.4rem;
right: 2.4rem;
font-size: 1.2rem;
letter-spacing: 0.006rem;
}
#group .sec03 .comLinkList p .en {
margin-bottom: -0.5rem;
font-size: 2.8rem;
letter-spacing: 0.014rem;
}
#group .sec04 {
padding: 8.7rem 0 4rem;
background-color: #E9F0F1;
}
#group .sec04 .info {
padding-bottom: 4rem;
justify-content: flex-end;
}
#group .sec04 .textBox {
width: 36.5rem;
margin-right: 10.9rem;
}
#group .sec04 .headLine04 .en {
margin-bottom: 0;
}
#group .sec04 .text {
font-size: 1.3rem;
line-height: 1.8;
letter-spacing: 0.0065rem;
}
#group .sec04 .slideBox {
width: calc(50% + 8.7rem);
}
#group .sec04 .slideBox .pho img {
width: 100%;
}
#group .sec04 .slideBox p {
margin: -0.5rem 0 1.6rem;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.0055rem;
}
#group .sec04 .slideBox p img {
width: 10.8rem;
margin: -0.2rem 0.9rem 0 0;
}
#group .sec04 .slideList .slick-slide > div {
width: 26.8rem;
margin-right: 0.8rem;
}
#group .sec04 .slideList li img {
height: 26.8rem;
width: 100%;
object-fit: cover;
}
#group .sec04 .slideList li {
overflow: hidden;
border-radius: 0.8rem;
}
@media all and (max-width: 896px) {
#group .headLine01 {
margin-bottom: 3rem;
}
#group .sec01 {
padding: 4rem 0;
}
#group .sec01 .imgBox {
display: block;
}
#group .sec01 .pho {
margin-bottom: 2rem;
width: auto;
}
#group .sec01 .textBox {
width: auto;
}
#group .sec01 p {
margin: 0 0 1rem;
text-align: center;
}
#group .sec02 {
padding: 4rem 0;
}
#group .headLine04 {
margin: 0 0 2rem;
}
#group .headLine04 .jp {
margin-bottom: 0;
font-weight: 700;
}
#group .headLine04 .en {
margin-bottom: 1rem !important;
}
#group .sec02 .imgBox {
margin-bottom: 3rem;
}
#group .sec02 .textBox {
width: 100%;
order: 1;
}
#group .sec02 p {
margin-bottom: 1rem;
}
#group .sec02 .pho {
margin-top: 3rem;
}
#group .sec02 .img {
margin: 0 0 2rem;
width: auto;
}
#group .sec02 .img img {
width: 100%;
}
#group .sec02 ul {
margin: -2rem -1rem 0;
justify-content: center;
}
#group .sec02 li {
margin: 2rem 0.5rem 0;
width: calc(50% - 1rem);
border: none;
}
#group .sec02 li img {
border-radius: 0.8rem !important;
}
#group .sec03 {
padding: 4rem 0;
}
#group .sec03 .img {
margin-top: 2rem;
width: auto;
}
#group .sec03 .textBox {
width: auto;
}
#group .sec03 .text {
margin: 0 0 1.5rem;
}
#group .sec04 {
padding: 4rem 2rem;
}
#group .sec04 .info {
padding-bottom: 2rem;
display: block;
}
#group .sec04 .textBox {
width: auto;
margin: 0 0 3rem;
}
#group .sec04 .slideBox {
width: auto;
margin-right: -2rem;
}
#group .sec04 .slideBox p {
margin: 0 0 1rem;
}
#group .sec04 .slideBox p img {
width: 10.8rem;
margin-right: 0.9rem;
}
#group .sec04 .slideList .slick-slide > div {
width: 16rem;
}
#group .sec04 .slideList li img {
height: 16rem;
}
} #strength .mainImg {
background-image: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/strength/main_img_bg.jpg);
background-position: top center;
}
#strength .mainImg .title {
margin-bottom: 1.7rem;
font-size: 1.6rem;
letter-spacing: 0.008rem;
}
#strength .sec01 {
padding:8rem 0 5.1rem;
}
#strength .sec01 .bgBox {
margin-bottom: 4rem;
padding: 4rem 10.7rem 2.4rem;
border-radius: 2.4rem;
background-color: #E9F0F1;
}
#strength .sec01 h3 {
width: fit-content;
margin: 0 auto 2.4rem;
padding-bottom: 0.4rem;
text-align: center;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.01rem;
border-bottom: 0.2rem solid #333;
}
#strength .sec01 ul {
position: relative;
}
#strength .sec01 ul::after {
content: "";
width: 30%;
}
#strength .sec01 li {
width: 30%;
padding: 0 0 1rem 2.1rem;
position: relative;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
box-sizing: border-box;
}
#strength .sec01 li::before {
position: absolute;
left: 0;
top: 0.7rem;
width: 1.2rem;
height: 1.2rem;
background-color: #D2CB2F;
content: "";
border-radius: 100%;
}
#strength .sec01 .btmText {
text-align: center;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.016rem;
}
#strength .sec01 .btmText span {
margin-bottom: 0.7rem;
display: block;
font-size: 1.6rem;
letter-spacing: 0.008rem;
}
#strength .heading01 {
margin-bottom: 5.6rem;
background-color: #E5E3DA;
}
#strength .heading01 h3 {
width: 74rem;
margin: 0 auto;
height: 21.4rem;
padding-left: 24.7rem;
position: relative;
display: flex;
align-items: center;
font-size: 3.2rem;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.02rem;
box-sizing: border-box;
}
#strength .heading01 h3 .round {
position: absolute;
left: 2rem;
top: 50%;
width: 16.6rem;
height: 16.6rem;
padding-top: 1.1rem;
line-height: 1.5;
text-align: center;
font-size: 1.6rem;
letter-spacing: 0.008rem;
background-color: #fff;
box-sizing: border-box;
border-radius: 100%;
transform: translateY(-50%);
}
#strength .heading01 h3 .num {
display: block;
color: #00529F;
font-size: 3.2rem;
letter-spacing: 0.16rem;
font-family: "Montserrat", sans-serif;
}
#strength .heading02 {
margin-bottom: 4rem;
text-align: center;
font-weight: 700;
line-height: 1.43;
font-size: 2.4rem;
padding-bottom: 1.2rem;
letter-spacing: 0.016rem;
}
#strength .sec02 {
padding-bottom: 8rem;
}
#strength .sec02 .slideList {
margin-bottom: 8rem;
}
#strength .sec02 .slideList li {
width: 26.8rem;
height: 26.8rem;
position: relative;
}
#strength .sec02 .slideList li img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#strength .sec02 .imgList {
margin-bottom: 4rem;
}
#strength .sec02 .imgList li {
width: 49.3%;
overflow: hidden;
border-radius: 2.4rem;
}
#strength .sec02 .headLine03 {
margin-top: -3.9rem;
}
#strength .sec02 .img {
margin-bottom: 8rem;
}
#strength .sec02 .img img {
border-radius: 2.4rem;
}
#strength .sec03 {
padding-bottom: 8rem;
}
#strength .sec03 .heading01 {
margin-bottom: 4rem;
}
#strength .sec03 .headLine03 {
margin-bottom: 1.9rem;
}
#strength .sec03 .img {
margin-bottom: 3.7rem;
padding: 4rem 6.2rem 4rem 4.7rem;
text-align: center;
border-radius: 2.4rem;
background-color: #E9F0F1;
}
#strength .sec03 .img span {
margin: 0 0 3.5rem 1.5rem;
display: block;
color: #00529F;
font-size: 2.8rem;
font-weight: 700;
letter-spacing: 0.014rem;
}
#strength .sec03 .heading02 .line {
display: block;
width: fit-content;
margin: 4.6rem auto 2.2rem;
padding: 0 0.1rem 0.6rem;
color: #00529F;
font-size: 3.2rem;
border-bottom: 0.3rem solid #00529F;
}
#strength .sec03 ul {
width: 83.6rem;
margin: 0 auto 4rem;
position: relative;
}
#strength .sec03 ul::after {
content: "";
width: 26.8rem;
}
#strength .sec03 li {
width: 26.8rem;
padding: 4.8rem 2.4rem 3.3rem;
border-radius: 2.4rem;
background-color: #E9F0F1;
box-sizing: border-box;
}
#strength .sec03 li .ico {
margin-bottom: 3.2rem;
text-align: center;
}
#strength .sec03 li img {
width: auto;
height: 8rem;
}
#strength .sec03 li h5 {
margin-bottom: 1.5rem;
text-align: center;
font-size: 2rem;
color: #00529F;
font-weight: 700;
letter-spacing: 0.01rem;
}
#strength .sec03 li p {
font-size: 1.3rem;
line-height: 1.8;
letter-spacing: 0.0065rem;
}
#strength .sec03 .btmText {
text-align: center;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#strength .sec04 {
padding-bottom: 7.9rem;
}
#strength .sec04 section {
padding: 4rem 0;
border-top: 1px solid rgba(174,172,172,0.5);
}
#strength .sec04 h5 {
margin-bottom: 1.5rem;
text-align: center;
font-weight: 700;
color: #00529F;
font-size: 2.8rem;
letter-spacing: 0.014rem;
}
#strength .sec04 .info01 .title {
width: fit-content;
margin: 0 auto 2.4rem;
padding: 0 1.6rem;
position: relative;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#strength .sec04 .info01 .title::before,
#strength .sec04 .info01 .title::after {
position: absolute;
left: 100%;
top: 50%;
width: 4rem;
height: 0.2rem;
background-color: #333;
content: "";
}
#strength .sec04 .info01 .title::after {
left: auto;
right: 100%;
}
#strength .sec04 .info01 ul {
position: relative;
}
#strength .sec04 .info01 ul::after {
content: "";
width: 30rem;
}
#strength .sec04 .info01 li {
width: 30rem;
height: 30rem;
padding: 3.6rem 4rem;
background-color: #E5E3DA;
border-radius: 17rem;
box-sizing: border-box;
}
#strength .sec04 .info01 .num {
margin-bottom: 0.5rem;
color: #00529F;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.12rem;
font-family: "Montserrat", sans-serif;
}
#strength .sec04 .info01 .ttl {
margin-bottom: 1.7rem;
font-size: 2rem;
font-weight: 700;
line-height: 1.43;
text-align: center;
letter-spacing: 0.01rem;
}
#strength .sec04 .info01 .text {
font-size: 1.3rem;
line-height: 1.8;
text-align: justify;
letter-spacing: 0.0065rem;
}
#strength .sec04 .info02 h5 {
margin-bottom: 3.1rem;
}
#strength .sec04 .info02 .imgBox {
align-items: center;
}
#strength .sec04 .info02 .img {
width: 50.2rem;
overflow: hidden;
border-radius: 2.4rem;
}
#strength .sec04 .info02 .textBox {
width: 36rem;
}
#strength .sec04 .info02 p {
margin-bottom: 2.9rem;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 700;
letter-spacing: 0.008rem;
}
#strength .sec04 .info02 p:last-child {
margin-bottom: 0 !important;
}
#strength .sec04 .info03 h5 {
margin-bottom: 3.1rem;
}
#strength .sec04 .info03 .img {
margin-bottom: 2.4rem;
overflow: hidden;
border-radius: 2.4rem;
}
#strength .sec04 .info03 p {
text-align: center;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#strength .sec04 .info04 {
padding-bottom: 6.3rem;
}
#strength .sec04 .info04 .topText {
margin-bottom: 3.2rem;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#strength .sec04 .info04 ul {
width: 74.2rem;
margin: 0 auto;
}
#strength .sec04 .info04 li {
margin-bottom: 1.6rem;
padding: 3.1rem 5rem 3.3rem 10.7rem;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 1.6rem;
background-color: #E9F0F1;
}
#strength .sec04 .info04 li:last-child {
margin-bottom: 0 !important;
}
#strength .sec04 .info04 .num {
position: absolute;
left: 2.8rem;
top: 50%;
width: 5.5rem;
height: 5.5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 2.4rem;
color: #fff;
font-weight: 700;
letter-spacing: 0.12rem;
background-color: #00529F;
border-radius: 100%;
font-family: "Montserrat", sans-serif;
transform: translateY(-50%);
}
#strength .sec04 .info04 .ttl {
width: 16rem;
color: #00529F;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.008rem;
}
#strength .sec04 .info04 .text {
width: calc(100% - 18.5rem);
font-size: 1.3rem;
line-height: 1.8;
letter-spacing: 0.0065rem;
}
#strength .sec04 .slideList {
margin-bottom: 2.4rem;
}
#strength .sec04 .slideList li {
width: 26.8rem;
height: 26.8rem;
position: relative;
}
#strength .sec04 .slideList li img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#strength .sec04 .note {
font-size: 1rem;
font-weight: 400;
width: 75rem;
margin: 0 auto;
}
#strength .sec05 {
padding-bottom: 7.1rem;
}
#strength .sec05 .topText {
margin-bottom: 5.7rem;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.008rem;
}
#strength .sec05 .widBox {
position: relative;
padding: 8.4rem 0 10.3rem;
}
#strength .sec05 .img {
width: 55.2rem;
margin: 0 auto;
pointer-events: none;
}
#strength .sec05 ul {
position: absolute;
width: 26.8rem;
}
#strength .sec05 li {
margin-bottom: 0.8rem;
display: flex;
align-items: center;
border-radius: 0.4rem;
background-color: #E5E3DA;
box-sizing: border-box;
overflow: hidden;
}
#strength .sec05 .pho {
width: 8rem;
}
#strength .sec05 .textBox {
width: calc(100% - 8rem);
padding: 1rem 1.5rem;
box-sizing: border-box;
}
#strength .sec05 li p {
letter-spacing: 0.006rem;
}
#strength .sec05 li p span {
margin-bottom: 0.1rem;
display: block;
font-weight: 700;
}
#strength .sec06 {
padding-bottom: 8rem;
}
#strength .sec06 .topText {
margin-bottom: 6.4rem;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.008rem;
}
#strength .sec06 .widBox {
margin-bottom: 4rem;
}
#strength .sec06 .topList {
margin-bottom: 3.2rem;
}
#strength .sec06 .topList li {
width: calc(50% - 4.8rem);
}
#strength .sec06 .topList .ttl {
width: 40rem;
margin: 0 auto;
padding: 0.9rem 0 0.9rem 2.1rem;
position: relative;
font-size: 2rem;
text-align: center;
font-weight: 700;
letter-spacing: 0.01rem;
border-radius: 2.4rem;
background-color: #E9F0F1;
box-sizing: border-box;
}
#strength .sec06 .topList .ttl img {
width: 6.7rem;
position: absolute;
left: 2.3rem;
bottom: 0;
}
#strength .sec06 .topList li:last-child .ttl {
color: #FFF;
background-color: #00529F;
}
#strength .sec06 .topList li:last-child .ttl img {
width: 7.3rem;
}
#strength .sec06 .textList li {
margin-bottom: 2.4rem;
position: relative;
display: flex;
justify-content: space-between;
}
#strength .sec06 .textList li:last-child {
margin-bottom: 0 !important;
}
#strength .sec06 .textList li::before {
position: absolute;
left: 50%;
top: 50%;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon12.png) no-repeat;
background-size: 2.8rem auto;
width: 2.8rem;
height: 3.2rem;
content: "";
transform: translate(-40%,-36%);
}
#strength .sec06 .textList .lBox,
#strength .sec06 .textList .rBox {
min-height: 21.9rem;
padding: 2rem 4rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: calc(50% - 4.8rem);
border-radius: 2.4rem;
background-color: #E5E3DA;
box-sizing: border-box;
}
#strength .sec06 .textList .lBox {
border: 0.3rem solid #00529F;
background-color: #FFF;
}
#strength .sec06 .textList .lBox::before,
#strength .sec06 .textList .rBox::before {
position: absolute;
left: 1.2rem;
top: 1.3rem;
width: 5.6rem;
height: 5.6rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #00529F;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.12rem;
box-sizing: border-box;
background-color: #E9F0F1;
border-radius: 100%;
font-family: "Montserrat", sans-serif;
content: "Q";
}
#strength .sec06 .textList .rBox::before {
left: 1.5rem;
top: 1.7rem;
color: #333;
background-color: #D2CB2F;
content: "A";
}
#strength .sec06 .textList p {
font-size: 2.8rem;
font-weight: 700;
letter-spacing: 0.014rem;
}
#strength .sec06 .textList .sml {
font-size: 2.4rem;
letter-spacing: 0.012rem;
}
#strength .sec06 .textList p .note {
margin-top: 1.5rem;
display: block;
font-size: 1.3rem;
text-align: left;
letter-spacing: 0.0065rem;
}
#strength .sec06 .bgInfo {
margin-bottom: 4rem;
padding: 7.9rem 9.5rem 5.6rem;
border-radius: 2.4rem;
background-color: #E9F0F1;
}
#strength .sec06 .bgInfo h4 {
margin-bottom: 5.5rem;
text-align: center;
font-size: 3.2rem;
font-weight: 700;
letter-spacing: 0.016rem;
}
#strength .sec06 .bgInfo h4 span {
margin-bottom: 1.5rem;
display: block;
color: #00529F;
font-size: 1.6rem;
letter-spacing: 0.008rem;
}
#strength .sec06 .infoBox {
margin-top: 5.6rem;
}
#strength .sec06 .infoBox p {
width: 55rem;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.008rem;
}
#strength .sec06 .infoBox .comLink {
margin: 0;
}
#strength .sec06 .infoBox .comLink a {
color: #00529F;
background-image: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon14.png);
}
#strength .sec06 .comBgBox {
background: rgba(0, 0, 0, 0.40);
}
#strength .sec07 {
padding-bottom: 8rem;
}
#strength .sec07 ul {
margin-bottom: 4rem;
}
#strength .sec07 li {
width: 19.2%;
padding: 3.6rem 1rem 2.5rem;
margin-right: 1%;
text-align: center;
border-radius: 2.4rem;
background-color: #E9F0F1;
box-sizing: border-box;
overflow: hidden;
}
#strength .sec07 li:last-child {
margin: 0;
}
#strength .sec07 li .img img {
height: 8.5rem;
width: auto;
}
#strength .sec07 li h4 {
min-height: 6.8rem;
margin-bottom: -0.6rem;
color: #00529F;
line-height: 1.43;
font-size: 1.6rem;
letter-spacing: 0.008rem;
display: flex;
align-items: center;
justify-content: center;
}
#strength .sec07 li p {
letter-spacing: 0.006rem;
}
#strength .sec07 li .big {
margin-top: -1rem;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.01rem;
}
#strength .sec07 li .big span {
color: #CF1225;
}
#strength .sec07 .btmText {
width: 55.2rem;
margin: 0 auto;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.008rem;
}
@media all and (min-width: 897px) {
#strength .sec05 .list01 {
left: 0;
top: 0;
}
#strength .sec05 .list02 {
right: 0;
top: 0;
}
#strength .sec05 .list03 {
left: 0;
bottom: 0;
}
#strength .sec05 .list04 {
right: 0;
bottom: 0;
}
#strength .sec06 .comBgBox {
padding: 6.3rem 0 4.9rem;
}
#strength .sec06 .comBgBox .ttl {
margin-bottom: 2.7rem;
font-size: 2.4rem;
letter-spacing: 0.012rem;
}
}
.popCover {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
@media all and (max-width: 896px) {
#strength .simpleBar ::-webkit-scrollbar {
display: none !important;
}
#strength .mainImg {
padding: 16rem 2rem 5rem;
}
#strength .mainImg .title {
margin-bottom: 1rem;
font-size: 1.4rem;
}
#strength .sec01 {
padding: 4rem 0;
}
#strength .sec01 .bgBox {
margin-bottom: 2rem;
padding: 2rem 2rem 1rem;
}
#strength .sec01 h3 {
margin: 0 auto 1rem;
}
#strength .sec01 ul {
display: block;
}
#strength .sec01 ul li {
width: auto;
}
#strength .sec01 .btmText {
font-size: 2.4rem;
}
#strength .sec01 .btmText span {
margin-bottom: 0;
}
#strength .heading01 {
margin-bottom: 3rem !important;
}
#strength .heading01 h3 {
width: auto;
height: auto;
padding: 2rem;
display: block;
font-size: 2.5rem;
text-align: center;
}
#strength .heading01 h3 .round {
position: static;
display: block;
width: 14rem;
margin: 0 auto;
height: 14rem;
font-size: 1.4rem;
transform: none;
}
#strength .heading01 h3 .num {
font-size: 2.6rem;
}
#strength .heading02 {
margin-bottom: 2rem;
font-size: 2rem;
}
#strength .sec02 {
padding-bottom: 4rem;
}
#strength .sec02 .slideList {
margin-bottom: 4rem;
}
#strength .sec02 .slideList li {
width: 18rem;
height: 18rem;
}
#strength .sec02 .imgList {
margin-bottom: 2rem;
display: block;
}
#strength .sec02 .imgList li {
width: auto;
margin-bottom: 1rem;
}
#strength .sec02 .imgList li img {
width: 100%;
}
#strength .sec02 .headLine03 {
margin-top: 0;
}
#strength .sec02 .img {
margin-bottom: 4rem;
padding-bottom: 2rem;
}
.simplebar-track {
background: #ddd;
border-radius: 1rem;
}
.simplebar-track.simplebar-horizontal {
height: 0.9rem;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
top: 0;
height: 0.9rem;
}
.simplebar-scrollbar::before {
background: #A9A9A9;
border-radius: 1rem;
}
.simplebar-scrollbar.simplebar-visible::before {
opacity: 1;
}
#strength .sec02 .img img {
width: 740px;
max-width: inherit;
border-radius: 1.5rem;
}
#strength .sec03 {
padding-bottom: 4rem;
}
#strength .sec03 img {
width: 100%;
}
#strength .sec03 .img {
margin-bottom: 2rem;
padding: 2rem;
}
#strength .sec03 .img span {
margin: 0 0 1.5rem;
font-size: 2rem;
}
#strength .sec03 .heading02 .line {
margin: 1rem auto;
font-size: 3rem;
}
#strength .sec03 ul {
width: auto;
margin: 0 auto 2rem;
display: block;
}
#strength .sec03 li {
margin-bottom: 2rem;
width: auto;
padding: 2rem;
}
#strength .sec03 li .ico {
margin-bottom: 1.5rem;
}
#strength .sec04 {
padding-bottom: 4rem;
}
#strength .sec04 img {
width: 100%;
}
#strength .sec04 section {
padding: 3rem 0;
}
#strength .sec04 h5 {
font-size: 2rem;
}
#strength .sec04 .info01 ul {
display: block;
}
#strength .sec04 .info01 li {
margin: 0 auto 1rem;
}
#strength .sec04 .info01 .text {
text-align: justify;
}
#strength .sec04 .info02 h5 {
margin-bottom: 2rem;
}
#strength .sec04 .info02 .imgBox {
display: block;
}
#strength .sec04 .info02 .img {
width: auto;
margin-bottom: 2rem;
}
#strength .sec04 .info02 .textBox {
width: auto;
}
#strength .sec04 .info02 p {
margin-bottom: 2rem;
}
#strength .sec04 .info03 h5 {
margin-bottom: 2rem;
}
#strength .sec04 .info04 {
padding-bottom: 3rem;
}
#strength .sec04 .info04 .topText {
margin-bottom: 2rem;
}
#strength .sec04 .info04 ul {
width: auto;
}
#strength .sec04 .info04 li {
margin-bottom: 1.6rem;
padding: 2rem;
display: block;
}
#strength .sec04 .info04 .num {
position: static;
margin: 0 auto 1rem;
transform: none;
}
#strength .sec04 .info04 .ttl {
margin-bottom: 1rem;
width: auto;
text-align: center;
}
#strength .sec04 .info04 .text {
width: auto;
}
#strength .sec04 .slideList {
margin-bottom: 2rem;
}
#strength .sec04 .slideList li {
width: 18rem;
height: 18rem;
}
#strength .sec04 .note {
width: auto;
margin: 0 2rem;
}
#strength .sec05 {
padding-bottom: 4rem;
position: relative;
z-index: 1;
}
#strength .sec05 .topText {
margin-bottom: 3rem;
}
#strength .sec05 .img {
width: auto;
pointer-events: auto;
}
#strength .sec05 .img .note {
display: block;
text-align: center;
margin-top: 2rem;
}
#strength .sec05 .img .ico {
width: 41.19%;
position: absolute;
right: 0;
bottom: 1rem;
cursor: default;
pointer-events: none;
}
#strength .sec05 ul {
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
opacity: 0;
visibility: hidden;
transition: all 0.5s;
z-index: 1;
position: fixed;
max-height: calc(100vh - 6.5rem);
margin-top: 3rem;
overflow-y: auto;
}
#strength .sec05 ul.show {
opacity: 1;
visibility: visible;
}
.popCover.show {
opacity: 1;
visibility: visible;
}
#strength .sec06 {
padding-bottom: 4rem;
}
#strength .sec06 .topText {
margin-bottom: 4rem;
}
#strength .sec06 .widBox {
margin-bottom: 4rem;
}
#strength .sec06 .topList {
display: block;
}
#strength .sec06 .topList li {
width: auto;
margin-bottom: 3rem;
}
#strength .sec06 .topList .ttl {
width: auto;
}
#strength .sec06 .topList li:last-child .ttl img {
width: 5.3rem;
}
#strength .sec06 .textList li {
margin-bottom: 4rem;
display: block;
}
#strength .sec06 .textList li::before {
display: none;
}
#strength .sec06 .textList .lBox,
#strength .sec06 .textList .rBox {
min-height: inherit;
padding: 2rem;
display: block;
width: auto;
}
#strength .sec06 .textList .lBox::before,
#strength .sec06 .textList .rBox::before {
left: 0.5rem !important;
top: 0.5rem !important;
width: 4.6rem;
height: 4.6rem;
font-size: 2rem;
}
#strength .sec06 .textList p {
font-size: 2rem;
}
#strength .sec06 .textList .sml {
font-size: 1.6rem;
}
#strength .sec06 .textList p .note {
margin-top: 0.5rem;
}
#strength .sec06 .textList .lBox {
margin-bottom: 3rem;
position: relative;
}
#strength .sec06 .textList .lBox::after {
position: absolute;
left: 50%;
bottom: -3.4rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon12.png) no-repeat;
background-size: 2rem auto;
width: 2rem;
height: 3.2rem;
content: "";
transform: rotate(90deg);
margin-left: -2rem;
}
#strength .sec06 .bgInfo {
margin-bottom: 4rem;
padding: 2rem;
}
#strength .sec06 .bgInfo h4 {
margin-bottom: 2.5rem;
font-size: 2rem;
}
#strength .sec06 .bgInfo h4 span {
margin-bottom: 0.5rem;
}
#strength .sec06 .infoBox {
margin-top: 3rem;
display: block;
}
#strength .sec06 .infoBox p {
width: auto;
}
#strength .sec06 .infoBox .comLink {
margin: 2rem auto 0;
}
#strength .sec07 {
padding-bottom: 4rem;
}
#strength .sec07 ul {
margin: -2rem -1rem 2rem;
justify-content: center;
}
#strength .sec07 li {
width: calc(50% - 1rem);
padding: 1rem;
margin: 2rem 0.5rem 0 !important;
}
#strength .sec07 li h4 {
min-height: 6rem;
}
#strength .sec07 .btmText {
width: auto;
}
}
@media all and (min-width: 500px) and (max-width: 896px) {
#strength .sec05 .img .ico {
bottom: -2%;
}
} #contact form {
padding-top: 9rem;
margin-top: -9rem;
}
#contact .mailForm {
margin-bottom: 8rem;
}
#contact .mailForm .headLine02 {
color: #333;
}
#contact .mailForm .must {
color: #CF1225;
}
#contact .tab01 {
margin: 6rem 0 4rem;
width: 100%;
border-collapse: collapse;
}
#contact .tab01 tr {
border-top: 0.1rem solid #E9F0F1;
}
#contact .tab01 .specTr01,
#contact .tab01 .specTr02 {
border-top: 0;
}
#contact .tab01 .specTr01 th {
padding: 0.6rem 4rem 1.4rem 0;
}
#contact .tab01 .specTr01 td {
padding: 0.7rem 0 1.4rem;
}
#contact .tab01 .specTr02 th {
padding: 0.6rem 4rem 2.7rem 0;
}
#contact .tab01 .specTr02 td {
padding: 0.7rem 0 2.7rem;
}
#contact .tab01 tr:last-of-type {
border-bottom: 0.1rem solid #E9F0F1;
}
#contact .tab01 th,
#contact .tab01 td {
text-align: left;
vertical-align: top;
word-break: break-all;
}
#contact .tab01 th {
padding: 3.3rem 4rem 3.4rem 0;
width: 25.5%;
font-size: 1.3rem;
}
#contact .tab01 th .txt {
margin-top: 0.4rem;
display: block;
font-size: 1rem;
letter-spacing: 0.005rem;
font-weight: 500;
}
#contact .tab01 td {
padding: 3.3rem 0 3.4rem ;
}
#contact .tab01 td .txt {
margin-bottom: 1rem;
}
#contact .tab01 td .notes {
font-size: 1rem;
letter-spacing: 0.005rem;
}
#contact .tab01 td .text {
line-height: 1.8;
letter-spacing: 0.006rem;
}
#contact .step2 .tab01 td .text {
margin-top: 1.8rem;
line-height: 1.5;
letter-spacing: 0.005rem;
font-size: 1rem;
}
#contact .tab01 td .a-upload {
position: relative;
letter-spacing: 0.006rem;
width: fit-content;
}
#contact .tab01 td .a-upload:not(:last-of-type) {
margin-bottom: 0.8rem;
}
#contact .tab01 td .fileerrorTip {
margin-right: 1.3rem;
padding: 0.7rem 1rem;
width: 12rem;
display: inline-block;
color: #fff;
text-align: center;
border-radius: 0.4rem;
background-color: #00529F;
}
#contact .tab01 td .a-upload .wpcf7-form-control-wrap {
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
cursor: pointer;
}
#contact .wpcf7 input[type="file"] {
font-size: 0;
width: 100%;
height: 100%;
}
#contact .tab01 .radioList .wpcf7-form-control,
#contact .tab01 .checkList .wpcf7-form-control {
display: flex;
flex-wrap: wrap;
}
#contact .tab01 .radioList,
#contact .tab01 .checkList {
margin-top: -1.3rem;
}
#contact .tab01 .radioList .noMust .first {
display: none;
}
#contact .tab01 .radioList li,
#contact .tab01 .checkList li,
#contact .tab01 .radioList .wpcf7-list-item,
#contact .tab01 .checkList .wpcf7-list-item {
margin-top: 1.3rem;
}
#contact .tab01 .radioList li:nth-child(3n-2),
#contact .tab01 .checkList li:nth-child(3n-2),
#contact .tab01 .checkList .wpcf7-list-item:nth-child(3n-2) ,
#contact .tab01 .radioList .wpcf7-form-control:not(.noMust) .wpcf7-list-item:nth-child(3n-2),
#contact .tab01 .radioList .noMust .wpcf7-list-item:nth-child(3n-1) {
margin-left: 0;
width: 34.2%;
}
#contact .tab01 .radioList li:nth-child(3n-1),
#contact .tab01 .checkList li:nth-child(3n-1),
#contact .tab01 .checkList .wpcf7-list-item:nth-child(3n-1),
#contact .tab01 .radioList .wpcf7-form-control:not(.noMust) .wpcf7-list-item:nth-child(3n-1),
#contact .tab01 .radioList .noMust .wpcf7-list-item:nth-child(3n) {
margin-left: 0;
width: 34.5%;
}
#contact .tab01 .radioList li:nth-child(3n),
#contact .tab01 .checkList li:nth-child(3n),
#contact .tab01 .checkList .wpcf7-list-item:nth-child(3n),
#contact .tab01 .radioList .wpcf7-form-control:not(.noMust) .wpcf7-list-item:nth-child(3n),
#contact .tab01 .radioList .noMust .wpcf7-list-item:nth-child(3n-2) {
margin-left: 0;
margin-right: -1rem;
width: 32.6%;
}
#contact .tab01 .radioList01 {
margin-bottom: 2rem;
}
#contact .tab01 .radioList01 li:not(:last-of-type) ,
#contact .tab01 .radioList01 .wpcf7-form-control .wpcf7-list-item {
width: auto !important;
margin-right: 3.3rem;
}
#contact .tab01 input[type="text"],
#contact .tab01 input[type="email"],
#contact .tab01 input[type="tel"],
#contact .tab01 textarea {
padding: 1rem 1.6rem;
width: 100%;
height: 4.8rem;
color: #333;
font-size: 1.2rem;
letter-spacing: 0.006rem;
border-radius: 0.4rem;
border: none;
box-sizing: border-box;
box-shadow: none;
background-color: #F5F5F5;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
#contact .tab01 input::placeholder,
#contact .tab01 textarea::placeholder {
color: #AEACAC;
}
#contact .tab01 input[type="text"] {
margin-bottom: 2.7rem;
}
#contact .tab01 [data-name="femail"],
#contact .tab01 [data-name="fname"] {
display: block;
margin-bottom: 2.7rem;
}
#contact .tab01 [data-name="fname"] input {
margin-bottom: 0;
}
#contact .tab01 input[type="text"].building {
margin-bottom: 0.8rem;
}
#contact .tab01 input[type="radio"] {
display: none;
}
#contact .tab01 input[type="radio"] ~ span {
padding-left: 2.4rem;
display: inline-block;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/contact/icon01.png) no-repeat left center / 1.6rem;
}
#contact .tab01 input[type="radio"]:checked ~ span {
background-image: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/contact/icon02.png);
}
#contact .tab01 input[type="checkbox"] {
display: none;
}
#contact .tab01 input[type="checkbox"] ~ span {
padding-left: 2.4rem;
display: inline-block;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/contact/icon03.png) no-repeat left center / 1.6rem;
}
#contact .tab01 input[type="checkbox"]:checked ~ span {
background-image: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/contact/icon04.png);
}
#contact .tab01 textarea {
padding-top: 1.5rem;
min-height: 8rem;
resize:vertical;
}
#contact .tab01 .policy {
margin-bottom: 2.7rem;
padding: 1.2rem 1.6rem;
height: 12rem;
line-height: 1.8;
overflow-y: scroll;
border-radius: 0.4rem;
background-color: #F5F5F5;
}
#contact .tab01 .policy::-webkit-scrollbar {
display: none;
}
#contact .tab01 .policy .ttl {
margin-bottom: 2.2rem;
}
#contact .mailForm .submit li {
margin: 0 0.8rem;
position: relative;
}
#contact .mailForm .submit input {
width: 26.8rem;
padding: 1.3rem 2.3rem;
text-align: left;
color: #fff;
font-size: 1.3rem;
background: #AEACAC url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/contact/icon05.png) no-repeat center right 1.5rem / 1.5rem;
border-radius: 2.4rem;
box-shadow: none;
box-sizing: border-box;
border: 0.1rem solid #AEACAC;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
#contact .mailForm .agreeText .wpcf7-list-item {
margin-left: 0;
}
#contact .wpcf7-spinner {
position: absolute;
left: 40%;
bottom: -3rem;
}
@media all and (min-width: 897px) {
#contact .tab01 label:hover {
cursor: pointer;
}
#contact .tab01 td .fileerrorTip:hover,
#contact .mailForm .submit input:hover {
opacity: 0.7;
transition: .3s;
}
#contact .step2  .tab01 .specTr01 th {
padding-bottom: 3.4rem;
}
}
@media all and (max-width: 896px) {
#contact form {
padding-top: 5.5rem;
margin-top: -5.5rem;
}
#contact .tab01 {
margin: 3rem 0;
}
#contact .tab01 th,
#contact .tab01 td {
width: 100% !important;
display: block;
box-sizing: border-box;
}
#contact .tab01 th {
padding: 2rem 0;
font-size: 1.4rem;
}
#contact .tab01 .specTr01 th,
#contact .tab01 .specTr02 th {
padding: 0.6rem 0 1rem;
}
#contact .tab01 th .txt {
display: inline-block;
margin-left: 1rem;
}
#contact .tab01 td {
padding: 0 0 2rem;
font-size: 1.3rem;
}
#contact .tab01 .specTr02 td {
padding-bottom: 2rem;
}
#contact .tab01 .radioList li:nth-child(3n-2),
#contact .tab01 .checkList li:nth-child(3n-2),
#contact .tab01 .radioList li:nth-child(3n-1),
#contact .tab01 .checkList li:nth-child(3n-1),
#contact .tab01 .radioList li:nth-child(3n),
#contact .tab01 .checkList li:nth-child(3n) {
margin-right: 0;
width: 50%;
}
#contact .tab01 .radioList:not(.radioList01) .wpcf7-list-item,
#contact .tab01 .checkList .wpcf7-list-item {
margin-right: 0 !important;
width: 50% !important;
}
#contact .tab01 .radioList01 .wpcf7-form-control .wpcf7-list-item {
width: calc(100% / 3) !important;
margin: 0 !important;
}
#contact .tab01 input[type="radio"] ~ span,
#contact .tab01 input[type="checkbox"] ~ span {
padding-left: 2rem;
background-size: 1.3rem;
}
#contact .tab01 input[type="text"], 
#contact .tab01 input[type="email"], 
#contact .tab01 input[type="tel"],
#contact .tab01 textarea {
font-size: 1.3rem;
}
#contact .mailForm .submit input {
padding: 1.5rem 2.3rem;
}
#contact .mailForm .submit {
display: block;
}
#contact .mailForm .submit li {
margin: 0 auto;
text-align: center;
}
#contact .mailForm .submit li:not(:last-child) {
margin: 0 auto 2rem;
}
} #contact .confirm td .textList li:not(:last-child) span {
margin-bottom: 1.2rem;
display: block;
}
#contact .confirm td .a-upload {
height: auto;
}
#contact .confirm td .upBox {
width: 17.3rem;
}
#contact .confirm td .showFileName {
display: block;
}
#contact .mailForm .submit .submitForm {
color: #333;
border-color: #D2CB2F;
background: #D2CB2F url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon04.png) no-repeat center right 1.5rem / 1.5rem;
}
#contact .confirm .mailForm .a-upload {
display: none;
}
#contact .confirm .mailForm .a-upload.show {
display: block;
}
#contact .confirm .agreeText {
padding-left: 2.4rem;
background: url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/contact/icon02.png) no-repeat left center / 1.6rem;
} #contact .content.thanks {
max-width: 116rem;
padding-bottom: 7rem;
}
#contact .thanks .title,
#contact .thanks .text {
text-align: center;
}
#contact .thanks .title {
margin: 3.5rem 0 4.2rem;
color: #00529F;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.28571;
letter-spacing: 0.014rem;
}
#contact .thanks .text {
margin-bottom: 3.9rem;
font-size: 2rem;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.01rem;
}
#contact .thanks .photoList {
margin: -3rem 0 4rem;
}
#contact .thanks .photoList li {
margin-top: 3rem;
width: 32.4%;
}
#contact .thanks .photoList li:not(:nth-child(3n)) {
margin-right: calc(2.8% / 3);
}
#contact .thanks .photoList li a {
padding-bottom: 2.4rem;
display: block;
border-radius: 1.6rem 2.4rem 1.6rem 1.6rem;
background-color: #F5F5F5;
overflow: hidden;
}
#contact .thanks .photoList .pho {
margin-bottom: 2.4rem;
height: 23.6rem;
position: relative;
overflow: hidden;
}
#contact .thanks .photoList .pho img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
transition: transform ease 0.3s;
}
#contact .thanks .photoList .txt {
margin: 0 auto;
width: 31.5rem;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 0.0065rem;
}
#contact .thanks .photoList .txt .date {
margin-top: 0.8rem;
color: #AEACAC;
display: block;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.006rem;
}
#contact .thanks .back a {
margin: 0 auto;
width: 30.8rem;
padding: 1.75rem 2.4rem;
display: block;
text-align: left;
font-size: 1.3rem;
line-height: 1;
background: #D2CB2F url(//shimadahouse.co.jp/shisan/wp2024/wp-content/themes/simada/img/common/icon04.png) no-repeat center right 1.6rem / 1.5rem;
border-radius: 2.4rem;
}
@media all and (min-width: 897px) {
#contact .thanks .photoList li a:hover img {
transform: scale(1.1);
}
}
#contact .thanks .back a:hover {
opacity: 0.7;
}
@media all and (max-width: 896px) {
#contact .content.thanks {
padding-bottom: 5rem;
}
#contact .thanks .title {
margin: 2rem 0;
font-size: 1.8rem;
}
#contact .thanks .text {
font-size: 1.5rem;
}
#contact .thanks .photoList {
margin-top: 0;
display: block;
}
#contact .thanks .photoList li {
width: auto;
}
#contact .thanks .photoList li .pho {
height: 0;
padding-bottom: 60%;
}
#contact .thanks .photoList .txt{
padding: 0 2rem;
width: auto;
}
}