.philosophy-main {

}

.philosophy-main .contents-heading{
    background-image: url('../images/philosophy/philosophy-heading-back.jpg?1019');
    margin-bottom: 100px;
}

.philosophy-title {
    margin-bottom:70px;
}

.philosophy-contents{
    width: 1240px;
    max-width: 100%;
    margin: 0 auto 145px;
	padding:0 20px;
}

.philosophy-text{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 112px;
}

.philosophy-text__left p{
    color: #C35427;
    font-size: .72rem;
    writing-mode: vertical-rl;
    letter-spacing: -0.01em;
    line-height: 1.5;
	margin:0 auto 17px;
	height: max-content;
}

.philosophy-text__left{
    width: 38%;
}

.philosophy-text__left p span {
    font-size: 1.08rem;
    display: inline-block;
    margin-top: 40px;
    letter-spacing: -0.06em;
}
.philosophy-text__left p span:last-child {
    font-size: .90rem;
    margin-top: 19px;
}

.philosophy-text__right{
    width: 59%;
	margin-top:105px;
}

.philosophy-text__right p:nth-of-type(1){
    font-size: .32rem;
    line-height: 1.8;
}

.philosophy-text__right p:nth-of-type(2) {
    font-size: .17rem;
    line-height: 2.7;
    margin-top: 20px;
    margin-bottom: 21px;
    width: 86%;
	font-weight: 500;
}

.philosophy-president{
	font-size:.17rem;
	text-align: right;
}
/*名前テキスト
.philosophy-president-name{
	display: block;
	text-align: right;
    font-family: "kazuraki-sp2n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: .36rem;
    letter-spacing: 0.08em;
    margin-left: 23px;
	line-height: 2;
}*/
.philosophy-president-sign{
	margin: 10px 0 0 auto;
	display: block;
	width: 185px;
}
.philosophy-president-sign img{
	width: 100%;
}
/* 協業共栄 */
.philosophy-kyouei{
    position: relative;
}

.philosophy-kyouei__move {
    width: 346px;
    position: absolute;
    left: 80px;
    bottom: 95px;
}

.philosophy-kyouei__move p{
    font-size: .60rem;
    color: #4577A7;
    text-align: center;
    letter-spacing: 0.18em;
    margin-bottom: 10px;
}

.philosophy-kyouei__move--img{
    display: flex;
    justify-content: space-between;
}

.philosophy-kyouei__move--img img{
    width: 181px;
}

.circle-right{
    opacity: 0;
    transition: 1s ease-in-out;
    transition-delay: 1.2s;
    transform: translateX(50px) scale(0.6);
}

.circle-left{
    opacity: 0;
    transition: 1s ease-in-out;
    transition-delay: 1.2s;
    transform: translateX(-50px) scale(0.6);
}

.circle--left-right{
    opacity: 1;
    animation-duration: 8s;
    animation-fill-mode: forwards;
    transform: translateX(-6px) scale(1);
}

.circle--right-left{
    opacity: 1;
    animation-duration: 8s;
    animation-fill-mode: forwards;
    transform: translateX(-22px) scale(1);
}


@media screen and (min-width:801px) and ( max-width:1000px){
.philosophy-kyouei__move {
    left: 25px;
}

.philosophy-contents {
    margin: 0 auto 0px;
}

.philosophy-main {
    margin-bottom: 0px;
}

}

@media screen and (max-width:800px) {

	.philosophy-main {
		margin-top: 0;
	}
	.philosophy-main .contents-heading{
		background-image: url('../images/philosophy/sp-philosophy-heading-back.jpg?1017');
	}
    .philosophy-main .contents-heading {
        margin-bottom: 79px;
    }

    .philosophy-title {
        margin-bottom: 68px;
    }

    .philosophy-text__left {
        width: 100%;
        margin-bottom: 65px;
    }

    .philosophy-text {
        flex-direction: column;
        margin: 0 auto 70px;
    }

    .philosophy-text__left p {
        font-size: .40rem;
        display: block;
        margin: 0 auto;
		white-space: nowrap;
    }

    .philosophy-text__left p span {
        font-size: .60rem;
        margin-top: 20px;
        letter-spacing: -0.06em;
    }
	.philosophy-text__left p span:last-child {
		font-size: .50rem;
		margin-top: 11px;
	}
    .philosophy-text__right {
        width: 100%;
		margin-top: 17px;
    }

    .philosophy-text__right p:nth-of-type(1) {
        font-size: .22rem;
        line-height: 2;
        text-align: center;
        margin-bottom: 25px;
    }

    .philosophy-text__right p:nth-of-type(2) {
        font-size: .15rem;
        margin-top: 0;
        margin-bottom: 37px;
        text-align: center;
        line-height: 2.57;
		width:100%;
    }
	
	.philosophy-president {
    	font-size: .15rem;
    	text-align: center;
	}
/*
	.philosophy-president-name{
			font-size: .30rem;
			margin-left: 0;
			display: block;
			text-align: center;
			margin-top: 15px;
			line-height: 1.2;
	}*/
	.philosophy-president-sign {
		margin: 15px auto 0;
		display: block;
		width: 160px;
	}

    .philosophy-kyouei {
        padding-bottom: 114px;
    }

    .philosophy-kyouei > img {
        width: 95%;
        margin: 0 auto;
    }

    .philosophy-kyouei__move p {
        font-size: .40rem;
    }

    .philosophy-kyouei__move {
        left: initial;
        right: -7px;
        bottom: 0;
        width: 270px;
    }

    .philosophy-kyouei__move--img img {
        width: 122px;
    }

    .philosophy-contents {
        margin: 0 auto 72px;
        overflow: hidden;
    }

    .circle--left-right {
        transform: translateX(14px) scale(1);
    }
}