section.grandArticle{position:relative;}

section.grandArticle.beige{background-color:var(--beige);}

section.grandArticle > figure{
position:absolute;
width:calc((100% - 650px) / 2);
}

section.grandArticle > figure.left{
height:100%;
top:0;
left:0;
max-width:470px;
padding:30px 0;
}

section.grandArticle > figure.right{
height:calc(100% - 60px);
bottom:30px;
right:0;
max-width:490px;
}

section.grandArticle > figure img{max-height:100%;}

section.grandArticle > figure.left img{
position:relative;
top:50%;
transform:translateY(-50%);
}

section.grandArticle > figure.right img{
position:absolute;
bottom:0;
right:0;
}

section.grandArticle > article{
padding:100px;
text-align:center;
width:780px;
max-width:100%;
margin:0 auto;
}

section.grandArticle.txt_align_left > article{text-align:left;}

section.grandArticle.txt_align_right > article{text-align:right;}

section.grandArticle.gd > article{width:1920px;}

section.grandArticle > article > .ti_gd + .ckeditor, section.grandArticle > article > .ti_gd + .bt, section.grandArticle > article > .ckeditor + .bt{margin-top:50px;}

/********** medias **********/
@media screen and (max-width:1180px){
section.grandArticle > article{padding:50px;}

section.grandArticle > figure{width:calc((100% - 700px) / 2);}
}

@media screen and (max-width:980px){
section.grandArticle > figure{display:none;}

section.grandArticle > article > .ti_gd + .ckeditor, section.grandArticle > article > .ti_gd + .bt, section.grandArticle > article > .ckeditor + .bt{margin-top:25px;}

section.grandArticle > article{padding:50px 20px;}
}

@media screen and (max-width:480px){
section.grandArticle > article{padding:40px 20px;}
}