.tp_read{background:#02cccc;color:#fff;display:flex;flex-wrap:wrap;align-items:center}.tp_read>div{padding:5%}.tp_read h2{line-height:1.8em;margin-bottom:1em;border:solid 2px #fff;padding:.8em 1em;font-size:1.3em}.tp_read p{line-height:1.8em}.tp_read img{object-fit:cover;max-height:300px}.tp_list_nav h2{text-align:center;margin:8% 5%}.tp_list_nav ul{display:flex;justify-content:center;margin-bottom:2em}.tp_list_nav ul li{margin:0 1em}.tp_list_nav ul li a{display:block;padding:.8em 1.2em;border:solid 1px #02cccc;border-radius:10px;text-align:center;-webkit-transition:all .3s;transition:all .3s}.tp_list_nav ul li a:hover{background:#02cccc;color:#fff}.tp_list_nav .massage{margin:5% auto;width:90%;max-width:900px}.tp_list_nav .massage p{line-height:1.8em}.tp_list_nav .massage p.pic{text-align:right;padding:1em 0 0;font-size:.9em}.cs{font-size:.9em;text-align:right}@media screen and (max-width:767px){.tp_list_nav ul{flex-direction:column}.tp_list_nav ul li{margin:0 1em .5em}.tp_read{flex-direction:column;padding-top:22.135416666666664vw}.tp_read h2{text-align:center}}@media print,screen and (min-width:768px){.tp_read h2{width:-moz-fit-content;width:fit-content;font-size:1.5em}.tp_read h2 br{display:none}.tp_read>div{width:50%;padding:3% 3% 3% 5%}.tp_read img{width:50%;height:40vh;max-height:450px}.tp_list_nav h2{margin:6% 5%}}@media print,screen and (min-width:1024px){.tp_list_nav h2{font-size:30px}}.tp_wrap{padding:5% 0;background:#efffeb}.tp_list{padding:5%;margin:0 auto 5%;width:90%;background:#fff;border-radius:5%}.tp_list h3{margin-bottom:5%;text-align:center;line-height:1.5em;font-size:1.2em}.tp_list h3 span{display:block;background:#02cccc;color:#fff;padding:.8em 1.2em;margin-bottom:1.5em;border-radius:50px;font-size:1.2em}.tp_list_read{margin:0 auto 5%}.tp_list_read img{border-radius:50px}.ex{margin-bottom:1.5em;padding:0 0 1.5em;border-bottom:solid 1px #02cccc;line-height:1.6em}dl.purpose{display:flex;align-items:center;margin-bottom:3%;background:#ebf0f0;padding:3%;border-radius:5px}dl.purpose dt{color:#02cccc;border:solid 2px #02cccc;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fff}dl.purpose dd{width:calc(100% - 100px);padding:0 0 0 2em}dl.flow dt{padding:.6em 1em;background:#fff8a2;text-align:center;font-weight:700;display:flex;justify-content:center;align-items:center}dl.flow dd{padding:.6em 1em;background:#fffcde}dl.flow dt,dl.flow dd{border-bottom:solid 2px #fff}ul.field{display:flex;flex-wrap:wrap}ul.field li{margin:0 10px 10px 0;border:solid 2px #fff8a2;text-align:center;padding:.8em;border-radius:5px;background:#fffcde}@media screen and (max-width:767px){#tp02 dl.flow dt br{display:none}ul.field li{width:calc((100% - 10px)/2)}ul.field li:nth-child(2n){margin-right:0}}@media print,screen and (min-width:768px){.tp_list h3 br{display:none}.tp_list h3 span{font-size:1.4em}.ex{padding:0 1em 1.5em}.tp_list>div{padding:0 3%}dl.flow{display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch}dl.flow dt{width:100px}dl.flow dd{width:calc(100% - 100px)}#tp02 dl.flow dt{width:200px}#tp02 dl.flow dd{width:calc(100% - 200px)}ul.field li{width:calc((100% - 20px)/3)}ul.field li:nth-child(3n){margin-right:0}}@media print,screen and (min-width:1024px){.tp_list_read{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.tp_list_read>div{width:50%}.tp_list_read img{width:45%;position:relative}}