@charset "utf-8";


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

/* read
--------------------------------------------*/
#read { padding: 100px 15% 50px; }
#read h2 { font-size: 3.6rem; text-align: center; }


.cont01 { width: 70%; margin: -120px auto 0; padding-top: 200px; }
.cont02 { width: 70%; margin: -120px auto 150px; padding-top: 200px; }

.rac { padding: 0 0 100px;}
.rac:nth-last-of-type(1){ padding-bottom: 0;}
.rac .txt { margin: 0 0 80px;}
/*.rac ul { padding: 0 100px; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; background: url("../images/pdflac/lacImg.png") top center repeat-y;}*/
.rac ul { padding: 0; list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.rac ul li { width: 180px; margin: 0 50px 80px 0; position: relative;}
.rac ul li:nth-last-of-type(1) { margin-right: 0;}
.rac ul li a { width: 180px; display: block; background-position: center bottom; background-size: contain;}
.rac ul li a figure { width: 180px; height: 180px; background-position: bottom; background-size: contain; background-repeat: no-repeat;}
.rac ul li a p { font-size: 1.4rem; line-height: 140%;  text-align: center; color: #666; padding: 5px; margin: 0 auto; background: rgba(255,255,255,0.8); box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2); position: absolute; bottom: -2.0rem; left: 0; right: 0;}
.rac ul li a p span { font-size: 1.2rem;}


}

/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

/* read
--------------------------------------------*/
#read { padding: 30px 5% 20px; }
#read h2 { font-size: 2.2rem; text-align: center; }


.cont01 { width: 90%; margin: -150px auto 0; padding-top: 200px; }
.cont02 { width: 90%; margin: -150px auto 50px; padding-top: 200px; }

.rac { padding: 0 0 100px;}
.rac:nth-last-of-type(1){ padding-bottom: 0;}
.rac .txt { margin: 0 0 80px;}
/*.rac ul { padding: 0 100px; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; background: url("../images/pdflac/lacImg.png") top center repeat-y;}*/
.rac ul { padding: 0 5%; list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.rac ul li { width: 48%; margin: 0 4% 80px 0; position: relative;}
.rac ul li:nth-child(2n+2) { margin-right: 0;}
.rac ul li:nth-last-of-type(1) { margin-right: 0;}
.rac ul li a { max-width: 180px; margin: auto; display: block; background-position: center; background-size: contain;}
.rac ul li a figure { width: 100%; height: 180px; background-position: bottom; background-size: contain; background-repeat: no-repeat;}
.rac ul li a p { font-size: 1.4rem; line-height: 140%;  text-align: center; color: #666; padding: 5px; margin: 0 auto; background: rgba(255,255,255,0.8); box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2); position: absolute; bottom: -2.0rem; left: 0; right: 0;}
.rac ul li a p span { font-size: 1.2rem;}


}