@charset "utf-8";

/* ================================
   インナーurl
================================ */
.about-nav {
    padding: 0 6vw 6vw;
}

.about-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.about-nav__link {
    font-size: 14px;
    color: #1E1F3C;
    text-decoration: underline;
	text-underline-offset: 8px;
}

/* ================================
   Section 1 - より速く
================================ */
.about-hero {    
	margin: 0 0 25% 0;
}

.about-hero__img--pc {
    display: none;
}

.about-hero__img--sp {
    display: block;
    width: 100%;
    height: 119.3vw;
    object-fit: cover;
}

.about-hero__title--sp {
    display: block;
}

.about-hero__text {    
    padding: 12vw 0 0;
}

.about-hero__title {
    font-size: 6vw;
    font-weight: bold;
    line-height: 1.47;
    color: #1E1F3C;
    margin: 0 8vw 14.8vw;
}

.about-hero__paragraph {
    font-size: 14px;
    line-height: 2.43;
    color: #1E1F3C;
    text-align: left;
	margin: 0 2.6vw;
}

/* ================================
   Section 2 - 経営理念
================================ */
.about-keiei {
    background-image: url(/img/pc_about_keiei.png);
    background-size: cover;
    background-position: center;
    padding: 16.5vw 0 22vw;
    margin-bottom: 20vw;
}

.about-keiei__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.about-keiei__title {
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10vw;
}

.about-keiei__paragraph {
    font-size: 15px;
    line-height: 2.4;
    color: #fff;
    margin: 0 0 10vw;
    text-align: center;
}

.about-keiei__circles {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
	justify-content: center;    
}

.about-keiei__circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 50%;
    width: 50vw;
    height: 50vw;
    padding: 14vw 5vw 7vw;
    text-align: center;
}

.about-keiei__circle-title {
    font-size: 14px;
    font-weight: bold;
    color: #1E1F3C;
    margin: 0 0 10px;
	text-align: center;
	
}

.about-keiei__circle-line {
    width: 80%;
    border: 2px solid #1E1F3C;
    margin: 0 0 10px;
	flex-shrink: 0;
}

.about-keiei__circle-para {
    font-size: 2.5vw;
	font-weight: 600;
    line-height: 2.06;
    color: #1E1F3C;
    margin: 0;
	text-align: center;
    width: 75%;
}
/* ================================
   Section 3 - サービス概要
================================ */
.abservice-dr {	     
    padding: 0 2.6vw 9vw;
}

.abservice__inner {
    display: flex;
    flex-direction: column;
}

.abservice__title {
    font-size: 6vw;
    font-weight: bold;
    color: #1E1F3C;
    text-align: center;
    margin: 0 0 10vw;    
}

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

/* ================================
   Section 4 - set3
================================ */
.about-svc-details {
    padding: 0 2.6vw 20vw;
}

.about-svc-item {
    margin-bottom: 9vw;
}

.about-svc-item__tag {
    display: block;
    font-size: 14px;
    color: #1E1F3C;
    margin-bottom: 2vw;
    font-family: serif;
}

.about-svc-item__title {
    font-size: 5vw;
    font-weight: bold;
    color: #1E1F3C;
    margin-bottom: 4vw;
}

.about-svc-item__desc {
    font-size: 14px;
    line-height: 2;
    color: #1E1F3C;
    margin-bottom: 4vw;
}

.about-svc-item__img-wrapper {
    padding: 0 10vw;
}

.about-svc-item__img--pc {
    display: none;
}
.about-svc-item__img--sp {
    display: block;
    width: 100%;
    height: auto;
}

/* ================================
   Section 5 - 会社概要
================================ */
.about-profile {
    padding: 0 2.6vw 20vw;
}

.about-profile__title {
    font-size: 6vw;
    font-weight: bold;
    color: #1E1F3C;
    text-align: center;
    margin-bottom: 4vw;
}

.about-profile__table {
    width: 100%;    
}

.about-profile__row {
    border-bottom: 1px solid #B0B0B0;
    padding: 3vw 0;
}

.about-profile__row:last-child{
    border-bottom: none;
}

.about-profile__table dt {
    font-size: 14px;
    font-weight: bold;
    color: #1E1F3C;
    margin-bottom: 3vw;
}

.about-profile__table dd {
    font-size: 14px;
    color: #1E1F3C;
    line-height: 1.6;
	margin-left: 22vw;
}

/* ================================
   Section 6 - 事業所一覧
================================ */
.about-office {
    background-color: #1E1F3C;
    padding: 9vw 2.6vw;
    color: #FFFFFF;
}

.about-office__inner {
    width: 100%; /* Mobile မှာ အပြည့် */
}

.about-office__title {
    font-size: 6vw;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 10vw;
}

.about-office__map {
    margin-bottom: 10vw;
    text-align: center;
}

.about-office__img {
    max-width: 100%;
    width: 90%;
    height: auto;
}

.about-office__table {
    width: 100%;
}

.about-office__row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 2vw 0 1vw;
}

.about-office__row:last-child {
    border-bottom: none;
}

