@charset "UTF-8";
.page-title--en {
	display: none;
}
.page-title {
	display: none;
}
div#top-anchor {
    margin-top: 0;
}

/* SP メッセージ見出し */
.msg-hero {
    position: relative;
    margin-bottom: 20vw;    
}

.msg-hero__text {
    padding: 8vw 25px 15vw;
}

.msg-hero__tag {
    font-size: 14px;
    font-weight: bold;
    color: #1E1F3C;
    margin: 0 0 5px;
}

.msg-hero__title {
    font-size: 6vw;
    font-weight: bold;
    color: #1E1F3C;
    margin: 0;
}

.msg-hero__paragraph {
    font-size: 14px;
    line-height: 2.2;
    color: #1E1F3C;
}

.msg-hero__image {
    width: 100%;
    padding: 0 2.9vw 0 2.9vw;    
}

.msg-hero__image img {
    width: 100%;
    height: 138.9vw;
    object-fit: cover;
}

/* ================================
   代表者メッセージ
================================ */

.msg-hero_sub {	   
    padding: 0 0 14% 0;
}

.msg-hero_sub__inner {
    display: flex;
    flex-direction: column;
}

.msg-hero_sub__title {
    font-size: 6vw;
    font-weight: bold;    
    text-align: left;
    margin: 0 0 18vw;
	padding-left: 8vw;
    order: 1;
}

.msg-hero_sub__image {
    width: 100%;
    margin: 0;
    order: 3;
}

.msg-hero_sub__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.msg-hero_sub__paragraph {
    font-size: 14px;
	margin-bottom: 18vw;
	padding: 0 2.6vw;
    line-height: 1.8;    
    order: 2;
}

.msg-hero_sub__paragraph span{
	font-weight: 600;
	display: block;
    margin: 15px 0 -3.4vw;
}

.msg-hero_sub__paragraph span:first-of-type {
    margin-top: 5px;
}

/* ================================
   メッセージ詳細
================================ */

.msg-detail {
    display: flex;
    flex-direction: column;
    padding: 0 3.3% 14%;
}

.msg-detail__text {
    width: 100%;
    order: 1;
    margin-bottom: 14%;
}

.msg-detail__paragraph {
    font-size: 14px;
    line-height: 2.2;
    color: #1E1F3C;
}

.msg-detail__image {
    width: 100%;    
    order: 2;
}

.msg-detail__image img {
    width: 100%;
    height: 78.1vw;
    object-fit: cover;
}
/* ================================
   IMG 
================================ */
.msg-bottom__image {
    width: 100%;
}

.msg-bottom__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* PC */
@media only screen and (min-width: 992px) {
	
/* メッセージ見出し */			
    .msg-hero {
        display: flex;
        align-items: flex-start;        
        margin-bottom: 8.07vw;
        position: relative;
    }

    .msg-hero__text {
        padding: 0;
        width: 30%;
		margin: 5vw 0.5vw 0 22.6vw;		
    }

    .msg-hero__tag {
        font-size: 1.2vw;
        margin: 0 0 0.94vw;
    }

    .msg-hero__title {
        font-size: 2vw;
    }
	
	.msg-hero__paragraph {
        font-size: clamp(14px, 0.94vw, 18px);
        line-height: 2.6;
    }

    .msg-hero__image {        
        width: 27%;        
		padding: 0;
		margin: 0 22.5vw 0 0.5vw;		
    }

    .msg-hero__image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
	
	/* ================================
   代表者メッセージ992
================================ */
	.msg-hero_sub {
        padding: 0;
		margin-bottom: 8.07vw;
    }

    .msg-hero_sub__title {
        font-size: 2vw;
        margin: 0 0 5vw;
        text-align: center;
		padding-left: 0;
    }

    .msg-hero_sub__paragraph {
        font-size: clamp(14px, 0.94vw, 18px);        
        width: 52.7%;
        margin: 0 auto;  
		padding: 0;
        order: 3;
    }
	
	.msg-hero_sub__paragraph span {     
    margin: 15px 0 -1.4vw;
}

    .msg-hero_sub__image {
        width: 38%;
        margin: 0 auto 3.5vw;
        order: 2;
    }


    .msg-hero_sub__image img {
        width: 100%;
        height: 27.97vw;
        object-fit: cover;
    }
	
/* ================================
   メッセージ詳細992
================================ */
	
	.msg-detail {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0;
		margin-bottom: 8.07vw;
    }

    .msg-detail__image {
        width: 20%;
        margin-left: 23.5%;
        margin-right: 1.25vw;
        order: 1;
    }

    .msg-detail__image img {
        width: 100%;
        height: 28.1vw;
        object-fit: cover;
    }

    .msg-detail__text {
        width: 30%;
        order: 2;
        margin-bottom: 0;
		margin-right: 23.5vw;
		margin-left: 1.25vw;
    }

    .msg-detail__paragraph {
        font-size: clamp(14px, 0.94vw, 18px);
        line-height: 2.6;
    }
	
	/*IMG 992*/
	.msg-bottom__image {
        width: 70.6%;
        margin-left: 14.7%;
		margin-right: 14.7%;
    }

    .msg-bottom__image img {
        width: 100%;
        height: 24.1vw;
        object-fit: cover;
    }
	
	
	
}