@charset "UTF-8";

.knowledge-Heading { font-feature-settings: "palt";
font-size: 2.5rem;
line-height: 1.75;
text-align: center;
line-height: 1.8rem;
letter-spacing: 2.5em;
margin-right: -2.5em;
padding: 1rem 0;
}
.knowledge-Heading__en {
font-feature-settings: "palt";
font-size: 2.5rem;
line-height: 1.75;
text-align: center;
line-height: 1.8rem;
letter-spacing: normal;
margin-right: -2.5em;
padding: 1rem 0;
}
@media only screen and (max-width: 768px) {
.knowledge-Heading {
letter-spacing: 1.5rem;
margin-right: -1.5rem;
}
}
.knowledge-Heading_joudo {
margin-top: 30px;
margin-bottom: 40px;
font-feature-settings: "palt";
font-size: 2.2rem;
font-weight: normal;
text-align: center;
}
.knowledge-Heading_h3 {
margin-top: 20px;
margin-right: -0.2em;
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) {
.knowledge-Heading_h3 {
font-size: 1.4rem;
}
}
.knowledge ~ .kknowledge {
margin-top: 45px;
}
.knowledge .br-sp { display: none; }
@media only screen and (max-width: 768px) {
.knowledge {
font-size: 1.5rem;
}
.knowledge ~ .knowledge {
margin-top: 20px;
margin-bottom: 40px;
}
.knowledge .br-sp { display: inline; }
}
.knowledge-SectionContents {
padding-top: 20px;
padding-bottom: 20px;
}
.knowledge-SectionContents > img {
margin-top: 10px;
}
.knowledge-SectionContents.-footer {
margin-top: 90px;
}
@media only screen and (max-width: 768px) {
.knowledge-SectionContents.-footer {
margin-top: 40px;
}
}
.knowledge-margin {
margin-bottom: 20px;
}
.knowledge-Language {
margin-top: 35px;
text-align: center;
}
.knowledge-Language a {
display: inline-block;
position: relative;
padding-right: 30px;
color: #161a38;
transition: .2s;
} @media only screen and (max-width: 768px) {
.knowledge-Language {
font-size: 1.5rem;
}
.knowledge-Language a {
padding-right: 35px;
}
.knowledge-Language a::after {
width: 28px;
height: 28px;
}
}
@media only screen and (min-width: 769px) {
.knowledge-Language a:hover {
color: #0d6ccc;
}
}
.knowledge-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) {
.knowledge-SectionHeader {
margin-right: -20px;
margin-left: -20px;
padding-top: 50px;
padding-bottom: 50px;
}
}
.knowledge-SectionHeader_text {
margin-top: 20px;
margin-bottom: 40px;
font-size: 1.5rem;
font-feature-settings: "palt";
text-align: left;
line-height: 1.8em;
}
@media only screen and (max-width: 768px) {
.knowledge-SectionHeader_text {
margin-top: 10px;
font-size: 1.2rem;
font-feature-settings: "palt";
text-align: left;
line-height: 1.8em;
}
}
.knowledge-Link {
font-family: "Hiragino Kaku Gothic ProN", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
}
.knowledge-Link:hover {
text-decoration: underline;
}
.knowledge-Link.-more {
position: relative;
padding-right: 30px;
color: #0d6ccc;
}
.knowledge-Info_Image {
overflow: hidden;
position: relative;
height: 574px;
margin-right: -20px;
margin-left: -20px; background-size: 717px auto;
text-align: center;
}
@media only screen and (max-width: 768px) {
.knowledge-Info_Image {
overflow: hidden;
position: relative;
height: 336px;
margin-right: -20px;
margin-left: -20px; background-size: 717px auto;
text-align: center;
}
}
.knowledge-Info_Image > img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-height: 100%;
max-width: 100%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
.knowledge-Info_Image > img {
position: static;
top: 0;
left: 0;
transform: translate(0%, 0%);
}
}
.knowledge-Info_Image.-detail {
margin-top: 40px;
}
@media only screen and (max-width: 768px) {
.knowledge-Info_Image.-detail {
height: auto;
}
}
@media only screen and (max-width: 768px) {
.knowledge-Info_Image.-detail2 {
height: auto;
}
}
.knowledge-Image {
margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
.knowledge-Image {
margin-bottom: 25px;
}
}