@charset "UTF-8";html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック"}body main{padding:0 10px}a{text-decoration:none}ul{list-style:none;padding:0}p{margin:0}main #flow .flow{max-width:1000px;margin:0 auto;position:relative}main #flow .flow .flow-img{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:linear-gradient(to bottom,#fff0 0%,#ffffff 100%),url(../資料/写真/IMG_2340.JPG);z-index:-1;opacity:.2;background-size:cover}main #flow .flow .flow1{font-size:1.5rem;margin:50px auto}main #flow .flow .flow_top{border:.5px solid #000;margin:0 auto;padding:10px;display:flex;align-items:center}main #flow .flow .flow_top div{font-size:1.5rem;text-align:left;padding-left:20px}main #flow .flow .flow_top div .flow_time{border-left:4px solid gray;padding-left:10px;margin-bottom:10px}main #flow .flow .flow_top div ul{margin:0}main #flow .flow .flow_top div ul li{line-height:2rem}main #flow .flow .flow_list ul li{display:flex;justify-content:space-around;flex-wrap:wrap;flex-direction:row;margin-bottom:50px}main #flow .flow .flow_list ul li img{width:30%;-o-object-fit:contain;object-fit:contain}main #flow .flow .flow_list ul li .list_sub{width:65%}main #flow .flow .flow_list ul li .list_sub .flow_sub1{border-top:1px solid gray;border-bottom:1px solid gray;text-align:left;height:60px;line-height:60px;font-size:1.5rem}main #flow .flow .flow_list ul li .list_sub .flow_sub1 span{background-color:#0098db;padding:5px 15px;margin-right:20px}main #flow .flow .flow_list ul li .list_sub .flow_sub2{font-size:1rem;text-align:left;line-height:2.3rem}main #flow .flow .flow_list ul li::after{display:block;content:"";width:50px;height:50px;border-bottom:1px solid #000;border-right:1px solid #000;background-color:#fff0;transform:rotate(45deg)}main #flow .flow .flow_list ul li:last-child::after{display:none}main #flow .flow .flow_list .last_text{font-size:1.7rem;color:#0098db}@media screen and (max-width:1000px){main #flow .flow .flow1{font-size:1.2rem}main #flow .flow .flow_top div{font-size:1.2rem}main #flow .flow .flow_list ul li .list_sub .flow_sub1{height:50px;line-height:50px;font-size:1.2rem}main #flow .flow .flow_list ul li .list_sub .flow_sub2{font-size:1rem;line-height:1.5rem}main #flow .flow .flow_list .last_text{font-size:1.2rem}}@media screen and (max-width:700px){main #flow .flow .flow_list ul li{flex-direction:column}main #flow .flow .flow_list ul li img,main #flow .flow .flow_list ul li .list_sub{margin:0 auto}main #flow .flow .flow_list ul li img{margin:30px auto;width:90%;max-width:400px}main #flow .flow .flow_list ul li .list_sub{margin:0 auto;width:90%}main #flow .flow .flow_list ul li::after{margin:0 auto}}