@charset "UTF-8";
.intro ul{margin:10vw auto 0;}
.intro li {background: #ffffff73;padding:0 5% 5% 5%;margin-bottom: 7vw;border: 2px solid #fff;}
.intro li img{width:20%;margin: 0 auto;position: relative;top: -4vw;}
.intro li .ttl{font-weight:bold;color:var(--blue);font-size: 130%;display: table;margin: -2vw auto 3vw;border-bottom: 3px solid var(--blue);}
.intro li .att{background:#f8f2ea;padding:4%;}
.intro li .att p{margin-bottom:0;}
.intro li .att .tit{text-align:center;border-bottom:1px solid #ccc;margin-bottom:2vw;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.intro ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 30px;}
.intro li{width:32%;padding: 0 20px 20px 20px;margin-bottom: 30px;}
.intro li img{width:90px;top: -20px;margin-bottom: 10px;}
.intro li .ttl{font-size:24px;margin-bottom: 20px;}
.intro li .att .tit{margin-bottom:15px;}
    
}


@media screen and (min-width:1000px) { 

}