.about-office__term {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.about-office__desc {
    font-size: 14px;
    line-height: 1.6;
    margin-left: 0;
	margin-bottom: 0;
}





@media only screen and (min-width: 992px) {
	
	/* ================================
   インナーurl　(992px)
================================ */
	
    .about-nav {
        padding: 20px 19.5%;
    }

    .about-nav__list {
        flex-direction: row;
        gap: 80px;
    }

    .about-nav__link {
        font-size: 1.04vw;
    }

    /* ================================
       Section 1 - より速く(992px)
    ================================ */
    .about-hero {
        margin: 2vw 0 7.8vw;
    }

    .about-hero__img--pc {
        display: block;
        width: 68%;
        height: auto;
        object-fit: cover;
        margin: 0 auto;
    }

    .about-hero__img--sp {
        display: none;
    }

    .about-hero__title--sp {
        display: none;
    }

    .about-hero__text {
        text-align: center;
        padding: 7.8vw 0 0;
    }

    .about-hero__title {
        font-size: 2.4vw;
        line-height: 1.43;
        margin: 0 auto 4vw;
        width: 52.7%;
    }

    .about-hero__paragraph {
        font-size: clamp(14px, 0.94vw, 18px);
        line-height: 2.61;
        text-align: center;
        width: 41%;
        margin: 0 auto;
    }
	
/* ================================
   Section 2 - 経営理念 (992px)
================================ */
	.about-keiei {
        min-height: 53.5vw;
        padding: 0vw 14.7%;
		margin-bottom: 7.8vw;
        display: flex;
        align-items: center;
		justify-content: center;
    }
	
	.about-keiei__inner {
		padding: 6vw 10px 10vw;
		
	 }

    .about-keiei__title {
        font-size: 2.2vw;
        margin: 0 0 3.3vw;
    }

    .about-keiei__paragraph {
        font-size: clamp(14px, 0.94vw, 18px);
		line-height: 2.6vw;
        width: 52.7%;
        margin: 0 auto 6.1vw;
    }

    .about-keiei__circles {
        flex-direction: row;
        justify-content: center;
		align-items: stretch;
        gap: 1.5vw;
    }

    .about-keiei__circle {
        width: 16.7vw;
		justify-content: flex-start;
        height: 16.7vw;
        padding: 4vw 1.5vw 2vw;
    }

    .about-keiei__circle-title {
        font-size: 1.04vw;
        margin: 0 0 0.5vw;
		text-align: center;
    }

    .about-keiei__circle-line {
        width: 13vw;
        margin: 0 0 0.5vw;
		flex-shrink: 0;
    }

    .about-keiei__circle-para {
        font-size: 0.83vw;
		text-align: center;
        width: 10.2vw;
    }
	
	/* ================================
   Section 3 - サービス概要 992
================================ */
	
	.abservice-dr {
        padding: 0;
		margin-bottom: 5vw;
    }

    .abservice__title {
        font-size: 2.2vw;
        margin: 0 auto 2vw;
        text-align: left;
        width: 52.7%;
    }

    .abservice__paragraph {
        font-size: clamp(14px, 0.94vw, 18px);
        line-height: 2.61;
        width: 52.7%;
        margin: 0 auto 0;        
    }

/* ================================
   Section 4 - set3 992
================================ */
	.about-svc-details {
        padding: 0;
		margin-bottom: 7.8vw;
    }
	
	.about-svc-details__inner {
        width: 52.7%;
        margin: 0 auto;
    }

    .about-svc-item {
        margin-bottom: 4.5vw;
    }

    .about-svc-item__tag {
        font-size: 1.2vw;
        margin-bottom: 0.5vw;
    }

    .about-svc-item__title {
        font-size: 1.8vw;
        margin-bottom: 1.5vw;
    }

    .about-svc-item__desc {
        font-size: clamp(14px, 0.94vw, 18px);
        line-height: 2.2;
        margin-bottom: 1vw;
    }
	
	.about-svc-item__img-wrapper {
    	padding: 0;
	}
	

    /* Image Switching Logic for Desktop */
    .about-svc-item__img--pc {
        display: block;
        width: 100%;
        height: auto;
    }
    .about-svc-item__img--sp {
        display: none;
    }
	
/* ================================
   Section 5 - 会社概要 992
================================ */	
	.about-profile {
        padding: 0;
        margin-bottom: 7.8vw;
    }

    .about-profile__inner {
        width: 52.7%;
        margin: 0 auto;
    }

    .about-profile__title {
        font-size: 2.2vw; 
        margin-bottom: 4vw;
		text-align: left;
    }
	
	.about-profile__table {   
    	padding: 0 7vw;
	}
	
    .about-profile__row {
        display: flex;
        padding: 1.1vw 0;
    }

    .about-profile__table dt {
        width: 35%; 
        font-size: 16px; 
        margin-bottom: 0;
		padding: 0 10px 0 0;
    }

    .about-profile__table dd {
        width: 65%; 
        font-size: 16px;
		padding: 0 0 0 10px;
		margin-left: 0;
    }
	
/* ================================
   Section 6 - 事業所一覧 992
================================ */	
	.about-office {
        padding: 4vw 0;
    }

    .about-office__inner {
        width: 52.7%;
        margin: 0 auto;
    }

    .about-office__title {
        font-size: 2.2vw;
        text-align: left;
        margin-bottom: 4vw;
    }

    .about-office__map {
        margin-bottom: 3vw;
    }
	
	.about-office__table {
    	padding: 0 7vw;
	}	

    .about-office__img {
        width: 50%; 
    }

    .about-office__row {
        display: flex;
        padding: 0.9vw 0;
    }

    .about-office__term {
        width: 35%;
        font-size: 16px;        
        padding-right: 10px;
    }

    .about-office__desc {
        width: 65%;
        font-size: 16px;
        padding-left: 10px;		
    }

	
	
}