.flow{margin-top:30px}@media print,screen and (min-width:768px){.flow{margin-top:40px}.flow__stepcolumn{-ms-grid-columns:1fr 30px 1fr;display:-ms-grid;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}}.flow__stepWrap{background:#fff;text-align:center}.flow__stepWrap+.flow__stepWrap{margin-top:30px}@media print,screen and (min-width:768px){.flow__stepWrap+.flow__stepWrap{margin-top:0}}.flow__stepHead{background:var(--gray08-color);border-bottom:1px solid var(--gray02-color);color:var(--secondary-color);font-size:18px;font-size:1.8rem;font-weight:700;letter-spacing:.001em;padding:5px;text-align:center}.flow__stepArea{background:#fff;padding:30px 50px}@media print,screen and (min-width:768px){.flow__stepArea{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:35px 60px}.flow__stepcolumn .flow__stepArea{padding:35px 30px}}.flow__stepItem:not(:first-child){margin-top:5px;padding-top:17px;position:relative}.flow__stepItem:not(:first-child):before{border-color:var(--lightblue-color) transparent transparent transparent;border-style:solid;border-width:11px 6.5px 0;content:"";display:block;height:0;left:25px;position:absolute;top:0;width:0}@media print,screen and (min-width:768px){.flow__stepItem:not(:first-child){margin-left:15px;margin-top:0;padding-left:25px;padding-top:0}.flow__stepItem:not(:first-child):before{border-color:transparent transparent transparent var(--lightblue-color);border-style:solid;border-width:6.5px 0 6.5px 11px;height:0;left:0;top:100px;width:0}}.flow__stepInner{-ms-grid-rows:auto auto;-ms-grid-columns:65px 25px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px;display:-ms-grid;display:grid;grid-template-areas:"icon num" "icon name";grid-template-columns:65px 1fr;grid-template-rows:auto auto;text-align:left}@media print,screen and (min-width:768px){.flow__stepInner{-ms-grid-rows:auto 140px auto;-ms-grid-columns:1fr;grid-template-areas:"num" "icon" "name";grid-template-columns:1fr;grid-template-rows:auto 140px auto;text-align:center}}.flow__stepIcon{-ms-grid-row-span:2;border:4px solid var(--gray07-color);border-radius:50%;grid-area:icon;-ms-grid-column:1;-ms-grid-row:1;height:65px;overflow:hidden;width:65px}@media print,screen and (min-width:768px){.flow__stepIcon{height:140px;margin-top:5px;width:140px}}.flow__stepNum{color:var(--secondary-color);font-family:var(--secondary-font);font-size:24px;font-size:2.4rem;font-style:italic;font-weight:300;grid-area:num;-ms-grid-column:3;-ms-grid-row:1;letter-spacing:.00015em;line-height:1}@media print,screen and (min-width:768px){.flow__stepNum{text-align:center}}.flow__stepName{font-size:14px;font-size:1.4rem;grid-area:name;-ms-grid-column:3;-ms-grid-row:2;letter-spacing:.00025em}@media print,screen and (min-width:768px){.flow__stepIcon{-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-row:2}.flow__stepNum{-ms-grid-column:1;-ms-grid-row:1}.flow__stepName{-ms-grid-column:1;-ms-grid-row:3;margin-top:15px;text-align:center}}.flow__detailArea--frame{margin-top:var(--sp-vertical-spacing)}@media print,screen and (min-width:768px){.flow__detailArea--frame{background:#fff;margin-top:50px;padding:70px var(--horizon-spacing)}}.flow__detailArea>[class*=title]{margin-top:0}.flow__detailBlock{padding-top:50px}.flow__detailBlock:not(:first-child){margin-top:25px}.flow__detailArea--frame .flow__detailBlock{margin-top:0}@media print,screen and (min-width:768px){.flow__detailBlock{-ms-grid-rows:auto auto;-ms-grid-columns:auto 25px 1fr;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px;display:-ms-grid;display:grid;grid-template-areas:"titleNum titleName" "titleNum detail";grid-template-columns:auto 1fr;grid-template-rows:auto auto}}.flow__titleNum{color:var(--secondary-color);font-family:var(--secondary-font);font-size:26px;font-size:2.6rem;font-style:italic;font-weight:300;letter-spacing:.00015em;line-height:1}@media print,screen and (min-width:768px){.flow__titleNum{font-size:34px;font-size:3.4rem;grid-area:titleNum;line-height:1.5}}.flow__titleName{font-size:24px;font-size:2.4rem}@media print,screen and (min-width:768px){.flow__titleName{font-size:28px;font-size:2.8rem;grid-area:titleName}}.flow__detail{margin-top:20px}@media print,screen and (min-width:768px){.flow__detail{grid-area:detail}.flow__titleNum{-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-row:1}.flow__titleName{-ms-grid-column:3;-ms-grid-row:1}.flow__detail{-ms-grid-column:3;-ms-grid-row:2}}.flow__table table{table-layout:fixed}@media print,screen and (min-width:768px){.flow__table table{width:auto}.flow__table table td,.flow__table table th{min-width:340px}}