p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }


.inner { 
	width: 100%; 
	margin: auto; 
	max-width: 1200px; 	 
font-family: '游明朝 Medium','Yu Mincho Medium',YuMincho,'Hiragino Mincho Pro',serif;}




.plan-detail-contents .inner {
    max-width:1200px;
    display:grid;
    grid-template-columns:0.698fr 1fr;
    column-gap:4.5rem
}
.plan-detail-contents .plan-detail-header {
    grid-column:span 2;
    order:1;
    color:#fff;
    background:linear-gradient(90deg,rgba(4, 44, 82, 1) 0%, rgba(0, 78, 152, 1) 50%, rgba(3, 51, 97, 1) 100%, rgba(4, 44, 82, 1) 100%);
    text-align:center;
    padding:1rem 0;
	margin-bottom: 2rem;
}
.plan-detail-contents .plan-detail-header .plan-name {
    font-family:"Cinzel", serif;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    line-height:1
}
.plan-detail-contents .plan-detail-header .plan-name .title {
    font-size:1.2rem;
/*	margin-bottom: 0.5rem;*/
}
.plan-detail-contents .plan-detail-header .plan-name .type {
    font-size:3.5rem;
    display:flex;
    align-items:center;
    letter-spacing:0.5rem;
    gap:1rem
}
.plan-detail-contents .plan-detail-header .plan-name .type .name {
    font-size:120%
}

.plan-detail-contents .plan-detail-header .layout {
    font-size:2.5rem;
    border-top:1px solid #ffffff;
    line-height:1;
    padding:1rem 1rem 0
}

.plan-detail-contents .scale {
    grid-column:span 2;
    order:2;
/*    margin-top:2rem;*/
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    align-items:center;
    gap:3rem 2rem;
}

.plan-detail-contents .scale .main {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    align-items:flex-end;
	margin-top: 1rem;
}

.plan-detail-contents .scale .main .title,
.plan-detail-contents .scale .main .tsubo {
    font-size:1.2rem;
    line-height:2;
    margin-right: 0.5rem;
}
.plan-detail-contents .scale .main .title {
    margin-right:0.5rem;
}
.plan-detail-contents .scale .main .size {
    color:#004e98;
    font-size:2rem;
    line-height:1;
}
.plan-detail-contents .scale .main .size .large {
    font-size:186%;

}

@media screen and (max-width: 1000px) {
    .plan-detail-contents .inner {
        grid-template-columns:1fr;
    }

    .plan-detail-contents .plan-detail-header,.plan-detail-contents .scale,.plan-detail-contents .features,.plan-detail-contents .other-appeal,.plan-detail-contents .back-to-list {
        grid-column:span 1;
		margin-bottom: 0rem;
    }
    .plan-detail-contents .scale {
        flex-direction:column
    }
 
}
@media screen and (max-width: 768px) {
	

    .plan-detail-contents .plan-detail-header .plan-name {
        flex-direction:column;
        gap:0;
        padding:1rem 0;
    }
   
    .plan-detail-contents .scale .main {
/*        row-gap:0.5rem;*/
    }
    .plan-detail-contents .scale .main .title {
/*        width:100%;*/
        text-align:center;
		margin-top: 2rem;
    }
	
.plan-detail-contents .scale .main .size .large {
    font-size:140%;

}

}



