/* philosophy */
#philosophy {
background-image: url(../../corporate/images/photo01.jpg);
background-position: center center;
background-size: cover;
}
.philosophy-block {
text-align: center;
background-color: rgba(255,255,255,0.9);
padding: 10% 10px 5%;
max-width: 990px;
margin: 0px auto;
}
.philosophy-title {
color: rgba(0,0,0,1.00);
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: calc(100vw / 22);
line-height: 1.5em;
padding: 0px 0px 7%;
font-weight: bold;
}
.philosophy-text {
color: rgba(0,0,0,1.00);
font-size: calc(100vw / 24);
line-height: 1.5em;
padding: 0px 0px 5%;
}

@media print, screen and (min-width: 375px) {
.philosophy-title {
font-size: 17.5px;
line-height: 1.5em;
padding: 0px 0px 7%;
}
.philosophy-text {
font-size: 15.7px;
line-height: 1.5em;
padding: 0px 0px 5%;
}

}


@media print, screen and (min-width: 768px) {

.philosophy-block {
padding: 7% 10px 3.5%;
width: 90%;
}
.philosophy-title {
font-size: 24px;
line-height: 1.5em;
padding: 0px 0px 4%;
}
.philosophy-text {
font-size: 18px;
line-height: 1.5em;
padding: 0px 0px 3.5%;
}

}

@media print, screen and (min-width: 1024px) {

.philosophy-block {
padding: 6% 10px 3%;
width: 85%;
}
.philosophy-title {
font-size: 28px;
line-height: 1.5em;
padding: 0px 0px 3%;
}
.philosophy-text {
font-size: 19px;
line-height: 1.5em;
padding: 0px 0px 2.5%;
}

}

@media print, screen and (min-width: 1200px) {

.philosophy-title {
font-size: 32px;
line-height: 1.5em;
padding: 0px 0px 3%;
}
.philosophy-text {
font-size: 20px;
line-height: 1.5em;
padding: 0px 0px 2.5%;
}

}


@media print, screen and (min-width: 1400px) {

}













.office-map iframe {
width: 100%;
height: 190px;
display: block;
}

@media print, screen and (min-width: 375px) {

.office-map iframe {
height: 200px;
}

}

@media print, screen and (min-width: 768px) {

.office-map iframe {
height: 400px;
}

}

@media print, screen and (min-width: 1024px) {

.office-map iframe {
height: 500px;
}

}

@media print, screen and (min-width: 1200px) {

.office-map iframe {
height: 600px;
}

}

@media print, screen and (min-width: 1400px) {

}