@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/
#mainView .bgBox{display: inline-block; padding: 0;}


/*-- エクササイズの内容 --*/
#contentSec{}
/* #contentSec .contentBox .blueBox{border: solid 1px #00B2BC; border-radius: 10px; padding: 1em 2em; width: 32%;} */
#contentSec .contents-pair{gap: 2.5em;}
#contentSec .blueBox{border: solid 2px #00B2BC; border-radius: 10px; padding: 3em; margin-top: 2.5em; width: 100%;} 
#contentSec .blueBox h4{color: #00B2BC; font-size: 165%; margin-bottom: 0.2em;}
#contentSec .blueBox img{display: block; margin: 2em auto 1.5em auto;}
#contentSec .blueBox li{text-align: center; padding-bottom: 1.3em;}
#contentSec .blueBox .dispFlex{gap: 3em; justify-content: center; flex-wrap: wrap;}

/*-- エクササイズの進捗状況 --*/
#progressSec .progressBox .imgBox{width: 30%; margin-right: 3em;}
#progressSec .progressBox .imgBox img{width: 100%; height: auto;}
#progressSec .progressBox table{width: 40%; font-size: 130%; font-weight: bold;}
#progressSec .progressBox table th{text-align: center; border: 1px solid #666;}
#progressSec .progressBox table td{text-align: center; width: 50%; border: 1px solid #666;}