@charset "utf-8";

/*================================

philosohy

================================*/

.philosohy{
	display: flex;
                height: calc(100svh - 90px); /* 可変全画面 */
                width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
                row-gap: 15%;
                }
@media (max-width: 768px) {
.philosohy{
                height: calc(100svh - 60px); /* 可変全画面 */
                }
                }

.philosohy > .image{
                width: 18%;
                min-width:200px;
                max-width: 400px;
                display: block;
                }
@media (max-width: 768px) {
.philosohy > .image{
                width: 60%;
                min-width:60%;
                max-width: 60%;
                }
                }

.philosohy > .image img{
                width: 100%;
                }

.philosohy h2{
                width: 300px;
                height: auto;
                }
@media (max-width: 768px) {
.philosohy h2{
                width: 50%;
                }
                }

.philosohy h2 img{
                width: 100%;
                height: auto;
                }

p.word {
                width: 600px;
                margin: auto;
                font-size: 1em;
                line-height: 1.8em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
                }
@media (max-width: 768px) {
p.word {
                width: 90%;
                }
                }

/*================================

future

================================*/

.future{
	display: flex;
                width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
                row-gap: 15%;
                padding: 100px 0;
                }
@media (max-width: 768px) {
.future{
                padding: 100px 0 80px;
                }
                }

.future h2{
                font-size: 1.8em;
                line-height: 1em;
	text-align: center;
                }
@media (max-width: 768px) {
.future h2{
                }
                }

p.mt2em{
                margin-top: 2em;
                }

.future > .image{
                width: 18%;
                min-width:200px;
                max-width: 400px;
                display: block;
                }
@media (max-width: 768px) {
.future > .image{
                width: 60%;
                min-width:60%;
                max-width: 60%;
                }
                }

.future > .image img{
                width: 100%;
                }