@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
body {
font-family: 'Noto Sans JP';
margin: 0;
}
.sp-none {
display: none !important;
}
.home-more-info2 {
display: flex;
flex-direction: row;
width: 100%;
margin: auto;
background: #bd1821;
text-align: center;
justify-content: center;
overflow: hidden;
}
.info1 {
display: flex;
width: 435px;
height: 180px;
flex-direction: column;
align-items: center;
justify-content: center;
}
p.info1-ttl {
display: block;
color: white;
margin: 5% 0% 2% 0%;
letter-spacing: 1px;
}
.info-h-line {
display: block;
color: white;
height: 1px;
background: white;
width: 50px;
margin: 0;
}
p.info1-text {
text-align: left;
width: max-content;
margin: 2% auto;
color: white;
font-size: 12px;
letter-spacing: 1px;
line-height: 1.5;
}
button.info1-btn {
background: white;
color: #bd1821;
border: none;
padding: 4% 6%;
margin-top: 5%;
margin-bottom: 30%;
padding-right: 17px;
width: max-content;
align-items: center;
display: flex;
justify-content: center;
cursor: pointer;
}
.info1-btn p:after {
content: url(//crane-a.co/wp-content/themes/lotus_tcd039a/img/next-button-arrow.png);
transform: scale(0.4);
position: absolute;
top: -7px;
right: -17px;
}
.info1-btn p {
margin: 0;
font-size: 12px;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 1px;
}
.ver-line {
width: 0.5px;
height: 150px;
margin: auto 0px;
background: white;
}
.home-business {
background: #f3f3f3;
width: 100%;
height: max-content;
overflow: hidden;
}
.business-parent {
width: 60%;
margin: auto;
}
p.business-ttl {
text-align: center;
font-size: 20px;
color: #bd1821;
font-weight: bold;
letter-spacing: 1px;
}
.hor-line {
height: 1px;
background: #bd1821;
width: 90%;
margin: auto;
}
.business-info {
margin: auto;
display: flex;
justify-content: center;
width: 100%;
}
.business-info-col {
padding: 2% 1% 3% 1%;
width: max-content;
margin: auto;
}
p.business-info-details-ttl {
color: #bd1821;
font-size: 16px;
margin: 5% 0% 1% 0%;
font-weight: bold;
letter-spacing: 1px;
}
p.business-info-details-text {
margin: 0% 0% 2% 0%;
font-size: 12px;
line-height: 2;
letter-spacing: 1px;
margin: 0% 0% 2% 0%;
font-size: 12px;
line-height: 2;
letter-spacing: 1px;
display: flex;
flex-direction: column;
align-items: flex-start;
font-family: 'Noto Sans JP';
color: black;
}
.foot-note {
display: block;
width: 55%;
height: 155px;
margin: auto;
text-align: center;
}
.foot-note-details {
display: flex;
flex-direction: row;
justify-content: space-evenly;
font-size: 12px;
margin: 2% 0%;
}
.foot-note-details p {
margin: 0;
color: black;
letter-spacing: 1px;
}
.foot-note img {
margin: 1% auto;
width: 30%;
height: auto;
}
p.copyrighting {
text-align: center;
font-size: 6px;
letter-spacing: 1px;
}
a.flink:hover::after {
width: 100%;
height: 2px;
}
a.flink::after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 0%;
height: 2px;
background: #bd1821;
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
a.flink {
position: relative;
text-decoration: none;
height: 80px;
max-height: 25px;
padding-top: 12px;
}
a.flinkv2 {
position: relative;
text-decoration: none;
color: inherit;
}