.kendo-concept-Heading {
font-feature-settings: "palt";
font-size: 3rem;
line-height: 1.75;
text-align: center;
}
.kendo-concept-Heading_h2 {
font-feature-settings: "palt";
font-size: 2.5rem;
line-height: 1.75;
text-align: center;
}
.kendo-concept-Heading_h3 {
margin-top: 20px;
margin-bottom: 40px;
font-feature-settings: "palt";
font-size: 1.7rem;
line-height: 2.1;
text-align: center;
font-weight: 500;
letter-spacing: 0.2em;
}
@media only screen and (max-width: 374px) {
.kendo-concept-Heading {
font-size: 2.5rem;
}
.kendo-concept-Heading_h2 {
font-size: 2.1rem;
}
.kendo-concept-Heading_h3 {
font-size: 1.4rem;
}
}
.kendo-concept ~ .kendo-concept {
margin-top: 45px;
}
@media only screen and (max-width: 768px) {
.kendo-concept {
font-size: 1.5rem;
}
.kendo-concept ~ .kendo-concept {
margin-top: 20px;
}
}
.kendo-concept-SectionContents {
padding-top: 40px;
padding-bottom: 20px;
}
.kendo-concept-SectionHeader {
margin-right: calc(50% - (50vw - 305px / 2));
margin-left: calc(50% - (50vw - 305px / 2));
padding: 80px 20px;
background-color: #fff;
text-align: center;
}
@media only screen and (max-width: 768px) {
.kendo-concept-SectionHeader {
margin-right: -20px;
margin-left: -20px;
padding-top: 50px;
padding-bottom: 50px;
}
}
.kendo-concept-SectionHeader_text {
margin-top: 20px;
font-size: 1.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
text-align: center;
}
@media only screen and (max-width: 768px) {
.kendo-concept-SectionHeader_text {
margin-top: 10px;
font-size: 1.2rem;
letter-spacing: normal;
font-feature-settings: "palt";
text-align: center;
}
}
.kendo-concept-SectionContents {
padding-top: 40px;
}
.kendo-concept-Info_Image {
overflow: hidden;
position: relative;
height: 650px;
margin-right: -20px;
margin-left: -20px; background-size: 717px auto;
text-align: center;
}
@media only screen and (max-width: 768px) {
.kendo-concept-Info_Image {
overflow: hidden;
position: relative;
height: 336px;
margin-right: -20px;
margin-left: -20px; background-size: 717px auto;
text-align: center;
}
}
.kendo-concept-Info_Image > img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
.kendo-concept-Info_Image > img {
position: static;
top: 0;
left: 0;
transform: translate(0%, 0%);
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.kendo-concept-Info_Image.-detail {
height: auto;
margin-top: 20px;
}
}
.kendo-concept-Info_Image.-detail {
margin-top: 40px;
}