.intro{width:100%; position:absolute; top:50%; transform:translateY(-50%); padding:0px 3%; box-sizing:border-box;}
.intro .illust{width:260px; margin:0 auto;}
.intro .illust img{width:100%;}
.intro .txA{width:100%; margin-top:20px;}
.intro .txA .logo{width:260px; margin:0px auto 0;}
.intro .txA .logo img{width:100%;}
.intro .txA .tx{text-align:center; font-size:13px; word-break:keep-all; color:#777; margin-top:12px; line-height:19px;}


.explane{width:100%; box-sizing:border-box;}
.explane .logo{width:180px; margin:20px auto;}
.explane .logo img{width:100%;}
.explane .cont{width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; padding:0px 3%; box-sizing:border-box;}
.explane .cont .title{text-align:center; font-size:20px; color:#444;}
.explane .cont .title span{font-weight:bold; color:#FCB9B1}
.explane .cont .exVisual{width:100%; margin-top:20px;}
.explane .cont .exVisual li{width:100%;}
.explane .cont .exVisual li.exList{width:100%; display:flex; flex-flow:wrap; gap:8px;}
.explane .cont .exVisual li.exList div{padding:20px; width:100%; box-sizing:border-box; font-size:14px; color:#535353; text-align:center;  line-height:21px; word-break:keep-all;}
.explane .cont .exVisual li.exList div span{display:block; font-weight:600; color:#18365E}
.explane .cont .exVisual li.exList div:nth-child(2n){background:#DFEFFA}
.explane .cont .exVisual li.exList div:nth-child(2n+1){background:#FEEEEC}
.explane .cont .exVisual .slick-dots{position:fixed; bottom:0px;}